/* CSS Document */
html, body {width:100%; margin:0; /*background-color:#FFCC99 */ background-color: #FAE9CB; }
#tout {
	width:800px;
	border:2px outset grey;
    background-color: white; 	
	padding: 5px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	
}

#banniere
{

   width: 640px; 
   height: 335px;
   margin: auto; 
   margin-bottom: 10px;
   background-image: url("images/logo.gif");
   background-repeat: no-repeat;
}

#menu {
	text-align: center;
	margin:0 auto 0 auto;
	margin-bottom: 10px;
	border-bottom: 2px solid #FFCC99;

}

#corps {

   width: 750px
   text-align: center;
   margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
   
}
   
#photo {
   width: 320px; /* On a indiqué une largeur (obligatoire) */
   height: 240px;
   margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
   background-image: url("images/caseddu2.jpg");
   background-repeat: no-repeat;
}



#texte_photo {
   width: 100%;
   height: 507px;
   margin: 5px;
   Padding: 5px;
}

#texte_photo_1 {
   width: 250;
   text-align: justify;
   Padding: 5px;
   margin: 20px;
   }


/* menu */

.hovermenu ul{
font: bold 16px arial;
padding-left: 0;

height: 25px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
/* float: left; */
color: black;
'background-color: #F8F3E9;
'border: 2px solid #F8F3E9;
}

.hovermenu ul li a:hover{
background-color: #FAE9CB;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

/* les blocs de texte */

#texte_haut {
text-align: center;
}

#texte_bas {
text-align: center;
}

#pied_de_page {
width: 750px;
margin: auto;
   text-align: center;
padding-top: 5px;
border-top: 2px solid #FFCC99;
margin-bottom: 10px;
}