@charset "utf-8";
/* 
*CSS Document 
*/

/**********************HTML**********************/
*{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none
}

body, html{
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#FFFFFF;
}


	
a img { border:0px }

a {
cursor:pointer;
text-decoration:none;
color:#00acae;

}

a:hover {
text-decoration: underline;

}
	
p{
	font-size:12px;
	margin:0 0 20px 0;
	line-height:18px;
	color:#666666;

	}


h1{
	font-size:26px;
	color:#00acae;
	font-weight:bold;
	margin:0 0 10px 0;
	}
	
h2{
	font-size:22px;
	color:#00acae;
	font-weight:bold;
	margin:10px 0 10px 0;
	}
	
h3{
	font-size:16px;
	font-weight:bold;
	margin:0 0 5px 0;
	color:#666666;

	}

h4{
	font-size:12px;
	font-weight:bold;
	margin:15px 0 15px 0;
	color:#666666;


	}

h5{
	font-size:14px;
	font-weight:bold;
	color:#00acae;
	margin:0 0 5px 0;
	color:#666666;

	}

h6{
	font-size:16px;
	font-weight:bold;
	margin:0 0 5px 0;
	color:#00acae;

	}
	

hr{
border-top: 1px solid #ccc;
height:1px;
	}





	
div#container {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	width: 100%;
	height: 100%; /* IE6: treaded as min-height*/
	/*min-height: 100%;*/
}

/*------ 
header css asset 
*/
#header{
	background: #01aaad;
	width: 100%;
	height: 31px;
	margin: 0 0 0 0;
	clear:both;
}

#header #content{
	position: absolute;
	left: 50%;
	width: 1080px;
	margin-left: -475px
}
#header #content img{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left
}

#header #content ul{
	display: inline;
	margin: 9px 0 0 0;
	padding: 0 0 0 0;
	float:left;

}
#header #content ul li{
	display: inline;
	list-style: none;
	padding-bottom: 15px;
	margin: 0 5px 0 0;
	padding: 0 0 0 0px;

}

#header #content #newsletter{
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	float: left;

	
}

#header #content #newsletter form label{

	font-weight: bold;
	font-size: 11px;
	color:#FFFFFF;
	margin:0 15px 0 0;
	padding:5px 0 0 0;
	float:left;
	text-transform: uppercase;


	
}
#header #content #newsletter form input{
	background-color:#fff;
	font-size: 10px;
	height: 17px;

	float:left;
	margin:0 0 0 0;
	padding:3px 0 0 3px;
}
#header #content #newsletter form a img{
	display: inline;
	margin:0 0 0 5px;
	padding:1px 0 0 0;	
	float:left;
}

#header #content ul li a:focus,
#header #content ul li a:active{
	outline: none
}
#header #content ul li a:link,
#header #content ul li a:visited{ 
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 11px;
	text-decoration:none;
	padding:0 15px 0 0;
	background:url(../imagerie/trait_nav.gif) no-repeat right ;
}
#header #content ul li a:hover{
	color: #fff;
	text-decoration: none
}

#form_popup{
padding:0 0 0 10px;}



/*---MESSAGE ERREUR NL---*/

#boiteMessage {
	width:955px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding:0 20px 0 0;
	display:block;

}

#boiteMessageClose {
	padding: 5px 4px 4px 0px;
	margin:0 0 0 0;
	float:right;
}
#boiteMessageClose a{
color: #fff;
text-decoration: none;
font-size:9px;
background:#ff99cc;
padding:0px 2px 3px 2px !important;
padding:1px 2px 1px 2px;
text-align:center;
width:10px;
height:10px !important;
height:8px;
display:block;
}
#boiteMessageClose a:hover{
color: #fff;
text-decoration: none;
background:#00acae;
}

#boiteMessageTexte {
float:right;
padding: 4px 4px 4px 0px;
color:#666666;
margin:0 0 0 0;
}

#boiteMessageTexteLong{
text-align:right;
color:#666666;
width:900px;
}





/*------
content css asset
*/
div#container #content{
	width: 100%;
