body#main{background:#FFFFFF url(../gx/bg.gif) top left repeat-x; margin:0 auto 0 auto; padding:0; text-align:center;}
html{color:#000000;	font-size:12px;	font-family:Arial, Verdana, Helvetica;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img {border:0; margin:0; padding:0;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:active {color:#fa8d15; outline:none; text-decoration:underline;}
a:hover {outline:none; text-decoration:underline;/*color:#fa8d15;*/color:#F00;}

h1 {color:#f4ad2f; font-size:16px; margin:0px 0px 19px 0px; padding:0px; text-transform:uppercase;}
	h1 a, h1 a:link, h1 a:visited {color:#f4ad2f;}

/*h2 {color:#000000; font-size:14px; font-weight:bold; margin:0px 0px 16px 0px; padding:0px; text-transform:uppercase;}
	h2 a, h2 a:link, h2 a:visited{color:#000000;}*/
	
h2 {color:#000000; font-size:13px; font-weight:bold; margin:0px 0px 16px 0px; padding:0px; text-transform:uppercase;}
	h2 a, h2 a:link, h2 a:visited{color:#000000;}
	
p {font-size:12px; color:#000000; line-height:15px; margin:0px; padding:0px 0px 15px 0px;}
	p a:link, p a:visited, p a:active {color:#fa8d15; text-decoration:underline;}
	p a:hover  {/*color:#fa8d15;*/color:#F00; text-decoration:underline;}

p.box {font-size:12px; color:#000000; line-height:15px; margin:0px; padding:0px;}
p.boxTi {font-size:12px; color:#fa8d15; font-weight:bold;}
	p.boxTi a:link {color:#fa8d15;}
	p.boxTi a:hover {/*color:#fa8d15;*/ color:#F00;}
p.textePetit {font-size:11px;}

p.textePetit a{color:#000000;}
p.textePetit a:hover{/*color:#fa8d15;*/ color:#F00;}


ul li{color:#000000; font-size:12px; line-height:15px; list-style:square; margin:0px 0px 5px 16px;}
	ul li a {color:#000000; text-decoration:none;}
	ul li a:hover {/*color:#9a9a9a;*/ color:#F00;}
	ul li ul {margin:10px;}
		ul li ul li {margin-bottom:5px;}
	
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

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


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{width:976px; margin: 0 auto 0px auto; border:1px solid #fdeb87; background:#FFFFFF; text-align:left;}

#search {float:right;padding:12px 17px 0px 0px;}
.boiteResultat {background:#fff; border-top:1px solid #ddd;	display:block; margin:5px 0; padding:17px;}

#content {float:left;}
	#content .leftCol {float:left; width:481px; padding:0px 0px 17px 17px;}
	#content .rightCol {float:left; width:461px;}
	#content .generalContent {padding:0px 17px 50px 17px;}

.boxTop {clear:both; width:464px; height:15px; background:url(../gx/bg_boxTop.gif) top left no-repeat;}
.boxContent {clear:both; width:416px; padding:0px 24px 0px 24px; background:url(../gx/bg_boxContent.gif) top left repeat-y;}
.boxContent2 {clear:both; width:425px; padding:0px 24px 0px 15px; background:url(../gx/bg_boxContent.gif) top left repeat-y;}
.boxContent2 p{ padding-bottom: 0px; }
.boxContent .contactSep {float:left; width:115px; margin-right:20px; padding-right:10px; background:url(../gx/bg_boxContent_vsep.gif) top right no-repeat;}
.boxContent .contactSepLast {float:left; width:124px;}
	
.boxDate {float:left; height:22px; font-size:11px; color:#FFFFFF; background:#fa8d15/*url(../gx/bg_boxContent_date.gif) top left repeat-x*/; margin-bottom:9px; padding:9px 3px 0px 3px; text-align:center;}
.boxTiEvent {float:left; max-width:265px;}
.boxBottom {clear:both; width:464px; height:15px; background:url(../gx/bg_boxBottom.gif) top left no-repeat; margin-bottom:18px;}
	
.both{clear:both;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu {height:142px; margin:0; padding:0;}
	#menu .logo {float:left;}
	#menu ul {float:left; margin-top:15px; padding:0; width: 620px;}
		#menu ul li {float:left; list-style-type:none; padding:0; margin:0px 1px 0px 0px; }
		
#subMenu {float:left; height:32px; color:#fde064; font-weight:bold; margin:0; padding:0;}
	#subMenu a {color:#000000; text-decoration:none; padding-right:10px; background:url(../gx/ic_subMenu_arrow.gif) right 4px no-repeat;}
	#subMenu a:hover {color:#f4ad2f; text-decoration:none; padding-right:10px; background:url(../gx/ic_subMenu_arrow_over.gif) right 4px no-repeat;}
	#subMenu a.actif {color:#f4ad2f; text-decoration:none; padding-right:10px; background:url(../gx/ic_subMenu_arrow_on.gif) right 4px no-repeat;}

	
#submenu_haut{
	margin: 14px 0px 0px 0px;
	padding: 0px 16px 0px 0px;
	font-size: 11px;
}
#submenu_haut a {color:#9a9a9a; text-decoration:none;}
#submenu_haut a:hover {color:#000000;}
#submenu_haut {float:right; text-align:right;}
#submenu_haut a.actif {color:#000000;}
	
	
	
/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
.becomeMember {width:303px; height:115px;background:url(../gx/m/bt_becomeMember_fr.gif) top left no-repeat;}
.becomeMember a{text-decoration:none;}
a:hover p.btMore {text-decoration:none; color:#F00;}
	.becomeMember p.btMore {padding-left:185px; padding-top:90px;}	
.rightCol h2{font-size:16px;/*color:#F4AD2F*/; color:#000;}



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

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage {width:942px; color:#9a9a9a; font-size:11px; height:75px; margin:0px 17px 0px 17px; padding-top:16px; border-top:1px solid #d2d2d2;}
#piedPage a {color:#9a9a9a; text-decoration:none;}
#piedPage a:hover {color:#000000;}
#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:#9a9a9a;}
#piedPage #copyrights #lienCopyrights:hover {font-weight:normal; text-decoration:underline; color: #9a9a9a;}
#piedPage #menuBas {float:right; text-align:right;}
#piedPage #menuBas a.actif {color:#000000;}



/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;}
#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;
}


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

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

#formulaireNewsletter label {float:left; width:60px;}
#formulaireNewsletter .champTexte {float:left; width:197px; height:15px; margin-right:5px; padding:2px 0px 2px 8px;}

#formulaireMembre label {float:left; width:120px;}
#formulaireMembre .champTexte {float:left; width:197px; height:15px; margin-right:5px; padding:2px 0px 2px 8px;}

.champTexte {/*background: #EEF3F7;*/ border: 1px solid #dadada; color: #000000; font-size: 12px; margin:4px 0 4px 0; padding:2px 0px 2px 8px;}
.listeDeroulante {background: #EEF3F7; border: 1px solid #C9D0D6; color: #4E677A; font-size: 11px; margin:2px 0 2px 0;}
.boiteTexte {/*background: #EEF3F7;*/ border: 1px solid #dadada; color: #000000; font-family:Arial, Verdana, Helvetica; font-size: 11px; margin:4px 0 4px 0;}
.bouton {background-color: #EEF3F7; color: #000000; font-family:Arial, Verdana, Helvetica; font-size: 13px; font-weight: bold;}
.bouton:hover {color:#fa8d15; cursor:pointer;}

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

.erreur {color:#FF0000;}
label.invalid {color:#FF0000;}
div.erreur ul li { color: #FF0000; }
div.erreur ul { padding-top:15px; }

input {float:left;}
input.fSearch {width:165px; height:15px; font-size:12px; border:1px solid #f8cb7c; margin-right:5px; padding:2px 0px 2px 8px;}
input.radio {margin-right:5px; padding:0px;}



#formulaireMembre div.radio label{
	margin-right: 20px;
	width: auto;
}

#formulaireMembre div.radio input{
	margin-right: 5px;
	padding: 0px;
}
#formulaireMembre div.input {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

#formulaireMembre div.compacted {
	padding-bottom: 0px !important;
}

#formulaireMembre div.radio_special input[type="radio"], #formulaireMembre div.radio_special label {
	margin-top: 3px !important;
}

#formulaireMembre fieldset legend{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	font-size: 12px;
}

span.highlight{  font-weight: bold; }



#listMenu li.css_menu {
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 121px;
	height: 54px;
	position: relative;
}
#listMenu li.css_menu a{
	display: block;
	width: 100%;
	height: 100%;
}
#listMenu li.apropos {
	background: url('../Gx/M/m02_fr.gif') left top no-repeat;
}
#listMenu li.events {
	background: url('../Gx/M/m03_fr.gif') left top no-repeat;
}
#listMenu li.archives {
	background: url('../Gx/M/m04_fr.gif') left top no-repeat;
}
#listMenu li.member {
	background: url('../Gx/M/m05_fr.gif') left top no-repeat;
}
#listMenu li.joinus {
	background: url('../Gx/M/m06_fr.gif') left top no-repeat;
}

#listMenu li.apropos:hover, #listMenu li.apropos_actif {
	background: url('../Gx/M/m02_fr_on.gif') left top no-repeat;
}
#listMenu li.events:hover, #listMenu li.events_actif {
	background: url('../Gx/M/m03_fr_on.gif') left top no-repeat;
}
#listMenu li.archives:hover, #listMenu li.archives_actif {
	background: url('../Gx/M/m04_fr_on.gif') left top no-repeat;
}
#listMenu li.member:hover, #listMenu li.member_actif {
	background: url('../Gx/M/m05_fr_on.gif') left top no-repeat;
}
#listMenu li.joinus:hover, #listMenu li.joinus_actif {
	background: url('../Gx/M/m06_fr_on.gif') left top no-repeat;
}




h3.searche_title_result{
	font-size: 13px;
	font-weight: bold;
}


legend.invalid{
	color: #FF0000;
}