#en_tete, #menu, #corps, #pied_de_page
{
font-family:Arial, Verdana, sans-serif;

}

body
{
   width: 800px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 10px;
   background-image: url("images/chalet-bois.jpg");
}

#principal
{
 
}

/* L'en-tête */

#en_tete
{
   margin-left: 170px;
   margin-bottom: 10px;
   padding: 5px;
   height: 80px;
   /* background-image: url("images/banniere.png"); */
   background-position:center;
   background-image:none;
}

#en_tete h1
{
	color:white;
	font-size:60px;
	font-family: "Freestyle Script", Mistral, Arial;
	font-weight:normal;
}

/* Le corps de la page */
#corps
{
   margin-left: 170px;
   margin-bottom: 10px;
   padding: 5px;
   text-align:justify;
   background-image: url("images/transparent60.png");
}

h1 /* Tous les titres h1 du corps */
{
   color: #4F1200;
   text-align:center;
   margin-top:10px;
}

h2 /* Tous les titres h2 du corps */
{
   padding-left: 30px;
   color: #4F1200;
   font-family: "Freestyle Script", Mistral, Arial;
   font-size:30px;
}

#corps ul
{
list-style-image: url("images/soleil.gif"); /* On change l'apparence des puces */
}

#corps dl dt
{
	list-style-image: url("images/cigale3.gif");
	color: rgb(206,109,23);
	font-weight:bold
}

.imageflottante
{
   float: right;
}

.image_centree
{
	margin:auto;
	width: 431px;
	height: 250px;
}

.centrer
{
text-align: center;
}

#pied_de_page
{
   padding: 5px;
   text-align: center;
   font-size: 0.8em;
   margin-left:170px;
   background-image: url("images/transparent60.png");
}





/* Le menu */

#menu
{
   float: left; /* Le menu flottera à gauche */
   position: fixed;
   width: 160px; /* Très important : donner une taille au menu */
   background-image: url("images/transparent.png");
   background-repeat: repeat;
}

.element_menu
{
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}


/* Quelques effets sur les menus */
.element_menu h3 /* Tous les titres de menus */
{    
   color: #4b6eff;
   text-align: center;
}

#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	background:url('menu-vert30.png');
	color: #fff;
	font: 1em Arial, sans-serif;
	}
#navigation a, #navigation span {
	display: block;
	padding: 4px 10px;
	color: maroon;
	text-decoration: none;
	background:  url('images/transparent.png');
	}
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
	background-image: url('images/transparent.png');
	}
#navigation .open a {
	background-image: url('images/transparent.png');
	}
#navigation .open span {
	
	}
#navigation a:hover, #navigation a:focus, #navigation a:active {
	text-decoration: underline;
	}
#navigation .subMenu {
	font-size: .8em;
	background:  url(subMenu.png) 0 0 repeat-x;
	margin: 0;
	padding: 0;
	border-bottom: 0px solid #666;
	list-style: none;
	}
#navigation ul.subMenu a {
	background: none;
	padding: 3px 20px;
	color: #CC3300;
	
	}
#navigation .subMenuOuvert {
	font-size: .8em;
	background:  url(subMenu.png) 0 0 repeat-x;
	margin: 0;
	padding: 0;
	border-bottom: 0px solid #666;
	list-style: none;
	}
#navigation ul.subMenuOuvert a {
	background: none;
	padding: 3px 20px;
	color: #CC3300;
	}
.imageVignette {
	max-height:100px;
	-webkit-box-shadow: 0 3px 10px black; 
    -moz-box-shadow: 0 3px 10px black; 
    box-shadow: 0 3px 10px black; 
    border-radius: 10px;
	}
.imageAgrandi {
	max-width:700px;
	margin:auto;
	-webkit-box-shadow: 0 3px 10px black; 
    -moz-box-shadow: 0 3px 10px black; 
    box-shadow: 0 3px 10px black; 
    border-radius: 10px;
	}
.divCache {
	display:none;
	}
.divMontre {
	display:display;
	position:fixed;
	width:800px;
	top:100px;
	margin:0 auto;
	left: 0; 
    right: 0;
	z-index:11;
	padding:10px;
	text-align:center;
	}
#divFond
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index:10;
	opacity:0.8;
	filter: alpha(opacity=80);
}