body
{
width: 900px;
height: 37017px;
margin: auto;
background-color: white;
}

#menu
{
width: 900px;
height: 20px;
background-color: #454B6D;
float: left;
}

#Entete
{
width: 900px;
height: 117px;
background-repeat: no-repeat;
float: left;
margin-top: 0px;
margin-bottom: 0px;
}




ul {
  font-family: Arial, Verdana;
  font-size: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  display: block;
  position: relative;
  float: left;
}
li ul { display: none; }
ul li a {
  display: block;
  text-decoration: none;
  color: white; /* couleur du texte */
  border-top: 0px;
  padding: 3px 40px 3px 40px;
  background: #0801A; /* couleur de ? */
  margin-left: 0px;
  white-space: nowrap;
}
ul li a:hover { background: #7D89B1; } /* couleur de ? */
li:hover ul {
  display: block;
  position: absolute;
}
li:hover li {
  float: none;
  font-size: 11px;
}
li:hover a { background: #454B6D; } /* couleur de l'arrière plan du sous menu déroulant */
li:hover li a:hover { background: #7D89B1; } /* couleur de l'arrière plan du sous menu déroulant lorsque la flève est dessus */





#MargeDeGauche/*défini la dimention de la division qui contient le iframe*/
{
width: 200px;
height: 36800px;
float: left;

}

#Contenu/*défini la dimention de la division qui contient le iframe*/
{
width: 480px;
height: 36800px;
float: left;
background-color: white;

}

#lignebas
{
width: 480px;
height: 20px;
background-image: url(../images/lignebas.png);
background-repeat: no-repeat;
background-position: center;
}



#MargeDeDroite/*défini la dimention de la division qui contient le iframe*/
{
width: 220px;
height: 36800px;
float: left;


}

#PiedDePage
{
width: 900px;
height: 100px;
float: left;
}

#TitreBabillard
{
width: 200px;
height: 50px;
background-image: url(../images/TitreBabillard.jpg);
background-repeat: no-repeat;
}

#Babillard/*défini les attribues de la division contenue dans le fichier Babillard.html*/
{
width: 200px;
height: 36800px;
background-color: #C9CDE0;
}

#PartagerCeci
{
width: 200px;
padding: 20px;
font-size: 10px;
}

#TitreHistoire
{
width: 480px;
height: 50px;
background-image: url(../images/Histoire.jpg);
background-repeat: no-repeat;
}


#TitreTextesOfficiels
{
width: 480px;
height: 50px;
background-image: url(../images/TextesOfficiels.jpg);
background-repeat: no-repeat;
}

#TitreBlog
{
width: 480px;
height: 50px;
background-image: url(../images/Blog.jpg);
background-repeat: no-repeat;
}

#TitreCulture
{
width: 480px;
height: 50px;
background-image: url(../images/Culture.jpg);
background-repeat: no-repeat;
}

#TitreCuisineDuTerroir
{
width: 480px;
height: 50px;
background-image: url(../images/TitreCuisineDuTerroir.jpg);
background-repeat: no-repeat;
}

#DerniersArticles/*défini les attribues de la division contenue dans le fichier DerniersArticles.html*/
{
width: 220px;
height: 36800px;
background-color: #C9CDE0;
}

#TitreDerniersArticles
{
width: 220px;
height: 50px;
background-image: url(../images/TitreDerniersArticles.jpg);
background-repeat: no-repeat;
}




#LienVersCuisineDuTerroir
{
width: 480px;
height: 24px;
background-repeat: no-repeat;
text-align: left;
margin-top: 30px;
margin-bottom: 50px;

}

p
{
font-size: 12px;
font-family: arial;
text-indent: 20px;
padding-right: 20px;
padding-left: 20px;
}

h1
{
font-size: 14px;
padding: none;
font-family: times new roman;
text-align: center;
}

h3
{
font-size: 20px;
padding: none;
font-family: times new roman;
text-align: center;
}

.Image
{
width: 200px;
margin-left: 30px;
margin-right: 10px;
margin-top: 20px;
margin-bottom: 20px;
float: left;
border: 0px;
}

.ImageBabillard
{
margin: 30px;
margin-top: 50px;
margin-bottom: 0px;
border-style: none;
width: 140px;
}

.ImageBabillard2
{
margin: 30px;
margin-top: 0px;
margin-bottom: 0px;
border-style: none;
}
.ImageBabillard3
{
margin: 30px;
margin-top: 10px;
margin-bottom: 0px;
border-style: none;
width: 140px;
}

.ImageNouvelles
{
float: left;
margin: 5px;
width: 100px;
}

.BarreBouton
{
width: 440px;
height: 24px;
background-color: #C5C5C5;
border: 0px;
margin: auto;
}

.titre
{
font-size: 12px;
text-align: right;
color: black;
}

.crédit
{
font-size: 10px;
font-family: times new roman;
text-align: right;
font-weight: normal;
padding-right: 20px;
}

.DerniersArticles
{
font-size: 10px;
padding: 5px;
}

.TitreDerniersArticles
{
font-size: 14px;
background-color: white;
width: 210px;
text-align: center;
margin-left: 5px;
}



.lien
{
font-size: 11px;
font-weight: normal;
text-indent: 0px;
padding-left: 20px;
}

.Référence
{
font-size: 10px;
font-weight: normal;
text-indent: 0px;
padding-left: 30px;
font-style: italic;
}

.sous-titre
{
font-weight: bold;
font-size: 12px;
padding-left: 20px;
}

.sous-titre2
{
font-weight: normal;
font-size: 12px;
padding-left: 20px;
font-style: italic;
}

.sous-titre3
{
font-weight: bold;
font-size: 13px;
text-align: center;
font-style: underline;
}

.auteur
{
font-weight: normal;
font-size: 12px;
padding-left: 20px;
}

.TexteBabillard
{
font-size: 10px;
color: black;
text-align: justify;
text-indent: 0px;
padding-right: 30px;
padding-left: 30px;
}

.TexteBabillard2
{
font-size: 12px;
color: black;
text-indent: 0px;
padding-right: 30px;
padding-left: 30px;
}

.Ingrédients
{
font-size: 12px;
color: orange;
padding-left: 20px;
}

.poème
{
font-size: 12px;
text-align: left;
padding-right: 20px;
padding-left: 40px;
font-family: arial;
font-style: italic;
}

.liste
{
font-size: 12px;
text-align: left;
padding-left: 30px;
font-family: arial;
}

.Note
{
font-size: 12px;
font-family: arial;
text-indent: 0px;
padding-right: 20px;
padding-left: 20px;
}