body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: url(../images_communes/fond_container.jpg) no-repeat center top;

}


body.index {
	background: url(../images_communes/fond_lettres.jpg) no-repeat center top;
}

p {
	margin:0;
	padding:0 0 8px 0;
}

/*--------------------------------------  container pour l'image du  bas qui se répète  (fond blanc avec ombres sur les côtés)--------------------------------*/
#container_bas {
	width: 965px;
	margin: 0 auto;
	padding: 0;
	background: url(../images_communes/fond_container_bas.jpg) no-repeat center 1800px;
}

/*--------------------------------------  container image du haut avec ombres sur les cotés  --------------------------------*/
#container{
	width: 965px;
	margin: 0 auto;
	padding: 0;
	/*background: url(../images_communes/fond_container.jpg) no-repeat;*/
}

#container_index{
	position:relative;
	width: 965px;
	height: 664px;
	margin: 0 auto;
	padding: 0;
	background: url(../images_communes/index.jpg) no-repeat;
}

#container_index_ital{
	width: 965px;
	height: 664px;
	margin: 0 auto;
	padding: 0;
	background: url(../images_communes/index_ital.jpg) no-repeat;
}

/*--------------------------------------  index  --------------------------------*/


#colonne_gauche_index{
	position:relative;
	float: left;
	width: 331px;
	height: 250px;
	padding: 255px 0px 0 12px;
	color: #3d7c34;
	font-weight: bold;
}

#post-it {
	display:none:
	background: url(../images_communes/post-it.png) no-repeat left top; 
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images_communes/post-it.png', sizingMethod='crop');
	position:absolute;
	top:120px;
	left:0;
	width:201px;
	height:241px;
	padding:60px 80px 0 50px;
}
#post-it a { color:#C00; text-decoration:none;}
a.mail { color:#C00; text-decoration:none; font-size:11px;}
a.fermer { 
	background: url(../images_communes/fermer.png) no-repeat left top; height:22px; width:22px; position:absolute; right:80px; top:40px; display:block;
	_background:none;
}
a.fermer span { display:none;}

#colonne_gauche_index #post-it .txt-content p {
	font-weight:normal;	
}

#post-it .txt-content h4 {
	text-transform:uppercase;
}
#biographie{
	float: left;
	width: 237px;
	height: 122px;
	padding: 306px 65px 0 15px;
	color: #3f433e;
	font-size: 11px;
	line-height: 14px;
}


#home-bt-acces {
	float: left;
	width: 252px;
	/*height: 100px;*/
	padding: 20px 30px 80px 15px;
	margin-top:10px;

}

#temoignages{
	float: left;
	width: 252px;
	/*height: 205px;*/
	padding: 0 30px 0 15px;
	margin:0 0 0 0;
	font-style: italic;
	color: #5E4A4A;
	line-height: 18px;
	font-size: 11px;
	font-weight: normal;
}



div#info-metier {
	position:absolute;
	top:645px;
	left:50px;
	width: 850px;
	height:25px;
	margin:10px 0 0 0;
}

div#info-metier h1 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	line-height: 14px;
	font-weight: normal;	
	margin:0 0 0 0;
	padding:0 0 0 0;
}


.intro{
	font-size: 13px;
	font-weight: bold;
	color: #9e5e5e;
	font-style: normal;
}
.intro2{
	font-size: 9px;
	color: #9e5e5e;
	font-style: normal;
}



/*------------------------------------------------------------------  COMMUN  -----------------------------------------------------------------------*/

/*#header{
	float: left;
	width: 965px;
	height: 120px;
	margin: 0 auto;
}*/
#header{
	width: 965px;
	height: 120px;
	margin:0 auto;
	position:relative;	
}

#Layer1 {
	position:absolute;
	left:964px;
	top:17px;
	width:129px;
	height:18px;
	z-index:1;
	visibility: hidden;
}



#Layer2 {
	position:absolute;
	left:964px;
	top:17px;
	width:129px;
	height:18px;
	z-index:1;
	visibility: hidden;
}

