@charset"iso-8859-1";body{
font-family: Arial,Helvetica,sans-serif;
font-size:11px;padding:0;margin:0; margin-top: 5px;text-align:center;background:#f9f9f7 url(charte/fond_site.jpg) repeat-x;}
#top_trans {height:6px;background: url('charte/toptrans.png') no-repeat;margin-left:auto;margin-right:auto;width:900px;padding:0 10px 0 10px;}
#bottom_trans {height:12px;background: url('charte/bottomtrans.png') no-repeat;margin-left:auto;margin-right:auto;width:900px;padding:0 10px 0 10px;}
.imgcentre img{vertical-align:-4px; font-size: 12px}
.orange:first-letter{color:#FF8001;}
.titre_menu {text-transform: capitalize; margin-left: 25px; font-weight: bold; font-size: 1.2em; color: #3D464C}
.carreorange{background:url('charte/carreorange.gif') no-repeat}
#nav{margin-top:5px;margin-bottom:5px;font-family:Helvetica, Arial, sans-serif;color:#FFF;}
#nav ul{list-style:none;float:left;margin:0;padding:0;}
#nav li{float:left;background:url("charte/fond_nav.jpg") repeat-x;margin:0;margin-left:10px;padding:3px;text-align:left;}
#nav li p{margin:0;padding:0;font-size:9px;}
#nav a{color:#000;display:block;padding:2px 3px 2px 3px;height:40px;}
#nav a:hover{color:#f58700;}
#recherche{background:url("charte/fond_nav.jpg");width:100px;height:40px;padding-left:5px;padding-top:8px;float:left;border-right:8px solid #fff;}
input, select, textarea{font-family:Arial, Helvetica, sans-serif;background-color:#FFF;font-size:10px;border:#CCC;border-style:solid;border-width:1px;}
a{color:#3d464c;text-decoration:none}
a:hover{color:#f58700;text-decoration:none}
.tabs li .lien_tech a{color:#0C0;}
.question{cursor:pointer;color:#FF7B00;font-weight:bold;}
#site{width:900px;margin-left:auto;margin-right:auto;text-align:left;margin-top:0;padding:10px;background: url(charte/fondtrans.png) repeat-y;}
#colonne{width:163px;float:left;margin-right:10px;padding-top:0;}
#colonne img{margin-left:0;}
#colonne table{margin-left:0;font-size:12px;}
#colonne table p{padding-left:10px;padding-bottom:3px;margin-bottom:0;}
#colonne table img{margin-left:0;}
#menu, #menu ul{padding:0;margin:0;list-style:none;line-height:21px;text-align:center;}
#menu{font-weight:bold;font-family:Arial;font-size:12px;}
#menu a{display:block;padding-bottom:3px;color:#4f4f4f;text-decoration:none;}
#menu a:hover{color:#000;}
.menu_1{background-image:url("charte/metiers_bouche.jpg");}
.menu_2{background-image:url("charte/produits_alimentaire.jpg");}
.menu_3{background-image:url("charte/produits_industriel.jpg");}
.menu_contact{background-image:url("charte/fond_contact.jpg");}
.menu_defaut{background-image:url("charte/fond_nav.jpg");}
#menu li{float:left;border-right:8px solid #fff;width:171px;}
#menu li:hover ul ul, #menu li.sfhover ul ul{left:-999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{left:auto;min-height:0;}
html>body #menu li{}
#menu li ul{position:absolute;width:144px;left:-999em;}
#menu li ul li{}
html>body #menu li ul li{}
#menu li ul ul{margin:-22px 0 0 144px;}
html>body #menu li ul ul{}
#menu_colonne_informations{margin-top:0;margin-left:0;font-size:11px;}
#menu_colonne_informations ul{list-style-type:none;margin:0 0 0 10px;padding:0}
#menu_colonne_informations span{color:#3d464c;text-decoration:none;margin:0 0 0 10px;padding-top:5px;padding-bottom:7px;}
#menu_colonne_informations span:hover{color:#f58700;text-decoration:none;cursor:pointer;margin:0 0 0 10px;padding-top:5px;padding-bottom:7px;}
.main_cat_informations{padding-top:5px;padding-bottom:7px;width:155px;display:block;font-size:13px;font-weight:bold;background: url(charte/carregris.gif) no-repeat}
.main_cat_informations a{margin-left: 13px;list-style-type:none;color:#3d464c;}
.main_cat_informations a:hover{list-style-type:none;color:#F58700;}
#menu_colonne{margin-top:0;margin-left:0;font-size:12px;}
#menu_colonne ul{list-style-type:none;margin:0 0 0 6px;padding:0}
#menu_colonne li{color:#3d464c;text-decoration:none;margin:0;padding:0;margin-bottom:3px;text-indent:10px;}
#menu_colonne span{ text-indent:0px;} /* on indente le li MAIS on remet a sa place le span, trop fort*/ 
#menu_colonne li:hover{text-decoration:none;cursor:pointer;margin-bottom:3px;padding:0}
#menu_colonne a{color:#3d464c;text-decoration:none;}
#menu_colonne a:hover{color:#f58700;text-decoration:none}
#menu_colonne #current a{color:#f58700;}
#main{width:700px;float:left;padding-left:3px;}
#produits_accueil{width:600px;margin:0 auto 0 auto;}
.main_cat{padding-top:5px;padding-bottom:7px;width:155px;display:block;font-size:13px;font-weight:bold;margin-left:13px;}
.main_cat a{margin-left:8px;list-style-type:none;color:#3d464c;}
.titre-acc{font-size:14px;font-weight:bold;color:#2a2a2a;}
img{border:0;}
.tr1{background-color:#ffffff; border: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.tr2{background-color:#f4f4f4; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.prix_promo{color:#900;}
#image_produit{float:left;margin-right:55px;margin-left:30px;margin-top:15px;height: 200px;width:150px;text-align:center;font-size:9px;color:#999;display: block-inline;}
#descriptif_produit{float:right;width:300px;}
.PDF{background-image:url('charte/icone_pdf.jpg');background-repeat:no-repeat;padding:0 0 8px 20px;}
.orange{color:#f58700;}
.gris{color:#999;}
.spacer{clear:both;}
#footer{height:50px;width:739px;background-image:url(charte/footer.jpg);background-repeat:no-repeat;text-align:right;padding-top:15px;padding-right:20px;color:#999;font-size:11px;clear:both;margin:10px auto 0 auto;}
#footer a{color:#999;}
#footer a:hover{color:#000;text-decoration:none;}
a:active{outline:none;}
:focus{-moz-outline-style:none;}
.prod_index{width:270px;float:left;margin-right:5px;font-size:11px;}
.descr_index{float:left;width:190px;}
.descr_index a{color:#000;}
.descr_index a:hover{color:#f58700;}
.descr_index h2{color:#000; font-size: 11px; margin-bottom: 3px;}
.descr_index h3{color:#000; font-size: 11px; font-weight:normal; margin: 0; padding: 0;}
.prod_index img{float:left;margin-right:3px;}
.actu{clear:both;}
.actu h2{color:#f58700;margin-left:75px;}
.actu p{width:540px;float:left;margin:0;padding:0;padding-bottom:10px;border-bottom-color:#999;border-bottom-style:solid;border-bottom-width:1px;margin-bottom:20px;}
.date_actu{text-align:center;float:left;width:70px;padding:0;border-color:#f58700;border-style:solid;border-width:1px;background-color:#f58700;color:#FFF;font-size:24px;font-weight:bold;margin-right:5px;}
.jour_actu{display:block;padding:1px;background-color:#FFF;color:#f58700;font-size:22px;}
.top_page{text-align:center;font-size:9px;clear:both;}
.top_page a{color:#69C}
.asterisque{font-size:10px;color:#999;}
.list_info{list-style-image:url(charte/puce_orange.gif);padding:0 0 0 20px;}
.list_info li{margin-bottom:5px;}
.list_light{list-style-image:url(charte/puce_grise.gif);margin:0 0 0 1px;margin-top:0;padding:0 0 15px 15px;}
.list_light li{font-size:11px;padding:0 0 0 -5px;margin-bottom:-2px;}
.exergue{margin:3px 20px 3px 20px;padding:3px;color:#C60;border:#999;border-style:solid;border-width:1px;}
h1{margin-top:0;font-size:18px;color:#f58700;}
h2{color:#444444;font-size:14px;}
h3{color:#f58700;padding:0;margin:15px 0 3px 0;}
h4{padding:0;margin:15px 0 3px 0;}
.cgvp{margin:0;padding:3px 0 0 0;}
.form_contact{text-align:center;}
.form_contact label{margin:4px 5px 3px 0;float:left;display:block;text-align:right;width:250px;}
.form_contact input{margin:3px 0 3px 0;float:left;width:150px;}
.form_contact p{clear:both;padding:10px 0 0 0;margin:0;}
#print_footer{height:10px;color:#999;}
.video{background-image:url('images/video_icon.png');background-repeat:no-repeat;padding:7px 0 15px 35px;cursor: pointer;}
.video_produit{background-image:url(images/icone/icone_video_copie.gif);background-repeat:no-repeat;padding:2px 0 10px 20px;}
#form_recherche{margin:0;padding:0;}
.lien_couleur a{color:#f58700;text-decoration:none;}
.lien_couleur a:hover{color:#f58700;text-decoration:underline;}
#liens_bottom{width:790px;padding:5px;margin-left:auto;margin-right:auto;text-align:center;margin-top:15px;margin-bottom:5px;border-top:solid #CCC 1px;}
#liens_bottom a{font-size:11px;color:#999;text-decoration:none;margin-right:8px;}
#liens_bottom a:hover{font-size:11px;color:#f58700;text-decoration:underline;margin-right:8px;}
.tete_tableau{background-color:#696867;color:white;font-weight:bold;}
.bottom_tableau{background-color:#F68400;color:white;font-weight:bold;}
.tbl_titre{background-image:url(charte/tbl_titre.gif);background-repeat:repeat-x;color:#FFF;font-weight:bold;}
.tbl_bord{border-left:#CCC solid 1px;border-bottom:#CCC solid 1px;border-right:#CCC solid 1px;}
.border_menu {background-image:url(charte/catalogue_fond.gif);border-width:1px;border-color:red;}
#titreOnglet span { 
    text-decoration: none; 
	border-left: 1px solid #888; 
	border-right: 1px solid #888; 
	border-top: 1px solid #888; 
    padding: 4px 10px; 
    margin-right: 5px; 
    display: inline-block; 
    position: relative; 
    bottom: -1px; 
    /*z-index: 2; */
    outline: none;
	color: #515151;
} 
#titreOnglet span:hover, 
#titreOnglet span:focus, 
#titreOnglet span:active, 
#titreOnglet span.en_cours { 
    background: #fff; 
    border-bottom: 1px solid #fff; 
	border-left: 1px solid #F58C00; 
	border-right: 1px solid #F58C00; 
	border-top: 1px solid #F58C00; 
	cursor: pointer;
	color: #000;
} 
#content { 
	width: 525px;
	min-height: 200px;
    background: #fff; 
    border: 1px solid #F58C00; 
    padding: 10px; 
	margin-left: 10px;
} 

#content a {
	color:#3d464c;
	text-decoration:none;
	font-weight:bold;
}

#content a:hover {
	color:#f58700;
	text-decoration:none;
	font-weight:bold;
}

.vignette_sous_vide {
	width: 240px;
	height: 70px;
	margin-right: 30px;
	display: inline;
	padding: 5px;
}

.vignette_sous_vide td {
	margin-right: 30px;
}
#banner{
width:730px;
text-align:center;
color:#FF8001;
}

#banner .accroche,#banner .accroche .orange{
font-size:12px;
font-weight:normal;
color:#f3b853;
}


#panier_banner {
	margin-right:10px;
	font-size:13px;
	float:right;
	height: 98px;
	width: 150px;
	
	/*background-image: url(images/icone/pixel.png);*/
	/*background-repeat: repeat;*/
	/*border: 1px solid #b1b1b1;
	text-align: left;*/
}

#panier_banner p {
padding: 5px 0 0 38px;
margin:0 ;
}
#panier_banner img
{
padding:5px 0 0 16px;
float:left;


}

#title h1 {
margin-top:0;
font-size:12px;
color:#bababa;
text-align: center;
display: inline;
}
#title a {
color:#a1a1a1;
}

#tbl_produit h3 {
font-size:11px;
color: #333333;
font-weight: normal;
}

#footer2{height:145px;width:739px;background-image:url(charte/footer2.jpg);background-repeat:no-repeat;text-align:left;padding-top:15px;padding-right:20px;color:#797979;font-size:12px;clear:both;margin:10px auto 0 auto;}
#footer2 a{color:#575757;}
#footer2 a:hover{color:#ff9000;text-decoration:none;}

.liste_refs img {
float:left;
margin: 5px;
}

#tableau-cuisson table {
 border-width:1px; 
 border-style:solid; 
 border-color:#cbcbcb;
 width:50%;
 }
#tableau-cuisson td { 
 border-width:1px;
 border-style:solid; 
 border-color:#cbcbcb;
 width:50%;
 }
 .block_video {
 float: left;
 margin-right: 5px;
 width: 550px;
 }
 
/* Rotator Styles */
#wrapper {
	width:550px; 
	/*border-top:3px solid #92a5bc;
	border-bottom:1px solid #92a5bc;*/
	margin:0 auto;
	z-index:-1;
}

#rotator {
	background:#FFF;
	color:#000;
	position:relative;
	padding-bottom:2.6em;
	margin:0; 
	font-size:12px;
	z-index:1;
	
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

ul.ui-tabs-nav {
	position:absolute;
	bottom:0px;
	left:0;
	/*z-index:1;*/
	width:100%;
	/*background:#FFF url(images/uitabsbg.gif) repeat-x bottom right;*/
	border-top:1px solid #FFF;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size:.8em;
	font-weight:normal;
	color:#999;
	/*background:#FFF url(images/uitabsbg.gif) repeat-x bottom left; */
	/*border-left:1px solid #FFF;*/
	/*border-right:1px solid #c5ced9;*/
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	/*background:#FFF url(images/uiactivetabbg.gif) repeat-x bottom left;*/
	color:#333;
}

#rotator .ui-tabs-nav-item a span {
	float:left; 
	padding:1em; 
	cursor:pointer;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	/*background:#fff url(images/uiactivetabbg.gif) repeat-x bottom left;*/
	color:#333;
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	padding:40px 0px 15px 0px;
	height:150px;
	width: 550px;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {
	color:#E75D00;
	font-weight:bold;
	margin:0;
	font-size:1.2em;
	line-height:1.2em;
}

#rotator p {
	font-size:1.1em;
	margin:.5em 0;
	color:#333;
}

#rotator .btn_get_started {
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px; 
	overflow:hidden; 
	background:transparent url(images/getstarted.gif) no-repeat
}

#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}

/* Background Images */
#rotator #fragment-0 {
	background:transparent url('images/slide/slider1.jpg') no-repeat ;
	text-align:center;

}


#rotator #fragment-1 {
	background:transparent url('images/slide/slide12.jpg') no-repeat top right;
}
#rotator #fragment-2 {
	background:transparent url('images/slide/logo1.jpg') no-repeat top left;
	padding:40px 15px 15px 250px;
}

#rotator #fragment-3{
	background:transparent url('images/slide/slide2.jpg') no-repeat top left;
	padding:40px 15px 15px 60px;
	text-align:right;
}

#rotator #fragment-4 {
	background:transparent url('images/slide/slide3.jpg') no-repeat top left;
	padding:40px 15px 15px 210px;
}

#rotator #fragment-5 {
	background:transparent url('images/slide/slide4.jpg') no-repeat top left;
	padding:40px 15px 15px 210px;
}

.reference {
	background-image:url('charte/basket.png');
	background-repeat: no-repeat;
	padding: 0 0 8px 20px;
}

.video {
	background-image:url('images/video_icon.png');
	background-repeat:no-repeat;
	padding:7px 0 15px 35px;
}


.dispo {
	background-image:url('charte/check.gif');
	background-repeat:no-repeat;
	padding:0 0 8px 20px;
	color: green;
}
.prix
{
	background-image:url('charte/cost.png');
	background-repeat:no-repeat;
	padding:0 0 8px 20px;
	/*height:35px;
	color:#f58700;*/
	font-size:14px;
	font-weight:bold;
	line-height: 1.5;
}

.question_produit{
	background-image:url('charte/comment.png');
	background-repeat:no-repeat;
	padding:0 0 8px 20px;
}
.question_produit a:hover{color:#f58700;}

ul#topnav {
	margin:10px 0 0 0; padding: 0;
	float: left;
	width: 880px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.1em;
	/*background: url(images/topnav_stretch.gif) repeat-x;*/
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	
	z-index:20;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 2px solid #fff; /*--Divider for each parent level links--*/
	height:35px;
}
ul#topnav li a {
	padding: 10px 16px;
	display: block;
	color: #333;
	text-decoration: none;
	font-weight: bold
}
ul#topnav li:hover { background-color: #d7d7d7; }
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none; /*--Hide by default--*/
	width: 734px;
	background-color: #d7d7d7;
	color: #333;
	z-index:2; 
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; padding: 0 20px 35px 20px; line-height: 20px} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}


#compte
{
padding-left:10px;
border: 1px solid #F58C00;
margin-top:36px;
}
#navcompte
{

margin-top:15px;
margin-right:10px;
}
#navcompte span 
{
text-align:center;
display:block;
 border-bottom: 1px solid #F58C00;
border-left: 1px solid grey; 
border-right: 1px solid grey; 
border-top: 1px solid grey; 
width:100px;
height:20px;
margin-left:10px;
float:left;

}
#navcompte span.en_cours
{
text-align:center;
display:block;
border-bottom: 1px solid #fff; 
border-left: 1px solid #F58C00; 
border-right: 1px solid #F58C00; 
border-top: 1px solid #F58C00; 
width:100px;
height:20px;
margin-left:10px;
float:left;
}


.obligatoire{
color:red;
}

#tampon{
position:absolute;
right:0px;
top:-70px;


}

#legende_stock{

text-align:center;
width:550px;
margin:10px auto;
color:#3D464C;/*Bleu Politec foncé*/
font-size:12px;

}
#multi_img
{
    background-color:white;
    display: block;
    font-weight: bold;
    height: 70px;
    line-height: 30px;
    margin-left: 2px;
	margin-top:10px;
	margin-bottom:25px;
    
    width: 400px;

}
#multi_img .img_mini{
width:111px;
height:70px;
margin-bottom:5px;
float:left;
text-align:center;
border: 1px solid #f5cd99;
cursor:pointer;
}

#multi_img .img_mini img{

max-height:70px;}

#legende_stock img{
width:15px;
margin:0 5px 0 10px ;
}
.right{
float:right;
}
.left{
float:left;
}
.clear{
clear:both;
}
