/* TABLE DES :
	-  (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* 
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #bcdce4;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	/* Garder 3 fontes seulement */
	font-family: Arial, Helvetica;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	color: #4f89b1;
	font-size:24px;
	font-family:Helvetica;
}
h1 a, h1 a:link, h1 a:visited{
	color:#C21527;
}

h2{
	color: #605f5b;
	font-size:16px;
	font-weight: normal;
}
h2 a, h2 a:link, h2 a:visited{
	color:#605f5b;
}
h3{
	color: #605f5b;
	font-size:14px;
	font-weight: bold;
}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#bordHaut{/*background:orange;*/height:22px;overflow:hidden;}
#haut{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
	height:201px;
}
#hautInner{	
	width:940px;
	margin: 0  0 0 33px;
	background: url(gx/haut_bg.gif) repeat-y;
	height:181px;
	position:relative;
}
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
	/*background:silver;	*/
}
#conteneurInner{
	width:940px;
	margin: 0 0 0 33px;
	background:#fff url(gx/conteneurBas.gif) no-repeat;
	background-position: bottom left;
}
#logo{width:360px;height:100px;position:absolute;top:36px;left:17px;}
#imageDemoiselle{width:286px;height:181px;position:absolute;top:0px;right:0px;}
#imageSection{width:358px;height:181px;position:absolute;top:0px;right:0px;text-align:right;}
#contenu{float:right;padding-right:15px;width:600px;}
#imagePomme{float:right;height:64px;width:625px;}
#bordBas{height:9px;overflow:hidden;}
.listePhoto{
	float:left;
	display:block;
	width: 130px;
	margin:8px;
	_margin:5px;
}
.listePhotoGallerie{
	float:left;
	margin:8px;
	_margin:5px;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menuCtn{float:left; margin:0; padding:0;background: url(gx/menuGauche_bg.gif) no-repeat;width:315px;height:538px;}
#menu{margin:50px 0 0 26px; padding:0;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0;list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	font-family:Helvetica;
	border-bottom: solid 1px #d5e9dd;
	color: #013155;
	font-size: 18px;
	padding: 15px 0px 15px 0px;
	text-decoration: none;
	width:255px;
	display:block;
}

#menu ul li a:hover, #menu ul li a:visited:hover{color: #4f89b1;}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#4f89b1;}

#menuHaut{height:21px; margin:0; padding:0;position:absolute;bottom:10px;left:20px;}
#menuHaut a, #menu a:link, #menu a:visited{
	color: #508ab0;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 5px 7px 3px 8px;
	text-decoration: none;
}
#menuHaut a:hover, #menuHaut a:visited:hover{color: #dd5074;}
#menuHaut a.actif, #menuHaut a.actif:visited{color:#dc5073;}

.btn{margin-top:5px;}

a.last{border:none;}

#aproposMenu a, #aproposMenu a:link, #aproposMenu a:visited{	color: #508ab0;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 5px 10px 3px 8px;
	text-decoration: none;}
#aproposMenu a:hover, #aproposMenu a:visited:hover{color: #dd5074;}
#aproposMenu a.actif, #aproposMenu a.actif:visited{color:#dc5073;}

#trucs{/*background:orange;*/display:block;margin-top:10px;}
#trucs p{line-height: 150%;}
#trucs #trucsCtn a,#trucs #trucsCtn a:link,#trucs #trucsCtn a:visited{color:#013155;font-weight:bold;}
#trucs img{float:left;}
hr.ligne{background-color:#c9ced1;height:1px;clear:both;width:536px;}
.trucsCtn{/*background:silver;*/display:block;margin-top:10px;}
.trucsCtn p{color:#605f5b;font-size:12px;}
.trucsCtn .trucsImgCtn{float:right;}
.trucsCtn .trucsImgCtn img{float:right;border: 1px solid #4f89b1;}
.trucsImgCtn a, .trucsImgCtn a:link, .trucsImgCtn a:visited{float:left;margin-left:9px;_margin-left:6px;color:#605f5b;}
.trucsCtn a, .trucsCtn a:link, .trucsCtn a:visited{color:#013155;}
.trucsCtn em a, .trucsCtn em a:link, .trucsCtn em a:visited{color:#605f5b;}
.titre{float:left;width:230px;}
#adresse{height:300px;width:200px;float:right;}
#map{height:300px;width:380px;float:left;}
/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #605f5b;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#013155;text-decoration:none;}
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;
}


.nextprev a, nextprev a:link, nextprev a:visited{color:#4f89b1;text-decoration:none;}
.nextprev a:hover, nextprev a:link:hover, nextprev a:visited:hover{color:#000;text-decoration:none;}

ul li{font-size:12px; line-height:150%; list-style:square; margin-left:16px;color:#4e7ca0;}
ol li{font-size:12px; line-height:150%; color:#4e7ca0; margin-left:16px;}
ol.faq li{
	font-size: 13px; margin:0 15px 15px 30px;
}
.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;}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{margin: 5px  0 0 33px;color:#829eaa; font-size:10px; height:50px; padding:0;background:#e0edf1 url(gx/pieddepage_bg.gif) no-repeat;width:940px;}
#piedPage a{color:#829eaa; text-decoration:none;}
#piedPage a:hover{color:#dd5074;}
#piedPage #copyrights{float:left; margin:0; text-align:left;padding:15px;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#829eaa;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:none; color: #dd5074;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */

fieldset{margin-bottom:10px; padding: 5px; border:0px solid #4f89b1;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#4f89b1; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#605F5B;margin:2px 0 2px 0}

.champTexte{	

	border:1px solid #605F5B;
	color: #000;
	font-size: 11px;
	margin:2px 0;
	padding:2px 5px;
}
.listeDeroulante{	
	border: 1px solid #C9D0D6;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #eee;
	border: 1px solid #605F5B;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #dedede;
	border: 1px solid #605F5B;
	color: #605F5B;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{color: #000;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}

#tblrendezvous{
	border: none;color:#605F5B;
	border-collapse: collapse;
	font-size: 12px;
	width: 320px;
	text-align: left;	}
#tblrendezvous th{
	border-bottom: 1px solid #B8B8B8;
	font-weight: normal;
	padding: 2px 0;}
#tblrendezvous .periode{
	width: 40px;}
#tblrendezvous .jours{
	text-align: center;
	width: 30px;}	
#tblrendezvous td{
	text-align: center;
	vertical-align: middle;
	padding: 4px 0;}
#tblrendezvous input{
	border: none;
}

/* PAGE SPLASH
--------------------------------------------------------------------------------------- */
#splash_conteneur {	margin: 62px 0; }
	
#entrez { margin:0 auto; width: 150px; }
#entrez a:link, #entrez a:visited { color:#103e5e; font-size:1.2em; }
#entrez a:hover { color:#89b3bf; }
.entrez_EN { float:right; }
.entrez_FR { float:left; }
	