/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CONTENU */
#contenu h1{
font:bold 2em Arial, Helvetica, sans-serif;
text-align:left;
color:#855b98;
margin-top:20px;
margin-bottom:4px;
}
#contenu h2{
font-size:1.4em;
line-height:normal;
text-align:left;
color:#D34A98;
padding:3px 0 3px 0px;
}

#contenu p{
font-size:11px;
line-height:normal;
text-align:justify;
color:#000;
line-height:18px;
margin-top:10px
}

#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color: #805594;
}
#contenu a:hover, #contenu a:active{
font-weight:bold;
text-decoration:underline;
color:#000;
}





#footerMenu p{
font:normal 1em Arial, Helvetica, sans-serif;
color: #bcd141;
text-align:center;
line-height:29px;
letter-spacing:1px;
}
#footerMenu a:link, #footerMenu a:visited{
text-decoration:none;
color: #bcd141;
}
#footerMenu a:hover, #footerMenu a:active{
text-decoration:underline;
color: #fff;
}
/* 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 #B292C4;
font-size:11px;	font-family: Arial, Helvetica, sans-serif;

}
#formContact input:focus,textarea:focus{
border-color:#B292C4;
font-size:11px;width:100%;background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
}
#formContact .champRequis{
color:#000	;
width:100%;
}
.formulaire{
float:left;
width:350px;
}

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

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

}

.champs-qte{
background-color:#fff;
font-size:11px;
border:1px solid #B292C4;
color:#000;
width: 60px;
font-family: Arial, Helvetica, sans-serif;

}

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

}

/**************divers-styles*****************/
.text-left{
float:left;
width:320px;
padding-right:9px;

padding-bottom:10px;
}
.text-left p{
font-family: Arial, Helvetica, sans-serif;

margin-top:10px;
margin-bottom:5px;


}
.text-right{
float:left;
width:310px;
border-left:1px solid #E5CFF0;
padding-left:10px;
}
.text-right p{
text-align:justify;
margin-bottom:7px;
margin-top:10px;
font-family: Arial, Helvetica, sans-serif;
}
.liste{
float:left;
width:300px;
margin-top:10px;
}
.liste ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:none;

}
 .liste 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 28px;
	border:none;
	font-weight:bold;
	margin-left:0px;
	

}
.couleure{
font-weight:bold;
color: #593278;
font-size:11px;}


/**************Styles de la page Index***********************/
#cadre{
width:179px;
background-image:url(../images/charte/bg-listing.jpg);
background-repeat:no-repeat;
padding:9px;
height:390px;
position:relative
}
#cadre img.mini{

width:148px;
height:148px;
border:1px dotted #BDA0CE

}

#contenu #cadre h2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:bold;
color:#000;
margin:0px 0 -2px 0;
width:90px;

}
#contenu #cadre h4{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
float:right;
text-decoration:line-through;
color:#A9A9A9;
margin:7px  0 -2px 0;
width:80px
}
#contenu #cadre .reference{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
text-align:center;
color:#fff;
border-bottom:0 none;
margin:0px 0;
height:35px

}
#contenu #cadre p{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.2em;
text-align:justify;
color: #666;




}

#contenu #cadre .produit{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
text-align:center;
color:#805594;
margin-bottom:5px;
border-bottom:0 none;
margin-top:5px;
width:auto;
max-height:30px;

}
#contenu #cadre .marque{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
text-align:center;
color:#666;
border-bottom:0 none;
width:auto;
height:25px;

}
#contenu #cadre .marque2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
text-align:center;
color:#666;
border-bottom:0 none;
width:auto;
height:45px;
margin-top:15px

}
.descriptif{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.2em;
text-align:justify;
color: #666;
height:20px;

}

/******************Page listing**************************/
.descriptif-listing{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.2em;
text-align:justify;
color: #666;
height:50px;
margin-bottom:7px;
}

.liste-deroulante{
border:1px solid #5E2F7C;
width:120px;
}
#container .pagination {
	padding-top:5px;
	float:left;	
	width:590px;
	text-align:center;
	}
	
	#container .pagination  p{
	float:left;	
	width:590px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	}
	
	
/***************Style de la page idée**********************/	
	.idee1{
	float:left;
	width:160px;
	height:115px;
	cursor:pointer;
	background-image:url(../images/charte/bg1.jpg);
	background-repeat:no-repeat;
	margin-right:15px;
	margin-left:100px;
	padding:55px 10px 10px 20px }
	#container .idee1 p{
	font-weight:bold;
