/* ------------------
** || PLAN DU SITE ||
** ------------------
**
** body
** |-- #site
** |---|-- #header
** |---|---|-- #entete1
** |---|---|---|-- #lien_accueil_hidden
** |---|---|-- #entete2
** |---|---|-- |-- #zoneRaccourcis
** |---|---|-- |-- #menuPrincipal
** |---|---|-- |-- #sousMenuPrincipal
** |---|---|-- |-- #zoneConnexion
** |---|-- #menuLateralGauche
** |---|-- #main
** |---|-- #menuLateralDroit
** |---|-- #bas_site
**
** -------------------------
** || SOMMAIRE DU FICHIER ||
** -------------------------
**
** 1. D�finitions g�n�rales
** 2. Habillage principal du site
** 2.1. Gabarit
** 2.2. Menu principal
** 2.3. Sous-menu principal
** 2.4. Zone Connexion
** 2.5. Zone Raccourcis
** 2.6. Menu Lat�ral Gauche
** 2.7. Main
** 2.8. Menu Lat�ral Droit
** 3. Contenu du site
** 4. Accueil Espace Perso
** 5. Calendrier
** 6. Offres d'emploi
** 7. Page des liens
** 8. Administration
** 8.1 Admin 1
** 8.2 R�sultat recherche diplome admin
** 8.3 Loader Admin
** 8.4 Gestion des menus
** 9. Popups
** 10. Module côté
**/


/******* 1. D�finitions g�n�rales *******/

html, body {
	margin : 0;
	padding : 0;
}

body {
	font-family : Verdana, "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-align : center;
	font-size : 9pt;
}

a {
	color : #3d4f93;
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

textarea {
	font-family : verdana;
	font-size : 9pt;
}

input.input_text, select.select, textarea.textarea {
	font-family : verdana;
 	font-size:8pt;
}

table {
	font-size : 9pt;
}

img {
	border : 0;
}

h4 {
	font-size: 1em;
	text-align : left;
	border-bottom : #313131 solid 1px;
}

form {
	margin: 0;
}

input[type=text], input[type=file], input[type=password], textarea {
	padding: 0.1em 0.2em;
}

hr {
	color: #bd4376;
	background-color: #bd4376;
	height: 1px;
	border: 0;
	padding : 0;
	margin: 0.5em 14px;
}


/******* 2. Habillage principal du site *******/

/*** 2.1. Gabarit ***/


#site {
	width : 980px;
	margin : 0 auto;
	text-align : left;
	font-size : 9pt;
	background : #FFF url('../../images/fond_site.jpg') top left repeat-y;
}

#header #entete1 {
	background : transparent url('../../images/entete.jpg') top left no-repeat;
	height : 125px;
}

#lien_accueil_hidden {
	width : 125px;
	height : 125px;
	margin : 0 0 0 190px;
}

#header #entete2 {
	background : transparent url('../../images/entete2.jpg') top left no-repeat;
	height : 187px;
}

#header #entete2_1 {
	background : transparent url('../../images/entete2_2.jpg') top left no-repeat;
	height : 187px;
}

#header #entete2_2 {
	background : transparent url('../../images/entete2_1.jpg') top left no-repeat;
	height : 187px;
}

#header #entete2_3 {
	background : transparent url('../../images/entete2_3.jpg') top left no-repeat;
	height : 187px;
}

#header #entete2_4 {
	background : transparent url('../../images/entete2_4.jpg') top left no-repeat;
	height : 187px;
}

#header #entete2_5 {
	background : transparent url('../../images/entete2_5.jpg') top left no-repeat;
	height : 187px;
}

#bas_site, #bas_site a, #base_site a:visited {
	font-family : verdana;
	color : #FFF;
	font-size : 8pt;
	background-color : #2150e2;
}


/*** 2.2. Menu principal ***/


#menuPrincipal {
	position : absolute;
	margin : 0 0 0 191px;
	padding : 0;
	width : 598px;
	height : 32px;
	font-size : 7pt;
	border-collapse : collapse;
}

#menuPrincipal td {
	border : 2px solid #FFF;
	padding: 0 2em;
	width : 20%;
}

#menuPrincipal a, #menuPrincipal a:visited {
	color : #b62f67;
	font-weight : bold;
	text-align : center;
	display : block;
	text-decoration : none;
}

#menuPrincipal a:hover {
	color : #2150e2;
}


