/***** Page *****/

body
{
	background:#ffffff;
	color:#333;
	margin:0;
	padding:0;
}

/***** Wrapper *****/

#wrapper
{
	z-index : 0;
	background:#fff;
	border:1px solid #333;
	color:#000;
	margin:0;
	padding:0;
	width:500px;
}


/***** Top *****/

#top
{
	z-index : 1;
	background: #3177FF url(images/logo_clair.gif);
	color:#fff;
	height:111px;
	margin:0;
	padding:0;
	cursor: pointer;
	margin-top : 10px;
	display : visible;
}



/***** Navigation *****/

#navigation1
{	
	z-index : 1;
	background: #3177FF url(images/entete_bleu.gif);
	height:66px;
	margin-top:0;
	padding-top:2px;
	padding-right:0px;
	padding-left:0px;
	display : none;
}

#navigation1 li
{
	float:left;
	list-style:none;
	white-space:nowrap;
	display : none;
}

#navigation1 li a
{
	font-family: verdana;
	font-size:12px;
	color:#990000;
	display:block;
	font-weight:bold;
	padding-left:14px;
	padding-right:15px;
	text-decoration:none;
	text-transform:uppercase;
	display : none;
}

/********************************************************************* Content **********************************************************************/

#fond{
	z-index : 2;
	background: #3177FF url(images/fond.gif);
	width:845px;
}

#content
{
	z-index : 3;
	position: relative;
	background:#F5F5F5;
	float:left;
	font:16px "trebuchet ms", arial, verdana, helvetica, sans-serif;
	border-right:1px solid #f1f1f1;
	color:#333333;
	text-align : justify; 
	width:625px;
	margin-left : 20px;
	margin-top : 25px;
	margin-bottom:15px;
	padding-top : 15px;
	padding-bottom : 15px;
	padding-left:15px;
	padding-right:15px;	
}

#content h2
{
	color:#990000;
	font-size:16px;	
	margin:0;
	padding:0 0 0 10px;
	font-style:italic;
}


#content h3
{
	color:#990000;
	font-size:10px;	
	margin:0;
	padding:10px 5px 0 0;
	text-align:left;
}

#content h4
{
	color:#990000;
	font-size:.8em;	
	margin:0;
	padding:0 0 0 10px;
	font-weight:bold;
	background:inherit;
}

#content p
{
	font:16px "trebuchet ms", arial, verdana, helvetica, sans-serif;
	margin:10px 5px;
	padding-left:10px;
	padding-right:10px;
	background:inherit;
	color:inherit;
}

#content a{
	color : #996600;
}


/*---------------------------------encadré------------------------------------------------*/
#hautdroite{
	z-index : 3;
	position: absolute;
	background: url(images/haut_droite.png);
   	top: -10px;
   	right: -10px;
	width:156px;
	height:112px;		
}

#hautgauche{
	z-index : 3;
	position: absolute;
	background: url(images/haut_gauche.png);
   	top: -8px;
   	left: -8px;
	width:116px;
	height:83px;		
}
#basgauche{
	z-index : 3;
	position: absolute;
	background: url(images/bas_gauche.png);
   	bottom: -10px;
   	left: -10px;
	width:157px;
	height:119px;		
}


#basdroite{
	z-index : 3;
	position: absolute;
	background: url(images/bas_droite.png);
   	bottom: -7px;
   	right: -7px;
	width:116px;
	height:85px;		
}

/************************************* Content CGV   **************************************************/

#contentCGV
{
	background:#fff;
	float:left;
	padding:0;
	width:800px;
	font:14px "trebuchet ms", arial, verdana, helvetica, sans-serif;
	color:#333333;
	text-align : justify; 	
}
#content h3
{
	color:inherit;
	font-size:1.4em;
	margin:0;
	padding:10px 5px 0 0;
	text-align:left;
	background:inherit;
}
#contentCGV h5
{
	color:inherit;
	font-size:.8em;	
	margin:0;
	padding:0 0 0 30px;
	font-weight:normal;
	background:inherit;
}
#contentCGV p
{
	margin:10px 5px;
	padding-left:0px;
	padding-right:200px;
	background:inherit;
	color:inherit;
}

/************************************************* Side Content ********************************************************/

#sidebar
{
	z-index:2;
	background: #E0E0E0 url(images/liens_clair.gif);
	margin-top:20px;
	margin-right:8px;
	margin-bottom:60px;
	padding-left:10px;
	float:right;
	width:138px;
	height:198px;	
}
#sidebar ul
{
	color:#333;
	list-style:none;
	padding:0;
	margin:0;
	background:inherit;
}

#sidebar li
{
  background: #F5F5F5 url(images/puce_clair.gif) no-repeat;
  width : 107px;

}

#sidebar li a
{
	font-family:verdana;
	font-size:11px;
	color:#000000;
	display:block;
	background:inherit;
	text-decoration:none;
	padding-left : 15px;
	padding-bottom : 5px;
}

#sidebar h4
{
	font-size:18px;
	font-style : italic;
	color : #930200;
	font-weight:bold;
	margin:0;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom : 5px
	
}
#sidebar p
{
	margin:5px 5px;
	padding-left:10px;
	padding-right:10px;
	background:inherit;
	color:inherit;

}

/***** Footer *****/

#footer
{
	background:#000000;
	clear:both;
	color:#ffffff;
	font-size:0.9em;
	height:1.8em;
	line-height:1.8em;
	padding:0;
	text-align:center;
}

#footer a
{
	background:inherit;
	color:#fff;
	text-decoration:none;
}

#footer a:hover
{
	text-decoration:underline;
}

#footer .left
{
	margin:0 0 0 8px;

}

#footer .right
{
	
	margin:0 8px 0 0;
}

/******** faq **********/

.question_hidden
{
	display : none;
}

.question_visible
{
	display : visible;
}


/***************** formulaire *****************/

#formulaire {
	border: none;
	margin: 0;
	padding: 0;
	width:600px;	/*** Largeur du formulaire ***/
}


#corpForm  label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 20%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/

}

div.message {
	color: #545430;
	padding: 25px 25px 25px 25px;

}

div.error {
	color: #980606;
	padding: 25px;
}

td.vignette{
	width:130px; 
	height:127px;
	align:center;
}
td.color_legend {
	width: 5px;
	border: 1px solid #dedede;
}

/*-------------------------- vignette photo----------------------------------------------*/

#photo{
	z-index : 3;
	position: relative;
	background: url(images/vignette_bleu.gif);
	width:154px;
	height:143px;
	float:left;
	margin : 10px;
	font:13px "trebuchet ms", arial, verdana, helvetica, sans-serif;
	padding-top:10px;
	text-align : center;
}