/* TABLE DES MATIÈRES:
	- Éléments à cacher
	- Éléments de base à personnaliser
	- Pied de page
	- Textes
----------------------------------------------------------------------------------------*/

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#listMenu,#subMenu,#search,.becomeMember,#blocNewsletter,#piedPage,#socialBookmarker,#bookmarkHoverPopup,#boxLeftSide,#boxRightSide {position: absolute; visibility: hidden;}




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;}


/* MENUS
--------------------------------------------------------------------------------------- */
#menu {height:142px; margin:0; padding:0;}
	#menu .logo {float:left; margin-bottom:44px;}

/* 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;}
	.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;}
	
/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited {color:#000000; outline:none; text-decoration:none;}

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: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;}
	p a {color:#000000; text-decoration:none;}

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 {color:#fa8d15;}
p.textePetit {font-size:11px;}


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 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;}

/* 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;}

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;}