/*** 2.3. Sous-menu principal ***/


#sousMenuPrincipal {
	position : absolute;
	width : 320px;
	height : 146px;
	margin : 32px 0 0 469px;
	background-color : #b62f67;
	padding : 0;
	font-size : 7pt;
	border-collapse : collapse;
}

#sousMenuPrincipal td {
	margin : 0;
	padding : 0;
}

#sousMenuPrincipal ul {
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#sousMenuPrincipal li {
	margin : 0;
	padding : 0;
	display : inline;
}

#sousMenuPrincipal a, #sousMenuPrincipal a:visited {
	color : #FFF;
	font-weight : bold;
	display : block;
	padding : 5px 0 5px 50px;
	margin : 0;
	text-decoration : none;
}

#sousMenuPrincipal a:hover {
	background-color : #c45985;
}


/*** 2.4. Zone Connexion ***/


#zoneConnexion {
	width : 190px;
	height : 180px;
	font-size : 8pt;
	position : absolute;
	margin-left : 790px;
	color : #FFF;
}

#zoneConnexion div {
	margin-left : 33px;
	margin-top : 50px;
}

#zoneConnexion form {
	margin : 0;
	padding : 0;
}

#zoneConnexion input.text {
	height : 16px;
	font-size : 9pt;
	margin: 2px;
	padding: 0 0 0 5px;
	background : #FFF url('../../images/fond_champ_entete.jpg') left no-repeat;
	border : 0;
	color : #2150e2;
	vertical-align : middle;
	width : 100%;
}

#zoneConnexion p {
	margin : 5px 0 15px 0;
}

#zoneConnexion input.bouton_connexion {
	width : 11px;
	height : 16px;
	margin : 0;
	padding : 0;
	background : #FFF url('../../images/bouton_entete.jpg') left top no-repeat;
	vertical-align : top;
}

#zoneConnexion a, #zoneConnexion a:visited {
	color : #FFF;
	text-decoration : none;
}

#zoneConnexion a:hover {
	text-decoration : underline;
}


/*** 2.5. Zone Raccourcis ***/


#zoneRaccourcis {
	position : absolute;
	margin : 0;
	width : 190px;
	height : 180px;
	color : #FFF;
}

#zoneRaccourcis h1 {
	font-size : 12pt;
	font-weight : bold;
	padding-left : 40px;
	margin-top : 20px;
	background : transparent url('../../images/puce_titre_raccourcis.gif') left center no-repeat;
}

#zoneRaccourcis ul {
	list-style-type : none;
}

#zoneRaccourcis li {
	margin : 5px 0;
}

#zoneRaccourcis a, #zoneRaccourcis a:visited {
	color : #FFF;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}

#zoneRaccourcis a:hover {
	text-decoration : underline;
}


/*** 2.6. Menu Lat�ral Gauche ***/


#menuLateralGauche {
	padding-top : 20px;
	font-size : 8pt;
	width : 191px;
	background : transparent url('../../images/fond_menu_gauche.jpg') top left no-repeat;
	color : #2150e2;
}

#menuLateralGauche h1 {
	font-size : 8pt;
	padding : 0 0 0 40px;
	background : transparent url('../../images/puce_menu_gauche.gif') left center no-repeat;
	height : 38px;
	padding-top : 5px;
	margin : 0;
}

#menuLateralGauche h1:first-letter, #menuLateralDroit h1:first-letter {
	font-size : 1.5em;
}

#menuLateralDroit h1 span {
	font-size : 1.5em;
}

#menuLateralGauche ul {
	list-style-type : none;
	margin : 0 5px 20px 5px;
	padding : 0 0 0 10px;
	position : relative;
	bottom : 10px;
}

#menuLateralGauche ul li {
	margin : 10px 0 10px 20px;
}

#menuLateralGauche a, #menuLateralGauche a:visited {
	text-decoration : none;
	color : #2150e2;
	font-weight : bold;
}

#menuLateralGauche a:hover {
	text-decoration : underline;
}


/*** 2.7. Main ***/


#main {
	padding : 20px 10px;
	font-size : 9pt;
	text-align : left;
	margin: 5px;
}

#main h1.titrePage {
	text-align : left;
	font-size : 13pt;
	padding-left : 25px;
	background : transparent url('../../images/puce_titre.gif') left bottom no-repeat;
	color : #bd4376;
	margin : 0 0 10px 0;
}

