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



@font-face{  
    font-family: 'open-medium';
    src: url('font/OpenSans-Semibold.eot'); /* IE9 Compat Modes */
    src: url('font/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/OpenSans-Semibold.woff') format('woff'), /* Modern Browsers */
         url('font/OpenSans-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('font/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;	
	}



* {
margin: 0px;
padding: 0px;
}


html, body {
margin:0; 	height: 100%;  background:url(img/background.jpg) repeat-x; font-family: 'Open Sans', sans-serif;
}	


	#header, #main, #footer {
		width:1200px;
		margin:0 auto;
		font-family: 'Open Sans', sans-serif;
		
	}
	

#header-wrapper {
		background:url(img/header_bg.png) no-repeat 50% 0;
		border-bottom:6px solid #A2C0D7;
	}
		#header {
			position:relative;
			height:154px;
			padding-top:1px;
			
		}
			#logo_vetoadom {
	display:block;
	position:absolute;
	left:53px;
	width:133px;
	overflow:hidden;
			}
				#logo_vetoadom:hover img {
					position:relative;
					left:-133px;
				}
			
			#big_title {
				position:absolute; left:25%; top:26px;
				width:500px;
				text-align:center;
			}
				#big_title h1, #big_title strong {
					color:#fff;
					font:normal 30px Open Sans;
				}
				#big_title em {
					color:#bdddf4;
					font:normal 20px Open Sans;
					display:block;
					padding:7px 0 0 0;
				}
				#big_title sup {
					font-size:12px;
					position:relative; top:5px;
				}
			#contact_header {
				position:absolute; right:10px; top:5px;
				width:373px; height:112px;
				background:url(img/header_bgtel.png) no-repeat 0 0;
			}
				#contact_header span {
					position:absolute; top:35px; left:140px;
					font:normal 30px Open Sans;
					color:#fff;
				}


/* NAVIGATION */


#Cadremenu {height:34px; margin-top:120px; }




#en-tete {overflow:hidden; background:url(img/fond-vetoadom.png) bottom repeat-x}

#en-tete ul {margin:4px 16px 0 160px; padding:0; list-style:none; }

#en-tete li {float:left; margin-left:3px; }

#en-tete a,#actif {float:left; text-decoration:none; letter-spacing:1px; padding-left:9px; background:url(img/coin-gauche-vetoadom.png) 0 -34px no-repeat; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:bold}

#en-tete span,#actif span {float:left; padding:6px 10px 3px 0; background:url(img/coin-droit-vetoadom.png) 100% -34px no-repeat; color:#fff}

#actif {background-position:0 0}

#actif span {background-position:100% 0; color:#222426}

#en-tete a:hover,#en-tete a:focus {background-position:0 -68px}

#en-tete a:hover span,#en-tete a:focus span {background-position:100% -68px}


/******************* PAGE ***************/

.txt-vert-44 {color:#0bbfbf;}
.txt-vert-44-bold {color:#0bbfbf; font-weight:bold}
.txt-rouge {color: #F00;}

#slide {width:780px; height:290px; background:url(img/slide1.png) right no-repeat; font-size:24px; margin:0 auto}

#slide p {color:#000; font-size:16px;  text-align:left; margin-top:50px; font-family: 'open-medium';
}


#separation-horizontale {height:1px; width:600px; background-color:#cfcfcf; margin: 5px 0 30px 270px ; }


.titreprincipal {
    font-size: 24px;
    color: #0BBFBF;
    font-weight: bold;
    margin-bottom: 10px;
}


.titreSouligné { text-decoration:underline; color: #0BBFBF; font-size:14px}


#separation { border-bottom:1px solid #ccc; margin:0 auto; width:80%; margin-top:50px; margin-bottom:50px}



#icineris {margin:0 30px 0 0; line-height:20px; font-size:13px;}

#icineris ul { margin-left:50px;  }
#icineris li { padding-bottom:20px}

/******************* CADRE 3 PARTIE ****************/


#contenuCadre { margin-bottom:50px;overflow:hidden }

#cadre1 {float: left; width:300px; }
#cadre1 p{padding:10px 5px 0 0;  font-size:13px;}
#cadre1 ul{
list-style-image:url('img/puce.png');  font-size:13px; padding: 0 20px 0 50px; text-align:justify;
}




#cadre2 { float:right; width:320px;  }



#cadre3 { margin: 0px 400px 0 340px;  }



#contenuCadrePage { margin-top:30px;margin-bottom:10px;overflow:hidden }

#cadre4 { margin: 0px 100px 0 340px }

#cadre5 {float: left; width:49%; font-size:13px;  }

#cadre5 p{padding:10px 5px 0 0; }
#cadre5 ul{
list-style-image:url('img/puce.png');  font-size:13px; padding: 0 20px 0 50px; text-align:justify;
}

#cadre6 {float: right; width:49%; font-size:13px; border-left:1px solid #CCC; }
#cadre6 p{padding:10px 10px 0 10px; }
#cadre6 ul{
list-style-image:url('img/puce.png');  font-size:13px; padding: 0 20px 0 50px; text-align:justify;
}



/* PAGE ENGAGEMENTS */
#contenuCadrePageEngagement{ margin-bottom:10px;overflow:hidden }

#cadreEngagement {float: left; width:360px; }
#cadreEngagement p{padding:10px 0 0 0;  font-size:13px;}
#cadreEngagement ul{
list-style-image:url('img/puce.png');  font-size:13px; padding: 0 20px 0 50px; 
}

#cadreEngagDroit { float:right; width:360px;  }
#cadreEngagDroit p{padding:10px 5px 0 0;  font-size:13px;}
#cadreEngagDroit ul{
list-style-image:url('img/puce.png');  font-size:13px; padding: 0 20px 0 50px; 
}

