a:link 
{ 
text-decoration:none;
color:#ffffff;
} 

a:visited
{ 
text-decoration:none;
color:#ffffff; 
} 

a:hover
{ 
text-decoration:none;
color:#ffffff;
} 

a:active
{ 
text-decoration:none;
color:#ffffff;
} 





body {
padding:0px;
text-align:center;
behavior:url("csshover3.htc");
margin:0 auto;
background-color:#eaeaea;
}



div#header{
margin: 0 auto;
width:1068px;
height:336px;
text-align:center;
font-family: Verdana, Geneva, sans-serif;
font-size:14px;
background-image:url("header.png");
}


div#headertop{
width:1068px;
height:300px;
font-family: Verdana, Geneva, sans-serif;
font-size:14px;
text-align:center;

}

div#headerbottom{

width:1068px;
height:36px;
text-align:center;
font-family: Verdana, Geneva, sans-serif;
font-size:14px;
}

div#case{

width:172px;
height:30px;
font-family: Calibri;
font-size:20px;
color:#ffffff;
text-align:center;
float:left;
line-height:-1px;
padding:2px;
border:1px solid white;

}



#case:link{
text-decoration:none;
color:#ffffff;
}
#case:visited{
text-decoration:none;
color:#ffffff;
}
#case:hover{
text-decoration:none;
color:#ffffff;
background-color:#e8313f;
}
#case:active{
text-decoration:none;
color:#ffffff;
background-color:#e8313f;
}



div#corps{
width:1068px;
margin : 0 auto; 
height:px;
background-color:;
font-family: Verdana, Geneva, sans-serif;
font-size:34px;
text-align:center;
margin-top:10px;
overflow:hidden;

}

div#menu{
width:982px;
margin: 0 auto; 
height:1020px;
background-color:#eaeaea;
font-family: Verdana, Geneva, sans-serif;
font-size:14px;
text-align:center;
margin-top:5px;


}

div#conteneur{
width:1068px;
height:320px;
background-color:#f6f5fb;
font-family: Calibri;
font-size:16px;
text-align:left;
margin-top:10px;
margin-left:30px;
float:left;

}

div#text{
width:480px;
height:291px;
font-family: Calibri;
font-size:16px;
text-align:left;
float:left;
margin-left:12px;
margin-top:5px;
color:#000000;
}

div#text2{
width:400px;
height:291px;
font-family: Calibri;
font-size:16px;
text-align:left;
float:left;
margin-left:-15px;
margin-top:5px;
color:#000000;
display: inline;
}


div#picture{
width:500px;
height:291px;
background-image:url("resto.jpg");
font-family: Calibri;
font-size:16px;
text-align:left;
float:left;
margin-right:15px;
margin-top:4px;

}

div#picture2{
width:638px;
height:337px;
background-image:url("sachets.jpg");
font-family: Calibri;
font-size:16px;
text-align:left;
margin-right:30px;
margin-top:4px;
float:left;

}

div#conteneur2{
width:1008px;
height:150px;
background-color:#eaeaea;
font-family: Calibri;
font-size:16px;
text-align:left;
margin-top:20px;
margin-left:30px;
float:left;

}


div#bottom{
position:relative;
width:1068px;
margin : auto; 
height:50px;
background-color:#f6f5fb;
font-family: Verdana, Geneva, sans-serif;
font-size:14px;
text-align:center;
margin-top:10px;
}

div#arm{
width:45px;
height:45px;
background-image:url("arm.png");
float:left;
margin-left:5px;
margin-top:2px;
}

div#livraison{
width:45px;
height:45px;
background-image:url("livraison.png");
float:left;
margin-left:5px;
margin-top:2px;
}


div#fb{
width:32px;
height:32px;
background: url("facebook.png") no-repeat left;
float:right;
margin-right:7px;
margin-top:9px;
}

#fb:link{
text-decoration:none;
}
#fb:visited{
text-decoration:none;

}
#fb:hover{
text-decoration:none;
background: url("facebook.png") no-repeat right;
}
#fb:active{
text-decoration:none;
}



div#yt{
width:32px;
height:32px;
background: url("youtube.png") no-repeat left;
float:right;
margin-right:5px;
margin-top:9px;
}

#yt:link{
text-decoration:none;
}
#yt:visited{
text-decoration:none;

}
#yt:hover{
text-decoration:none;
background: url("youtube.png") no-repeat right;
}
#yt:active{
text-decoration:none;
}

#yt a:link{
text-decoration:none;
}
#yt a:visited{
text-decoration:none;
}
#yt a:hover{
text-decoration:none;
}
#yt a:active{
text-decoration:none;
}

div#menuone{
width:1068px;
height:120px;
background-image:url("menuone.jpg");
}

div#menutwo{
width:1068px;
height:-195px;
background-color:#ffffff;
margin-top:-30px;
}

div#menuthree{
width:1068px;
height:75px;
background-image:url("menuthree.jpg");
}