#lib_ep {
	position: relative;
	right: 10px;
	bottom: 19px;
}


/*** 2.8. Menu Lat�ral Droit ***/


#menuLateralDroit {
	padding-top : 20px;
	font-size : 8pt;
	width : 190px;
	background : transparent url('../../images/bord_mld.png') top left no-repeat;
	color : #2150e2;

}

#menuLateralDroit h1 {
	font-size : 8pt;
	padding-left : 40px;
	height : 38px;
	padding-top : 5px;
	margin : 0 0 27px 0;

}

#menuLateralDroit ul {
	list-style-type : none;
	margin : 0 5px 20px 5px;
	padding-left : 10px;
	position : relative;
	bottom : 10px;
}

#menuLateralDroit ul li {
	margin : 10px 0 10px 20px;
}

#menuLateralDroit a, #menuLateralDroit a:visited {
	text-decoration : none;
	color : #2150e2;
	font-weight : bold;
}

#menuLateralDroit a:hover {
	text-decoration : underline;
}


/******* 3. Contenu du site *******/

div.more {
	text-align : right;
	font-style : italic;
	font-weight : bold;
	font-size : 0.9em;
}

div.lienContextuel {
	float : right;
	margin: 4px 0 0 0;
	font-style : italic;
	font-weight : bold;
}


div.confirmation {
	text-align: center;
	margin: 2em auto 1em auto;
	color: #399135;
	font-weight: bold;
}

div.erreur {
	text-align: center;
	margin: 15px auto;
	color: #CC0000;
	font-weight: bold;
}

div.submit {
	margin: 1.5em;
	text-align : center;
}

div.submit input {
	padding : 0.4em;
	overflow : visible; /* Corrige un bug d'IE7 */
	width : auto; /* Corrige un bug d'IE7 */
}

input.fixe { /* pour les champs de date essentiellement */
	text-align : center;
}

p.loi {
	padding : 10px;
	width : 70%;
	border : 1px solid #AAAAAA;
	background-color : #FFFFEE;
	color : #666666;
	font-style : italic;
	text-align : left;
	font-size: 0.8em;
	margin: 3em;
}

p.avertissement {
	width : 60%;
	color : #d93a1b;
	border : solid #d93a1b 1px;
	margin : 0 auto;
	text-align : center;

	padding: 0.5em;
	background-color: #f9f5e1;
}

p.avertissement img {
	vertical-align: text-bottom;
}

h4.titreForm {
	margin : 1.7em 0.1em 0.1em 0.1em;
	padding : 0 0 0.1em 0;
}

h4.sousTitreForm, #contenuAdmin h4.sousTitreForm {
	margin : 1.7em 0.3em 0.3em 0.3em;
	padding : 0 0 0.3em 1em;
	font-style : italic;
	font-size : 0.9em;
}

.precision {
	font-size : 0.8em;
}

.en_cours {
	font-size : 0.8em;
	color : red;
}

table.form {
	width : 100%;
	margin: 0.5em

}

table.form th {
	background-color : #EEEEEE;
	padding : 0 1em;
	font-weight : normal;
	text-align : left;
	padding: 0.2em 0.2em;
	width: 17em;
}

table.form th div.precision {
	text-indent: 1em;
}

table.form td {
	padding: 0.2em 0.2em;
	text-align : left;
}

table.form td.photo {
	border : 1px solid #DDDDDD;
	color: #DDDDDD;
}

table.form td img {
	vertical-align : text-bottom;
}

div.news {
	padding : 0 1em 0 1em;
	margin : 0;
}

div.news h5 {
	position : relative;
	border-left : solid #7697b2 1px;
	border-bottom : solid #7697b2 1px;
	padding: 0.2em;
	font-size : 1em;
	margin: 0 0 1em 0;
}

div.news h5 span.date {
	position : absolute;
	right : 0;
	top : 4px;
	font-weight : normal;
	font-size : 0.75em;
	color : #5B5B5B;
}

div.news table {
	width : 100%;
}

div.news table td, div.news table th {
	vertical-align : top;
}

div.news table th {
	padding : 0 0.5em 0 0;
	width: 1px;
}

div.news p.contenu {
	margin : 0 0 0.5em 0;
	text-align : justify;
}

div.news p.comment {
	text-align : left;
	font-style : italic;
}

