*{
	margin:0px;
	padding:0px;
}

body{
background:#c95d06 url(/medias/images/interface/bck.jpg) repeat-x top left;
font-size:11px;
color:#696969;
margin:0;
padding:0;
line-height: 1.5em;
font-family:Arial, Helvetica, sans-serif;
}

p{
padding-top:4px;
padding-bottom:4px;
}


/* ---------->>> GLOBAL : Div's <<<-----------*/

#general{
width:945px;
text-align:justify;
margin: 0 auto; 

}


#header{
width:945px;
height:172px;
}

#latestNews{
width:214px;
background: url(/medias/images/interface/news-bck.jpg) repeat-y top left;
}
#latestNewsBottom{
width:214px;
background: url(/medias/images/interface/news-bottom.jpg) bottom left no-repeat ;
}

#latestNewsBottom p{
padding-left:18px;
padding-right:20px;
text-align:justify;
padding-bottom:5px;
padding-top:5px;
background: url(/medias/images/interface/news-bottom.jpg) bottom left no-repeat ;
}
#latestNewsBottom a{
font-weight:bold;
color:#696969;}
#latestNewsBottom a:hover{
font-weight:bold;
color:#e6180d;}



#corps{
width: 100%;
background:  url(/medias/images/interface/background_corps.jpg) no-repeat top left;

}
#corps2{
width: 100%;
background:  url(/medias/images/interface/background_corps2.jpg) repeat-y top left;

}

#gauche{
float: left;
width: 230px;


}

#menu{

width:209px;
height:415px;
padding-left:19px;

}
#recherche{
background:#fff url(/medias/images/interface/background_recherche.jpg) no-repeat top left;
width:209px;
height:79px;
margin-left:19px;
margin-top:15px;
color:#5a892d;
}
/*le champs recherche */

#searchform {
border:0px;
width:209px;
height:79px;
color:#5a892d;
	
	}

#searchform #s {
	background: transparent;
	
	border:0px;
	position: relative; 
	top:10px;  
	left:12px;
	width: 145px;
	height:20px;
	}

#searchsubmit {
border:0px;
	background: transparent;
	cursor:pointer;
	width:30px;
	height:23px;
position: relative; 
	top:12px;
	left:18px;
	
	}

#milieu{

width: 476px; /*Width of right column in pixels*/
float:left;
padding-left:5px;

}

.cadre_milieu{
padding-left:10px;
padding-right:10px;
width:453px;
background-image:url(/medias/images/interface/background_cadre_milieu.jpg);
background-position:top;
background-repeat: repeat-x;

}

#interieur{
width:680px;
}

#droite{
float: right;
width: 228px;

}



#footer{
background: url(/medias/images/interface/footer.jpg) no-repeat top left;
text-align:center;
height:70px;
font-size:10px;
padding-top:51px;
clear: left;
color:#FFFFFF;


}

#footer a{
color: #FFFF80;
}

/* ---------->>> GLOBAL : Textes <<<-----------*/

h1{
    font: 22px "Trebuchet MS", Helvetica, Verdana;
	color:#696969;
	text-transform:uppercase;

}


h2{
    font: 14px "Trebuchet MS", Helvetica, Verdana;
	font-weight:bold;
	color:#696969;
	text-transform:uppercase;
	margin:19px 0 7px 0;
}

h3{
    font: 10px "Trebuchet MS", Helvetica, Verdana;
	font-weight:bold;
	color:#696969;
	text-transform:uppercase;
	border-bottom:1px dashed #CCC;
	margin-bottom:4px;
}
h4{
    font: 10px "Trebuchet MS", Helvetica, Verdana;
	font-weight:bold;
	color:#696969;
	text-transform:uppercase;
	border-bottom:1px dashed #CCC;
	margin-bottom:8px;
}



/* ---------->>> GLOBAL : Links <<<-----------*/

a{
text-decoration:none;
color:#2ba438;
}

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



/* ---------->>> GLOBAL : Mise en page <<<-----------*/


.spacer{
clear:both;
visibility:hidden;


}

ul li{

list-style-type:none;
}

a img{
border:0px solid red;
}

ul#Cellules li{
background-image:url(/medias/images/puce.png);
list-style-type:none;
text-align:justify;
background-repeat:no-repeat;
list-style-position:outside;
margin-left:15px;
padding: 8px 4px 8px 25px;
}

.odd{
background-color:#fff;
}


.even{
background-color: #F8F8F8;
border-bottom:1px solid #E4E4E4;
border-top:1px solid #E4E4E4;
}


/* ---------->>> GLOBAL : produits <<<-----------*/

#origine{
width:127px;
height:110%;
min-height:150px;
float:right;
margin-right:5px;border:1px dashed #CCC;
padding-left:5px;
padding-bottom:5px;
padding-right:5px;
margin-bottom:5px;
background-image:url(/medias/images/produits/bck.jpg);
background-repeat:no-repeat;
background-color:#edece8;
text-align:left;



}

#aspect{
width:127px;
height:110%;
min-height:150px;
float:left;
margin-right:5px;
padding-bottom:5px;
border:1px dashed #CCC;
padding-left:5px;
padding-right:5px;
margin-bottom:5px;
background-image:url(/medias/images/produits/bck.jpg);
background-repeat:no-repeat;
background-color:#edece8;
text-align:left;


}