#cadreEngag3 { margin: 0px 365px 0 365px }

#cadreEngagCharteGauche {float: left; width:60%; font-size:13px;  }
#cadreEngagCharteGauche ul{
list-style-image:url('img/puce.png');  font-size:13px; padding: 0 20px 0 50px; 
}

#cadreEngagCharte { 
background:url(img/chartebg.png) repeat-x;
color:#348ed0; font-size:12px;
width:400px;
background-position:bottom;
border:4px double #ccc;
padding: 10px;
margin:0 auto; 
/*css3*/
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
float:right }

.cadreEngagConclusion { 
background:url(img/chartebg.png) repeat-x;
font-family:"open-medium";
background-position:bottom;
border:1px solid #348ed0;
padding: 10px;
margin:0 auto; 
}
/* FIN PAGE ENGAGEMENTS */




/* PAGE ZONES ACTION */
#contenuCadreZoneAction{ margin-bottom:10px;overflow:hidden; font-size:13px; }

#cadreZoneAction {float: left; width:240px; }
#cadreZoneAction p{padding:20px 0 0 0;  font-size:13px;}


#cadreZoneActionDroit { float:right; width:240px;  }
#cadreZoneActionDroit p{padding:20px 5px 0 0;  font-size:13px;}


#cadreZoneActionCarte { margin: 0px 245px 0 245px }
/* FIN PAGE ZONES ACTION */




/* PAGE LIENS PRO */
#contenuLiensPro { margin: 0 0 10px 0;overflow:hidden;  }
#contenuLiensPro p { font-size:13px; color:#000; line-height:20px }
#contenuLiensPro a { text-decoration:underline ; color:#000}
#contenuLiensPro a:hover { text-decoration:none ; color:#0bbfbf}

#contenuLiensPro ul
{
list-style-image:url('img/puce.png'); padding-left:100px; line-height:26px;font-size:13px;
}


#contenuLiensPro .titrerubrique {color: #0bbfbf; font-weight:bold; font-size:24px;}

#contenuLiensPro table {font-size:13px;}
#contenuLiensPro table td { border-bottom: 1px dotted #999; line-height:30px}
#contenuLiensPro table td a {color:#000; text-decoration:underline;  }
#contenuLiensPro table td a:hover {color:#0bbfbf; text-decoration:none}



hr.f1 { /* Premier filet bleu clair */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #e5e5e5; /* ... que l'on remplace par un fond bleu uni   */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 60%;                /* Et on précise que l'on désire un filet de longueur 70%... */
  margin: 5px 0 10px 50px;
}




hr.f2 { /* Premier filet bleu clair */
  border: none;              /* On supprime la bordure (inset par défaut)... */
  background-color: #0bbfbf; /* ... que l'on remplace par un fond bleu uni   */
  height: 1px;               /* On définit la hauteur de 1 pixel pour que le fond soit visible ! */
  width: 50%;                /* Et on précise que l'on désire un filet de longueur 70%... */
  margin: 5px 0 10px 10px;
}


/* FIN LIENS PRO */








#contenuCadrePage2 { margin: 20px 0 10px 0;overflow:hidden;  }
#contenuCadrePage2 p {font-size:13px}
#contenuCadrePage2 ul{
list-style: none;  font-size:13px; padding: 0 80px 0 80px; text-align:justify;
}

.acces {color:#2f8181; font-weight:bold; font-style:italic; font-size:16px}

.infoslegales a{font: 10px "open-medium"; color:#333; text-decoration:none}

.infoslegales a:hover{color:#0bbfbf; text-decoration:none}


#identification { width:254px; height:101px; background:url(img/fond-espace-vetoadom.png) no-repeat; margin:5px 5px 0 0 ; padding:5px; }

#identification label {	float: left;font-family:"Open Sans";	
	width: 80px; color:#FFF; font-size:12px;
	text-align: left; margin:5px }
	
	
#identification input[type=text] {border:1px solid #fff; font-size:12px; font-family:"Open Sans"; padding-top:2px; width:130px; margin-bottom:15px; color:#2f8181;
}	
	
#identification input[type=submit]{
background:#10c0c0;
width:35px;
border:none;
margin:0 35px 0 0;
color:#fff;
font-size:11px;
float:right;

}



#cadreInfos { width:60%; font-size:13px; margin:0 auto; min-height:400px  }


#social_veto {
    width: 211px;
    height: 103px;
    margin: 0 0 0 20px;
    background: url('img/sidebar_bgsocial.png') no-repeat scroll 0px 0px transparent;
	 float:left;
	 position:relative;
}
#fb_like {
    margin: 0 0 0 30px;
}

/******************* CADRE 3 PARTIE ****************/





/******************* FOOTER ****************/
#footer-wrapper {
    background: url('img/footer_bgrpt.png') repeat-x scroll 0px 0px transparent; height:153px;
    
}


#footer table {font-size:10px}


#contact_footer {
	padding-top:40px;
    left: 10px;
    top: 0px;
    width: 312px;
    height: 84px;
    background: url('img/footer_bgtel.png') no-repeat scroll 0px 0px transparent;
}

#contact_footer span {
	margin: 0 0 0 100px;
	
    font: 20px "open-medium";
    color: #0bbfbe;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.plandusite { font-family: 'Open Sans', sans-serif; color:#333}
.plandusite a{ color:#333; text-decoration:none; font-size:10px;}
.plandusite a:hover{ color:#0bbfbf; text-decoration:none; font-size:10px;}

.motscles{font-size:12px; color:#bfbfbf}