.formulaireLogin {
	border-top : 1px solid #000;
	font-size : 10pt;
}

.tableau_formulaire {
	font-size : 8pt;
}

.titre_formulaire {
	border-bottom : 1px solid #000;
	text-align : left;
	font-size : 10pt;
	padding-bottom : 5px;
}

.libelle_formulaire {
	font-weight : bold;
	text-align : right;
	padding-right : 5px;
	width : 200px;
	background-color : #ffbc16;
}

.champ_formulaire {
	padding-left : 5px;
}

#tableau_accueil {
	font-size : 9pt;
	text-align : left;
}

#tableau_accueil h3 {
	font-size : 12pt;
	text-align : left;
}

#tableau_accueil .infos_accueil {
	margin-bottom : 10px;
	padding-bottom : 10px;
	border-bottom : 1px solid #c4c3c1;
}

#tableau_accueil .infos_accueil .date_accueil {
	background : transparent url('../../images/fond_date_accueil.gif') left center no-repeat;
	color : #FFF;
	padding-left : 5px;
	height : 18px;
	margin-bottom : 3px;
}

#tableau_accueil .infos_accueil a, #tableau_accueil .infos_accueil a:visited {
	color : #000;
	text-decoration : none;
}

#tableau_accueil .infos_accueil a:hover {
	text-decoration : underline;
}

#tableau_accueil .infos_accueil .date_accueil span {
	display : block;
	margin-top : 1px;
}

#tableau_accueil .infos_accueil .titre_info_accueil {
	padding-left : 20px;
}

#tableau_accueil .infos_accueil .savoir_plus, #tableau_accueil .infos_accueil .savoir_plus:visited {
	text-align : right;
	display : block;
	font-size : 7pt;
	color : #63a0a1;
	margin-top : 5px;
}

.tableau_annuaire_noncotisant {
	font-size : 9pt;
}

.tableau_annuaire_noncotisant th {
	font-size : 10pt;
	text-align : left;
}

.tableau_annuaire_noncotisant td {
	padding : 1px 3px;
}

.tableau_annuaire_cotisant {
	font-size : 9pt;
}

.tableau_annuaire_cotisant th {
	font-size : 10pt;
	text-align : left;
}

.tableau_annuaire_cotisant td {
	padding : 1px 3px;
}

.tableau_paiement {
	font-size : 9pt;
}

.tableau_paiement a, .tableau_paiement a:visited {
	font-weight : bold;
	color : #000;
	text-decoration : none;
}

.tableau_paiement a:hover {
	text-decoration : underline;
}

.result_recherche {
	font-size : 9pt;
}

.infos_page {
	text-align : left;
}

.tableau_mdp th {
	background-color : #ffbc16;
	padding : 5px 0;
}

.tableau_mdp td {
	background-color : #fff;
	padding : 5px 0;
	text-align : center;
}


/******* 4. Accueil Espace Perso *******/

div#homeEP h1 {
	text-align : left;
	font-size : 13pt;
	padding-left : 25px;
	background : transparent url('../../images/puce_titre.gif') left bottom no-repeat;
	color : #bd4376;
	margin-left: 10px;
}


div#homeEP ul {
	list-style-image: url(../../images/arrow_list.png);

}

div#homeEP ul li {
	margin: 5px 5px 5px 10px;
}

div#homeEP ul li a {
	text-decoration: none;
	color: black;
}

div#homeEP ul li a:hover {
	text-decoration: underline;
}


.tableau_cotisation {
	margin-bottom : 20px;
}

.tableau_cotisation td.somme {
	text-align : right;
}

.tableau_cotisation td.somme input {
	width : 70%;
	text-align : right;
}

.libelle_cotisation {
	font-weight : bold;
	text-align : right;
	width : 300px;
}

.choix_cotisation {
	width : 15px;
}

.tarif_cotisation {
	width : 50px;
}

.tableau_conseil {
	font-size : 9pt;
}

.tableau_conseil th {
	text-align : center;
}

.tableau_conseil .bouton_membre {
	text-align : center;
}

.tableau_news {
	margin-bottom : 20px;
}

.tableau_news .titre_news {
	border-bottom : 1px solid #000;
	font-weight : bold;
}

.tableau_news .date_news {
	border-bottom : 1px solid #000;
	text-align : right;
	font-style : italic;
}

.tableau_news .contenu_news {
	text-align : justify;
}


