BODY {

padding:0;
margin: 0;/* sans marges, la page sera collée aux bords */
font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
font-size: 12px; /* on définit la taille de police de base dans la page */
text-align: center; 

}

.conteneur {position: relative;

background: url(../image/fond_bas.gif) top repeat;
margin-left: auto;
margin-right: auto;
width:770px;
text-align: left;
}



.partie_centre_menu{
height : 380px;
border: 3px solid #793803;

}

.entete {
height :90px;
border-top : 3px solid #793803;
border-right : 3px solid #793803;
border-left : 3px solid #793803;
}

.Pied_de_page {
height : 10px;
color: #fffccc;
background:#793803;
padding-left: 5;
text-align: left;
}

/* menu horizontal */
.Menu_haut_fond {
height : 10px;
background:#793803;
color: #fffccc ;
padding-left: 5;
border-top : 3px solid #793803;
border-right : 3px solid #793803;
border-left : 3px solid #793803;
}

.Menu_haut {
width : 770px;

z-index:4;
position:absolute;
}

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

.Menu_haut dl {
float: right;
width: 8em;
margin-top:4px;
}

.Menu_haut a {
margin: 0 2px;
height: 15px;
display: block;
text-align: center;
font-weight: bold;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #fffccc;
font-size: 9px;
}

.Menu_haut a:hover {
background: #eee8aa;
border: 1px solid gray; 
}

#menuh1, #menuh2, #menuh3, #menuh4, #menuh5 {
display: none;
width: 100%;
font-size: 10px;
}

#menuh1 a, #menuh2 a, #menuh3 a, #menuh4, #menuh5 a {
font-weight: normal;
border-top: 0 none;
}

/* FIN menu horizontal */

.logo {
border: 0;
position: absolute;
margin-left: 263px;
}
.logo1 {
position: absolute;
float: left; 
border: 0;
}

.menu_gauche {
z-index:1;
position: absolute;
left:0; /* on place le bloc gauche à gauche en position absolue */
width: 130px;
}

.menu_gauche_caddie {
height:100px;
left:0; /* on place le bloc gauche à gauche en position absolue */
background: #fffccc ;
border-left: 3px solid #793803;
border-bottom: 3px solid #793803;
border-right: 3px solid #793803;
padding-left: 5;
top : -3px;
}

#menu_gauche_cs {
position: absolute;
top:110px; /* on place le bloc gauche à gauche en position absolue */
width:106;
height:264;
text-align: center;
background: url(../image/logo_Csteen_over.gif) top left no-repeat; /* source de l'image de départ */
}

#menu_gauche_cs a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 1px 5px; margin: 0 0 1px;  
   background: url(../image/logo_Csteen.gif) top left no-repeat;
   width: 100%;
   height: 100%;
}

#menu_gauche_cs a:hover {color: #411; 
background: transparent none;

}

#menu_gauche_cs a span {display:none;}

#menu_gauche_cs a:hover span {display: block;
   position: absolute; top: 0px; left: 120px ; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; 
   font: 10px Verdana, sans-serif; text-align: center;}





.centre {
width: 507px;
top:5px;
position:relative;
font-size: 100%;
border: 3px solid #793803;
left:260; /* on place le bloc gauche à gauche en position absolue */
background: #fffccc ;
padding-left=2px;
}

.centre_info {
width: 507px;
top:5px;
position:relative;
font-size: 100%;
border: 3px solid #793803;
left:260; /* on place le bloc gauche à gauche en position absolue */
background: #ffffff ;
padding-left=2px;
}

.centre_cache {
BORDER-RIGHT: 0px solid;
BORDER-TOP: 0px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 100%;
BACKGROUND: none;
LEFT: 260px;
BORDER-LEFT: 0px solid;
WIDTH: 507px;
BORDER-BOTTOM: 0px solid;
POSITION: relative; TOP: 15px
}



#menu_droit {
z-index:2;
position: absolute;
width: 130px;

margin-left: 130px; /* on place le bloc centre par rapport à la largeur du bloc gauche */

}



#menu_droit_choix {
position: absolute;
width:120px;
font-family: verdana, arial, sans-serif;
font-size: 95%;
text-align: center;
 z-index: 100;
top :10px;
left:5px;
}

#menu_droit_choix_cadre_info {
position: absolute;
top :80px;
left:2px;
width : 125px;
height : 200px;
border: 3px solid #793803;
background: url(../image/cadre_info.gif) top repeat-x;
}