.Style2 {color: #52B540}



#logo{
	position:relative;
	float: left;
	width: 190px;
	height:47px;
	/*margin: 0 auto;*/
	padding: 56px 55px 0 34px;
}
#backhome {
	position:absolute;
	top:4px; left:30px;
	height:27px;
	width:180px;
}

#backhome a img { margin-right:5px; }
#backhome a { text-decoration:none; color:#FFF; font-size:14px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:27px;}
#backhome a:hover { text-decoration:underline; }

#drapeau {
	float:left;
	width:30px;
	height:34px;
	padding:0px 0 0 11px;
}

/*----------------------------------------  NAVIAGATION ------------------------------------*/
dt, dl, dd, ul, li {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
}
#navigation{
	position:relative;
	float: left;
	width: 668px;
	height: 98px;
	background:url(../operation-laser-yeux/images/nav_fond.jpg) no-repeat;
	padding: 20px 0px 0 13px;
}


#navigation dl {
	float: left;
}
#navigation li {
	display: inline;
	float:left;
}

#navigation a {
	text-decoration: none;
	color: #000;
	display: block;
	float: left;	
}



#navigation a span {
	display: none;
}


#navigation a#nav01 {
	width:109px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav01.gif);
}
/*
#navigation a#nav01:hover {
	width:109px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav01_o.gif);
}*/
#navigation a#nav01.actif {
	width:109px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav01_o.gif);
}


#navigation a#nav02 {
	width:221px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav02.gif);
}/*
#navigation a#nav02:hover {
	width:221px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav02_o.gif);
}*/
#navigation a#nav02.actif {
	width:221px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav02_o.gif);
}


#navigation a#nav03 {
	width:187px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav03.gif);
}/*
#navigation a#nav03:hover {
	width:187px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav03_o.gif);
}*/
#navigation a#nav03.actif {
	width:187px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav03_o.gif);
}


#navigation a#nav04 {
	width:94px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav04.gif);
}/*
#navigation a#nav04:hover {
	width:94px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav04_o.gif);
}*/
#navigation a#nav04.actif {
	width:94px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav04_o.gif);
}



#niveau1, 
#niveau2, 
#niveau3, 
#niveau4 {
	position: absolute;
	left: 0;
	top:64px;
	padding: 12px 0 12px 20px;
	width: 648px;
	background:url(../operation-laser-yeux/images/nav_bas.gif) no-repeat;
}

#niveau1 a, 
#niveau2 a, 
#niveau3 a, 
#niveau4 a {
	color:#225414;
	font-weight: bold;
	text-decoration:none;
	padding:0 10px 0 0;
}

#niveau1 a:hover, 
#niveau2 a:hover, 
#niveau3 a:hover, 
#niveau4 a:hover {
	color:#1da70a;
	font-weight: bold;
	text-decoration:none;
}

#niveau1 a.current, 
#niveau2 a.current, 
#niveau3 a.current, 
#niveau4 a.current {
	color:#1da70a;
	font-weight: bold;
	text-decoration:none;
}

/*#navigation{
	float: left;
	width: 668px;
	height: 98px;
	background:url(../operation-laser-yeux/images/nav_fond.jpg) no-repeat;
}



#niveau1 {
	float: left;
	width: 612px;
	height: 44px;
	padding: 20px 0 0 13px;
}
#niveau1 a {
	display: block;
	float: left;
}
#niveau1 a span {
	display: none;
}
#niveau1 a#nav01 {
	width:109px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav01_o.gif);
}

#niveau1 a#nav02 {
	width:221px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav02.gif);
}

#niveau1 a#nav03 {
	width:187px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav03.gif);
}

#niveau1 a#nav04 {
	width:95px;
	height:44px;
	background:url(../operation-laser-yeux/images/nav04.gif);
}


#drapeau {
	float:left;
	width:30px;
	height:34px;
	padding:20px 0 0 10px;
}



#niveau2 {
	float: left;
	width: 648px;
	height: 10px;
	padding: 12px 0 12px 20px;
	background:url(../operation-laser-yeux/images/nav_bas.gif) no-repeat;
}


#niveau2 a{
	color:#225414;
	font-weight: bold;
	text-decoration:none;
}

#niveau2 a:hover{
	color:#1da70a;
	font-weight: bold;
	text-decoration:none;
}*/



