body 

 {
 margin:0;
text-align: center;
  width:100%;

color:#FFDEAD; 
	font-size: 0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;                          (arial,"Times New Roman",Times,  serif;)         
	line-height: normal;
	background-color: #6a544b;                                #5f0203spa                           #B22222  brique              actuel 
	


	
	}

 h1
{
	font-family:  verdana, times, serif;
	font-size: 18pt;
  color: #660000;
  text-transform: none;
}
h2{
font-size: 12pt;
font-weight: bold;
color: #800000;
font-variant: small-caps;
font-style: normal;



text-align: center;

 	}	
	
h3{
	font-size: 12pt;
}
h4
{

	font-size: 10pt;
	font-weight: bolder;
}


 p{
  font-family: arial,"Times New Roman",Times,  serif;
	line-height: normal;
  text-indent: 30px;
  text-align: left;

	
  
  }
 
	

table{
    width:200px;
	 margin-left: auto;
	 margin-right: auto;
border-style:none;
	text-align:center;
	
}	

	
	dl{
	font-size: 0.9em;
	text-align: center;
	font-style: italic;

}
   
	
.tarif {
padding: 2em;
background-color: #FFEBCD;
font-size:12px;
border-style:solid;
border-width:1px;
border-color: #660000; 
width:50%;



}

	.google
	{
	background-color: #FFDEAD;
		border: 1px solid #660000;
}
	

#col-gauche{

position: absolute; /* -> 1 */

	top: 1em;
	left: -1em;
	width: 15em;
	height: 40em;


	}
	
#col-droite
	{
	
	position: absolute; /* -> 1 */
	top:1em;
	right: 1em;
 width: 15em;
	height: 40em;
		line-height: 1,2em;
		text-align: center;
	}	



 .droite{
 position: relative;
 left: 5px;
text-align:right;
width: 150px;
height: auto;

}


#en-tete 
	{
	margin-top:-1em;
padding: 3.5em 0 0;
	background-image: url(images/banniere7.jpg);
line-height:20%;

	text-align: center;
	visibility: visible;
	height: 130px;
}

 
	#navigation
	{
	  color:red;
	font-size: 0.8em;
	
	font-weight: bold;

	background-color: Silver;
	text-align: center;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
   	margin-bottom: 10px;
}

#navigationvraie 
	{
	
   color:red;
	font-size: 0.8em;
	
	font-weight: normal;

	background-color: #FFDEAD;
	text-align: center;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
   	margin-bottom: 10px;
}


  
#logo 
	{
	height: 10px;
	background-color: transparent;
	text-align: center;
	}  
 
	
	#container{	
	

	 margin-left: auto;
  margin-right: auto;
 width: 850px;
margin-top: 4em;
text-align: left;
 position: relative;/* Voir -> Note 1 */

/* http://www.zonecss.fr/style_css/feuille_css_float.html */


} 



	
	 
		
	

	

	
	
#contmenus{

	width: 70%;
	margin-top: 1px;

	margin-left: auto;
		margin-right: auto;
		
	  
font-family: "Book Antiqua", sans-serif, serif, cursive;
font-weight: bold;
font-style: italic;
 font-size: 130%;


 text-align: center;
		background-color: #DEB887;
		}

a:link {color: #5f0203;}
a:visited {color: White;}
a:hover {color: red;}
a:active {color: Lime;}
a:link


#active{
	background-color: #5B5B5B;
}

a img
{
border: none;
}


  
.element-de-menu
	{
	font-size: 0.8em;
	
	margin: 2em auto 2em auto;
	
	text-align: center;
	
	}

.element-de-menu a:link 
	{
	
	color: #758642;
	text-decoration: none
	}


.element-de-menu a:hover 
	{
	color: #c63;
	text-decoration: underline;
}
	
	.element-de-menup
	{
	font-size: 0.8em;
	font-style: normal;
	text-align: left;

		}	

#col-milieu
	{

margin-left: 12em; /* -> 2 */
	margin-right: 11em; /* -> 2 */
	padding: 2.5em 2.5em;
	
	text-transform: none;
	
}

#col-droite
	{
	
	position: absolute; /* -> 1 */
	top:1em;
	right: 1em;
 width: 10em;
	height: 40em;
		line-height: 1,2em;
		text-align: center;
	}	
  
 
.spacer {
	clear: both;
  
   } 
	
.important{
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	
	}
	.rouge{
	color: Red;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
		
	}
	.imp2
	{

		font-weight: bolder;
	}
  

	.petit
	{
		font-size: 0.5em;
	}

	
.span
{
	text-align: center;
	font-size: 90%;

}
.boitep1
{	
float: left;
margin: 1em;
}
 
	
.boitep2
{

float: right;
margin: 1em;


}
.boitep3
{
	padding-left: 40%;
}
.boitep4{
background-image: url(images/feui4.jpg);

   background-position:50%; 
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: black;
	font-weight: bolder;
	
	}

.boitep5
{
	float: left;
 margin: 2em;
 margin-left: -2em;


	}
   
.img{
	margin: 1em;
	}
 
  
#pied-de-page
 
	{
	clear: both;

	margin: auto ;
	margin-top: 3em;

	color: #660000;
	font-size: 1em;
	font-variant: small-caps;
	font-weight: bolder;

	line-height: 16px;
	background-color:  silver;
	text-align: center;
	letter-spacing:2px;
	height: 16px;
}
 
 
#pied-de-pagevrai
 
	{
	clear: both;

	margin: auto ;
	margin-top: 3em;

	color: #660000;
	font-size: 0.8em;
	font-variant: small-caps;
	font-weight: bolder;

	line-height: 16px;
	background-color:  #FFDEAD;
	text-align: center;
	letter-spacing:2px;
	height: 16px;
}


 . txt_defil 
{
font-size: 100%;font-family: Verdana, serif ; color: Maroon;text-decoration:none;
}
.txt_defil:link
 {
font-size: 110%;font-family:Verdana, serif, sans-serif;
 color: #758642;text-decoration:none
}
.txt_defil:visited
 {font-size: 110%;font-family:Verdana, serif, sans-serif;color: #006400;text-decoration:none
 }
.txt_defil:hover 
{
font-size: 110%;
font-family: Verdana, serif, sans-serif;
color:maroon;
text-decoration:underline
}
 
.liens
{
	font-size: 7pt;
	color: Red;
	
	
}
.center{
	text-align: center;
}
  
div#galerie
	
{
width: 100%;

	border:none ;
	padding: 1em ;
	}
/*image big pict détermine la taille de div galerie */



ul#galerie_mini
{

	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	padding-left: 4em;
}	

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	
	border: 1px solid #dcb ;
}

dl#photo
{

clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic  0,2em  Georgia, serif ;
	color: #978D66;
}  

 dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}
		
		
		#promos
		{
				font-size: 80%;
				font-family: Georgia;
				font-weight: bold;
				color: silver;
	
				}
		
	
	
	
		
		--></style>