/******* 5. Calendrier *******/


.tableau_calendrier {
	font-size : 9pt;
}

.calendrier th {
	background-color : #ffbc16;
	font-size : 8pt;
	text-align : center;
	padding : 3px 5px;
	font-weight : normal;
}

.calendrier td {
	font-size : 8pt;
	text-align : center;
	padding : 6px 0;
}

.liste_cotisations {
	font-size : 8pt;
}

/************************************************** Remise *******************************************************/

table#remise {
	border: outset 2px #999999;
	border-spacing: 0;
	margin: 1em auto;
	padding: 0 5px;
	padding-bottom: 7px;
}

table#remise th {
	text-align: center;
	padding: 1.2em;
}

table#remise td {
	text-align: center;
	padding: 0 0.5em;
}

table#remise tr.total td {
	border-top : solid black 1px;
	padding-top: 1em;
}

table#remise tr.manif td {
	text-align: left;
}

table#remise .somme {
	text-align: right;
}

table#remise input.somme {
	width: 5em;
}




.tabbox {
 	margin : 5px auto;
}

.tabbox td {
	text-align : center;
	margin : 0;
}

.tabbox a, .tabbox a:visisted {
	margin : 0;
	text-decoration : none;
	color : #000;
	font-size : 9pt;
}

.tabbox a:hover {
	text-decoration : underline;
}


/******* 6. Offres d'emploi *******/


.blocOffre {
	margin : 10px 0;
	border : 1px solid #CCC;
}

.blocOffre .titreOffre {
	background : #ffbc16;
	padding : 3px 5px;
}


/******* 7. Page des liens *******/


.titre_categorie_liens {
	color : #F00;
	font-weight : bold;
}

.tableau_liens img {
	border : 0;
	height : 30px;
}

.tableau_lien .logo_lien {
	padding : 0;
	text-align : center;
}


/******* 8. Administration *******/

/*** 8.1 Admin 1 ***/

div#deco {
	text-align : center;
	margin : 4em 0 0 0;
}

div#deco a {
	font-weight : bold;
	font-style : italic;
}

div.choixMenu {
	text-align : center;
	margin : 1.5em;
}

#contenuAdmin h4 {
	margin : 1.3em 0.3em 0.3em 0.3em;
	padding : 0 0 0.3em 0;
}

#contenuAdmin li {
	margin : 0.4em;
}

.sousMenuAdmin {
	margin-top : 1px;
}

.sousMenuAdmin td {
	text-align : center;
}

.sousMenuAdmin a, .sousMenuAdmin a:visited {
	color : #FFF;
	text-decoration : none;
}

.tableau_news {
	margin-bottom:20px;
	width: 720px;
}
.tableau_news .titre_news {
	border-bottom:1px solid #000;
	font-weight:bold;
}
.tableau_news .date_news {
	border-bottom:1px solid #000;
	text-align:right;
	font-style:italic;
}
.tableau_news .contenu_news {
	text-align:justify;
	padding: 1.3em;
	width: 100%;
}

/*****************************************************************************************************************
********************************************** Tr�sorerie ********************************************************
******************************************************************************************************************/

/******************************************* Liste cotisations ***************************************************/

table#liste_cotisations {
	width: 70%;
	border: solid 1px #bdc9ed;
	border-collapse : collapse;
	margin : 2em auto;
}

table#liste_cotisations th {
	background-color: #eeeeee;
	padding : 0.3em;
	text-align : center;
}

table#liste_cotisations tr:hover {
	background-color: #dae0f0;
}

table#liste_cotisations td {
	text-align: center;
	padding : 0.3em;
}

table#liste_cotisations td.somme {
	text-align: right;
	padding-right: 0.5em;
	border-left : solid white 1px;
}

table#liste_cotisations th.somme {
	text-align: right;
	padding-right: 0.5em;
}

table#liste_cotisations tr.total td {
	font-weight : bold;
	border : none;
	border-top: solid 1px #bdc9ed;
}



/*** 8.2 R�sultat recherche diplome admin ***/


.tableau_resultat_admin {
	font-size : 8pt;
}

.tableau_resultat_admin th {
	background-color : #ffbc16;
}

.tableau_resultat_admin .numero_ligne {
	background-color : #ffbc16;
	text-align : right;
	padding : 2px 5px;
	font-weight : bold;
}

.liste_groupes {
	width : 100%;
}

