body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #a0bdb4 url(gx/bg.gif) repeat-x  scroll center top;
	margin: 0;
	padding: 20px 0 0 0 ;
	text-align:center;
}
html{
	color: #717172;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;}

h1{color: #304b69; font-size:23px; padding:7px 0;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h1 div.etapesPanier{font-size:14px;color:#d2d2d2;display:block;float:right;}
h1 div.etapesPanier strong{color:#cb8b00;}
h1 div.etapesPanier a{color:#555;text-decoration:none;}
h1 div.etapesPanier a:hover, h1 div.etapesPanier a:hover{color:#555;text-decoration:underline;}

h2{color: #304b69; font-size:15px; margin-bottom:5px; display:block; border-bottom:1px solid #DEE6F0;}
h2 a, h2 a:link, h2 a:visited{color:#e2900c;text-decoration:none;}

h3{color: #486e5e; font-size:18px; padding:7px 0;}
h3 a, h3 a:link, h3 a:visited{color:#C21527;}

p{font-size: 12px; line-height: 150%; color: #486e5e;}
p strong{color: #35506f;}
.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, #personne a{color:#486e5e; text-decoration:underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#9c9c9c; text-decoration:underline;
}

ul li{color:#486e5e; font-size:12px; line-height:170%; list-style:square; margin-left:16px;}
ol li{color:#486e5e; font-size:12px; line-height:150%; margin-left:16px;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/
sup{position:relative; bottom:0.3em; vertical-align:baseline;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneurContour{
	width:1000px;
	margin: 0px auto 0 auto;
	padding-top:10px;
	text-align:center;
	background: #d8e8e3 url(gx/m/bg_conteneur.gif) repeat-x;
}
#conteneur{	margin:0 11px ; width: 978px; text-align: left;  background: #fff;}
#haut{background: #fff url(gx/m/bg_haut.gif) no-repeat;position:relative; z-index: 1; float:left; display: block;width:100%;}
#logo{margin:20px 0 10px 20px; }

/* Connexion (login membres) */
#boiteConnexion{position:absolute;	top:2px; left: 407px;	z-index: 5;}
#boiteConnexion p{padding:3px 7px 0 0px; font-size:10px; color:#f0f0f0; float:left; }
#boiteConnexion p a, #boiteConnexion p a:link, #boiteConnexion p a:visited:link{color:#f0f0f0; text-decoration: underline;}
#boiteConnexion p a:hover, #boiteConnexion p a:visited:hover{color:#ac6515;}
#lienBtnConnexion{
	background: transparent url(gx/m/btn_Membre.gif) no-repeat;
	width: 135px;	height: 33px;
	color: #ac6515;
	text-transform: uppercase;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
	line-height: 30px; 
	padding:2px 0 0 28px;
	float:left;
	position:absolute;
	z-index: 2;
}
#lienBtnConnexion:hover{color: #834C10;}

#contenuBoiteConnexion{
	background: url(gx/m/bg_boiteConnexion.gif) no-repeat;
	/*display:none;*/
	/*visibility:hidden;*/
	position:absolute;
	top:28px;
	left:0;
	height:86px;
	width:249px;
	padding:15px 10px 0 10px;
}



#contenu{margin:0 6px; min-height: 500px; height: 100%; _height: 500px; background: url(gx/m/separateur_texte.gif) no-repeat 200px top ;}
#contenuPrincipal{
	float:left;
	display:block;
	margin:15px 0 0 35px;
	width:725px;_width:710px;
	background: #ecf6fd;
	min-height: 400px; height: 100%; _height: 400px;
	
}
#contenuPopup{
	background: #ecf6fd;
	padding: 15px;
	min-height: 470px;  _height: 470px; 
}
#contenuPrincipal .inner{margin:10px 10px 10px 25px;}

#personne{
	border-left: 3px solid #99CCCC;
	background: #F7FAFA;
	padding:5px;
	margin:5px 0;
	color: #486e5e;
}


.both{clear:both;}
.date, a.date:link, a.date:visited{color:#e2900c;text-decoration:none;}
a.date:hover, a.date:hover:visited{color:#e2900c;text-decoration:underline;}

.boiteContact{	background:#e5f0ed;padding:8px;width:250px;float:right;margin-left:10px;}

#boitePanier{
	position:absolute;top:40px; right:20px;
}
/* MENUS
--------------------------------------------------------------------------------------- */
/* Menu principal */
#menu{height:50px; margin:0 6px; padding:0;position:relative; z-index: 2;} 
#menu ul{height:50px;margin: 0;padding:0; width: 965px; text-align: center; background: url(gx/m/bg_menu.png) no-repeat;}
#menu ul li{padding:0; margin:0; float:left; display:block;list-style-type:none; background: url(gx/m/separateur_menu.gif) no-repeat right top;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	/*border: 1px solid #999;*/
	color: #bfd3e9;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 45px;
	height: 45px;
	
	/*padding: 0 28px;*/
	display:block;
	text-align: center;
	width: 170px;
	text-decoration: none;
	
}
#menu ul li.premier a, #menu ul li.premier a:link, #menu ul li.premier a:visited{width: 142px;}
#menu ul li.dernier a, #menu ul li.dernier a:link, #menu ul li.dernier a:visited{width: 143px;}
#menu ul li.dernier{background:none;}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#fff;}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#FFF;background: url(gx/m/bg_menu_on.gif) no-repeat center top;}
#menu ul li.premier a.actif, #menu ul li.premier a.actif:visited{background: url(gx/m/bg_menu_on.gif) no-repeat left top;}
#menu ul li.dernier a.actif, #menu ul li.dernier a.actif:visited{background: url(gx/m/bg_menu_on.gif) no-repeat right top;}

/* Menu utilitaire */
#menuu{height:33px;width:388px; margin:2px 15px 0 0;_margin-right:7px; padding:0; position:relative; float:right;background: transparent url(gx/m/bg_menuu.gif) no-repeat;}
#menuu ul{padding:0 0 0 5px;}
#menuu ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	line-height: 33px;
	float:left;
   	/* width:103px; */
	color: #caecdd;
	font-size: 10px;
	font-weight: bold;
	text-align:center;
	text-transform: uppercase;
	text-decoration: none;
}
#menuu ul li.normale a{ width:103px;}
#menuu ul li.dernier a{ width:70px; padding:0; margin:0; }
#menuu ul li a:hover, #menuu ul li a:visited:hover{color:#fff;}
#menuu ul li a.actif, #menuu ul li a.actif:visited{background: transparent url(gx/m/bg_menuu_on.gif) no-repeat 0 5px; color:#FFF;}

/* Menu latéral */
#menuLateral{margin:15px 5px 0 0;padding:0; position:relative; float:left; width: 195px; }
#menuLateral ul{padding:0;margin:0;}
#menuLateral ul li{padding:0; margin:0; float:left; display:block; background: url(gx/m/separateur_menuLateral.gif) no-repeat bottom; }
#menuLateral ul li a, #menuLateral ul li a:link, #menuLateral ul li a:visited{
	line-height: 28px;
	height: 100%;
	float:left;
	display: block;
  	width:175px;
	color: #375372;
	padding:0 0 0 16px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#menuLateral ul li a:hover, #menuLateral ul li a:visited:hover{background: transparent url(gx/m/bg_menuLateral_on.gif) no-repeat;color:#fff;}
#menuLateral ul li a.actif, #menuLateral ul li a.actif:visited{background: transparent url(gx/m/bg_menuLateral_on.gif) no-repeat; color:#FFF;}

#menuLateral ul li ul{margin:0 0 0 15px; padding: 0 0 15px 0;display: none;	visibility: hidden;}
#menuLateral ul li ul li{background:none; }
#menuLateral ul li ul li a, #menuLateral ul li ul li a:link, #menuLateral ul li ul li a:visited{
	background: url(gx/m/icone_fleche.gif) no-repeat 5px; 
	font-weight: normal;
	height: 100%;
	line-height: 125%;
	margin:5px 0;
	font-size: 12px;

	
}
#menuLateral ul li ul li a:hover, #menuLateral ul li ul li a:visited:hover{background: url(gx/m/icone_fleche.gif) no-repeat 5px;  color:#e8a233;}
#menuLateral ul li ul li a.actif, #menuLateral ul li ul li a.actif:visited{background: url(gx/m/icone_fleche.gif) no-repeat 5px;  color:#e8a233;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#banniere{margin:-20px 0 5px 0; position:relative;z-index: 1; }
#banniereFlashConteneur { background: url(gx/00/bg_banniereimage.gif) repeat-x; height:275px; margin:-20px 0 5px 0; position:relative;  width:100%px; z-index: 1; }
#banniereImage { position:absolute; top:41px; left:17px; }
#banniereFlash { position:absolute; top:21px; right:10px;  }
/* bg_banniereimage.gif */

#boiteNouvelle{
	width: 317px;
	height: 197px;
	background:url(gx/m/bg_boiteNouvelle.gif) no-repeat;
	display: block; float:left;
	margin-right: 5px;_margin-right:3px;
}
#boiteNouvelle .titreBoite{margin:5px;}
#boiteNouvelle p {margin:0px 10px 10px 15px; color:#273930; font-size:11px; line-height: 115%; }
#boiteNouvelle p span.titreNouvelle{font-weight:bold;}
#boiteNouvelle p a, #boiteNouvelle p a:link, #boiteNouvelle p a:visited{color:#273930; text-decoration:none;}
#boiteNouvelle p a:hover{color:#e2900c; text-decoration:none;}
#boiteNouvelle ul li{list-style-type: none;margin-left:10px;}
#boiteNouvelle ul li a, #boiteNouvelle ul li a:link, #boiteNouvelle ul li a:visited{
	font-weight:bold;
	font-size: 13px;
	background: url(gx/m/fleche.gif) no-repeat;
	padding: 3px 0 3px 25px;
	line-height: 35px;
	height: 35px;
}

#boiteLateral{width: 312px;	height: 327px; margin:0 0 0 3px; _margin-left:1px;	float: left;	display: block;	background: url(gx/00/bg_boiteLateral.gif) no-repeat;}
#boiteLateral img{margin:2px 0 0 5px;}
img#devenezMembre{margin-top:5px;}

#contenuAccueil{
	float:left;
	display:block;
	background: url(gx/m/separateur_texte.gif) no-repeat;
	width: 600px;/*_width:635px;*/
	padding-left: 35px;
	min-height: 317px; height: 100%; _height: 317px;
	
	
}

/* PAGE BOUTIQUE
--------------------------------------------------------------------------------------- */
#tableBoutique{}
#tableBoutique tr th{color: #304b69; font-size:15px;  border-bottom:1px solid #CCC;} /* DEE6F0 */
/*
#listeItem{}
#listeItem div.imgItem{float:left; width: 215px;}
#listeItem div.imgItem img{ border:1px solid #ccc;margin:0 10px 5px 0;}
#listeItem div.ctnItem{}*/

/********************/
/*   ORGANIGRAMME   */
/********************/
#organigramme{	/*margin-top:20px;*/	font-family:Tahoma, Verdana, Arial;}
#organigramme .titre{padding: 4px 8px 5px 7px;background-color: #6CB4B5;}
#organigramme .sousTitre{padding: 4px 8px 5px 7px; font-weight: bold;color:#336666;}
#organigramme .titre .region{font-weight: bold;color:#FFFBE7;}
#organigramme .titre .zone{font-weight: bold;float:right;color:#336666;}
#organigramme .titre2{	padding: 4px 8px 5px 7px;	background-color: #087C5A;}
#organigramme .titre2 .region{font-weight: bold;color:#FFFBE7;}
#organigramme .titre2 .zone{	font-weight: bold;	float:right;	color:#B5CFF7;}

#organigramme .membre{
	color: #081C5A;
	width:310px;
	margin-right: 16px;
	margin-top: 16px;
	/*height:75px;*/
	float:left;
}

#organigramme .etiquette{
	border: 1px solid #99CC99;
	background-color: white;
	display: none;
	position: absolute;
	padding: 10px;

	margin-left:52px;
	// margin-left:-90px;
}
#organigramme .membre .photo{	width:54px;	float:left;	margin:0px 10px 0 0;}
#organigramme .membre .info{	width:200px;	float:left;}
#organigramme .membre .info hr{	border: 1px solid #D6E3B5;	height: 2px;	width:250px;}
#organigramme .sousTitre hr{	border: 1px solid #6CB4B5;	height: 2px;}

/********************/
/*   COTISATION   */
/********************/
.avis_cotisation{
	border:1px solid #A4D2D4;
	padding:15px;
	float:right;
	width:200px;
	padding:0 0 5px 5px;
	background:#fff;
	
}
.avis_cotisation p{margin:10px;}
.avis_cotisation p span{float:right;}
.avis_cotisation p strong{float:left;}

.nonMembre { padding:15px; background-color:#ebebe4; color:#444; }


/* PAGE CENTRE DOCUMENTATION
--------------------------------------------------------------------------------------- */
table #triTableau th a, table #triTableau th a:link, table #triTableau th a:hover{  color: #304B69; text-decoration: none; background: url(Gx/M/fleche_a.gif) no-repeat right 4px; padding: 0 10px 0 0; } 
table #triTableau th a:hover{ color: #f09c18; }
table #triTableau th a.actif_a, table #triTableau a.actif_a:link, table #triTableau a.actif_a:visited, table #triTableau a.actif_a:hover{ color: #f09c18; background: url(Gx/M/fleche_a_on.gif) no-repeat right 4px; padding: 0 10px 0 0 ; }
table #triTableau th a.actif_d, table #triTableau a.actif_d:link, table #triTableau a.actif_d:visited, table #triTableau a.actif_d:hover{ color: #f09c18; background: url(Gx/M/fleche_d_on.gif) no-repeat right 4px; padding: 0 10px 0 0 ; }


/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px; color: #E2900C; }
.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} 

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#555; font-size:10px; height:25px; padding:10px 0 0 0;  background: #d8e8e3; }
#piedPage a{color:#619081; text-decoration:none;}
#piedPage a:hover{font-weight:normal; text-decoration:underline; color: #619081;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#619081;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #619081;}
#piedPage #menuBas{float:right;margin:0; text-align:right; color:#619081; text-transform: uppercase;}
#piedPage #menuBas a{margin:0 5px;}
#piedPage.piedPage2{margin:0 auto;width:1000px;background:transparent;margin-top:5px;}

/* Partager cette page (bookmarker) */
#socialBookmarker {float:left;}
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{float:left;	width:150px;height:25px;	margin-right:4px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a{	line-height:25px;	height:25px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

/* TABLEAU GÉNÉRAL
--------------------------------------------------------------------------------------- */
.tableau{border: 1px solid #D4D0C2;width:100%; background: #fff;}
.tableau th{background:#4a4a4a; color:#e7e9f0;font-size:12px;margin:0;padding:4px;text-align: left;border-bottom:1px solid #e2e2e2;}
/*.tableau .texteCentre{text-align: center;}*/
.tableau td{font-size: 11px; line-height: 140%; color: #666;padding:2px 4px 2px 4px; border-bottom:1px solid #e2e2e2;}
.tableau td.sansBordure{border:none;}
.tableau a, .tableau a:link,.tableau a:visited{color: #666; text-decoration: underline;}
.tableau a:hover, .tableau a:visited:hover{color:#000; text-decoration: underline;}

#TableauCorrigeAlignement table tbody td{ text-align:left; }
#TableauCorrigeAlignement table tbody th{ text-align:left; }

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:0px solid #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 0px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label, label{font-size:12px; color:#545454; margin:2px 0 2px 0;float:left;display:block;}

/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:150px;}
#formulaireQuestion .champTexte{float:left;width:300px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:330px;}

/* Formulaire cotisation */
#formCotisation div.blodAdresse{float:left; display:block; width:330px;margin-right:10px;}
#formCotisation .champTexte{width:200px;}

/* Formulaire connexion */
#formConnexion .boutonConnexion{position:absolute;border:none;left:215px;top:55px;z-index:10;width:26px; height: 26px; background:url(gx/m/btn_connexion.png) no-repeat;}
#formConnexion .champTexte{width:165px;}

/* Formulaire recherche */
#formRecherche{position:absolute; top:60px; right:20px;float:right;width:225px;}
#formRecherche .champTexte{width:175px;}
#iconeLoupe{float:right;margin: -7px 0 0 10px;}

.champTexte{
	background: #fff;
	border: 1px solid #c7d3de;
	color: #878570;
	font-size: 11px;
	margin:2px 0 2px 0;
	float:left; display:block;
	padding: 2px;
}
.listeDeroulante{
	background: #fff;	
	border: 1px solid #c7d3de;
	color: #878570;
	font-size: 11px;
	margin:2px 0 2px 0;
	float:left; display:block;
}
.boiteTexte{
	background: #fff;
	border: 1px solid #C9D0D6;
	color: #878570;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #34506e;
	border:none;
	color: #bfd3e9;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{color:#FFF;}

.caseaCocher{
	float:left; margin:2px;
}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}