/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */
@import "produit.css"; /*page fiche exemple produits */
@import "styles.css"; 

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
	height:100%;/*---obligatoire pour le footer---*/
}

body{
	font-size:62.5%;
	background:#FFFFFF url(../images/charte/bg.gif) top repeat-x;
	font-family: "Lucida Grande", "Tahoma", "Helvetica", "Arial", sans-serif;

}
/*************** GENERAL *****************/

#center{
	width:700px;
	margin:0px auto 0px auto;
}

.left{
	float:left;
}

.right{
	float:right;
}
	
.mid{
	margin:10px;
}	

.vr{
	height:15px;
	width:1px;
	border-left:1px solid #999999;
	margin:0px 5px 0px 5px;
}

input{
	border:1px solid #003366;
	margin:0px 10px 0px 2px;
	color:#003366;
	font-size:1em;	
}
a img {
border:none;
}
/*****************couleurs menu ************/
.blanc{
	color:#FFFFFF;
}

.rose{
	color:#FF3399;
}

.vert{
	color:#99CC33;
}
/**************** **************************/
#container{
	position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:100%;
}

#header{
	width:950px;
	margin:0px auto;
	height:137px;
	background:#FFFFFF url(../images/charte/header.jpg) no-repeat center;
	
}
#logo{
	margin:0px 0px -120px 20px;
}

#quick{
	margin:0px 50px 0px 0px!important;
	margin:10px 50px 0px 0px;
	width:200px;
	height:130px;
	float:right;
	color:#99CC33;
	font-size:1.2em;
	text-align:right;	
}
#quick input{
	border:1px solid #99CC33;
	background-color:transparent;
	
}
#quickDeco{
	margin:-25px 0px 0px 170px!important;
	margin:-18px 0px 0px 170px;
}
#pro{
	float:right;
	height:85px;
	width:130px;
	padding:5px;
	margin:-15px 10px 0px 0px;
	border-right:1px dotted #003366;
	text-align:left;
}
#pro input{
	margin:2px 0;
	background:transparent;
	color: #0066CC;

}
#pro a{
	color:#99CC33;
	text-decoration:none;
}

#pro a:hover{
	color:#99CC33;
}
#pro p{
	margin-top:5px;
	font-weight:bold;
	font-size:12px;
}

#panier_charte{
	float:right;
	margin:-10px 0px 0px 0px;
	height:50px;
	width:80px;
}
#panier_charte p{
	color:#0066CC;
	width:50px;
	margin:10px 0px 0px 0px;
}
#panier_charte a{
	color: #FF3399;
	text-decoration:none;
}
#panier_charte input{
	margin:15px 0px 0px 0px;
	background:transparent;
	
}
#rechercher{
	font-size:1.4em;
	color:#FFFFFF;
	float:right;
}
#picture{
	float:right;
	margin:0px 0px 0px 100px;
}
/***************** CONTAINER DU CONTENU *****************/


#contenu {
	position:relative;
	width:100%;
	padding-bottom:53px;
	display:table;
	color:#D4D4D4;
}

/*****************  menu ********/

#menu{
	height:42px;
	width:100%;
	background:url(../images/charte/menu.gif) repeat-x;
	padding:10px 0px;
}
.picto{vertical-align:middle;
	
}

#links{
	width:965px;
	margin:0 auto;
}
#links a:hover{
	text-decoration:underline;
}

