body
{
 width: 99%;
 background-image: url("img/fond.jpg");
 background-repeat: repeat;
}

#conteneur
{
margin:auto;
width: 800px;

border:1px solid black;
background:white;
}


#bandeau
{
   width: 800px;
   height: 115px;
   background-image: url("img/bandeau_test.jpg");
   background-repeat: no-repeat;

}
 
 
 #menu
{
float: left; /* Le menu flottera à gauche */
width: 134px; /* Très important : donner une taille au menu */

font-size: 10px;
background:#CCCCCC;
font-family: Verdana;
}


#corps
{
margin-left: 134px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
background: white;
text-align:justify;
/*margin-top:10px;
height:600px;
border:2px solid black;*/
}
   

 #corps h1
{
font-size: 24px;
font-family: times new roman,verdana, arial;
text-align:center;
margin-bottom:30px;
}


 #corps h2
{
font-size: 16px;
font-style:italic;
font-family: times new roman,verdana, arial;
margin:15px;
margin-bottom:0px;
margin-left:0px;
}
#index
{
/*width:666px;
margin-top:20px;
height:500px;
border:2px solid black;*/
padding:20px;
background-image: url("img/grange_fili.png");
background-position:center center;
background-repeat: no-repeat;  
text-align:justify;
}
   
#index p.deco
{
text-indent: 10px;
text-align:justify;
}
 
#corps p.deco
{
text-indent: 10px;
text-align:justify;
}

#index p.deco:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 22px; /* Ecrit légèrement plus gros que la normale */
  font-family:mistral,Algerian,arial;
}

#corps p.deco:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 22px; /* Ecrit légèrement plus gros que la normale */
  font-family:mistral,Algerian,arial;
}

   
.pied_de_page
{

margin-top:100px;
padding: 5px;
font-size:9px;
text-align: center;

}
 
 a
 {
 color:#B70000;
 text-decoration:none; 
 }
 
 a:hover
 {
 color:white;
 background-color:#B70000;
 text-decoration:none; 
 }
 
h1.titre_menu {
	text-align: left;
font-size: 12px;
width:134px;
font-weight: bold;
color: #FFFFFF;
padding: 10px 0px 10px 0px;
border-left:0px;
	margin:0;
	margin-top:10px;
}

ul.liste_menu {
	text-align: left;
	list-style-type: none;
	margin:0;
	padding:0;
}


li.choix_menu a {

	color: #000000;
	display: block;
	width:129px;
	text-decoration: none;
	border-bottom: 1px solid #999;
	border-top: 1px solid #EEE;
	padding: 1px 0px 1px 5px;
}

li.choix_menu a:hover
{

	color: #FFFFFF;
	width:129px;
}


li.incontournable_menu a {
font-size:12px;
	color: #FFFFFF;
	display: block;
	width:129px;
	text-decoration: none;
	border-bottom: 1px solid #999;
	border-top: 1px solid #EEE;
	padding: 1px 0px 1px 5px;
background-color:#B70000;
}

li.incontournable_menu a:hover
{
background-color:#B70000;
color: #faf100;
width:129px;
}

/* activité */
#menu_activites h1.titre_menu
 {
	background-color: #669933;
}

/*
#menu_activites ul.liste_menu {
	border-left: 3px solid #669933;
}
*/
#menu_activites li.choix_menu a:hover {
	background-color: #669933;
}


/*resto hebergement*/
#menu_resto h1.titre_menu
 {
	background-color: #758BBD;
}

/*#menu_resto ul.liste_menu {
	border-left: 3px solid #758BBD;
}
*/

#menu_resto li.choix_menu a:hover {
	background-color: #758BBD;
}


/*les communes*/
#menu_communes h1.titre_menu
 {
	background-color: #CC9900;
}

/*
#menu_communes ul.liste_menu {
	border-left: 3px solid #CC9900;
}
*/
#menu_communes li.choix_menu a:hover {
	background-color: #CC9900;
}


/* infos*/
#menu_infos h1.titre_menu
 {
	background-color: #912C36;
}

/*
#menu_infos ul.liste_menu {
	border-left: 3px solid #B70000;
}

*/
#menu_infos li.choix_menu a:hover {
	background-color: #912C36;
}

.manif {
	margin-top: 5px;	
	padding: 3px 5px;
	color: #FF0000;
	font-size: 14px;
    font-weight: bold;
	border: 1px solid #CCC;
	background-color: #F8F8F4;
}

img.right {

float: right;
border:2px solid black;
margin:10px;
} 

img.left {

float: left;
border:2px solid black;
margin:10px;

} 


img {
border:2px solid black;
} 

img.noborder {
border:0px;
} 


.conteneur_liste {
width:90%;
height:115px;
margin-bottom:40px;
margin-left:50px;
}

.conteneur_img {
width:70%;
height:115px;
margin-bottom:40px;
margin-left:50px;
}

.liste{
float: left;
width:40%;
padding-top:56px;
text-align:left;
}


.texte_liste{
float: left;
font-weight:bold;
width:45%;
text-align:left;
}

.liste_detail{
float: right;
font-style:italic;
width:50%;
text-align:left;
}

.description {
font-style:italic;
font-size:11px;

}

.conteneur_texte {
margin-bottom:30px;
margin-top:30px;

}