body {
margin: 2;
padding: 0;
background: black;
font: 80% comic, arial, sans-serif;
text-align: left;
}

H2 {
	FONT-SIZE: 12pt; 
	MARGIN: 0cm 0cm 0pt;
	FONT-FAMILY: "Comic Sans MS"; 
	FONT-VARIANT: small-caps;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

dt.bottle {  
margin-left: 1em;
width: 72em;
}

dd.bottle {  
margin-left: 4em;
margin-bottom: 2em;
width: 72em;
}

span.bottle {  
margin-left: 1em;
vertical-align: top;
font-size: 2em;
}

.entete{
vertical-align: top;
text-align: center;
font-family : Tw Cen MT, arial;
font-weight: 700;
font-size: 3.5em;
color: #B1283A;
}

li {
list-style: disc;
display: list-item;
vertical-align: baseline;
margin-left: 18em;
text-align: left;
font-family : Tw Cen MT, arial;
font-weight: 700;
font-size: 1.3em;
line-height: 1.5em;
color: #B1283A;
}
.ioc-gras{
vertical-align: baseline;
text-align: center;
font-family : Tw Cen MT, arial;
font-weight: 700;
font-size: 1.5em;
line-height: 1.5em;
color: #B1283A;
}



a {text-decoration: none;
color: black;
}

#ioc-head {
margin-left: auto;
margin-right: auto;
width: 100em;
}

#menu {
position: absolute;
top: 230px;
left: 0;
z-index:100;
/*width: 100%;*/
margin-left: auto;
margin-right: auto;
width: 73em;
}

#menu dl {
float: left;
width: 14.2em;
margin: 0 1px;
}

#menu0 dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ccc;*/
color: #CC0066;
background: #FFCCFF;
border: 1px solid gray;
}

#menu1 dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ccc;*/
color: #666666;
background: #CCCC00;
border: 1px solid gray;
}

#menu2 dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ccc;*/
color: #FFFF33;
background: #CC0000;
border: 1px solid gray;
}
#menu3 dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ccc;*/
color: #CC3366;
background: #CC99CC;
border: 1px solid gray;
}
#menu4 dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ccc;*/
color: #CCCCFF;
background: #CC3399;
border: 1px solid gray;
}
/*
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
*/
/*
#menu dd {
border: 1px solid gray;
}
#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;
}
*/
#menu0 li a:hover, #menu0 dt a:hover {
/*background: #eee;*/
background: #FFCCFF;
}

#menu1 li a:hover, #menu1 dt a:hover {
/*background: #eee;*/
background: #CCCC00;
}

#menu2 li a:hover, #menu2 dt a:hover {
/*background: #eee;*/
background: #CC0000;
}

#menu3 li a:hover, #menu3 dt a:hover {
/*background: #eee;*/
background: #CC99CC;
}

#menu4 li a:hover, #menu4 dt a:hover {
background: #CC3399;
}

#site {
position: absolute;
z-index: 1;
top : 250px;
left : 10px;

margin-left: auto;
margin-right: auto;
width: 50em;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

/*
a.latitude:link {color: black; font-style: italic; font-weight: bold; }
a.latitude:visited {color: red;  }
a.latitude:active {color: blue;  }

a.decouverte:link {color: #800080; font-style: italic; font-weight: bold; }
a.decouverte:visited {color: red;  }
a.decouverte:active {color: blue;  }

a.recette:link {color: #ff00ff; font-style: italic; font-weight: bold; }
a.recette:visited {color: red;  }
a.recette:active {color: blue;  }

a.presse:link {color: #ff00ff; font-style: italic; font-weight: bold; }
a.presse:visited {color: #c0c0c0; }
a.presse:active {color: blue;  }

img.chef {border-style: none;} 
p.chef {text-indent: 2em;} 
img.img-chef {float: left; margin-left: 10px; border-style: none;} 
dl.recette {margin-top: 10em;}

p.concept {
text-align: center;
font-family: Mistral, cursive;
font-size: 2em;
}
*/
-->