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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
.pngfix{behavior: url('inc/iepngfix.htc');}

body#index{
	background: #132555;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #132555;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	font-family: "Lucida Grande","Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{margin:0; padding:0; border:0;}

h1{font-size: 34px;color: #132555;font-family: "Comic Sans MS";line-height:110%;}
h1 em{font-style: normal;color: #670023;}

h3{font-size: 20px;color: #E68206;font-family: "Comic Sans MS";line-height:120%;margin-bottom:8px;}
h3 em{font-style: normal;color: #670023;}
h4{font-size: 14px;color: #E68206;font-family: "Comic Sans MS";line-height:120%;margin-bottom:8px;}
h4 em{font-style: normal;color: #670023;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#index #conteneur{
	margin: 0 auto 0 auto;
	width:800px;
	text-align:left;
	background-color: #F1BD2C;
}

#main #conteneur{
	margin: 0 auto 0 auto;
	width:800px;
	text-align:left;
	background-color: #FFE08E;
}

#nouvelle{
	background: #E68206;
	padding:10px;
	margin: 10px 0 10px 0;
}
#nouvelle p{
	color: #FFF;
	font-size: 14px;
}
#nouvelle p strong{
	color: #670023;
}

div.framePhoto{width:400px;height: 330px;float:right;}

#contenu{background:url(Gx/m/contenu_bg.gif) top left no-repeat;}

#colGauche{width: 175px;float: left;}
#boiteFleurColGauche{margin-top:350px;}
#colDroite{width: 625px;float: right;}

#slideshow{position:absolute; z-index:1;margin: 64px 0 17px 64px;}
#slideshowIndex{}

#slideshowContainer {
	/*background: url(gx/m/picture_frame.gif) no-repeat left top;*/
	width: 253px;
	margin: 0 auto 20px 0;
	position:relative;
}

#slideshowContainerPyjamas {
	/*background: url(gx/m/picture_frame.gif) no-repeat left top;*/
	width: 253px;
	margin: 0 auto 20px 0;
	position:relative;
	top:120px;
}

#slideshowContainerMaillot {
	/*background: url(gx/m/picture_frame.gif) no-repeat left top;*/
	width: 253px;
	margin: 0 auto 20px 0;
	position:relative;
	top:140px;
}

#frameOver{position:absolute; z-index:2;margin: 32px 32px 17px;}



.imgLeft {
	float: left;
	margin-right: 15px;
}


/* MENU
--------------------------------------------------------------------------------------- */
#hautPage{position: relative;width: 800px;height:110px;background: #F1BD2C url(gx/m/haut_bg.gif) no-repeat top left;}
#navContainer{position: absolute;width:500px;left: 280px;top: 45px;font-size: 12px;}
#navContainer ul, #navContainer li{list-style-type: none;padding: 0;margin: 0;}
#navContainer li{float: left;border-left: 1px solid #98803C;position: relative;}
#navContainer li.partenaires{border-right: 1px solid #98803C; }
#navContainer ul ul{display: none; }
#navContainer ul ul li{float: none;border: none;width: 160px;background-color: #FFF;background-color: #F1BD2D; font-size: 11px;}
#navContainer a{color: #132555;display: block;padding: 1px 10px 0;text-decoration: none;font-weight: bold;line-height: 20px;}
#navContainer a:hover{color: #800000;background-color: #FED872;}
/* Sous-menu Dropdown */
#navContainer li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: 21px;
	left: 0;
}
#navContainer li:hover ul, #nav li.over ul { /* listes imbriquÂŽes sous l'item conteneur */
	display: block;
}
#navContainer li ul {
	position: absolute;
	top: 21px;
	display: none;
}
#navContainer li ul li a {
	margin: 0;
	width: auto;
	line-height: 22px;
	width: 140px;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#EFBE26;font-size: 10px;padding: 5px; background: url(gx/bg_bas.gif) repeat-y;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 13px; line-height: 120%; color: #132555;}

p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0A254E; 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:13px; line-height:150%; list-style:square;margin-left:14px;color: #132555;}
ol li{font-size:13px; line-height:150%;color: #132555;}

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


dl, dt, dd {padding: 0;margin: 0; color: #132555;}
dt, dd {width: 60%;float: left;padding: 5px 0 5px;border-top: 1px solid #fdca68;font-size: 14px; min-height:18px;}
dt { font-weight: bold;  width: 40%; }
dl { overflow: auto;width: 100%;margin-bottom: 15px;padding: 5px 0 0;border-bottom: 1px solid #fdca68;}

/* p:first-letter{color: green; font-size: 200%; text-transform:uppercase;} */

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin:0; padding: 5px;font-size: 11px; width:400px;}
fieldset label{font-size: 12px; color:#000; width:100px; float:left;}

.champTexte{	
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	font-size: 11px;
	width:200px;
	float:left; 
}
.boutonRadio{
	color: #4E677A;
	background: #EEF3F7;
	font-size: 11px;
}
.listeDeroulante{
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	font-size: 11px;
}
.boiteTexte{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
}
.bouton{
	font-family: "Trebuchet MS";
	background-color: #EEF3F7;
	color: #498ECB;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #C9D0D6;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	background-color: #FFF;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}
#btSucces{height:225px; margin-top:100px;}