/***************** MENU V *****************/
#menuv {
width: 980px; /* précision pour Opera */
margin:0 auto;

}
dl, dt, dd {
margin: 0;
padding: 0;
}
#menuv ul{
position:absolute;
width:120px;
border:1px solid #fff;
border-width:0 0px;
background: #65B8F4;
}
#menuv li {
margin: 0;
padding: 0;
list-style-type: none;
font:normal 1em/22px Arial, Helvetica, sans-serif;
text-align: center;
border-bottom:1px solid #65B8F4;
}
#menuv dl {
float:left;
width:100px;
}
#menuv dt {
cursor: pointer;
line-height:10px;
height:30px;
}
#menuv dl.grossesse {
float:left;
width:180px;
}
#menuv dd {
display: none;
}
#menuv li a {
color: #FFF;
text-decoration: none;
height: 100%;
display:block;
}
#menuv li a:hover{
color:#FFF;
background: #006699;
text-decoration:none;
}
#menuv dt a {
text-decoration: none;
display:block;
height:16px;
font:normal 1.4em/23px Arial, Helvetica, sans-serif;
text-align:center;
text-indent:2px;
color:#FFF;
background:none;
}
#menuv dt a:hover {
text-decoration:none;
color:#C70000;
background:none;
}
/***************** CONTENU TEXTUEL *****************/
#path{
	color:#003366;
	margin:0px 0px 0px 10px;
}
#path a{
	color:#0099FF;
	text-decoration:underline;
}
#path a:hover{
	color: #003366;
	text-decoration:none;

}
#promo{
	width:143px;
	height:500px;
	margin:20px 10px 0px 0px;
	padding-right:10px;
	background:url(../images/charte/rond1.gif) no-repeat;
	float:left;
	text-align:center;
}
#promo p{
	width:120px;
	margin:15px 0px 0px 0px;
	padding:0px 20px 0px 5px;
}
#promo img{
	margin:25px 0px 0px 0px;
}


#prix{
	margin:20px 0px 0px -20px;
}
#produits{
	margin-top:100px;
}
#pola{
	float:right;
	/*border:1px solid red;*/
	width:356px;
}	
#contenuTexte{
	/*float:right;	*/
	color:#0033CC;
	margin:20px 0 20px 10px;
}


#contenuTexte h1{
	margin:0px 0px 15px 0px;
	font-size:1.8em;
	/*text-align:left;*/
	color:#3399CC;
	/*border-bottom:1px dotted #3399CC;*/
}

#contenuTexte h2{
	margin:10px 0 5px 0;
	font-size:1.6em;
	text-align:left;
	color:#3399CC;
	background:url(../images/charte/add.gif) no-repeat left;
	text-indent:25px;
}

#contenuTexte h2.violet{
	color:#FF0066;
}

#contenuTexte h3{
	margin:50px 0px 0px 10px;
	font-size:1.4em;
	text-align:left;
	color: #FF6699;
}

#contenuTexte a{
	color: #CC3366;
}
#contenuTexte a:hover{
	color: #990033;
}

#contenuTexte p{
	padding-bottom:5px;
	font-size:1.2em;
	text-align:justify;
	color: #6699CC;
}

#contenuTexte p.couleur, .couleur{
	font-weight:bold;
	color: #336699;
}

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}
/*****en dessous du menu; mini promo*****/
#pub{
	float:left;
	width:159px;
	margin:20px 0px 0px 0px;
	color:#3399CC;
	border-top:1px solid #CCCCCC;
}

/***********produits*********/


#selection{
	width:400px;
	float:left;
	margin:0px 0px 10px 0px;

}

#news{
	width:310px;
	float:left;
	margin:0px 0px 10px 20px;

}

/***************** FOOTER *****************/
#footer{
	position: relative;/*---obligatoire pour le footer---*/
	margin: -53px auto 0 auto;/*---margin top = - hauteur du footer---*/
	width:100%;
	height:42px;
	border-top:1px dotted #99CC33;
	background:#FFFFFF;
	text-align:center;
	padding-top:10px;
	color: #0099CC;
	clear:both;
	
}


#footer a {
	text-decoration:none;
	color: #0099CC;
}
#footer a:hover {
text-decoration:underline;

}
#footer a.sousrubz{
	color: #fcf308;
	font-weight:normal;
}

#adresse {
	float:left;
	font-size:1em;
	margin:0px 0px 0px 30px;
	text-align:left;
}
#idep{
	float:right;
	font-size:1.2em;
	margin:0px 20px 0px 0px!important;
	margin:-15px 20px 0px 0px;
	
}
#cgv{
	float:left;
	font-size:1em;
	margin:0px 0px 0px 20px;
	color:#99CC33;
}
#cgv a {
	color:#99CC33;
}

#cgv a:hover {
	color: #669900;
}
#bank{
	float:left;
	margin:3px 0px 0px 20px;
	
}