#utilisation{
width:127px;
height:110%;
min-height:150px;
float:right;
margin-right:5px;
padding-bottom:5px;
border:1px dashed #CCC;
padding-left:5px;
padding-right:5px;
background-image:url(/medias/images/produits/bck.jpg);
background-repeat:no-repeat;
background-color:#edece8;
text-align:left;

}

#conditionnements{
width:127px;
float:left;
margin-right:5px;
border:1px dashed #CCC;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
background-image:url(/medias/images/produits/bck.jpg) ;
background-repeat:no-repeat;
height:110%;
min-height:150px;
background-color:#edece8;
text-align:left;


}

#vignette{
width:140px;
margin-right:15px;
float:left;
}

#prod{
width:289px;
float:right;
}

.mee{
font-size:14px;
font-style:italic;
font-weight:bold;
}


/* ---------->>> GLOBAL : Links produits <<<-----------*/

#linksContainer{
width:100%;
background-color:none;
padding-top:10px;
font-size:10px;
min-height:350px;
text-align:left;

}


#linksContainer a{
text-decoration:none;
color:#959595;
display:block;
border:1px solid #FFF;
padding:2px;

}



#linksContainer a:hover{
text-decoration:none;
color: #999;
display:block;
background-color: #E8E8E8;
border:1px dotted #999;
padding:2px;

}


#linksBlocks{
width:78px;
line-height:1;
margin-right:10px;
float:left;
background-color:transparent;

}


.splashSalad h2{
    font: 12px "Trebuchet MS", Helvetica, Verdana;	font-weight:bold;	color:#008c31;	text-transform:uppercase;	margin:12px 0 7px 0;}
.splashSalad a{
text-decoration:none;color:#a92a31;}
.splashSalad a:hover{
text-decoration:none;color:#e6180d;}

.splashCooking h2{
    font: 12px "Trebuchet MS", Helvetica, Verdana;	font-weight:bold;	color:#c2844b;	text-transform:uppercase;	margin:12px 0 2px 0;}
.splashCooking a{
text-decoration:none;color:#664d4d;}
.splashCooking a:hover{
text-decoration:none;color:#e6180d;}

.splashOriental h2{
    font: 12px "Trebuchet MS", Helvetica, Verdana;	font-weight:bold;	color:#a92a31; text-transform:uppercase;	margin:12px 0 7px 0;}
.splashOriental a{
text-decoration:none;color:#a92a31;}
.splashOriental a:hover{
text-decoration:none;color:#e6180d;}

.splashPlaisir h2{
    font: 12px "Trebuchet MS", Helvetica, Verdana;	font-weight:bold;	color:#f5821f;	text-transform:uppercase;	margin:12px 0 2px 0;}
.splashPlaisir a{
text-decoration:none;color:#f5821f;}
.splashPlaisir a:hover{
text-decoration:none;color:#e6180d;}

.splashApero h2{
    font: 12px "Trebuchet MS", Helvetica, Verdana;	font-weight:bold;	color:#765252;	text-transform:uppercase;	margin:12px 0 2px 0;}
.splashApero a{
text-decoration:none;color:#765252;}
.splashApero a:hover{
text-decoration:none;color:#e6180d;}


.formCommande thead{
font-weight:bold;
background-color:#eee;
padding:2px;

}

.formCommande tbody td{
border-bottom:1px dotted #ccc;
padding:2px;

}



*{margin:0; padding:0;} /* clear all default CSS */


body {font:13px arial,helvetica,clean,sans-serif;}

#mainNav li a em, h4 {font-size: 114%} /* =15 */

#mainNav{clear:both; margin-top:10px; height:30px;}

#mainNav li{
	height:30px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(/medias/images/wizard/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current{
	background-color:#e5950c;
	background-image: url(/medias/images/wizard/navCurrentBtn.gif);
}

#mainNav li.lastDone{
	background-color:#24a13b;
	background-image: url(/medias/images/wizard/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#24a13b;
	background-image: url(/medias/images/wizard/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#999;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
display:block;
text-align:left;
margin:6px 0 0 5px;
font-style:normal;
font-weight:bold;
font-size:11px;
}

#mainNav li a span{

display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:30px;

display:block;
}

/* #mainNav.sixStep */
#mainNav.sixStep li{width:100px; }
#mainNav.sixStep li.mainNavNoBg{width:100px; }

#mainNav.sixStep li#s1{
width:75px;
}

#mainNav.sixStep li#s2{
width:100px;
}

#mainNav.sixStep li#s3{
width:55px;
}

#mainNav.sixStep li#s4{
width:60px;
}

#mainNav.sixStep li#s5{
width:50px;
}

#mainNav.sixStep li#s6{
width:110px;
}

#wizardpanel {
	background-color: #F5F5F5; margin:5px;display:none;
}

#wizardcontentwrap {
}

#wizard{width:100%;}

/* BUTTONS */
.buttons{clear:both; margin-bottom:15px;margin-top:15px;  height:31px; }
.buttons a{ display:block;
width:101px;  
color:#69665f; 
background:transparent url(/medias/images/wizard/bg-commande-a.png) no-repeat left top; 
height:21px;}

.buttons img{
position:relative;
top:2px;}

.buttons a:hover{
background:transparent url(/medias/images/wizard/bg-commande-a.png) no-repeat right; 
}

.next {float:right; text-align:right; padding-right:10px;}
.previous {float:left;  text-align:left; padding-left:10px;}