/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{

font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
letter-spacing:1px;
margin:0 0 12px;
height:28px; 
padding:6px 2px 2px 2px;
border-bottom:1px solid #0aade1;
}
#contenu h1 span{
display:none;
}

.h1-qui {
background:url(../images/charte/h1-qui.jpg) no-repeat;}
#contenu .h1_culinaire {
background: url(../images/charte/h1-prepaculinaire.jpg) no-repeat;
border-bottom:1px solid #FFF;
margin:0;
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;cursor:pointer}
#contenu .h1_corps {
background: url(../images/charte/h1-soinscorps.jpg) no-repeat;
border-bottom:1px solid #FFF;
margin:0;cursor:pointer}
#contenu .h1_air {
background: url(../images/charte/h1-traitementair.jpg) no-repeat;
border-bottom:1px solid #FFF;
margin:0;cursor:pointer}
#contenu .h1_dejeuner {
background: url(../images/charte/h1-petitdej.jpg) no-repeat;
border-bottom:1px solid #FFF;
margin:0;cursor:pointer}
#contenu .h1_sol {
background: url(../images/charte/h1-sol.jpg) no-repeat;
border-bottom:1px solid #FFF;
margin:0;cursor:pointer}
#contenu .h1_linge {
background: url(../images/charte/h1-linge.jpg) no-repeat;
border-bottom:1px solid #FFF;
margin:0;
cursor:pointer}
#contenu .h1_maison {
background: url(../images/charte/h1-bien.jpg) no-repeat;
border-bottom:1px solid #FFF;
margin:0;cursor:pointer}
#contenu .h1_gros {
background: url(../images/charte/h1-cui.jpg) no-repeat;
border-bottom:1px solid #FFF;
margin:0;cursor:pointer}

#contenu h2{
font:bold 18px Arial, Helvetica, sans-serif;
color:#0BAEE2;
letter-spacing:1px;
margin:0 0 7px;
border-bottom:1px solid #0BAEE2;
}
#contenu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#000;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#03abe0;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color:#0BAEE2;
}
#contenu a:hover, #contenu a:active{
color:#0BAEE2;
text-decoration:underline;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:bold 12px/40px Arial, Helvetica, sans-serif;
color:#698dc3;
text-align:right;
text-transform:uppercase;
padding:0 60px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}
/**************divers-styles*****************/
.color{
font-weight:bold;
color: #43C920;
font-size:13px;}
.text-left{
float:left;
width:300px;
padding-right:7px;

padding-bottom:10px;
}
.text-left p{
font-family: Arial, Helvetica, sans-serif;
margin-top:10px;
}
.text-left  ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:none;margin-top:15px;

}
 .text-left  li{
	
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 10px 20px;
	border:none;
	font-weight:bold;
	margin-left:0px;
}
.text-right{
float:left;
width:340px;
border-left:1px solid #E9EAEA;
padding-left:7px;
}
.text-right p{
text-align:justify;
margin-top:10px;
font-family: Arial, Helvetica, sans-serif;
}
.text-right  ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:none;margin-top:15px;

}
 .text-right  li{
	
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 10px 20px;
	border:none;
	font-weight:bold;
	margin-left:0px;
}
/*******************Page d'accueil********************/
#container .nom-prod {
font:bold 11px Arial, Helvetica, sans-serif;
color:#000;
margin:0 10px 10px 10px;
height:28px
}
#container .nom-prod a {
font:bold 11px Arial, Helvetica, sans-serif;
color:#000;

}
#container .nom-prod a:hover{ 
font:bold 11px Arial, Helvetica, sans-serif;
color:#000;
text-decoration: underline

}

.prix_generale{
	float:left;
	width:130px;
	margin-left:10px;
	margin-top:0px;
	padding-top:-5px;	
}
.prix{
font:normal 15px Arial, Helvetica, sans-serif ;
text-decoration:line-through;
float:right; 
margin-top:6px;margin-bottom:5px;
text-align:right;
color:#05AAE0;
margin-bottom:0px;

}
.prix-promo{
font:bold 15px Arial, Helvetica, sans-serif;
float:left; 
margin-top:5px;
margin-bottom:5px;
padding-left:5px;
color:#036C8E;
}

#container .pagination {
	padding-top:5px;
	float:left;	
	width:660px;
	text-align:center;
	}
		#container .pagination  p{
	float:left;	
	width:660px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	}
	.liste-deroulante{
border:1px solid #999;
width:113px;	
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}


/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea,select{
background-color:#fff;
width:100%;
border:1px solid 0BAEE2;
font-size:11px;	font-family: Arial, Helvetica, sans-serif;

}
#formContact input:focus,textarea:focus{
border-color:0BAEE2;
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
}
#formContact .champRequis{
color:#000	;
width:100%;
}

.text-form{
font-size:11px;
color:#9d9e9f;
font-family: Arial, Helvetica, sans-serif;
}

.champs-form{
background-color:#fff;
font-size:11px;
border:1px solid #0BAEE2;
color:#000;width:100%;
font-family: Arial, Helvetica, sans-serif;

}
#formContact  .boutton-form{
color:#fff;
font-weight:bold;
border:none;
width:180px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
background-color:#0BAEE2;cursor:pointer}
.loi{
text-align:justify;
font-size:10px;
color:#000;
font-family: Arial, Helvetica, sans-serif;

}
.acces{
float:right; margin-top:20px}
/*******************Page offres********************/
.titre-offre{
float:left;
width:685px;
background-color:#A1A1A1;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold; margin-bottom:5px; 
padding:0 0 0 3px}
.photo-offre{
float:left;
margin-right:10px;
border:1px solid #A1A1A1;margin-bottom:15px; }
.photo-offre img{
margin:0;}

.photo-offre a img{
filter: alpha(opacity=100);
-moz-opacity: 1; opacity:1;}

.photo-offre a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;}

