@charset "iso-8859-1";	

/****************** Propriete de base ***********************/ 

* {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;}
html {height: 100%; min-height:100%;}	
BODY {font-weight:normal; font-size:small; color:#A9A9A9; background:#336699;margin:0px;padding:0;text-align: center;height: 100%; min-height:100%;}
h1 {margin-top:4px;margin-bottom:4px}
h2,h3 {margin:0px;padding-right:0;padding-left:0;padding-top:0;padding-bottom:4px;}
img {border:0;}
input,textarea,select {font-size:10px; color:#000000; border: 1px #A9A9A9; border-style:solid;}
select {border:1px solid black; font-size:9px; color:#000000;}
A {font-weight : bold;}
ul{display: inline;	padding: 0;	margin:0;} 
li{padding:0px;	margin-left:15px;}
form {display: inline;}

/****************** MISE EN PAGE ***********************/
#page{
 margin-left: auto;
 margin-right: auto;
 width:900px;
 background:#FFFFFF;
 height:100%;  
}

#principal {
 padding-left:40px;
 padding-right:40px;
  background:#FFFFFF;		   
}

#header {
	padding:0px; 
	margin-bottom:0px;
	text-align:left;
}  

#contenu {
	border-collapse: collapse; 
	padding-top:8px;
	padding-bottom:8px;	
	margin:0px;
	color:#000000;
	text-align:left;
 background:#FFFFFF;

}

/****************** MENU, FOOTER et FOOTER_CREDIT ***********************/

#menu,#footer {
	padding:2px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:10px; 
	color:#ffffff;
	width:100%;
	background:#336699;
}

#footer {text-align:center;}
#menu {text-align:center;}
#menu A:visited, #menu A:link, #menu A:active, #footer A:visited, #footer A:link, #footer A:active {color:#ffffff; text-decoration:none;padding: 2px 5px 2px 5px;}
#menu A:hover, #footer A:hover {color:#ffffff; text-decoration:none;background:GRAY;padding: 2px 5px 2px 5px;} 

#footer_credit A:visited, #footer_credit A:link, #footer_credit A:active{color:#808080; text-decoration:none;}
#footer_credit A:hover{color:#808080; text-decoration:underline;}
#footer_credit {
	text-align:center;	
	padding-top:0;
	margin-top:0px;
	font-size:10px; 
	color:#A9A9A9;
} 													   

/****************** HEADERINFO ***********************/
#headerInfo {
font-size:10px; 
float:right;
color:#808080;
/*
background-color:#F5F5F5;
border:1px solid #A9A9A9;
padding:0.5em 1em;
*/
width:450px;
text-align:left;
margin:15px 0 0 0;
}

#headerInfo h1{
background-color:transparent;
color:#696969;
margin:0;
border-bottom:1px solid #808080;
padding:0 0 0.2em 0; 
font-size:12px; 
}

#headerInfo p{
margin:0.5em 0;
}

#headerInfo a{
color:#696969;
background-color:transparent;
}

#headerInfo a:hover{
color:#336699;
background-color:transparent;
}

/****************** DEFINITION ***********************/

#definition{
font-size:85%; 
float:right;
color:#000000;
background-color:#ffecce;
border:1px solid #666666;
margin:0 0 10px 0;
padding:0.5em 1em;
width:25%;
}

#definition h2{
background-color:transparent;
color:#cc6600;
margin:0;
border-bottom:1px solid #cc6600;
padding:0 0 0.2em 0; 
font-size:small; 
}

#definition p{
margin:0.5em 0;
}

#definition a{
color:#cc6600;
background-color:transparent;
}

#definition a:hover{
color:#336699;
background-color:transparent;
}


/****************** INFO & MAIN ***********************/

#info{	
background-color:#eff4fa;
border:1px solid #9cb4ce;
}

#info,#main{
font-size:85%; 
margin:0 0 1em 0;
padding:0.5em 1em;
width:100%;
voice-family:"\"}\"";
voice-family:inherit;
width:67%; 
}

html>body #info,html>body #main{
width:67%;
}

#info h1,#main h1{
border-bottom:1px solid #336699;
color:#369;
font-size:small; 
background-color:transparent;
padding:0 0 0.2em 0; 

}

#info h2,#main h2{
margin:1em 0 0 0;
color:#6699cc;
background-color:transparent;
font-size:95%;
}

#info h3,#main h3{
margin:1em 0 0 0;
color:#808080;
background-color:transparent;
font-size:95%;	
text-decoration: underline;
}

#info h3{
font-size:85%;
font-weight:500;
margin:0.2em 0 1em 0;
}

#info p,#main p{
margin:0.5em 0;
}

#info a,#main a{
background-color:transparent;
color:#ff6600;
}

#info a:hover,#main a:hover{
color:#336699;
background-color:transparent;
text-decoration:none;
}


/****************** TARIF ***********************/
#tarif
{
margin:0.8em 0 0 0;
width:100%;
font-size:85%;
}

#tarif .titre {
	text-align: center;
	color : #FFFFFF;
	background-color: #336699;
}
#tarif .sous_titre {
	text-align: center;
	color : #696969;
	background-color: #D3D3D3;
}
#tarif .contenu { 
	color : #336699;
	background-color: #F5F5F5;
	text-align: center
}  

/****************** FaqIndex (gauche et droie) ***********************/
#faqIndexGauche, #faqIndexDroite {
	text-align:left;
	background-color:transparent;
	width:49%;
}
#faqIndexDroite {
	float:right			
}			
/****************** DIVERS ***********************/
.faq {
text-align:right;
font-size:10px;
width:100%; 
}

.spacer {
	clear:both;	
}
label { display: inline; float: left ; font-weight: bold;}				 
label.formulaire,.formulaire {padding-top:2px;}
label.formulaire {width: 170px;}
.elementFormulaire {padding-left:4px; }

span.notice { font-weight : normal; font-size : 10px; color : #696969; }
span.textDroite{ float:right; text-align:right;	} 

.checkBox{border:0px}

.separation {
background-color:transparent;
border-bottom:1px solid #336699;
margin-top:2px;
margin-bottom:8px;
margin-top:8px;
}
.elementFormulaire { 
background-color:transparent;
padding-bottom:4px;
}