/* CSS Document */
/* www.iris-interactive.fr */
/* Espaviote */
body {
	background:#C1BD78 url(../images/fond.gif) repeat-x left top;
	margin:0;
	padding:0;
	font-family:"Verdana",Trebuchet MS , sans-serif;
	font-size:11px;
	text-align:center;
}
#page {
	margin:20 auto;
	background-color:#CBC986;
	width:785px;
	border:#663333 2px solid;
}
html>body #page{
	margin:20 auto;
	height: auto;
}


/* début des styles pour l'entete*/
#entete {
	background: url(../images/entete.gif) no-repeat right top;
	height: 117px;
	width:785px;
	margin:0;
	padding:0;	
}


/* début des styles pour le logo*/
#entete a.style_logo {
	text-decoration : none;
	display: block;
	width: 300px;
	height: 65px;
	margin:0;
	padding:0;	
}
html>body #entete a.style_logo {
	margin:0 0 0 240px;
}
#entete a.style_logo img{
	margin:0;
	padding:0;	
	border:0;
}


/* début des styles pour le menu de droite*/
#entete .style_menu_droite{
	float:right;
	margin:-61px 0 4px 0;
	padding:0;
	font-size:9px;
	text-align:left;
}
html>body #entete .style_menu_droite{
	margin:-61px 10px 3px 0;
}
#entete .style_menu_droite ul{
	margin:0 5px 0 10px ;
	list-style-type: none;
	float : right;
	color: #B1A85F;
}
html>body #entete .style_menu_droite ul{
	margin:0 0 0 0;
	padding: 0 0 0 10px
}

#entete .style_menu_droite li{
	padding:0;
}
#entete .style_menu_droite li.style_1{
	margin:3px 0 0 10px;
}
#entete .style_menu_droite li.style_2{
	margin:3px 0 0 20px;
}
#entete .style_menu_droite li.style_3{
	margin:3px 0 0 30px;
}
#entete .style_menu_droite li.style_4{
	margin:3px 0 0 40px;
}
#entete .style_menu_droite a{
	background: url(../images/puce_blc.gif) no-repeat left 3px;
	text-decoration: none;
	padding:0 0 0 10px;
	color: #fff;
}


/* début des styles pour le menu horizontal*/
#entete #style_menu{
	display: block;
	float:right;
	margin:2px 8px 0 0;
	padding:0;
}
html>body #entete #style_menu{
	margin:-18px 15px 0 0;
}

#entete #style_menu span{
	position:absolute;
	left:-999em;
	width: 40px;
	height: 25px;


}
#entete #style_menu a{
	text-decoration : none;
	color: #000;
	height:29px;
	margin:0 0 0 -4px;
	padding:0;
}
html>body #entete #style_menu a{
	margin:0;
	display: block;
	float:left;
}

#entete #style_menu a.style_catalogue{
	background: url(../images/catalogue.gif) no-repeat left top;
	width:91px;
}
#entete #style_menu a.style_histo{
	background: url(../images/histo.gif) no-repeat left top;
	width:141px;
}
#entete #style_menu a.style_recette{
	background: url(../images/recette.gif) no-repeat left top;
	width:91px;
}
#entete #style_menu a.style_distrib{
	background: url(../images/distrib.gif) no-repeat left top;
	width:104px;
}
#entete #style_menu a.style_questions{
	background: url(../images/question.gif) no-repeat left top;
	width:101px;
}
#entete #style_menu a.style_societe{
	background: url(../images/societe.gif) no-repeat left top;
	width:82px;
}


/* début des styles pour les sous-rubriques du menu horizontal*/
#entete #style_menu ul li {
	display:inline;
}
html>body #entete #style_menu ul li {
	display:block;
}
#entete #style_menu li ul {
	position:absolute;
	left:-999em;
	padding:0;
	margin:0;
}
#entete #style_menu li:hover ul{
	background:url(../images/fond_rubrique_catalogue.gif) no-repeat center top;;
	padding:5px 0 10px 10px;
	margin:29px 0 0 -11px;
	width: 115px;
	left:auto;
}
#entete #style_menu li:hover ul li {
	clear:left;
}
#entete #style_menu li:hover ul li a {
	padding:10px 0 0 0 ;
	text-align: left;
	height:auto;
	color:#fff;
	margin:0;
}

#entete #style_menu li.sfhover ul {
	background: url(../images/fond_rubrique_catalogue.gif) no-repeat center top;
	margin:29px 0 0 -10px;
	padding:10px 0 0 0;
	width: 115px;
	left:auto;
}
#entete #style_menu  li.sfhover ul li {
	display:block;
}
#entete #style_menu  li.sfhover ul li a{
	text-align: left;
	padding:0 0 0 7px;
	display:block;
	height:auto;
	color:#fff;
	margin:0;
}
#entete #style_menu li:hover ul li a:hover, #entete #style_menu li.sfhover ul li a:hover {
	color:#CBC986;
}