.informations{
float:left;
width:560px;
margin-bottom:10px}

legend{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#01AAE0;
margin-left:10px;
}
fieldset{
border:1px solid #A1A1A1;
padding:5px;margin-right:10px}

/*******************Page partenaires********************/
.partenaire{
float:left;
margin-bottom:10px; 
border-right:1px dotted #DEDEDE;border-bottom:1px dotted #DEDEDE;
padding:15px;
width:130px}
#container .partenaire p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#45C624;
margin-bottom:4px; text-align:center}
.partenaire img{
float:left;

border:1px solid #A1A1A1;margin-bottom:15px; }
.partenaire img{
margin:0;}

.partenaire a img{
filter: alpha(opacity=100);
-moz-opacity: 1; opacity:1;}

.partenaire a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;}

/******************page envoyer à un ami****************************/

#bloc-ami{
float:left;
width:570px;
margin-left:20px}
#bloc-ami p{
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#990000;
}
/******************page fiche***************/
.fiche{
float:left;
width:695px;

}
.images{
float:left;
width:235px;
margin-right:5px;

}
.images img{
float:left;
border:1px solid #ADADAD;
margin-right:4px;
margin-top:5px;}
.fiche-descriptive{
float:right;
width:420px;
background-image:url(../images/charte/bg-fiche.jpg);
background-repeat:no-repeat;
background-color:#F3F3F3;
padding:8px 7px 10px 5px;
margin-bottom:10px;
}
.text-descriptif2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
text-align:justify;
color: #000;
margin-top:7px;
width:420px}
#contenu .fiche-descriptive .ref2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:left;
color:#fff;
height:23px;
margin-bottom:5px;

width:212px;

}
#contenu .fiche-descriptive .designe2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
color:#44C920;
border-bottom:0 none;
height:15px;
width:420px;
}
#contenu .fiche-descriptive  .mark2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;
font-weight:bold;
color: #fff;
float:right;
height:23px;
margin-top:-28px;
width:212px;
}
.quantite {
border:1px solid #5AC2E5;
color:#000000;
width:80px;
margin-right:7px;

}

#container .prix2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
color:#44C920;
font-weight:bold;
height:25px;
width:90px;
float:left;
margin-top:15px;

}

#container .prix-promo2{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:center;
color:#01AAE0;
text-decoration:line-through;

border-bottom:0 none;
height:25px;
width:75px;
float:left;
margin-top:16px;

}
#container .taxe{

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;
color:#535353;
font-weight:bold;
border-bottom:0 none;
height:25px;
width:110px;
float:left;
margin-top:17px;

}
.ce{

font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
color:#000;
font-weight:bold;
border-bottom:0 none;
height:25px;
width:145px;
float:left;
margin-top:17px;

}
.ce_listing{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
color:#000;
font-weight:bold;
border-bottom:0 none;
width:145px;
float:left;
margin-top:-10px;
}
.produits-associes{
float:left;
width:680px;}

.produit2 {
width:150px;
margin:10px 10px 15px 10px;
background:url(../images/charte/bg-produits.jpg) bottom left no-repeat;
float:left;
height:220px;
}

.produit2 img{
margin:10px 11px;}

.produit2 a img{
filter: alpha(opacity=100);
-moz-opacity: 1; opacity:1;}

.produit2 a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;}

.info{
font:normal 12px Arial, Helvetica, sans-serif ;
text-decoration:normal;
float:right; width:62px;
margin-top:6px;margin-bottom:5px;
text-align:right
}
#contenu .h1_sol {
background: url(../images/charte/h1-sol.jpg) no-repeat;
border-bottom:1px solid #FFF;
margin:0;}
#container #contenu .produit2 p.p05 {
font:bold 11px Arial, Helvetica, sans-serif;
color:#5CB1A8;
margin:0 10px 5px 10px;
}
#contenu .produit .promo{
	width:71px;
	height:50px;
	position:absolute;
	background-image:url(../images/charte/promo.png);
	background-repeat:no-repeat;
	top:-10px;
	right:-20px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/promo.png', sizingMethod='image');

}
.qtit{
width:60px;
}
#container .message{
color:#990000;
margin-top:-18px;
margin-left:15px}

#container .message2{

font-size:12px;
font-weight:bold;
color:#990000;
width:200px;
margin-top:20px;
margin-left:150px;
}
#container .message3{
color:#990000;
margin-top:10px;
margin-left:15px
}
#container .message4{

font-size:12px;
font-weight:bold;
color:#990000;
width:200px;
margin-top:20px;
margin-left:-40px;
}

.coloris{
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#676565; 
font-weight:bold;
}
.opt{
font-weight:bold;
color:#FF0000;
font-size:16px;
margin-left:-60px;}

#contenu .tit_centre{
float:left;
width:650px;
text-align:center;
font-weight:bold;
margin-left:20px;
font-size:15px;
padding-top:10px;
color:#027499;
line-height:20px;
}

.remarque{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#35B712;
}


#contenu .couleur3{

color:#000;
font-size:13px;
text-align:center;
}

.couleur5{
color:#3ABF16;
}