.liste_groupes .noms_groupes {
	padding-left : 50px;
}

.liste_groupes .actions_groupes {
	width : 100px;
}

.liste_membres_groupe {
	width : 100%;
	font-size : 7pt;
}

.liste_membres_groupe .entete td {
	border-bottom : 1px solid #dbe2ec;
	font-weight : bold;
}

.liste_membres_groupe .statut {
	width : 50px;
	text-align : center;
}

.liste_membres_groupe .nom_membre {
	text-align : left;
	padding-left : 10px;
}

.liste_membres_groupe .nom_membre a, .liste_membres_groupe .nom_membre a:visited {
	text-decoration : none;
	color : #000;
	font-size : 7pt;
}

.liste_membres_groupe .nom_membre a:hover {
	text-decoration : underline;
}

.liste_membres_groupe .commentaire {
	font-style : italic;
	padding-left : 20px;
}

.liste_membres_groupe .bouton_comm {
	width : 10px;
}

.liste_membres_groupe .statut {
	width : 40px;
}

.cadre_formulaire {
	width : 600px;
	margin-bottom : 0;
	padding:0;
	background:url('../../images/form_milieu.gif') left top repeat-y;
	text-align:left;
}

.cadre_formulaire h4 {
	display : inline;
	position : absolute;
	margin-top : -35px;
	margin-left : 30px;
	font-weight : bold;
	font-size : 12pt;
	background-color : #2897CE;
	color : #FFF;
	border : 1px solid #6FF;
	padding : 3px 5px;
}

.cadre_formulaire a, .cadre_formulaire a:visited {
	color : #000;
	text-decoration : none;
}

.cadre_formulaire a:hover {
	text-decoration : underline;
}

.ongleton {
	font-family : Verdana,Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000066;
	background-image : url(../../images/onglet_on.gif);
	text-align : center;
	word-spacing : normal;
	font-style : normal;
	line-height : normal;
	vertical-align : middle;
	background-position : center;
	font-weight : bold;
}

.ongletoff {
	font-family : Verdana,Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	text-align : center;
	vertical-align : middle;
	font-style : normal;
	line-height : normal;
	background-image : url(../../images/onglet_off.gif);
	background-position : center;
}

.onglet2on {
	font-family : Verdana,Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000066;
	background-image : url(../../images/onglet2_on.gif);
	text-align : center;
	word-spacing : normal;
	font-style : normal;
	line-height : normal;
	vertical-align : middle;
	background-position : center;
	font-weight : bold;
}

.vert {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #00CC00;
}

.rouge {
	color : #FF0000;
}


/*** 8.3 Loader Admin ***/


#loader {
  width : 320px;
  height : 100px;
  margin-left : auto;
  margin-right : auto;
}

#loader td {
  padding : 0px;
  background : #ffffff;
}

#loader p {
  border : 3px solid #6E89DD;
  padding : 20px;
  margin : 0;
  background : #EEF0FC;
}

#loader img {
  float : left;
  margin-right : 12px;
}

#loader strong {
  display : block;
  margin-bottom : 3px;
}

#loaderContainer {
  position : absolute;
  width : 100%;
  height : 100%;
  z-index : 100;
  top : 0;
  left : 0;
  /*height: expression(document.documentElement.clientHeight+'px');*/
}

#loaderContainer td {
	padding-top : 150px;
	vertical-align : top;
	text-align : center;
	background-image : url('../../images/semi-transparent.gif');
}

#loaderContainer td td {
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top : 0px;
	text-align : left;
	font-size : 14px;
}

/*** 8.3 Gestion des menus ***/

table.gestion_menu {
	width: 100%;
}

table.gestion_menu input {
	width: 70%;
	margin: 0.15em 0;
}

table.gestion_menu tr.first {
	background-color: #96a1d2;
	height: 2.3em;
}

table.gestion_menu tr.second {
	background-color: #e9e9f5;
}

table.gestion_menu tr.third {
	background-color: #e9e9f5;
}

table.gestion_menu tr.ajout {
	background-color : #E3F2F8;
}

table.gestion_menu td {
	text-align: center;
	color: white;
	font-weight: bold;
}

table.gestion_menu td.menu {
	text-align: left;
	padding: 0 0 0 10px;
}

table.gestion_menu table {
	width: 100%;
}

table.gestion_menu table td {
	text-align: center;
}