/*---------------------------------------- fin NAVIAGATION ------------------------------------*/

/*----------------------------------------  NAVIAGATION ITALIENNE------------------------------------*/

#navigation_ital{
	position:relative;
	float: left;
	width: 668px;
	height: 98px;
	background:url(../operation-laser-yeux/images/nav_fond.jpg) no-repeat;
	padding: 20px 0px 0 13px;
}


#navigation_ital dl {
	float: left;
}
#navigation_ital li {
	display: inline;
	float:left;
}

#navigation_ital a {
	text-decoration: none;
	color: #000;
	display: block;
	float: left;	
}

#navigation_ital a span {
	display: none;
}

#navigation_ital a#nav01_ital {
	width:111px;
	height:44px;
	background:url(../version_it/images/nav01.gif);
}
#navigation_ital a#nav01.actif {
	width:111px;
	height:44px;
	background:url(../version_it/images/nav01_o.gif);
}

#navigation_ital a#nav02_ital {
	width:186px;
	height:44px;
	background:url(../version_it/images/nav02.gif);
}
#navigation_ital a#nav02.actif {
	width:186px;
	height:44px;
	background:url(../version_it/images/nav02_o.gif);
}

#navigation_ital a#nav03_ital {
	width:181px;
	height:44px;
	background:url(../version_it/images/nav03.gif);
}
#navigation_ital a#nav03.actif {
	width:181px;
	height:44px;
	background:url(../version_it/images/nav03_o.gif);
}

#navigation_ital a#nav04_ital {
	width:134px;
	height:44px;
	background:url(../version_it/images/nav04.gif);
}
#navigation_ital a#nav04.actif {
	width:134px;
	height:44px;
	background:url(../version_it/images/nav04_o.gif);
}

#niveau1_ital, 
#niveau2_ital, 
#niveau3_ital, 
#niveau4_ital {
	position: absolute;
	left: 0;
	top:64px;
	padding: 12px 0 12px 20px;
	width: 648px;
	background:url(../version_it/images/nav_bas.gif) no-repeat;
}

#niveau1_ital a, 
#niveau2_ital a, 
#niveau3_ital a, 
#niveau4_ital a {
	color:#225414;
	font-weight: bold;
	text-decoration:none;
	padding:0 10px 0 0;
}

#niveau1_ital a:hover, 
#niveau2_ital a:hover, 
#niveau3_ital a:hover, 
#niveau4_ital a:hover {
	color:#1da70a;
	font-weight: bold;
	text-decoration:none;
}

#niveau1_ital a.current, 
#niveau2_ital a.current, 
#niveau3_ital a.current, 
#niveau4_ital a.current {
	color:#1da70a;
	font-weight: bold;
	text-decoration:none;
}

#drapeau_ital {
	float:left;
	width:30px;
	height:34px;
	padding:20px 0 0 10px;
}

/*---------------------------------------- fin NAVIAGATION  ITALIENNE------------------------------------*/
.numero_vert{
	color: #ffffff;
	text-decoration:none;
	background: url(../images_communes/numero_vert.gif) no-repeat left 5px;
	font-weight: bold;
	line-height: 18px;
	padding: 5px 0 8px 10px;
	display:block;
}

.bold_vert{
	color: #3d7c34;
	font-size: 18px;
	font-weight: bold;
}


#adresse{
	width: 198px;
	height: 160px;
	padding: 0 0 3px 23px;
	color: #3d7c34;
	font-weight: bold;
}