/*	height: 95%;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin-top: -61px;
	padding-top: 61px
}


/*------
footer css asset
*/
#footer{
	background: #f8f8f8 url(/imagerie/background_footer.gif) repeat-x left top;
	width: 100%;
	height: 30px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	clear:both;
	text-decoration: none

	 /* stick to bottom */
}


#footer #content{
padding-top: 10px;
}
#footer #content ul li{
	display: inline;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0px 5px 0 5px
}
#footer #content ul li.spin{
	border-right: 1px solid #060606;
}

#footer #content ul li a:focus,
#container #footer #content ul li a:active{
	outline: none
}
#footer #content ul li a:link,
#footer #content ul li a:visited{

	color: #060606;
	font-size: 11px;
}
#footer #content ul li a:hover{
	color: #01aaad;
	text-decoration: none
}

#flashContent{

overflow:visible;

}
#body{

overflow:visible;

}

/********  formulaires*******/

input{
	border:1px solid #7e9db9;
	height: 15px;
	padding:3px 0 0 3px;
}
#header #content #newsletter form input{
	background-color:#fff;
	font-size: 10px;
	height: 17px;
	float:left;
	margin:0 0 0 0;
	padding:3px 0 0 3px;
}
label{
	font-size:12px;
	font-weight:bold;
	margin:15px 0 15px 0;
	letter-spacing:0.01em;
	color:#00acae;
}

#separateur_form{
	border-top:1px solid #dadada;
	width:95%;
}


#message_erreur{
	display:block;
	color:red;
	font-size:9px;
}

#message_erreur hr{
	width:100%;
	margin:10px 0 10px 0;

}
#message_erreur2{
	display:block;
	color:red;
	font-size:9px;
}

#message_erreur2 hr{
	width:200px;
	margin:10px 0 10px 0;

}
.message_erreur{
	display:block;
	color:red;
	font-size:9px;
}

.message_erreur hr{
	width:200px;
	margin:10px 0 10px 0;

}
.message_ok span{
	display:block;
	color:#00ACAE;
	font-size:12px;
	font-weight: bold;
}
#optin{
display:inline;
height:20px;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:9px;
}


#optin p{
	font-size:11px;
	margin:0 0 0 10px;
	letter-spacing:0.01em;
	color:#666666;
	padding:0;
	margin:0;
}
.quiz_printemps #optin p{
	font-size:12px;
}
#optin input{
	width:20px;
	height:20px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	clear:both;
	border:none;}
.optin{
display:inline;
height:20px;
padding:0 0 0 0;
margin:0 0 0 0;
font-size:9px;
}


.optin p{
	font-size:9px;
	margin:0 0 0 10px;
	letter-spacing:0.01em;
	color:#666666;
	padding:0;
	margin:0;
}
.optin input{
	width:20px;
	height:20px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	clear:both;
	border:none;}



.input_message_erreur_ss_marge_g{
	margin: 0 0 10px 0;
	width:200px;
	height:19px;
	/*background: #dfffff;*/
	border:1px solid red;
}

.input_message_erreur{
	width:200px;
	height:19px;
	margin: 0 0 10px 10px;
	border:1px solid red;
}


.input_txt{
	width:200px;
	height:19px;
	margin: 0 0 10px 10px;
	border:1px solid #7e9db9;
}

.input_txt_ss_marge_g{
	width:200px;
	height:19px;
	margin: 0 0 10px 0;
	border:1px solid #7e9db9;
}


.select_list{
	height:19px;
	margin: 0 0 10px 10px;
	border:1px solid #7e9db9;
	width:140px;

}
.select_list_short{
	height:19px;
	margin: 0 0 10px 10px;
	border:1px solid #7e9db9;
	width:50px;

}

.select_list_erreur{
	height:19px;
	margin: 0 0 10px 10px;
	border:1px solid red;
	width:140px;

}

.mention_input{
	font-size:12px;
	margin:0 0 0 10px;
	line-height:18px;
	letter-spacing:0.01em;
	color:#666666;
}
.txtarea{
	width:200px;
	height:100px;
	margin: 0 0 10px 10px;
	border:1px solid #7e9db9;

}