/* début des styles pour le contenu*/
#contenu{
	background: url(../images/colonne.gif) no-repeat left top;
	text-align: justify;
	width: 785px;
	margin:-9px 0 0 0;
	padding:30px 0 0 0;
	font-family:"Georgia",Verdana,Trebuchet MS , sans-serif;
}
html>body #contenu {
	margin:-3px 0 0 0;
}

#contenu .style_col2_1{
	margin:0 20px 0 150px;
	float:left;
	display:block;
	padding:0;
	width: 350px;
	text-align: justify;
}
html>body #contenu .style_col2_1{
	width: 350px;
	margin:0 0 20px 150px;
	padding: 0 15px 0 0;
}
#contenu .style_col2_1 h2{
	font-size: 14px;
	background:url(../images/bg_h2.gif) no-repeat left top;
	color:#314584 ;
	padding: 0 0 2px 40px;
}
#contenu .style_col2_2{
	width: 230px;
	padding:10px 10px 10px 30px;
	margin:0 20px 0 0;
}
html>body #contenu .style_col2_2{
	margin:10px 20px 0 0;
	width: 200px;
	float:right;
}
#contenu .style_catalogue{
	width: 618px;
	padding:0;
	margin:0 0 0 150px;
}
#contenu .style_catalogue h2{
	font-size: 14px;
	background:url(../images/bg_h2.gif) no-repeat left top;
	color:#314584 ;
	padding: 0 0 2px 40px;
}

#contenu .style_catalogue_2col1, .style_catalogue_2col2 {
	float:left;
	width:300px;
	margin: 0 0 15px 0;
    padding:0;
}

#contenu .style_catalogue_2col2 {
	float:right;
}
#contenu .style_fiche_prod{
	font-family:"Trebuchet MS", Verdana, sans-serif;
	background: url(../images/bg_h2_bottom_catalogue.gif) no-repeat center bottom ;
	text-align: left;
	margin: 0 0 15px 0;
	padding:0;
}

#contenu .style_fiche_prod a{
	color:#cbc986;
}
#contenu .style_fiche_prod a:hover{
	color:#cbc986;
	text-decoration: none;
}
#contenu .style_fiche_prod img{
	margin: 0 10px 0 0;
    padding:0;
	float:left;
	display: block;
}
#contenu .style_fiche_prod table{
	font-size: 12px;
	color: #fff;
	padding: 0;
	text-align: left;
}
#contenu .style_fiche_prod tr{
}
#contenu .style_fiche_prod td{
	border-top: 1px solid #cbc986;
	padding: 10px 0 5px 10px;
}

#contenu .style_fiche_prod h2{
	background: url(../images/bg_h2_catalogue.gif) no-repeat center top;
	margin:0;
    padding:5px 0 5px 15px;
	color:#cbc986;
	font-size: 13px;
}
#contenu .style_fiche_prod p{
	margin:0 ;
    padding:5px 10px 5px 15px;
	color: #fff;
	height: 110px;
}

#contenu .style_fiche_prod .style_spacer{
	width:300px;
}
#contenu a.style_retour_accueil{
	background:url(../images/puce_accueil.gif) no-repeat left 3px;
	padding:0 15px 0 15px;
	margin: 0;
	border:0;
	float:right;
	color:#314584;
	text-decoration:underline;
}
#contenu .style_panier{
	background: url(../images/bg_h2_panier.gif) no-repeat center top;
	margin:0;
	padding:10px 0 0 0;
	width:618px;
}

#contenu .style_panier table{
	font-family:"Trebuchet MS", Verdana, sans-serif;
	margin:0;
    padding:0;
	border:0;
	font-size: 12px;
	color: #fff;
	text-align:center;
	width:620px;
}
#contenu .style_panier th{
	font-weight: normal;
	height: 35px;
	margin:0;
    padding:0;
}
html>body #contenu .style_panier th{
    padding:0 0 15px 0 ;
	height: 20px;
}
#contenu .style_panier td{
	border-top:#CBC986 1px solid ;
	background-color:#314584;
	margin:0 ;
    padding:15px ;
}
#contenu .style_panier input{
	font-size: 11px;
}
#contenu .style_panier input.qte{
	width:50px;
	text-align: center;
	margin:25px 0 10px 0;
}
#contenu .style_panier input.supprimer{
	margin:0;
	padding: 0;
	width: 54px;
}
#contenu .style_panier legend, fieldset{
	color: #fff;
	text-align: center;
	font-size: 12px;
}
#contenu .style_panier fieldset.left{
	float: left;
	width: 170px;
	height: 210px;
	margin: 10px;
}
html>body #contenu .style_panier fieldset.left{
	width: 182px;
	margin: 6px;
	font-size: 12px;
	border: 1px solid #fff;
	-moz-border-radius: 8px; 
	-moz-box-sizing: border-box;
	border-radius: 1px;
}
#contenu .style_panier fieldset.left p{
	margin:0;
	padding:0;
	font-size: 9px;
}
html>body #contenu .style_panier fieldset.left p{
	margin:0 0 15px 0;
	padding:0;
	font-size:9px;
}

