@charset "utf-8";
/* CSS Document */

body{
	padding:0 0 0 0;
	margin:0 0 0 0;
	background:url(../img/BG_global.jpg) top repeat-x;
	}
	
/*set global*/
ul, li, p, ol, form{padding:0 0 0 0; margin:0 0 0 0;}
li{list-style:none;}

a {outline: none;}
a:focus{-moz-outline-style: none;}


.ancre{ font-size:0px; height:0px; line-height:0px; float:left;}
/*Structure*/
#MAIN{
	width:956px; margin:0 auto 0 auto;
	background-image:url(../img/BG.png);
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/BG.png', sizingMethod='scale');
	-background-image:none;
	background-repeat:repeat-y;
}

#MAIN #top{ float:left; width:948px; padding:0 0 0 8px; background:url(../img/bandeau.jpg) no-repeat; background-position:8px 45px; height:297px; position:relative;}
#MAIN #center{ float:left; width:932px; padding:0 0 0 24px; position:relative; background:url(../img/bg_content.jpg) top no-repeat;}
#MAIN #footer{ float:left; position:relative; width:948px; padding:0 0 12px 8px; background:url(../img/BG_end.jpg) no-repeat bottom;}
.clear{ clear:both; font-size:0px; line-height:0px; height:0px;}


/*Menu*/
#mmenu{float:left; height:44px; width:940px; background:url(../img/m_bg.jpg) repeat-x;}
#mmenu li{ float:left; display:block; height:44px;}
#mmenu li img{ position:absolute;}
#mmenu .smiley{width:49px;}

#mmenu .Ba a{ display:block; float:left; height:44px; width:93px; background:url(../img/m_carte.jpg) no-repeat top;}
#mmenu .Ba a:hover{background-position:0px -44px;}

#mmenu .Bb a{ display:block; float:left; height:44px; width:100px; background:url(../img/m_livraison.jpg) no-repeat top;}
#mmenu .Bb a:hover{background-position:0px -44px;}

#mmenu .Bc a{ display:block; float:left; height:44px; width:96px; background:url(../img/m_concept.jpg) no-repeat top;}
#mmenu .Bc a:hover{background-position:0px -44px;}

#mmenu .Bd a{ display:block; float:left; height:44px; width:94px; background:url(../img/m_contact.jpg) no-repeat top;}
#mmenu .Bd a:hover{background-position:0px -44px;}

#mmenu .tel{ float:right; width:191px; background:#393;}

/*Sous Menu*/
#smenu{
	 float:left; position:absolute; top:264px; left:348px; display:block; width:580px; height:32px; background:url(../img/sm_bg.jpg) repeat-x; border:1px solid #B4B4B4; border-bottom:0px;
	}
#smenu li img{ position:absolute;}
#smenu li{ float:left;}
#smenu li a{ display:block; font:13px Tahoma; font-weight:bold; color:#FFF; text-decoration:none; padding:8px 12px 0 12px;}
#smenu li a:hover{ text-decoration:underline;}

