body
{	margin: 0px 0 ;
	padding: 0 ;
	text-align: center ;
background-color:#ff9900;
}
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer,
c'est la seule façon de centrer les éléments de type block avec ce navigateur */

div#conteneur
{	height:inherit;
width: 770px ;
	margin: 0 auto ;
	text-align: left ;
background-color:#FFFFFF;
border-style:ridge;
border-width:1px;
border-color:#000000;
padding-top:10px;
padding-left:5px;
padding-right:5px;
padding-bottom:10px;
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type
 block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */
.logovindeglace{
float:left;
top:20px;
height:484px;
width:41px;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
float:right;
top: 0px;
z-index:100;
width: 700px;

}
#menu dl {
float: left;
width: 160px;
margin: 0 6px;
}
#menu dt {font-family:Arial;
cursor: pointer;
text-align: center;
font-weight: bold;
background: #eaeaea;
border: 1px solid silver;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #ccc;

}
/*---------------- S MENU */
#smenu {
float:right;
z-index:100;
width: 528px;
margin-top:5px;
}
#smenu dl {
float: left;
width: 160px;
margin: 0 6px;
}
#smenu dt {
font-family:Arial;
color:#217e04;
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ffffa5;
border: 1px solid #217e04;
}

#smenu li {
text-align: center;
background: #fff;
}
#smenu li a, #smenu dt a {
color:#217e04;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#smenu li a:hover, #smenu dt a:hover {
background: #ffff65;
}
/*--------------- Fin S Menu */

div#subconteneur H1
{/* added step 3 : */
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
color:#808080;
font-weight:bold;
	line-height: 1.7em ;
}

div#subconteneur p
{font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#808080;
	line-height: 1.4em ;
}
/*********************** Pour tous.les.vins.php */
div#subconteneur{
margin:auto;
margin-top:50px;
width:680px;
border: 0px;
}
#egonmuller{
position:relative;
left:20px;
top:20px;
font-family:Arial;
font-size:28px;
color:#ccc;
clear:right;
}
#ALLEMAGNE{
position:relative;
left:260px;
top:25px;
font-family:Arial;
font-size:28px;
color:#ccc;
}
#AUTRICHE{
position:relative;
left:160px;
top:32px;
font-family:Arial;
font-size:28px;
color:#ccc;
}
#CANADA{
position:relative;
left:390px;
top:15px;
font-family:Arial;
font-size:28px;
color:#ccc;
}
#vinsdeglace{
position:relative;
top:55px;
text-align:center;
font-family:Arial;
font-size:42px;
color:#808080;
}
#RIESLING{
position:relative;
left:520px;
top:45px;
font-family:Arial;
font-size:28px;
color:#ccc;
}
#EISWEIN{
position:relative;
left:55px;
top:45px;
font-family:Arial;
font-size:28px;
color:#ccc;
}
#ALSACE{
position:relative;
left:345px;
top:45px;
font-family:Arial;
font-size:28px;
color:#ccc;
}
#ICEWINE{
position:relative;
left:240px;
top:65px;
font-family:Arial;
font-size:28px;
color:#ccc;
}
#vindeglace{
position:relative;
left:420px;
top:80px;
font-family:Arial;
font-size:28px;
color:#ccc;
}
.img1alsace{
z-index:200;
position:relative;
left:517px;
top:-340px;
}
.img2alsace{
z-index:200;
position:relative;
left:-175px;
top:-250px;
}
.img3alsace{
z-index:200;
position:relative;
left:-335px;
top:-50px;
}

/*********************************** page Alsace.php */
.img1alsace{
z-index:200;
position:relative;
left:45px;
top:-70px;
}
.img2alsace{
z-index:200;
position:relative;
left:320px;
top:-340px;
}

.btn_achat{
font-family:Arial, Helvetica, sans serif;
font-size:13px; color:black; font-weight:bold;
background-image:url('../vin.de.glace/btn_acheter.png'); line-height:30px; text-indent:15px; width:156px; height:30px; display:block; text-decoration:none;}
.btn_achat:hover{
background-position:0 -30px; text-decoration:underline;}