body {
	font-size: 18px;
	font-family: Georgia, Times, serif;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #FFFFFF;
	background-color: #000000;
	background-image: url(fond-pratique.jpg);
	background-repeat: no-repeat;
	background-position:0% -0%;
    }
    #header {
	/* padding: 200 10px 0 20px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
    }
   #container {
	width: 960px;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
    }
   
    		
#fondtranslucide {
	 /*padding: 0 10px;*/
	width: 880px;
	height: 260px;     /* pour correspondre à la taille du DIV */
	/* background-color: #917e94;       la couleur de fond          
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;*/
}

#menudroite {
	width: 190px;     /* pour correspondre à la taille du DIV */
	background-color: transparent;   /* fond transparent            */
	position: absolute;              /* positionnement absolu       */
	z-index: 2;
	top: 0px;
	left: 792px;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	height: auto;
}

#texteopaque {
	/*padding: 0 10px;*/
	width: 662px;
	height: 523px;     /* pour correspondre à la taille du DIV */
	background-color: transparent;   /* fond transparent            */
	position: absolute;              /* positionnement absolu       */
	z-index: 2;
	top: 206px;
	left: 106px;
	font-size: 14px;
}
#mentions {
	/*padding: 0 10px;*/
	width: 662px;
	height: 16px;     /* pour correspondre à la taille du DIV */
	background-color: transparent;   /* fond transparent            */
	position: absolute;              /* positionnement absolu       */
	z-index: 2;
	top: 684px;
	left: 71px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}

/* CSS deroulant */

#menu {
	/*padding: 0 10px;*/
	font-size: 0.95em;
	font-family :  Georgia, Times, serif;
	height: 27px;     /* pour correspondre à la taille du DIV */
	background-color: transparent;   /* fond transparent            */
	position: absolute;              /* positionnement absolu       */
	z-index: 90;
	width: 600px;
	top: 172px;
	left: 77px;
	display: block;
}


#smenu1 {
	/*text-align: left;*/
	background: #46568e;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	padding-bottom: 8px;
	padding-left: 6px;
	font-size: 13px;
	height: 197px;
	width: 62px;
	left: 69px;
	top: 0px;
	position: absolute;
	z-index: 5;
}

#smenu2 {
	text-align: left;
	background: #8e8446;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	padding-bottom: 8px;
	padding-left: 6px;
	font-size: 12px;
	height: 312px;
	width: 122px;
	left: 147px;
	top: 0px;
	position: absolute;
	z-index: 5;
	visibility: visible;
}

#smenu3 {
	/*text-align: left;*/
	background: #be5a1e;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	padding-bottom: 8px;
	padding-left: 6px;
	font-size: 12px;
	height: 340px;
	width: 108px;
	left: 283px;
	top: 0px;
	position: absolute;
	z-index: 5;
}

#smenu4 {
	text-align: left;
	background: #705038;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	padding-bottom: 8px;
	padding-left: 15px;
	font-size: 12px;
	height: 197px;
	width: 101px;
	left: 404px;
	top: 0px;
	position: absolute;
	z-index: 5;
}
#smenu5 {
	text-align: left;
	background: #874e56;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	padding-bottom: 8px;
	padding-left: 6px;
	font-size: 12px;
	height: 267px;
	width: 99px;
	left: 527px;
	top: 0px;
	position: absolute;
	z-index: 5;
}

 #footer {
	padding: 0 10px;
    }
  #footer p {
    	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
    	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
    }
#texteopaque .surligne {
	color: #4F5273;
	background-color: #FFFFFF;
	width: auto;
}
#container #menudroite a {
	color: #FFFFFF;
	text-decoration: none;
}
#container #menudroite a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#smenu2 .ocre .Style1 a {
	color: #000000;
}

#smenu2 .ocre .Style1 a:hover {
	color: #ffffff;
}
#smenu3  .mandarine  .Style1  a {
	color: #000000;
}
#smenu3  .mandarine  .Style1  a:hover {
	color: #ffffff;
}
#smenu5  .vin  .Style1  a {
	color: #000000;
}
#smenu5  .vin  .Style1  a:hover {
	color: #ffffff;
}

.Style1 {
	color: #000000;
	z-index: 150;
	font-weight: bold;
}
.Style3 {
	color: #000000;
	z-index: 150;
}
.liens {
	color: #dab8d4;
	text-decoration: none;
}

.Titre {
	color: #000000;
	z-index: 150;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.Titrephoto {
	color: #fff;
	z-index: 150;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}
.cliquer {
	color: #fff;
	z-index: 150;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
}
#texteopaque a:hover {
	color: #000000;
	text-decoration: underline;
}
#texteopaque a:hover {
	color: #000000;
	text-decoration: underline;
}
#container #texteopaque .liens {
	color: #dab8d4;
	text-decoration: none;
}