/* index */
                                      
body {background-color: #FFCC66}	
						
#conteneur {margin-left: auto; margin-right: auto; width: 70%; height: 100%; background-color: #FFFFCC; border: 2px solid #ab4}
#photo-accueil {margin-top:40px; width: 100%; height: 180px}
#titre {width: 100%; height: 60px}
#drapeaux {width: 100%; height: 40px}
#adresse {width: 100%; height: 100px}


.imgfade {opacity: 0; -Moz-Opacity: 0; -Khtml-Opacity: 0; filter: alpha(opacity=0); }


 								/* site */
#conteneur1 {position: relative; margin-left: auto; margin-right: auto; width: 1080px; background-color: #FFFFCC; border: 2px solid #ab4}
#boite-haut	{height: 140px; background-color: #CCFFCC}



								/* menu déroulant */
								
#boite-gauche {position: absolute; left: 0}

dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}
#menu {position: absolute;top: 0;left: 0;}
/* largeur boite */
dl#menu {width: 10em;}	
/* texte boite déroulante */					
dl#menu dt {cursor: pointer;margin: 2px 0;height: 20px;line-height: 20px;text-align: center;
font-weight: bold; color: #FFFFCC; border: 1px solid gray;background: #8C8F18;}
/* bordure sous menu */
dl#menu dd {border: 2px solid gray;}
/* Couleur sous menu */
dl#menu li {text-align: center;background: #5A8044;}
/* Couleur texte vers liens*/
dl#menu li a, dl#menu dt a {color: #FFFFCC;text-decoration: none;display: block;border: 0px none;height: 100%}
/* Couleur boite pointée */
dl#menu li a:hover, dl#menu dt a:hover {background: #990099}

#mentions {font-family: verdana, arial, sans-serif;position: absolute;bottom : 
200px;left : 10px;color: #000;background-color: #ddd;}
#mentions a {text-decoration: none;color: #222;}
#mentions a:hover{text-decoration: underline;}

                                          /* Boite du centre */
                                          
#boite-droite {margin-left: 175px; height: 100%}
#centre-bord {height: 10px; width: 100%}
#centre-haut {height: 30px; width: 100%}
#centre-raisin {float: left; width: 12%; height: 20px}
#centre-cru {float: left; text-align: center; background: #8C8F18; width: 33%; height: 20px; font-weight: bold; color: #FFFFCC}
#centre-gauche {float: left; height:100%; width: 50%}
#centre-droite {height:100%}
#centre-gauche1 {float: left; width: 187px; height:100%}
#centre-droite1 {margin-left: 205px; height:100%}
#centre {height:10px}
#centre-texte {width: 99%; height:100%}
.centre-texte {font-size: 0.9em; font-family: Verdana, arial}
.centre-texte1 {font-size: 1.4em; font-family: "Times New Roman", "arial" ;color: #993366; bold}
.centre-texte2 {font-size: 1em; font-family: "Verdana", "arial" ;color: #993366; bold}
.centre-texte3 {font-size: 0.8em; font-family: Verdana, arial}

#centre-texte-image {height: 10px; width: 100%}