table.gestion_menu td.menu div {
position: relative;
}

table.gestion_menu a.plus {
	position: absolute;
	right: 1em;
	top: 8px;;
}

/*******************************/

#helpAdmin {
	position : relative;
	float : left;
	top : 11px;
	left : 3px;
	margin: 0 0.7em 0 0;
}

#helpContent {
	border : solid #d0dae0 3px;
	background-color : #e7f7ee;
	padding : 0.5em;
	font-size : 0.9em;
	color : #1c2d76;
	text-align : justify;

	position : absolute;
	left: 17px;
	bottom : 25px;
	width : 350px;
	z-index : 3;
	visibility : hidden;
}


/******* 9. Popups *******/

.popup {
	padding: 1em 1.5em;
	text-align: center;
	background-image: url(../../images/back_popup.png);
	background-repeat: repeat-x;
	background-attachment: fixed ;
	height: 100%;
	background-color: white;
}

.popup h3 {
	margin-bottom: 1em;
	text-align: left;
	font-size: 16px;
	color: #dddddd;
	border-left: #acbabd solid 3px;
	border-bottom: #acbabd solid 3px;
	padding: 0.2em;
}

.popup table {
	margin: 0 auto;
}

.popup table.tableau th {
	background-color: #EFEFEF;
}

.popup table.tableau td {
	text-align: center;
	padding: 0 1em;
}

.popup table.tableau td.left {
	text-align: left;
}

.popup table.tableau tr.pair td {
	background-color: #EAEEED;
}

.popup table.tableau tr.impair td {
	background-color: #BDC9DD;
}

.popup table.form th {
		text-align : right;
		background-color : transparent;
		width : 5em;
		font-weight : bold;
		color : #FFF;
		margin : 0;
		padding : 0;
}

.popup table.form input {
		padding : 0 0.1em;
		font-size : .85em;
}


/******* 10. Module côté *******/

div.menu_context_G {
	position : relative;
	right : 15px;
}

div.menu_context_G h2, div.menu_context_D h2 {

	font-size : 8pt;
	padding-top : 5px;
	padding-bottom : 3px;
	margin : 0 0 5px 30px;

	border-bottom : solid blue 1px;
}

div.menu_context_G h2:first-letter, div.menu_context_D h2:first-letter {
	font-size : 1.5em;
}


/* --- Sondages --- */

div.sondage {
	border: solid #b9b9ec 1px;
	padding: 3px;
	text-align: center;
	font-size: 0.8em;
	margin : 0 0 0 30px;
}

div.sondage th {
	padding: 0.1em;
}


div.sondage table tr.reponse th {
	text-align: left;
	padding: 0 0 0 3px;
	width: 60%;
}

div.sondage table tr.reponse th img {
	vertical-align: -10%;
}

div.sondage table tr.reponse td {
	text-align: center;
}

div.sondage p {
	margin: 0.6em;
	padding: 0;
}

div.sondage p input {
	padding: 0.2em;
}

div.sondage h4 {
	font-size: 1.2em;
	padding: 3px;
	margin: 0 0 1em 0;
	background-color: #e1dff4;
}

.skin0{
	position:absolute;
	width:200px;
	border:2px solid black;
	background-color:menu;
	font-family:Verdana;
	line-height:20px;
	cursor:default;
	visibility:hidden;
}

.skin1{
	cursor: default;
	font: menutext;
	position: absolute;
	width: 145px;
	background-color: menu;
	visibility:hidden;
	border: 2px outset buttonhighlight;
	font-family: Verdana,Geneva, Arial;
	font-size: 10px;
	line-height:1.8em;
	padding:0 5px;
	color: black;
}

.menuitems {
	padding-left : 15px;
	padding-right : 10px;
}


.confirmation {
        color:#333371;
        background:#E6F8DD url('../../global/images/confirmation.gif') 20px center no-repeat;
        padding:10px 10px 10px 60px;
        font-weight:bold;
        margin:10px 0;
        /*border:dashed;*/
        border-style:dashed;
        border-width:thin;
        border-color:#999;
}

.erreur {
        color:#111;
        background:#FBACAE url('../../global/images/stop.png') 20px center no-repeat;
        padding:10px 10px 10px 60px;
        font-weight:bold;
        margin:10px 0;
        /*border:dashed;*/
        border-style:dashed;
        border-width:thin;
        border-color:#999;
}