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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/i/bg.jpg) no-repeat top left;
	margin: 0;
	padding: 36px 0 0 113px;
	text-align:left;
}
body#main{
	margin: 0;
	padding: 0;
	text-align:left;
}
html{
	/* Garder 3 fontes seulement */
	font-family:  "Trebuchet MS", Arial, Verdana, Tahoma, Helvetica;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{margin:0; padding:0; border:0;position: relative;}
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

/* Pour que les liens s'activent même s'il y a un bg.png en dessous */
a{position: relative;}

h1{font-size:18px; color:#000;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#index #conteneur{margin:0; width:798px; text-align:left;}
#main #conteneur{margin: 24px 0 0 24px; width:968px; text-align:left;}

#colGauche{float:left; width:227px; background: url(gx/m/bg_transparent.png) repeat;}
#contenu{float:right; width:716px; background:url(gx/m/bg_transparent.png) repeat;}
#contenuCadre{padding:24px;}
#contenuPage{background:#FFF; margin:24px 0 24px 0; padding:24px; display:block;}

.photoDeGalerie{margin:0 20px 24px 0;border: #BBE0EB 2px solid;}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{padding:0;margin:0;width:227px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#index #piedPage{  color:#555;font-size:11px;height:60px; padding:0; }
#index #piedPage a{ color: #1D5F98; text-decoration: underline;}
#index #piedPage a:hover{ color: #000; }
#index #piedPage #copyrights{float:left; margin: 0; text-align: left;}
#index #piedPage #copyrights a{ font-weight: bold; }
#index #piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #555;}
#index #piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #555;}

#main #piedPage{ background: url(gx/m/bg_transparent.png) repeat;color:#555;font-size:11px;height:60px; padding:10px 24px 10px 24px;border-top: 1px solid #F0F0F0;}
#main #piedPage a{ color: #1D5F98; text-decoration: underline;}
#main #piedPage a:hover{ color: #000; }
#main #piedPage #copyrights{float:left; margin: 0; text-align: left;}
#main #piedPage #copyrights a{ font-weight: bold; }
#main #piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #555;}
#main #piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #555;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 13px; line-height: 150%; color: #000;}
p em{font-size: 16px; line-height: 150%; color: #1D5F98; font-style: normal;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #1D5F98; 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:#000; text-decoration:underline;}
ul li{font-size:12px; line-height:150%; list-style:square;}
ol li{font-size:12px; line-height:150%; color:#000;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

.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=50); -moz-opacity: 0.5; opacity: 0.5;}
#lightbox{ background:#1C5C9B;} /* couleur du contour popup */
#overlay{background-color: #666;} /* couleur du fond tranparent */

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

.champTexte{	
	color: #999;
	background: #F4FCFF;
	font-size: 13px;
	margin:2px 0 2px;
}
.boutonRadio{
	color: #4E677A;
	background: #F4FCFF;
	font-size: 11px;
}
.listeDeroulante{
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #F4FCFF;
	font-size: 11px;
	margin:2px 0 2px;
}
.boiteTexte{
	font-family: "Trebuchet MS";
	color: #999;
	background: #F4FCFF;
	font-size: 13px;
	margin:2px 0 2px;
}
.bouton{
	font-family: "Trebuchet MS";
	background-color: #F4FCFF;
	color: #235B9F;
	font-size: 14px;
	font-weight: bold;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: none;
}
.erreur{

	color: #FF0000;
}