/*balise body : corps du document*/
body {
margin: 0;
padding: 0;
color: black;
font-family: helvetica, arial, sans-serif;
font-size: 90%;

background: #BEEE8E;
text-align: center;/*pour compatibilité IE*/
}


/***GLOBAL***/

/*identifiant "global" : élément de type bloc qui englobe le site*/
#global{
/*centré horizontalement, largeur 800 pixels*/
width : 800px;
margin-right: auto;
margin-left: auto;
/*marge de 70px*/
margin-top: 70px;
/*couleur de fond*/
background: #F2E5E0;
text-align: left;/*pour compatibilité IE*/
}
	 

/***HEADER***/

/*identifiant "header" : élément de type bloc qui contient le menu*/
#header {
position: relative;
height: 147px;/*hauteur de l'image qui sert d'entête*/
background: url(./../images/entete.png) top center no-repeat;/*image placée en haut et au centre du conteneur*/
}

/*balise ul : élément de type en ligne*/
#header ul{
margin:0;
padding:0;
padding-bottom: 5px;

/*placement absolu du menu en bas de l'image d'entête*/
position: absolute;
bottom: 0;
left:0;
}

/*balise li : élément de type en ligne*/
#header li{
display: inline; /*affichage de la liste en ligne*/
}

/*balise a : élément de type en ligne*/
#header li a{
/*marges externes*/
margin: 0;
/*marges internes*/
padding-left: 27px;
padding-right: 27px;
padding-bottom: 0;
/*police*/
color: #e2c6ba;
font-size: 17px;
font-family: georgia, serif;
text-decoration: none;
}

/*pseudo-classe :hover (survol de l'élément)*/
#header li a:hover{
color: #F2E5E0;
}										

/*balise img : élément de type en ligne*/
#header img{
position :absolute;
right: 20px;;
top: 20px;
}
	  

/***CONTENU***/

/*identifiant "contenu" : élément de type bloc : contenu du site*/
#contenu{
/*marges et hauteur*/
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
height: 33em;
background: #F2E5E0;
}

/*balise p" : élément de type bloc*/
#contenu p{
/*marges des paragraphes du bloc "contenu"*/ 		 
margin: 0;
padding-top: 5px;
padding-bottom: 10px;
}					 
  					 

/*balise "td" : élément de type bloc*/
#contenu td{
/*police*/
font-size: 12px;
font-weight: bold;
color: #A88373;
padding-bottom: 14px;
padding-right: 40px;
}
  

/***PIED***/

/*identifiant "pied" : élément de type bloc : pied de page*/
#pied{
/*marges*/
margin-top: 15px;
padding-top: 10px;
text-align: right;/*liens alignés à droite*/
/*taille et couleur de fond*/
height: 3em;
background: #e6b49e;
}

/*balise img : élément de type en ligne */
#pied a img{
border: 0; /*pas de bordure autour des images drapeaux*/
}
 

/*ClASSES et AUTRES IDENTIFIANTS*/

/*identifiant "accueil" : élément de type bloc qui  contient le texte d'accueil*/
#accueil{
/*pas de marges en bas*/
margin-bottom: 0px;
padding-bottom: 0px;
text-align: center;/*centré horizontalement*/
/*police*/
line-height: 1em;
font-weight: bold;
font-size: 3em;
color:#E6C2B3;
}


/*classe "lettrine" : éléments de type en ligne*/
.lettrine{
/*font de la première lettre*/
line-height: 1em;
font-weight: bold;
font-size: 4em;
color:#E6C2B3;
}

.rose{
color:#D0A28F;
font-weight: bold;
}

.sans_soulignement{
text-decoration: none;
}

/*classe "bouton_diapo" : élements de type bloc*/
.bouton_diapo{
background:#E6C2B3;
border:0;
}

/*/*classe "legende" : élements de type bloc
Utilisé pour la légende des photos (diaporamas)*/
.legende{
border:0;
margin-bottom: 5px;
margin-top: 5px;
width: 300px;
text-align: center;
background:#E6C2B3;
font-size: 0.85em;
font-weight: bold;


}


/*/*classes "galerie1" et "galerie2" : élements de type bloc
Utilisé pour positionner les diaporamas*/
.galerie1{
padding-right: 60px;
float:left;
}

.galerie2{
padding-left: 60px;
float:left;
}


.gras{
font-weight: bold;
}


/*classe "liens_pied_page" : élement de type bloc*/
.liens_pied_page{
margin-right: 5px;
position: relative;
right: -75px;
bottom: 10px;
}
 
/*identifiant "logo_firefox" : élément de type en ligne*/  
#logo_firefox{
/*position du logo*/
border: 0;
position: relative;
left: -690px;
bottom: 2px;
}

#contenu li{
font-size: 12px;
font-weight: bold;
color: #A88373;
padding-bottom: 1px;
}		  
 

/*identifiant "carte_situation" : élément de type en ligne*/
#carte_situation{
border: 0;
margin-left: 40px;
}	
 
img{
border: 0;
} 
		  
/*Banniere La denise*/

.bouton1{
font-family:Arial;
font-size:11px;
text-align:center;
width:100px;height:31px;
background-color:#FDF8DD;
border:3px dotted #F7601E;
color:#F7601E;
}

.bouton1 a{
color:#000000;
}

.bouton1 a:hover{
text-decoration:none;
}