body
{
width:709px;			/*Taille que va prendre la page*/
margin: auto;			/*pour bien la centrer*/
background: rgb(239,245,226);
margin-top: 0px;
text-align:justify;
}

.intro
{
font-family:  Arial, Courier New, Georgia, serif;
}

.titre
{
font-family : Comic Sans MS, Courier New, serif;
}
.titre1
{
font-family : Comic Sans MS, Courier New, serif;
text-align:center;
}

.compteur
{
margin-left: 150px;
}

/*------------------------------------------------------------------------------------------------*/

/*EN TETE*/

#en_tete		/*le # est utilisé pour les balise "id" tandis que le point est utilisé pour les balises "class"*/
{background: url("../image/acc.JPG") no-repeat;/*insére l'image voulu sans la répéter*/
width:709px;			/*celui ci et celui qui suit correspondent a la taille de l'image*/
height:190px;
margin-bottom: 2px;	/*marge du bas*/
}

#en_tete p
{
color:white;
font-family: georgia;
margin-left:60px;
font-size: xx-large;		/*taille des lettres*/
}

/* FIN EN TETE*/
/*------------------------------------------------------------------------------------------------*/
/*MENU*/
#menu			
{
width:240px;
float:left;		/*float pour agripper sur la gauche et permettre de passer dessous quand il est fini*/
}

#menu h2 .sous  /*On cache les sous-parties*/
{
display:none;
}
#menu div.menu_elem:hover .sous, #menu div.menu_elem_fin:hover .sous /*On affiche les sous-parties*/		/* #menu h2:hover .sous a,*/
{
display:block;		/*pour remettre l'affichage*/
text-indent:40px;		/*decalage par rapport a la marge*/
color:rgb(110,110,110);
text-decoration:none;
}
#menu h2:hover .sous a:hover		/*quand on passe sur les sous parties du menu qui ont un lien*/
{   
	text-indent: 40px;
	color:black;
}
h2 .menu_elem, .menu_elem_fin, div .menu_elem a, a .menu_elem, div .menu_elem 		/*partie du menu normales*/
{
color:rgb(110,110,110);
text-decoration:none;
}

div.menu_elem:hover, div a.menu_elem:hover , div .menu_elem a:hover/* Quand on pointe sur le menu*/
{
   background-color: #CFE1EB; /* Le fond du paragraphe change de couleur */
   text-indent: 10px;
   color:black;
}

.menu_elem_fin		/*mettre une bordure au dernier element du menu*/
{
   border-bottom:1px solid gray;
   border-top:1px solid gray;
}
div.menu_elem_fin:hover 
{
   background-color: #CFE1EB;
   text-indent: 10px;
   color:black;
}
.menu_elem , a .menu_elem /*Mettre une bordure aux autres elements*/
{
border-top: 1px solid gray;
}

#fin_menu
{
border-bottom: 1px solid gray;
}


#news{
float:left;
}

/*FIN MENU*/
/*------------------------------------------------------------------------------------------------*/
/*PIED DE PAGE*/

#pied		
{
background: url("../image/pied.gif");		
width:709px;			
height:10px;

clear:both;
}

#pied1	
{
background: url("../image/pied1.gif");		
width:709px;			
height:10px;
clear:both;
}

.log1
{

float:left;
}

.log2
{
float:right;
}

.text
{
text-align:center;

}

.pied
{
text-align:justify;
}

.mail-pied
{
color:#68CB0E;
}


/*FIN PIED DE PAGE*/
/*------------------------------------------------------------------------------------------------*/


#corps
{
margin-left: 250px;		
margin-bottom: 10px;		
padding: 5px;		/*Marge pour une meilleure lecture*/
text-align:justify;
}

#menu_o 		/*aligne le menu du haut a droite, et colle le 'corps' du site dessous*/
{
text-align:right;
margin-bottom:0px;
}

/*------------------------------------------------------------------------------------------------------------------*/
/*NEWS*/
table
{
   border: 1px solid gray;
}
td
{
color:rgb(91,91,91);
background:white;
}

.comm
{
color:rgb(91,91,91);
border:1px solid gray;
}
/*FIN NEWS*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*CAMPING*/
.tablo_camp
{
margin: auto; 		/*centre le tableau*/
border-bottom:1px solid gray;
}
.tablo_camp_camp
{
margin:auto;
border-top:none;
}
.tablo_camp_tarif
{
margin:auto;
border-top:none;
}
.site
{
color:rgb(80,80,80);
font-style:italic;
}
.site:hover, .site:active
{
color:black;
font-style:normal;
}
/*FIN CAMPING*/
/*----------------------------------------------------------------------------------------------------------------------*/
/*RECHERCHE*/


.rech
{
text-align:center;
}

/*Connexion*/
.conec
{
text-align:center;
}

.tri
{
text-align:right;
margin-right:50px;
}

/*FIN RECHERCHE*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*Localistion*/

.route_maz
{
width:200px;
text-align:left;
margin-left:210px;
}
.route_car
{
width:200px;
text-align:right;
margin-right:0px;
float:left;
}

.lien
{
color:#007F0E;
text-decoration:none;
}

/*FIN LOCALISATION*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*GALERIE*/
a img
{
text-decoration:none;
border:none;
}

.photo
{
text-align:center;
}


/*FIN GALEIRE*/
/*------------------------------------------------------------------------------------------------------------------------------------*/
/*LIEN*/
.carca
{
width:210px;
margin-right:15px;
float:left;
text-align:right;
}
.corb{
width:210px;
margin-left:225px;
text-align:left;
}
.monto
{
text-align:center;
}
.limou
{
}
.lang
{
width:210px;
margin-right:15px;
text-align:right;
float:left;
}