ul#liens{
	list-style:none;
	margin:0;
	padding:5px 0 0 21px;
	background:url(../images_communes/liens.gif) no-repeat;
}

ul#liens li {
	background: url(../images_communes/puce.gif) no-repeat;
	padding: 2px 2px 2px 25px;
	margin: 0
}

ul#liens li a{
	color: #f7554d;
	text-decoration:none;
	font-weight:bold;
}

ul#liens li a:hover{
	color: #FA958F;
	text-decoration:none;
	font-weight:bold;
	}
	
	
.savoir_plus{
	display:block;
	padding: 0px 0px 0 0px;
	text-align: right;
	vertical-align: top;
}	
	
.savoir_plus a{
	color: #1da70a;
	font-size: 11px;
	font-style: normal;
	text-decoration:none;
}

.savoir_plus_g{
	display:block;
	padding: 0px 0px 0 0px;
	text-align: left;
	margin:0 0 5px 0;
	/*vertical-align: top;*/
}	
	
.savoir_plus_g a{
	color: #1da70a;
	font-size: 11px;
	font-style: normal;
	text-decoration:none;
}		
	

.marron{
	font-weight: bold;
	color: #9e5e5e;
}


.marron a{
	font-weight: bold;
	color: #9e5e5e;
	text-decoration: underline;
}

.marron a:hover{
	font-weight: bold;
	color: #c34e4e;
}
	
	
/*------------------------------------------------------------------ FIN COMMUN  -----------------------------------------------------------------------*/




/*------------------------------------------------------------------ page autre que index -----------------------------------------------------------------------*/


#colonne_gauche{
	position:relative;
	float: left;
	width: 254px;
	height: 270px;
	padding: 255px 0 0 12px;
}


#rubrique{
	float: left;
	width: 699px;
	height: 31px;
	padding: 44px 0 37px 0;
	/*font-size: 30px;
	color: #627029;
	font-weight: bold;*/
}


h1{
	/*float: left;
	width: 699px;
	height: 31px;
	padding: 44px 0 37px 0;*/
	font-size: 24px;
	color: #627029;
	font-weight: bold;
}






#colonne_milieu{
	float: left;
	width: 466px;
}

#haut_colonne_milieu{
	width: 466px;
	height: 21px;
	background: url(../images_communes/arrondis_haut.gif) no-repeat;
}
#milieu_colonne_milieu{
	width: 431px;
	background: url(../images_communes/cadre_vert.gif);
	padding: 0 15px 0 20px;
	line-height: 16px;
    min-height: 450px;
    height: auto !important;
    height: 450px;	
}

#bas_colonne_milieu{
	width: 466px;
	height: 21px;
	background: url(../images_communes/arrondis_bas.gif) no-repeat;
}
p.titre{
	font-size: 16px;
	color: #fe3c3c;
	padding-bottom:10px;
	font-weight: bold;
}

.liens_rouge_bold a{
	font-size: 16px;
	color: #fe3c3c;
	padding-bottom:10px;
	font-weight: bold;
	text-decoration: none;
}





.lien_vert a{
	color: #2b9f17;
	text-decoration: underline;
}

.vert_bold{
	color: #2b9f17;
	font-weight: bold;

}

.vert_bold_coordonnees{
	color: #2b9f17;
	font-weight: bold;
	padding:3px 0 3px 0;
	display:block;
	font-size: 14px;

}

p.questions{
	color: #fe3c3c;
	font-weight: bold;
	font-size: 13px;
	padding:10px 0 5px 0;
}


.rouge{
	color: #f7554d;


}

.rouge a{
	color: #f7554d;
	text-decoration: underline;
}

#milieu_colonne_milieu ul{
	list-style: none;
	margin:0px;
	padding:5px 0 0 0;

}

#milieu_colonne_milieu li{
	padding:5px 0 0 15px;
	background:url(../images_communes/puce_2.gif) no-repeat;
}
#colonne_droite{
	float: left;
	width: 212px;
	padding: 0px 0 0 21px;
}