/*feuille de style la bougeotte */

html
{
height : 750px;
font-family : Verdana;
background-image: url(images/fond.gif);
color: black;
font-size : 12px;
padding: 0 5 0 0px;
}
div#global
{
width : 800px;
height: 710px;
margin : 0 auto;
position : relative;
}
div#header /*en-tête*/
{
height: 120px;
width: 800px;
}
div#ariane /* fil d'ariane*/
{
height: 20px;
padding-left: 5px;
}
div#conteneur /*conteneur : menu + droit*/
{
position: relative;
width: 800px;
height: 550px;
background-image: url(images/conteneur.jpg);
margin: 0 auto; 
}
div#conteneur_accueil /*conteneur : menu + droit*/
{
position: relative;
width: 800px;
height: 550px;
background-image: url(images/conteneur_fond_une.jpg);
margin: 0 auto; 
}
div#menugauche  /*menu déroulant gauche*/
{
position: absolute;
left:0;
width: 150px;
z-index: 100;
}
div#droit /*partie droite*/
{
height: 0px;
margin-left: 150px;
}
div#actualites /*actualités défilante*/
{
height: 30px;
padding-left: 15px;
padding-top: 10px;
padding-right: 15px;
}
div#contenu /*bloc de contenu : textes + photos*/
{
height: 450px;
margin-left: 15px;
margin-top: 20px;
margin-right: 15px;
margin-bottom: 15px;
overflow: auto; 
text-align: justify
}
div#footer /*pied de page*/
{
height: 40px;
background-color: white;
text-align: center;
padding-top: 10px;
font-size : 10px;
}
div#formulaire /*formulaire d'envoi de mail*/
{
padding-left: 120px;
}
div#annuaire
{
padding-left: 20px;
}
div#video
{
z-index: 1;
}
.orange /*texte en orange et gras*/
{
color: orange;
font-weight: bold;
}
.orangecentre /*texte en orange, gras et centré*/
{
color: orange;
font-weight: bold;
text-align: center;
}
.italique /*texte en italique*/
{
font-style: italic; 
}
.italiquegras /*texte en italique et en gras*/
{
font-style: italic; 
font-weight: bold;
}
.gras /*texte en gras*/
{
font-weight: bold;
}
.centre /*texte centré*/
{
text-align: center;
}
.grasvert /*texte en gras et vert*/
{
font-weight: bold;
color: #99cc33;
}
.grascentre /*texte en orange, gras et centré*/
{
font-weight: bold;
text-align: center;
}
.violetgras /*texte en gras et violet*/
{
font-weight: bold;
color: #660066;
}
.violetcentre /*texte en orange, gras et centré*/
{
color: #660066;
font-weight: bold;
text-align: center;
}
h1.centre, h2.centre /*texte des titres centré*/
{
text-align: center;
}
h1 /*titre h1 normal*/
{
padding-left: 5px;
font-size: 14px;
}
h1.rouge /*titre h1 en rouge*/
{
color: #cc0000;
}
h2 /*titre h2 normal*/
{
padding-left: 5px;
font-size: 13px;
}
h2.rouge /*titre h2 en rouge*/
{
color: #cc0000;
}
h2.vert /*titre h2 en vert*/
{
color: #99cc33;
}
h2.violet /*titre h2 en violet et centré */
{
color: #660066;
text-align: center;
}
h3.vert /*titre h3 en vert*/
{
color: #99cc33;
padding-left: 5px;
font-size: 12px;
}
h3.vertitalic /*titre h3 en vert et italique*/
{
color: #99cc33;
font-style: italic;
padding-left: 5px;
font-size: 12px;
}
p /*les paragraphes ont un padding de 5 de chaque côtés*/
{
padding: 5px;
text-align: justify;
}
p.cocktails /*les paragraphes de la page cocktails ont un padding gauche de 50 px*/
{
padding-left: 380px;
text-align: justify;
}
.droit
{
text-align: right;
}
.critique /* critique de livres*/
{
text-align: right;
font-size: 10px;
font-style: italic; 
}
td /*tableau*/
{
width: 100px;
text-align: center;
}
li.texte /* padding gauche de 5 pour les listes à puces*/
{
padding-right: 5px;
}
li.vertgras /*puce en vert pomme et gras*/
{
font-weight: bold;
color: #99cc33;
}
.imgannuaire
{
padding-left: 50px;
}
.annuaire
{
padding-left: 10px;
}

a.liensmalins /*liens pour la page liens malins*/
{
color: #99cc33;
}
a:hover.liensmalins /*liens survolés pour la pge liens malins*/
{
color: #99cc33;
font-weight: bold;
}
a.lienpartenaires /*liens pour la page partenaires*/
{
text-decoration : none;
font-weight: bold;
color: black;
}
a:hover.lienpartenaires /*liens survolés pour la page partenaires*/
{
color: #99cc33;
font-weight: bold;
text-decoration : none;
}
a.ariane /*liens pour le fil d'ariane*/
{
text-decoration : none;
font-weight: bold;
color: black;
}
a:hover.ariane /*liens survolés pour le fil d'ariane*/
{
text-decoration : none;
font-weight: bold;
color: #99cc33;
}
a.cuisine /*liens pour la page cuisine*/
{
font-weight: bold;
color: black;
text-decoration : none;
}
a:hover.cuisine /*liens survolés pour la page cuisine*/
{
color: #99cc33;
font-weight: bold;
text-decoration : none;
}
a.titrecuisine /*liens pour les titres de la page cuisine*/
{
font-weight: bold;
color: #99cc33;
text-decoration : none;
}
a:hover.titrecuisine /*liens survolés pour les titres de la page cuisine*/
{
color: black;
font-weight: bold;
text-decoration : none;
}
a.hautdepage /*liens pour aller en haut de la page, dans la page cocktails*/
{
color: #99cc33;
text-decoration : none;
font-style: italic;
font-size: 11px;
}
a:hover.hautdepage /*liens pour aller en haut de la page, dans la page cocktails*/
{
color: #99cc33;
text-decoration : none;
font-style: italic;
font-size: 11px;
font-weight: bold;
}
a.mention /*liens dans le pied de page*/
{
color: #cc0000;
text-decoration : none;
font-size: 10px;
}
a:hover.mention /*liens dans le pied de page */
{
color: #cc0000;
text-decoration : none;
font-size: 10px;
font-weight: bold;
}
a.annuaire /*liens dans les pages de l'annuaire*/
{
color: #660066;
text-decoration : none;
font-weight: bold;
}
a:hover.annuaire /*liens survolés dans les pages de l'annuaire */
{
color: #851f85;
text-decoration : none;
font-weight: bold;
}