#contenu .style_panier tr.foot{
	background: url(../images/bg_h2_bottom_panier.gif) no-repeat center bottom;
	width: 620px;
	text-align: center;
	margin:0 ;
    padding:0 ;
}
#contenu .style_panier tr.foot td{
	width: auto;
}
#contenu .style_panier tr.foot a{
	color: #fff;
}
#contenu .style_panier tr.foot a:hover{
	text-decoration: none;
}
#contenu .style_img_slogan{
	margin:30px 20px 20px 120px;
	display:block;
	padding:0;
}
#contenu .style_actu{
	background: url(../images/actu.gif) no-repeat left top;
	border:#C16E24 4px solid ;
	width: 230px;
	height:280px;
	overflow-y: auto;
	padding:10px 10px 10px 30px;
	margin:0 20px 0 0;
	text-align: left;	
}
html>body #contenu .style_actu{
	margin:10px 20px 0 0;
	width: 200px;
	float:right;
	overflow: auto;
}
#contenu .style_actu a{
	color:#314584 ;
	text-align: left;
}
#contenu .style_actu a:hover{
	color:#314584 ;
	text-decoration: none;
}
#contenu .style_actu h3{
	color:#314584 ;
	font-size: 14px;
}

#contenu .style_col1{
	margin:0 20px 0 100px;
	float:left;
	display:block;
	padding:0;
	width: 580px;
	text-align: justify;
}
html>body #contenu .style_col1{
	margin:0 0 20px 0px;
	padding: 0 15px 0 0;
}

#contenu .style_col1 h2{
	font-size: 14px;
	background:url(../images/bg_h2.gif) no-repeat left top;
	color:#314584 ;
	padding: 0 0 2px 40px;
}
#contenu .style_col1 h3{
	font-size: 14px;
	color:#314584 ;
	text-decoration: underline;
	padding: 0 0 2px 40px;
}
#contenu .style_col1 p{
	padding: 0 0 0 40px;
}
#contenu .style_col1 .img_right{
	float:right;
	margin: 0 0 15px 20px;
}
#contenu .style_col1 .img_left{
	float:left;
	margin: 0 20px 10px 0;
}
#contenu .style_col1 a{
	color: #314584 ;
	text-decoration: underline;
}
#contenu .style_col1 a:hover{
	color: #314584 ;
	text-decoration: none;
}

#contenu .style_col1 li{
	background: url(../images/bg_li_col1.gif) no-repeat left 2px;
	padding: 0 0 0 12px;
}
#contenu .style_col1 ul{
	list-style-image: none;
	list-style-type: none;
}
#contenu .style_col1 b.style_bleu{
	color: #314584 ;
}
#contenu .style_col1 input, textarea{
	background-color:#CBC986 ;
	width: 100%;
	text-align: left;
}
#contenu .style_col1 input.checkbox{
	width:auto;
}
#contenu .style_col1 input.envoyer{
	font-size:11px;
	text-align: center;
	width:auto;
	margin-top: 10px;
}
#contenu .style_col1 fieldset, legend{
	color: #314584 ;
	text-align: left;
	margin-top: 10px;
	font-size: 11px;
}
#contenu .style_col1 legend.blanc{
	color: #fff;
}

#contenu .style_col1 ul.style_societe li{
	background: url(../images/bg_li_col1.gif) no-repeat left 13px;
	padding: 10px 0 0 12px;
}
.style_spacer{
	width:100%;
	clear:both;
}
.window_panier{
	background: url(../images/bg_window_panier.gif) no-repeat center top;
	padding: 12px 15px 15px 22px;
	margin : 7px 0 0 0;
	color: #CBC986;
	height:120px;
	text-align: left;
	font-weight: bold;
}
.window_panier input{
	font-size: 11px;
	margin: 10px 0 0 0;
	width: 150px;
}
#foot{
	background: url(../images/foot.gif) no-repeat center bottom;
	width:785px;
	height: 56px;
	margin:-45px 0 0 0;
}
html>body #foot{
	margin:-20px 0 0 0;
	height: 62px;

}

#foot marquee{
	color: #CBC986;
	font-size: 12px;
	font-family:"Georgia",Verdana,Trebuchet MS , sans-serif;
	padding-top: 33px;
 }
html>body #foot marquee{
	padding-top: 40px;
	height: 30px;
}
#style_abyss{
	width:785px;
	color: #314584 ;
	margin:-20px 0 0 0;
}
#style_abyss a{
	color: #314584 ;
}
#style_abyss a:hover{
	text-decoration: none;
}