body {
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
}

#global {
position:absolute;
width:955px;
top:50%;
left:50%;
margin-left:-477px;
margin-top:-298px;
}

#popup {
position:absolute;
background:#000;
color:#FFF;
width:400px;
height:300px;
padding:5px;
border:1px solid #F00;
z-index:1000;
left:50%;
top:50%;
margin:-150px 0 0 -200px;
}

#header {
}

#menu {
width:150px;
float:left;
font-weight:bold;
margin:30px 0 0 0px;
filter:alpha(opacity=80);
/*-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;*/
}

#menu1 {
background:#000000;
padding:1px 0 0 0;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

#menu2 {
margin:10px 0 0 0;
background:#000000;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
padding:1px 0 0 0;
}

#corps {
position:relative;
margin:30px 0 0 160px;
height:528px;
background:url(image/header_corps.jpg) no-repeat #000000;
}

#corps_index {
position:relative;
margin:30px 0 0 160px;
height:528px;
background:url(image/header_index.jpg) no-repeat #000000;
}

#diapo {
position:absolute;
top:155px;
left:50%;
margin-left:-300px;
}

#contact {
position:absolute;
color:#FFFFFF;
top:190px;
left:40px;
}

#cadre {
position:absolute;
/*background:url(image/cadre_l.jpg) repeat-y;*/
color:#FFFFFF;
width:471px;
top:170px;
left:290px;
}

#cadre_full {
position:absolute;
/*background:url(image/cadre_l.jpg) repeat-y;*/
color:#FFFFFF;
width:766px;
top:170px;
left:19px;
}

#cadre_txt {
padding:0 10px 0 10px;
color:#FFFFFF;
}

#home {
position:absolute;
/*background:url(image/home_l.jpg) repeat-y;*/
width:710px;
top:170px;
left:40px;
}

#choco {
position:absolute;
background:url(image/home_l.jpg) repeat-y;
width:710px;
top:170px;
left:40px;
}

#home_txt {
padding:0 10px 0 10px;
color:#FFFFFF;
}

#commande {
position:absolute;
top:190px;
left:112px;
color:#FFFFFF;
width: 600px;
height:330px;
overflow:auto;
}

#formulaire {
position:absolute;
top:190px;
left:40px;
color:#FFFFFF;
width:701px;
}

#arianne_panier {
	position:absolute;
	width:500px;
	left: 15px;
	top: 166px;
}

.arianne1 {
font-size:14px;
font-weight:bold;
color:#FF0000;
}

.arianne2 {
text-decoration:none;
color:#FFFFFF;
}

.form {
width:100%;
height:17px;
overflow:auto;
}

.form2 {
width:100%;
overflow:auto;
}

#slide {
position:absolute;
top:315px;
left:30px;
}

#slideshow {
position:absolute;
top:340px;
left:95px;
}

#footer {
color:#FFFFFF;
font-weight:bold;
margin:10px 0 0 160px;
text-align:center;
background:#000000;
padding:5px 0 5px 0;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

#footer a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#footer a:hover {
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}

#footer_index {
position:absolute;
width:795px;
color:#FFFFFF;
font-weight:bold;
top:538px;
text-align:center;
background:#000000;
padding:5px 0 5px 0;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

#footer_index a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#footer_index a:hover {
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}

.fermer {
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}

.btn_blc {
color:#FFFFFF;
text-decoration:none;
display:block;
width:142px;
height:22px;
background:url(image/btn_blc.png) no-repeat;
padding:5px 2px 0px 15px;
/*margin:-9px 0 0 5px;*/
margin-left:5px;
}

.btn_red {
color:#FFFFFF;
text-decoration:none;
display:block;
width:122px;
height:22px;
background:url(image/btn_red.png) no-repeat;
padding:5px 2px 0px 15px;
/*margin:-9px 0 0 5px;*/
margin-left:5px;
}

.btn_actif_blc {
color:#000000;
text-decoration:none;
display:block;
width:142px;
height:22px;
background:url(image/btn_actif_blc.png) no-repeat;
padding:5px 2px 0px 15px;
/*margin:-9px 0 0 5px;*/
margin-left:5px;
}

.btn_actif_red {
color:#000000;
text-decoration:none;
display:block;
width:142px;
height:22px;
background:url(image/btn_actif_red.png) no-repeat;
padding:5px 2px 0px 15px;
/*margin:-9px 0 0 5px;*/
margin-left:5px;
}

.panier_actif {
float:right;
display:block;
background:url(image/btn_blc.png) no-repeat #CC0000;
width:142px;
height:18px;
text-decoration:none;
padding:4px 2px 0px 15px;
color:#FFFFFF;
font-weight:bold;
}

.panier {
float:right;
display:block;
background:url(image/btn_red.png) no-repeat #000000;
width:142px;
height:18px;
text-decoration:none;
padding:4px 2px 0px 15px;
color:#FFFFFF;
font-weight:bold;
}

.img_page {
position:absolute;
top:170px;
left:20px;
}

.img_page2 {
position:absolute;
top:350px;
left:20px;
}

.titre {
background:url(image/fond_titre.jpg) no-repeat;
height:25px;
display:block;
width:471px;
font-size:14px;
padding: 5px;
}

.titre2 {
font-size:14px;
}

.titre3 {
background:url(image/fond_titre3.jpg) no-repeat;
height:25px;
display:block;
width:520px;
font-size:14px;
padding: 5px;
}

.fond {
position:relative;
background:url(image/fond_entremet.jpg) no-repeat;
margin:0 10px 0 0 ;
float:left;
width:157px;
height:203px;
}

.entremet {
position:absolute;
top:40px;
left:12px;
}

.gourmandise {
position:absolute;
top:45px;
left:12px;
}

.desc {
position:absolute;
top:130px;
left:12px;
width:137px;
color:#FFFFFF;
font-size:10px;
}

.titre_index {
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}

.desc_c {
position:absolute;
top:150px;
left:12px;
width:137px;
color:#FFFFFF;
font-size:10px;
}

.nom_e {
text-align:center;
width:145px;
margin:0px 0 0 5px;
padding:5px 0 0 0;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

.reserver {
position:absolute;
top:170px;
left:35px;
}

.etat {
position:absolute;
width:600px;
height:100px;
top:50%;
left:50%;
margin:-50px 0 0 -300px;
color:#FFF;
text-align:center;
}

a.ballotin span {
display:none;
position:absolute;
top:-250px;
left:-60px;
z-index:10000;
background:#000000;
padding:5px;
border: 1px solid #F00;
}

a.ballotin:hover span {
display:block;
}

/* LIVE VALIDATION */
.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    /*margin:0 0 0 5px;*/
	display:none;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
	width:100%;
	height:19px;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
	width:100%;
	height:19px;
}