color: #370C53;
text-align:center;
width:140px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif
}
.prix-cadeau{
font-size:20px;
color:#CC0099}
.idee2{
	float:left;
	width:160px;
	height:115px;
cursor:pointer;
	background-image:url(../images/charte/bg2.jpg);
	background-repeat:no-repeat;
	margin-right:15px;
	margin-left:0px;
	padding:55px 10px 10px 20px }
		#container .idee2 p{
	font-weight:bold;
color: #370C53;
text-align:center;
width:140px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif
}
.sous-idee{
width:149px;
background-image:url(../images/charte/bg-idee.jpg);
background-repeat:no-repeat;
padding:9px;
height:200px;
float:left;
margin-right:25px
}
.sous-idee img{
width:148px;
height:148px;
border:1px dotted #BDA0CE

}
#contenu .sous-idee .categorie{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
text-align:center;
color:#805594;
margin-bottom:5px;
border-bottom:0 none;
margin-top:5px;
width:auto;
max-height:30px;

}
/*************Page meilleures Ventes************************/
.meilleur{
float:left;
width:524px;
height:165px;
padding:7px 5px 5px 8px;
margin:10px 0 10px 45px;
background-image:url(../images/charte/bg-meilleur.jpg);
background-repeat:no-repeat}
.meilleur img{
float:left;
width:148px;
height:148px;
border:1px dotted #BDA0CE;
margin-right:7px}
.text-descriptif{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.2em;
text-align:justify;
color: #222;
width:355px;
height:68px;
margin-left:150px;
margin-top:5px;
}
#contenu .meilleur .ref{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
text-align:left;
color:#fff;
border-bottom:0 none;
margin-left:150px;
height:15px;
width:250px;
}
#contenu .meilleur .designe{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
text-align:left;
color:#E0C9EB;
border-bottom:0 none;
margin-left:150px;
height:15px;
width:250px;
}
#contenu .meilleur .mark{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
text-align:left;
color:#333;
border-bottom:0 none;
margin-left:150px;
height:15px;
width:250px;
}
#contenu .meilleur .prix{
font-family:Arial, Helvetica, sans-serif;
font-size:1.7em;
text-align:left;
color:#fff;
font-weight:bold;
border-bottom:0 none;
height:25px;
width:90px;
float:right;
margin-top:15px;

}
/****************Page fiche********************/
.fiche{
float:left;
width:660px;

}
.images{
float:left;
width:235px;
margin-right:5px;
}
.images img{
float:left;
border:1px dotted #BDA0CE;
margin-right:4px;
margin-top:5px;}
.fiche-descriptive{
float:right;
width:370px;
background-image:url(../images/charte/bg-fiche.jpg);
background-repeat:no-repeat;
padding:10px 30px 40px 10px}
.text-descriptif2{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.2em;
text-align:justify;
color: #000;
margin-top:7px;
width:350px}
#contenu .fiche-descriptive .ref2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
color:#fff;
border-bottom:0 none;
height:15px;
width:350px;
}
#contenu .fiche-descriptive .designe2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
text-align:left;
color:#E0C9EB;
border-bottom:0 none;
height:15px;
width:350px;
}
#contenu .fiche-descriptive .mark2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
text-align:left;
font-weight:bold;
color: #999999;
border-bottom:0 none;
height:15px;
width:350px;
}
#contenu .fiche-descriptive .prix2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.7em;
text-align:right;
color:#C91D81;
font-weight:bold;
border-bottom:0 none;
height:25px;
width:90px;
float:left;
margin-top:15px;

}
#contenu .fiche-descriptive .prix-promo{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
text-align:right;
color:#666;
text-decoration:line-through;
font-weight:bold;
border-bottom:0 none;
height:25px;
width:85px;
float:left;
margin-top:18px;

}
.taxe{

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
color:#000;
font-weight:bold;
border-bottom:0 none;
height:25px;
width:140px;
float:left;
margin-top:18px;

}
.quantite {
border:1px solid #BDA0CE;
color:#000000;
width:70px;
margin-right:7px}

.ajout-panier{
float:right;
width:165px;
height:30px;
background-image:url(../images/charte/panier.png);
background-repeat:no-repeat;
_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/panier.png', sizingMethod='image');

margin-top:25px;
margin-right:90px

}
.contacter{
float:left;
width:157px;
height:27px;
background-image:url(../images/charte/contact.png);
background-repeat:no-repeat;
_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/contact.png', sizingMethod='image');

margin-top:20px;
margin-left:20px
}
.ami{
float:left;
width:140px;
height:27px;
background-image:url(../images/charte/ami.png);
background-repeat:no-repeat;
_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/ami.png', sizingMethod='image');

margin-top:20px;

}
#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:#FFFFFF;
}

.produits-associes{
float:left;
margin-top:10px;
margin-bottom:10px;
width:630px;
}

.cadre-produit{
width:165px;
background-image:url(../images/charte/bg-ass.jpg);
background-repeat:no-repeat;
padding:9px;
height:240px;
float:left;
margin-right:25px;
text-align:center
}

.cadre-produit img{

width:148px;
height:148px;
border:1px dotted #BDA0CE

}

#contenu .cadre-produit h2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:bold;
text-align:center;
color:#000;
border-bottom:0 none;
margin:0px 0;
display:block;

}

#contenu .cadre-produit .reference{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
text-align:center;
color:#fff;
border-bottom:0 none;
margin:0px 0;
height:35px

}


.prix_generale {
float:left;
width:150px;
margin-left:7px;
margin-top:3px;

}

.prix_barre_produits{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#C91D81;
text-decoration:line-through;

}

.prix_fiche_produits{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#000;
font-weight:bold;
margin-left:5px;
}

.ht_produit{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
}
/******************Les pictos*********************/
.nouveau {
	width:88px;
	height:88px;
	position:absolute;
	background-image:url(../images/charte/new.png);
	background-repeat:no-repeat;
	top:-22px;
	left:-28px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png', sizingMethod='image');

}

.promo{
	width:59px;
	height:75px;
	position:absolute;
	background-image:url(../images/charte/promo.png);
	background-repeat:no-repeat;
	top:-10px;
	left:-15px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/promo.png', sizingMethod='image');

}
.coups {
	width:105px;
	height:83px;
	position:absolute;
	background-image:url(../images/charte/coup.png);
	background-repeat:no-repeat;
	top:-28px;
	left:-18px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/coup.png', sizingMethod='image');

}