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

body{
background:#a0c922 url(image/communes/filet_gris.jpg) repeat-x;
}
.conteneur a { color:#739706;  text-decoration:underline; }
.conteneur a:hover { color:#739706;text-decoration:none; }
.conteneur strong {color:#3d3f37;}

/************************ architecture *******************************/
.header{
margin: 0 auto;
width:903px;
height:333px;
background:url(image/communes/bando_haut.jpg) no-repeat;
}
.header .Style1 {color: #a0c922}


.conteneur{
margin:0 auto;
padding: 25px 15px 20px 15px;
background: #e4e4cd;
border:solid 1px #3d3f37;
width:871px;
}


.left{
width:374px;
margin-right:44px;
float:left;
}

.right{
float:left;
width:453px;
}

.leftmail{
width:427px;
margin-right:44px;
float:left;
}

.rightmail{
width:400px;
float:left;
}

.mention{
width:855px;
background:url(image/mentions/detour.jpg) no-repeat right top;
}
.mention a {
color:#3E3F37;
text-decoration:underline;
}
.mention a:hover {
color:#739706;
}
table{
margin-bottom:40px;
}



/******************** attributs titres et textes  *************************/
h1 {
font:normal 1.8em "Verdana", Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
padding-top:23px;
float:left;
}
h1 a{
text-decoration:none;
color:#FFFFFF;
}
.fltlft { float:left; margin-right:5px;}
.fltrt { float:right; margin-left:5px;}
.nouveaute {
	padding:.5em; 
	overflow:visible;
	border:1px solid #fff;
	-moz-border-radius: 10px; /*moz*/
	-webkit-border-radius: 10px;/*safari*/
  border-radius: 10px; /* CSS3 */
}
.nouveaute ul { list-style-type:disc; }

h2{
font: bold 1.5em "Arial Narrow", Helvetica, sans-serif;
color:#3d3f37;
margin-bottom:20px;
border-bottom:#565852 dashed 1px;
}

h3{
font: bold 1em Arial, Helvetica, sans-serif;
color: #86a132;
padding-bottom:2px;
}

h4{
font:bold 1em Arial, Helvetica, sans-serif;
color:#53564F;
padding-bottom:10px;
}

h5{
font: bold 0.9em  Arial, Helvetica, sans-serif;
color:#5B6B22;
border-top:#A3A49F solid 1px;
padding-bottom:5px;
padding-top:7px;
margin-top:25px;
}

p, .liste, table{
font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

.liste {
list-style:circle;
}

.liste li{
margin-left:25px;
}

/******************************* MENUS ****************************************/
/*************************************************************************/
/***************************** menu haut *********************************/
						.header ul{
						list-style:none;
						margin:0;
						padding:0;
						padding-top:65px;
						text-align:center;
						float:right;
						}
						.header li{
						list-style: none none;
						line-height:1px;
						text-align:center;
						color:#a0c922;
						font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
						display:inline;
						margin-right:10px;
						}
						
						.header li a {
						color:#FFFFFF;
						text-decoration:none;
						}
						
						.header li a:hover {
						color:#a0c922;
						}
						
	
						
/***************************** menu pour page plan du site ***********************/						
						.plan{
						list-style: circle;
						list-style-position:inside;
						padding-top:15px;
						}
						.plan li{
						color:#3E3F37;
						padding-bottom:25px;
						padding-left:20px;
						}
						.plan li a{
						color:#3E3F37;
						font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
						line-height:1px;
						text-decoration:none;
						}
						.plan li a:hover{
						color:#739706;
						text-decoration:underline;
						}
						.plan ul {
						list-style: circle;
						padding-top:15px;
						margin-left:20px;
						}
						.plan li li {
						padding: 0;
						margin-left:15px;
						}
	
/***************************** menu pied de page *********************************/
						.foot{padding-bottom:25px;}
						
						.foot ul{
						text-align:center;
						padding-top:8px;
						}
						
						.foot li{
						font: bold 0.8em "Verdana", Arial, Helvetica, sans-serif;
						color:#3d3f37;
						display: inline ;
						margin-right:9px;
						}
						
						.foot li a{
						color:#3d3f37;
						text-decoration:none;
						}
						
						.foot li a:hover{
						color:white;
						}
						
						.foot li.on{
						color:#a0c922;
						}
						
						
					
						.site li{
						font:normal  0.8em Arial, Helvetica, sans-serif;
						color: #006600;
						text-align:right;
						padding:0 15px 0 15px;
						}

/****************************** accueil *******************************/

#index h1{
font: bold 1.5em "Arial Narrow", Helvetica, sans-serif;
color:#3d3f37;
margin-bottom:20px;
border-bottom:#565852 dashed 1px;
display:block;
float:none;
text-align:left;
padding-top: 0;
}
#index h2 {
display:block;
float:none;
width:100%;
clear:both;
margin:0 0 .8em 0;
padding-top: 23px;
text-align:left;
border-bottom: 1px dashed #565852;
color: #3D3F37;
font: bold 1.5em "Arial Narrow",Helvetica,sans-serif;
}

#index .nouveaute { padding:2px 5px 5px; }
#index .nouveaute img { padding-top:5px; margin:0 5px 0 0; float:left; }
#index p { line-height:1.2em;}




/*************************** communs *********************************/
.left img{padding-bottom:15px;}
.right img{padding-top:15px;}
.separe{clear:both;}

/*********************** encarts *****************************/

/** styles communs a tous les encarts **/
.encart {margin: 20px 10px 0 10px; text-align:center; 
	font:1.1em/1.7em normal Arial, Helvetica, sans-serif;	color:#FFFFFF; }
.encart a, .encart a:hover , .encart p { color:#FFFFFF; padding-top:2.5em; padding-bottom:0.5em; display:block; text-decoration:none; } 
.encart p { font:1em/1.4em normal Arial, Helvetica, sans-serif;	} /* uniquem. tarifs*/ 
.encart small { font: 0.8em/1.4em Arial, Helvetica, sans-serif; } 


	/** bloc veto et marechal **/
	#veto {background:url(image/pension/encart_veto.jpg) no-repeat;}
	#mare {background: url(image/pension/encart_marechal.jpg) no-repeat;}
	
	#veto, #mare{ width:206px; height:156px; float:right; line-height:1.4em}
	
	/* type de lien specifiques pour ces 2*/
	
	#veto a span , #mare a span { font: 0.8em Arial, Helvetica, sans-serif; color: #FFFF66; line-height:2em; }
	#veto a:hover span , #mare a:hover span { text-decoration:underline;}
	
			

	/** styles zoom **/	
	#zoom { background: url(image/installations/domaine_big.jpg) no-repeat;  }	
	
	#zoom { 
		margin-right:0; margin-left:0; 
		width:453px; height:156px; float:left; overflow:visible;
	}
	#zoom a { display:block; padding:2em 253px 1.8em 0; text-decoration:none; }
	#zoom a:hover { display:block; padding:2em 253px 1.8em 0; text-decoration:underline;}
	#zoom a.bottom {
		 font: 0.7em/1em bold Verdana, Geneva, sans-serif; color:#739706; 
		 text-align:right; display:block; padding:.1em 0 0 0;
	}
	#zoom a.bottom:hover { color:#739706; text-decoration:underline; }
	

/*************************************************************************************/
/************************** formulaire de contact *************************************/					
 .adresse { 
 width:50%;
 text-align:left;
 float:left;
 }

				.contact{
				width:453px;
				height:350px;
				}
				
				.ta{
				font: 0.8em Verdana, Arial, Helvetica, sans-serif;
				color:#003366;
				width: 400px;
				}
				.champ{/************champs obligatoires****************/
				margin:0 0 0 355px;
				}
				
				label{
				font: 0.8em Verdana, Arial, Helvetica, sans-serif;
				display:block;
				width:355px;
				margin:10px 0 2px 0;
				}
				
				label.inl { /***************** permet d'aligner les checkbox et le texte ************/
				display:inline;}					
				
				
				
				table{
				margin-bottom:0;
				padding-bottom:0;
				}
				
.align-right {text-align:right}
/**
*
* TARIFS
*
*/
	#tarifs .text-white {color: #FFFFFF}
	#tarifs a {color:#3E3F37;font:bold 0.9em Verdana,Arial,Helvetica,sans-serif;text-decoration:underline;}
	#tarifs a:hover {text-decoration:none;}
	
	
	/* tableaux tarifs communs */
	table.table-tarifs {
		width:453px; 
		border:0 none; 
		border-collapse: collapse; 
		border-spacing:0;
		margin-bottom: 1em;
		font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	}
	table.table-tarifs caption { text-align:left; line-height:1.2em;padding-bottom:10px;}
	
	table.table-tarifs td, 
	table.table-tarifs th { line-height:1.2em; padding:10px 5px; vertical-align:middle; border:1px solid #E4E4CD; text-align:center}
	table.table-tarifs th { font-weight:bold;}
	table.table-tarifs span.normal  {font-weight:normal;}
	
		/* t1 */
		#table-tarifs thead th { line-height:.8em;}
		#table-tarifs .bg1 { background-color:#ccc;color:#000; font-weight:bold; text-align:left;}
		#table-tarifs .bg2, #table-tarifs .bg3{ font-weight:normal; text-align:center;}
		#table-tarifs .bg2 { background-color:#666; color:#fff; }
		#table-tarifs .bg3 { background-color:#a0c922;color:#000; }
		#table-tarifs thead th.bg2,#table-tarifs thead th.bg3 { font-weight:bold;}
		
		/* t1 dimensions */
		#table-tarifs tbody .bg1 {width:32%;}
		#table-tarifs tbody td.bg2,
		#table-tarifs tbody td.bg3 {width:17%;}
	
		/* t2 */
		#table-tarifs2 .bg1 { background-color:#a0c922; color:#000; text-align:center; }
		#table-tarifs2 .bg2 { background-color:#999; color:#000; }
		#table-tarifs2 th.bg1 , #table-tarifs2 th.bg2 { font-weight:bold; text-align:left; }
	
		/* t2 dimensions */
		#table-tarifs2 th , #table-tarifs2 td { width:50%; }

		/* t3 */
		#table-tarifs3 thead th { line-height:.8em;}
		#table-tarifs3 .bg1 { background-color:#ccc;color:#000; font-weight:bold; text-align:left;}
		#table-tarifs3 .bg2, #table-tarifs3 .bg3{ font-weight:normal; text-align:center;}
		#table-tarifs3 .bg2 { background-color:#666; color:#fff; }
		#table-tarifs3 .bg3 { background-color:#a0c922;color:#000; }
		#table-tarifs3 thead th.bg2,#table-tarifs3 thead th.bg3 { font-weight:bold;}
		
		/* t3 dimensions */
		#table-tarifs3 tbody .bg1 {width:32%;}
		#table-tarifs3 tbody td.bg2,
		#table-tarifs3 tbody td.bg3 {width:17%;}