#menu_droit_choix a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 1px 5px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}

#menu_droit_choix a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}

#menu_droit_choix a span {display:none;}

#menu_droit_choix a:hover span {display: block;
   position: absolute; top: 85px; left: 0px ; width: 100px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; 
   font: 12px Verdana, sans-serif; text-align: center;
   font:bold;}

*****

#menu_droit_choix_bas {
position: absolute;
font-family: verdana, arial, sans-serif;
font-size: 95%;
width:120px;
text-align: center;
 z-index: 100;
top :290px;
left:5px;
}

#menu_droit_choix_bas a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 1px 5px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}

#menu_droit_choix_bas a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}

#menu_droit_choix_bas a span {display:none;}

#menu_droit_choix_bas a:hover span {display: block;
   position: absolute; top: -195px; left: 0px; width: 100px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; 
   font: 12px Verdana, sans-serif; text-align: center;
   font:bold;}


.menu_droit_pied {
border : 1px solid #863292;
height: 50px;
}


.liste_totale li{
margin-top: 0px;
width:275px
height: 20px;
}

.liste_totale a {
margin: 0 2px;
display: block;
text-align: left;
font-size: 80%;
}

.liste_totale a:hover {
color:red;
background: #ccc;
}


.liste_totale a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}

.liste_totale a:hover span { /* définition de la balise <span> au survol */
display: inline;
left: 330px;
z-index:99;
position:absolute;
}

.photo_gateau {
top: 50px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 335px;
width: 170px;
height: 200px;
border: 1px solid gray; 
position: absolute;
}

p {
text-align: left;
}

.liste_descrip {
width: 275px;
}

.liste_prix {
position:absolute;
width: 40px;
height:10px;
margin-left : 276px;
margin-top : -10px;
font-size: 80%;
}

.liste_photo {
position:absolute;
width: 15px;
height:15px;
margin-left : 317px;
margin-top : -15px;
}

.liste_totale {
width: 330px; 
}

.tableform { BACKGROUND-COLOR: #eee8aa;
BORDER-BOTTOM: red thin dotted;
BORDER-TOP: red thin dotted;
BORDER-LEFT: red thin dotted;
BORDER-RIGHT: red thin dotted;
frame:border;
rules:none;
border:5;
width:500px;
}

.form{
   font: 12px Verdana, sans-serif; }

.label { 
font-family: verdana, arial, sans-serif; 
font-size: 10px; 
} 

.normal { 
font-family: verdana, arial, sans-serif; 
text-align: center; 
font-size: 10px; 
} 

.normal_form { 
font-family: verdana, arial, sans-serif; 
text-align: left; 
font-size: 10px;
font:bold;
} 

.form_right { 
font-family: verdana, arial, sans-serif; 
text-align: right; 
font-size: 10px;
font:bold;
}

.normal_desc { 
font-family: verdana, arial, sans-serif; 
font-size: 12px; 
} 

.Validation {
width : 110px;
}


.validation dl {
float: center;
width: 7em;
}

.validation a {
margin: 0 2px;
height: 15px;
display: block;
text-align: center;
font-weight: bold;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #fffccc;
font-size: 10px;
}

.validation a:hover {
background: #eee8aa;
border: 1px solid gray; 
}

.liste_prod {
width : 495px;
}


.liste_prod dl {
float: left;
width: 7em;
}

.liste_prod a {
margin: 0 2px;
height: 20px;
display: block;
text-align: left;
font-weight: bold;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #fffccc;
font-size: 15px;
}

.liste_prod a:hover {
background: #eee8aa;
border: 1px solid gray; 
}

.titre1
{text-align : right;
font-family: broadway bt; 
}

.titre2
{text-align : left;
}

.sous_titre
{text-align : right;
font-family: broadway bt; 
font-size: 12px;
}

.indic { 
font-family: verdana, arial, sans-serif; 
text-align: left; 
font-size: 10px;
font:bold;
align: justify;
} 

.normal a {
margin: 0 2px;
display: block;
text-align: left;
}

.normal a:hover {
background: none;
}


.normal a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}

.normal a:hover span { /* définition de la balise <span> au survol */
display: inline;
left: 80px;
z-index:99;
width:420px;
position:absolute;
background: #ffffff;
text-decoration : none;
color : black;
border : 1px solid black;
}