div#menuhead{
width:1068px;
height:88px;
font-family: Calibri;
font-size:34px;
text-align:center;
}

div#menunu{
width:1068px;
height:32px;
font-family: Calibri;
font-size:16px;
text-align:left;

}


div#menucase{
width:178px;
height:30px;
font-family: Calibri;
font-size:17px;
text-align:center;
float:left;
}


#menucase:link{
text-decoration:none;
color:#000000;
}
#menucase:visited{
text-decoration:none;
color:#000000;

}
#menucase:hover{
text-decoration:none;
color:#b31f22;
}
#menucase:active{
text-decoration:none;
color:#000000;
}

#menucase a:link{
text-decoration:none;
color:#000000;
}
#menucase a:visited{
text-decoration:none;
color:#000000;
}
#menucase a:hover{
text-decoration:none;
color:#b31f22;
}
#menucase a:active{
text-decoration:none;
color:#000000;
}

div#menucache{
width:178px;
height:5px;
}

div#menutu{
width:1068px;
height:980px;
}

div#menurack{
width:1068px;
height:220px;
margin-top:30px;

}

div#menuitem{
width:310px;
height:220px;
border:1px solid black;
float:left;
margin-top:15px;
margin-left:32px;


}

div#menupic{
width:300px;
height:210px;
margin-top:5px;
margin-left:5px;
}

div#menuchiffre{
width:300px;
height:46px;
font-family: Calibri;
font-size:24px;
text-align:right;

}

div#menumiddle{
width:300px;
height:112px;

}



div#menudescribe{
width:300px;
height:52px;


}

div#menudsc{
width:210px;
height:52px;
float:left;
font-family: Calibri;
font-size:20px;
text-align:left;
background-color: rgba(255, 255, 255, 0.7)


}

div#menuprice{
width:90px;
height:52px;
float:left;
font-family: Calibri;
font-size:20px;
text-align:right;
background-color: rgba(255, 255, 255, 0.7)

}

div#bs{
width:1068px;
height:750px;
margin-top:30px;
font-family: Calibri;
font-size:20px;
text-align:left;
margin-left:30px;




}

div#lines{
width:600px;
height:20px;
margin-left:285px;

}

div#linesa{
width:800px;
height:20px;
margin-left:180px;

}

div#linesdesc{
width:400px;
height:20px;
float:left;
}


div#linesprice{
width:200px;
height:20px;
float:left;
}

div#bsa{
width:1068px;
height:750px;
margin-top:30px;
font-family: Calibri;
font-size:20px;
text-align:left;
margin-left:30px;


}
div#tel{
width:300px;
height:40px;
margin-top:10px;
}

div#tellogo{
width:40px;
height:38px;
float:left;
background-image:url("telephone.png");
}

div#telnum{
width:260px;
height:38px;
font-family: Calibri;
font-size:30px;

}

div#maillogo{
width:40px;
height:40px;
float:left;
background-image:url("email.png");
}

div#mail{
width:360px;
height:38px;
font-family: Calibri;
font-size:28px;

}

div#hr{
width:400px;
height:40px;
margin-top:10px;
}

div#hrlogo{
width:40px;
height:38px;
float:left;
background-image:url("horloge.png");
}

div#hrtxt{
width:460px;
height:38px;
font-family: Calibri;
font-size:31px;

}

div#hrtxt2{
width:460px;
height:38px;
font-family: Calibri;
line-height:-1px;
padding:5px;
font-size:24px;

}

div#lr{
width:400px;
height:45px;
margin-top:10px;
}

div#lrlogo{
width:45px;
height:45px;
float:left;
background-image:url("livraison.png");
}

div#lrtxt{
width:460px;
height:38px;
font-family: Calibri;
font-size:31px;

}

div#photogal{
width:1068px;
height:1220px;
margin-auto;
text-align:center;
font-family: Calibri;
font-size:31px;

}

div#videogal{
width:1068px;
height:350px;
margin: 0 auto;
text-align:center;
font-family: Calibri;
font-size:31px;

}

div#conteneur3{
width:900px;
height:500px;
margin: 0 auto;
background-color:#f6f5fb;
font-family: Calibri;
font-size:16px;
text-align:left;
margin-top:10px;



}

div#map{
width:450px;
height:400px;
font-family: Calibri;
font-size:16px;
text-align:left;
margin-right:-20px;
margin-top:4px;
float:right;

}

div#text3{
width:400px;
height:291px;
font-family: Calibri;
font-size:16px;
text-align:left;
float:left;

margin-top:5px;
color:#000000;

}



/*
Solutions:
*********

Pour le centrage: adapter le doctype + et les margins auto à droite et à gauche.
Simplifier les divs, réduire la quantité et utiliser moins de floats, faire quelque tests et utilisers les margins la place
==> Cause des débordements de footer.
Vertical align: manuel

Refaire le caroussel
Incruster le Copyright (pour DP aussi)



*/