.champs_obligatoire{
	font-size:10px;
	color: #00acae;
	clear:both;
	margin:0;
	padding:0;
}

.mentions_legales{
	line-height:10px;
	font-size:9px;
    margin:0 ;
	padding:0;


}

#mentions_legales{
display:block;
clear:both;

}

/********  BTN ET LIEN *******/

#l2v_bt a,
#l2v_bt:link,
#l2v_bt:visited{
	font-size:12px;
	font-weight:bold;
	display:block;
	float:left;
	text-align:center;
	white-space:nowrap;
	color:#FFF;
	padding:8px 0px 11px 0px;
	background:url('/imagerie/commun/bg-bt-search.gif') no-repeat right top;
	clear:both;
	text-transform:uppercase;
}
#l2v_bt:hover{
	color:#FFF;
	text-decoration:none !important;
	background:url('/imagerie/commun/bg-bt-search.gif') no-repeat right -35px;
}
#l2v_bt span{
	padding:8px 14px 11px 12px;
	background:url('/imagerie/commun/bg-bt-search.gif') no-repeat left top;
}

#l2v_bt:hover span{
	background:url('/imagerie/commun/bg-bt-search.gif') no-repeat left -35px;
}

#l2v_bt2 a,
#l2v_bt2:link,
#l2v_bt2:visited{
	font-size:12px;
	font-weight:bold;
	display:block;
	float:left;
	white-space:nowrap;
	color:#FFF;
	padding:8px 0px 11px 0px;
	background:url('/imagerie/commun/bg-bt-search.gif') no-repeat right top;
	clear:both;
	text-transform:uppercase;
}
#l2v_bt2:hover{
	color:#FFF;
	text-decoration:none !important;
	background:url('/imagerie/commun/bg-bt-search.gif') no-repeat right -35px;
}
#l2v_bt2 span{
	padding:8px 14px 11px 12px;
	background:url('/imagerie/commun/bg-bt-search.gif') no-repeat left top;
}

#l2v_bt2:hover span{
	background:url('/imagerie/commun/bg-bt-search.gif') no-repeat left -35px;
}


.lien1{
	font-size:14px;
	display:block;
	height:25px;
	margin:0 0 10px 0;
	color:#00acae;
	font-weight:bold;
	background:url(../imagerie/commun/puce_lien.gif) no-repeat 0 -1px  ;
	text-decoration:none;
	padding: 0px 0 0 30px;
	}
	
.lien1:hover {
	text-decoration:none;
	outline:none;
	}
	
.lien1:focus{
	text-decoration:none;
	outline:none;

	}


.lien2{
	font-size:12px;
	height:40px;
	margin:0 0 0 0;
	font-weight:bold;
	background: url(../imagerie/commun/puce_lien.gif) no-repeat 0 -1px  ;
	text-decoration:none;
	padding: 0px 0 5px 30px;
	color:#666666;
	display:block;
	}

.lien2:hover {
	color:#00acae;
	text-decoration:none;
	}
	
.lien2:focus{
	text-decoration:none;
	outline:none;
	}
	
.lien3{
	font-size:12px;
	margin:20px 0 10px 0;
	font-weight:bold;
	text-decoration:none;
	color:#666666;

	}
	
.lien3:hover{
	text-decoration:underline;
}
.lien2:focus{
	text-decoration:none;
	outline:none;
	}




/********  CLASSES	*******/
.titre1{
	font-size:18px;
	display:block;
	height:40px;
	margin:0 0 10px 20px;
	color:#000;
	font-weight:bold;
	background: url(../imagerie/commun/puce_lien.gif) no-repeat 0 -1px;
	text-decoration:none;
	padding: 0px 0 0 30px;
	}

.titre2{
	font-size:16px;
	font-weight:bold;
	margin:30px 0 0 10px;
	letter-spacing:0.01em;
	color:#666666;
	text-decoration:none;
	padding: 0px 0 0 30px;
	cursor:pointer;
	background: url(../imagerie/commun/puce_lien.gif) no-repeat 0 -1px;
	}

.appel_modules{
	margin:0 0 0 0;
	}

.float_left{
	float:left;
	margin: 0 10px 0 0;
	}