/*Footer*/
.foot_content{ background:url(../img/bg_footer.jpg) top left no-repeat; padding:8px 130px 0 60px; font:11px arial; color:#999; line-height:16px;}
.foot_content a{font:11px arial; color:#999; text-decoration:none;}
.foot_content a:hover{ text-decoration:underline;}
.foot_content .note{ font-size:10px;}

/*Content*/
#content{}
#content .left{float:left; width:324px;}
#content .right{ float:left; width:582px; padding:0 0 20px 0;}

/*---------------------------------------------------------------------------------------------------------*/
/* Colonne gauche
/*---------------------------------------------------------------------------------------------------------*/

/*Formule*/
.formule{ float:left; width:304px; padding:5px 0 22px 0; font:10px arial; color:#B0B0B0;}

/*Slideshow*/
#my_slideshow{border:1px solid #D1D1D1; height:114px; width:295px; text-align:center; background-color:#FFFFFF; float:left; position:relative; padding:0 0 0 0; margin:0 0 22px 0; }
#my_slideshow img{float:left; position:relative; top:0px; left:0px;}
#my_slideshow ul{list-style:none; margin:0px; padding:0px; width:296px; height:19px; float:left; position:absolute; top:0px; left:0px;}
#my_slideshow ul li{ float:left; width:148px;}
#my_slideshow ul li .prev{float:left; width:148px; background:url(../img/moo_left.jpg) top left no-repeat; display:block; float:left; height:114px; width:16px; cursor:pointer;}
#my_slideshow ul li .next{float:left; width:148px; background:url(../img/moo_right.jpg) top left no-repeat; display:block; float:right; height:114px; width:16px; cursor:pointer;}

/*Points de vente*/
.ptsvente{ float:left; width:295px; padding:0 0 10px 0;}
.ptsvente li{ float:left; width:289px;}
.ptsvente .titre{ height:25px;} 
.ptsvente .titre img{ position:absolute;} 
.ptsvente .lieu{ font:12px arial; font-weight:bold; color:#666666; height:19px; background:url(../img/bg_ptsvente.jpg) left top repeat-x; padding:5px 0 0 6px; margin:6px 0 0 0;}
.ptsvente .lieu .new{ background:url(../img/nouveau.jpg) top right no-repeat;}
.ptsvente .adresse{ font:12px arial; color:#333333; padding:5px 0 0 6px; line-height:17px;}

/*---------------------------------------------------------------------------------------------------------*/
/* Carte
/*---------------------------------------------------------------------------------------------------------*/
.liste{ float:left; padding:12px 0 0 0; font:14px Arial; color:#333; width:582px;}
.liste li{ float:left; width:582px; padding:0 0 8px 0; line-height:20px;}
.liste .titre{ height:56px; width:400px; padding:10px 0 0 0;}
.liste .titre img{position:absolute;}
.liste .logo{ width:180px; text-align:right; padding:0 0 0 0;}

.liste span{ display:block; float:left; height:19px; width:27px; background:url(../img/bg_num.jpg) no-repeat; font:14px Tahoma; font-weight:bold; color:#FFF; text-align:center; padding:1px 0 0 0; margin:0 6px 0 0;}
.liste .other{ display:block; float:left; height:19px; width:27px; background:url(../img/bg_other.jpg) no-repeat; font:14px Tahoma; font-weight:bold; color:#FFF; text-align:center; padding:1px 0 0 0; margin:0 6px 0 0;}

.liste .texte{ padding:0 0 0 0; line-height:20px;}
.liste .vert{ color:#8FBB00; font:12px arial; font-weight:bold;}

.liste .nom{width:510px; padding:6px 0 4px 0;}
.liste .prix{width:62px; text-align:right; font:14px arial; font-weight:bold; color:#ED2C58; padding:6px 0 2px 0;}
.liste .detail{ font:11px arial; font-weight:bold; color:#8FBB00; padding:0 0 0 0; }

.retour{font:12px tahoma; font-weight:bold; color:#8FBB00; text-decoration:none;}
.retour:hover{ color:#EE2F59; }


/*cadre livraison*/
#infolivr{ float:left; position:absolute; top:264px; left:348px; display:block; width:582px; height:33px;} 
#infolivr li{ float:left;}
#infolivr li a{ float:left; display:block; height:33px; width:582px; background:url(../img/infos_livraison.jpg) no-repeat top left;}
#infolivr li a:hover{ background-position:0px -33px;}
/*---------------------------------------------------------------------------------------------------------*/
/* Texte
/*---------------------------------------------------------------------------------------------------------*/
.texte{ float:left; padding:12px 0 0 0; font:14px Arial; color:#333;}
.texte li{ float:left; width:582px; padding:0 0 8px 0; line-height:20px;}
.texte .titre{ height:56px; width:400px; padding:10px 0 10px 0;}
.texte .titre2{ font:20px Arial;}
.texte .stitre{ font:16px Arial; font-weight:bold; color:#EE2F59; padding:0 0 4px 0;}
.texte .txt{ text-align:justify; padding:0 0 16px 0;}
.texte .txt img{ float:left; border:1px solid #CCC; padding:2px; margin: 0 10px 0 0;}

/*---------------------------------------------------------------------------------------------------------*/
/* Contact
/*---------------------------------------------------------------------------------------------------------*/
.mform{ float:left; padding:22px 0 0 0; font:12px Arial; color:#333;}
.mform .info{ padding:26px 0 16px 0; line-height:20px;}
.mform li{float:left; display:block; width:580px; padding:0 0 0 0; line-height:24px;}
.mform li label{float:left; display:block; width:140px;}
.mform li select{float:left; display:block; font:12px arial; color:#333333; border:1px solid #CCCCCC; height:18px;}
.mform li input{ float:left; border:1px solid #CCCCCC; width:166px; padding:0px; font:12px arial; color:#333333; height:18px;}
.mform li textarea{ float:left; border:1px solid #CCCCCC; width:304px; padding:0px; font:12px arial; color:#333333; height:200px;}
.mform .erreur{ color:#FF0000;}
.mform .long select{width:168px;}
.mform .long input{width:304px;}
#valid_contact{display:block; float:right; margin:9px 0 0 0; background:url(../img/submit.jpg) no-repeat top; height:30px; width:100px;  margin:0 auto 0 auto;}
#valid_contact:hover{ background-position:0px -30px;}
/**/
#email_envoye{ float:left; padding:22px 0 0 0; font:12px Arial; color:#333;}
#email_envoye .info{ line-height:40px;}
#retour_contact{display:block; float:right; margin:9px 0 0 0; background:url(../img/retour.jpg) no-repeat top; height:30px; width:100px;}
#retour_contact:hover{ background-position:0px -30px;}