/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #e4e4e4;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{color:#333; font-size:18px; margin:0 0 6px 0;}
h2{color:#333; font-size:16px; margin:0 0 6px 0;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{background: #fff url(gx/m/bg.gif) repeat-y center; margin:0 auto 0 auto; text-align:center; width:1000px;}
#conteneur2{margin:0 auto 0 auto; text-align:center; width:972px;}
#contenu{background: #FFF url(gx/m/contenu_bg.gif) repeat-x top;}
#contenuPage{margin: 0 auto 0 auto; text-align:left; width:924px;}
#haut{background: url(gx/m/haut_fr.jpg) no-repeat; height:363px; width:972px;}
#langue{font-size:10px; font-weight:bold; color:#000; display:block; float:right; padding:50px 10px 10px 0;}
#langue a, #langue a:link, #langue a:visited{color:#000;	font-size:10px; line-height:12px; height:12px; min-height:12px; text-decoration:none;}
#langue a:hover, #langue a:visited:hover{color:#3366FF; text-decoration:underline;}
#btnDim{display:block; float:right; margin:169px 0 0 0;}

.boiteEspace{
	border:1px solid #8c8c8c;
	padding:10px;
	display: block;
	float:left;
}
#boitePhoto{
	float:right;
	width:246px;
}

/* MENU DU HAUT
--------------------------------------------------------------------------------------- */
#menu{margin:0; padding:0; display:block; float:right;}

/* MENU DU BAS
--------------------------------------------------------------------------------------- */
#menuBas{text-align:center; color:#747570; font-size:10px; background: url(gx/m/menuBas_bg.gif) no-repeat center; padding:20px 0 20px 0;}
#menuBas span{padding:0 12px 0 12px;}
#menuBas a, #menuBas a:link, #menuBas a:visited{color:#747570; text-decoration:none;}
#menuBas a:hover,#menuBas a:visited:hover{text-decoration:underline;}

/* PAGE : ACCUEIL
--------------------------------------------------------------------------------------- */
.boiteCadenas{background:url(gx/01/boiteCadenas_bg.gif) no-repeat; height:124px; width:685px;}
.boiteCadenas h1{color:#FFF;}
.boiteCadenas p{color:#FFF; width:550px;}



/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#949494; font-size:11px; width:1000px; margin:0 auto 0 auto; text-align:left;}
#piedPage a{color:#949494; text-decoration:none;}
#piedPage a:hover{color:#000; text-decoration:none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #363636;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0B0D18; 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:#3366FF; text-decoration:underline;
}
ul li{font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:12px; line-height:150%; color:#1F1F1F; margin-left:16px;}

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}

/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float:left; color:#fff; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:10px solid #FFF;}
div#overlay{position: absolute; top:0; left:0; z-index:90; width:100%; filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
#lightbox{ background:#363636;} /* couleur du contour popup */
#overlay{background-color: #000;} /* couleur du fond tranparent */


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

.champTexte{	
	background: #EBEAEB;
	border: 1px solid #999;
	color: #363636;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EBEAEB;
	border: 1px solid #999;
	color: #363636;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EBEAEB;
	border: 1px solid #999;
	color: #363636;
	font-family: Arial;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #363636;
	color: #fff;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	padding:2px;
}
.bouton:hover{background-color: #333;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}