@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{padding:0px; margin:0px; background-image:url(../images/bbg.jpg); background-repeat:repeat-x; background-color:#fefb00;}
#haut h1 {height: 15px;
color: #ffff00;
text-align: center;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
font-size: 12px;
font-weight: normal;
padding:0pt;
display: block; font-family:Arial, Helvetica, sans-serif}
#conteneur{width:950px;margin:auto 100px;}
#header{width:950px;height:230px;background-image:url(../images/header.jpg);background-repeat:no-repeat;}
#menu{padding-top:200px;margin-left:10px; z-index:0;}
#contenu{width:950px;height:720px; background-image:url(../images/contenu.gif);background-repeat:no-repeat;padding-top:20px;}

a.accueil{background-image:url(../images/btn_accueil.gif);display: inline-block;width: 180px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 30px;padding: 0px;}
a.accueil:hover{ background-image:url(../images/btn_accueil_roll.gif); z-index:100;}
a.produits{background-image:url(../images/btn_produits.gif);display: inline-block;width: 180px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 30px;padding: 0px;padding-left:10px;margin-right:0px;}
a.produits:hover{ background-image:url(../images/btn_produits_roll.gif);}
a.nouveautes{background-image:url(../images/btn_nouveautes.gif);display: inline-block;width: 180px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 30px;padding: 0px;padding-left:0px;margin-right:0px;}
a.nouveautes:hover{ background-image:url(../images/btn_nouveautes_roll.gif);}
a.evenements{background-image:url(../images/btn_evenements.gif);display: inline-block;width: 180px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 30px;padding: 0px;padding-left:px;}
a.evenements:hover{ background-image:url(../images/btn_evenements_roll.gif);}

a.contact{background-image:url(../images/btn_contact.gif);display: inline-block;width: 180px;margin: 0px;background-repeat: no-repeat;background-position: center top;height: 30px;padding: 0px;padding-left:0px;}
a.contact:hover{ background-image:url(../images/btn_contact_roll.gif);}



#right{position:relative;width:700px;float:right;margin:10px;padding:10px;clear:none;padding-top:5px;margin-left:0px;}
#right_bas{width:710px;height:160px;float:right;}

#titre_elemnent{width:600px; height:20px; margin:0px;}


div.element1 {width:680px;height:430px;margin:10px;padding-top:60px;overflow:hidden;position:relative;background-image:url(../images/rubr1_rouge.gif); background-repeat:no-repeat;}
div.element_prod {width:680px;height:450px;margin:10px;padding-top:60px;overflow:hidden;position:relative;background-image:url(../images/rubr_produits.gif); background-repeat:no-repeat; font-family:arial; color:#ffba34;}
div.element_prod .content{width: 670px; height:370px; position:relative; overflow:scroll; overflow-x: hidden; }

.content{width: 670px; height:390px; position:relative; overflow:scroll; overflow-x: hidden; }


div.element_nouv {width:680px;height:450px;margin:10px;padding-top:60px;overflow:hidden;position:relative;background-image:url(../images/rubr_nouveautes.gif); background-repeat:no-repeat;}
div.element_nouv .content{width: 670px; height:370px; position:relative; overflow:scroll; overflow-x: hidden; }
div.element_even {width:680px;height:450px;margin:10px;padding-top:60px;overflow:hidden;position:relative;background-image:url(../images/rubr_evenements.gif); background-repeat:no-repeat;}
div.element_even .content{width: 670px; height:370px; position:relative; overflow:scroll; overflow-x: hidden; }
div.element_cont {width:680px;height:450px;margin:10px;padding-top:60px;overflow:hidden;position:relative;background-image:url(../images/rubr_contact.gif); background-repeat:no-repeat;}


.content p img{float:left; clear:none;padding:2px;border:#ffba34 solid 1px; margin:10px;}
img.gelifie{float:left; clear:none;padding:2px;border:#ffba34 solid 1px; margin:10px;}
.element1 p, .element2 p, .elements_news p, .element_prod p, .element_nouv p, .element_even p, .element_cont p{text-indent:15px;margin:10px;color:#fff;font-family:arial; font-size:.9em;text-align:justify;padding-right:10px; overflow:auto;}

.element2 p, .elements_news p{text-indent:15px;margin:10px;color:#fff;font-family:arial; font-size:1.0em;text-align:center;padding-right:10px;padding-top:20px;}
div.element2 {float:right;width:320px;height:150px;margin:0px;overflow:hidden; background-image:url(../images/rubr2.gif); background-repeat: no-repeat; margin-right:20px;}
.elements_news {float:right;width:320px;height:150px;margin:0px;overflow:hidden; background-image:url(../images/rubr2_news.gif); background-repeat: no-repeat; margin-right:30px;padding-left:10px;}
div.element img{margin-top:0px;margin-left:7px;margin-right:7px;margin-bottom:0px;}


div.content h1{margin-left:10px;color:#ffff00;font-family:arial; font-size:1.4em;padding-right:10px;}

#cat{width:200px;height:480px;float:left; background-image:url(../images/rubr3.gif); background-repeat:no-repeat;margin-left:10px;margin-top:25px;padding-top:30px;padding-left:10px;}
#cat ul{list-style:none;}
#cat ul li a {font-family:arial; font-size:.9em; text-decoration:none; color:#FFFFFF;}
#cat span{font-family:arial; font-size:.9em; color:#FFFF00;font-weight:400;}
#footer{width:950px;margin-top:2px; text-align:center;}
#footer span, #footer span a{color:#fff;font-family:arial; font-size:.9em;text-decoration:none; clear:none;}

form{width:350px;float:left; clear:none;margin-left:60px;margin-top:60px;}
input, select, textarea {border:1px solid #ffba34;font-size:11px;font-weight:normal;color:#000;background-color:#FFFFFF;margin:0 0 1px;font-family: arial;}
label {	width:75px;	display:block;float:left;color:#fff;height:15px;padding:0;margin-top: 0;margin-right: 5px;
margin-bottom: 0;margin-left: 0; font-family:arial;}
#contenu p{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:.9em;}