/*////////////////
 ///// Règles /////
////////////////*/

/* Convention de nommage : camelCase + conteneurTypeLibellé */
/* Hiérarchisation :
   1. Le positionnement => display – visibility – position – top/right/bottom/left – z-index – float – clear
   2. Les marges et bordures => margin – padding – border
   3. Les dimensions => width – height – min-width/max-width – min-height/max-height
   4. Les propriétés de texte => font – line-height – text-align – text-indent – text-decoration – text-transform – letter-spacing – word-spacing – color
   5. L'arrière-plan => background */


  /*//////////////////
 ///// Couleurs /////
//////////////////*/

/* Couleur de fond: #f8edf5 */
/* Couleur texte menu: #968d8e */


  /*/////////////////
 ///// Imports /////
/////////////////*/

@import url(typos.css);
@import url(pngfix.css);
@import url(img.css);
@import url(forms.css);
/*@import url(menu.css);
@import url(tabs.css);*/


  /*//////////////////////////
 ///// CLASSES GLOBALES /////
//////////////////////////*/

HTML {
	margin:0;
	padding:0;
	height:100%;
}

BODY {
	margin:0;
	padding:0;
	height:100%;
	/background-color:#f5e4ee;
	color:#968d8e;
	font-family:"trebuchet MS";
	font-size:12px;
	line-height:15px;
	/*overflow:hidden;*/
}

#bodySkin {
	width:100%;
	height:100%;
}

#bodySkinTop {
	width:100%;
	height:100%;
	background-image:url(../img/fond_haut.gif);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#f5e4ee;
}

#bodySkinBottom {
	width:100%;
	height:100%;
	background-image:url(../img/fond_bas.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}

#bodySkinLeft {
	width:100%;
	height:100%;
	background-image:url(../img/fond_gauche.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#bodySkinRight {
	width:100%;
	height:100%;
	background-image:url(../img/fond_droite.gif);
	background-position:top right;
	background-repeat:no-repeat;
}


  /*/////////////////
 ///// HEADER //////
/////////////////*/

#header {
	width:955px;
	height:48px;
	position:relative;
	z-index:1;
}

#logo {
	height:45px;
	width:156px;
	float:left;
	margin-right:20px;
}

#menu {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	margin-top:28px;
}

#menu .fleche{
	background-image:url(../img/fleche_menu.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:10px;
	height:11px;
	font-size:1px;
	line-height:11px;
	margin-left:5px;
	margin-top:1px;
}

#menu .fleche.active{
	background-position:bottom;
}

#menu .first {
	float:left;
	margin-left:0;
}

#menu li {
	float:left;
	margin-left:15px;
}


#clientConnecte {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#A38597;
	right:0px;
	top:15px;
}



#blocPanier {
	position:absolute;
	right:0px;
	top:-2px;
}

#panier {
	background-image:url(../img/panier.png);
	width:145px;
	height:43px;
	position:absolute;
	right:0px;
	z-index:10;
	cursor:pointer;
}

#panier .articlesPanier {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a38597;
	margin-top:32px;
	margin-left:1px;
}

#panierPopUp {
	position:absolute;
	width:330px;
	right:-1px;
	/*top:20px;*/
	z-index:5;
}

.contenuPopUp {
	width:330px;
	z-index:5;
}

.contenuPopUp .popUpHaut {
	background-image:url(../img/pop_up_haut.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width:330px;
	height:34px;
}

.contenuPopUp .popUpBas {
	background-image:url(../img/pop_up_bas.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width:330px;
}

.contenuPopUp .col1 {
	border-left:solid 1px #f2f2f2;
	border-right:solid 1px #f2f2f2;
	background-color:#FFFFFF;
}

.contenuPopUp .titrePopUp {
	font-size:10px;
	color:#333333;
	padding-left:10px;
	padding-top:8px;
}

.contenuPopUp .popUpTitrePrix {
	margin-left:10px;
	margin-right:15px;
	padding-bottom:25px;
	border-bottom:solid 1px #f5f3f2;
}

.contenuPopUp .popUpPrixTotal {
	margin-left:10px;
	margin-right:15px;
	margin-bottom:10px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:11px;
	border-top:solid 1px #edeae8;
	border-bottom:solid 1px #edeae8;
	background-color:#f8f2f6;
	font-size:10px;
	color:#4d4d4d;
	height:15px;
}

.popUpPrixTotal #nbArticlesPanierTop {
	float:left;
}

.popUpPrixTotal #totalPanierTop {
	float:right;
	font-weight:bold;
}

.popUpTitrePrix h1 {
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#a38597;
	float:left;
}

.popUpTitrePrix .prix {
	float:right;
	font-size:11px;
	color:#808080;
}

.contenuPopUp .popUpCaracProduit {
	font-size:10px;
	color:#808080;
	padding-left:10px;
}

.contenuPopUp .btPopUpContinuer {
	font-size:11px;
	font-weight:bold;
	color:#412f2f;
	cursor:pointer;
	float:left;
	padding-left:10px;
}

.contenuPopUp .btPopUpValider {
	float:right;
	margin-right:15px;
}


 /*//////////////////
 ///// CONTENU /////
/////////////////*/

#contenu {
	width:955px;
	height:445px;
	border:solid 1px #ead5e1;
	position:relative;
	background-color:#ffffff;
}


 /*/////////////////
 ///// FOOTER /////
////////////////*/

#footer {
	width:955px;
	font-size:10px;
	color:#a38597;
	margin-top:8px;
}

#footerGauche {
	float:left;
	padding-left:2px;
}

#footerCentre {
	float:left;
	margin-left:40px;
}


#footerDroite {
	float:right;
}

#conteneuFooter {
	width:935px;
	margin-left:20px;
}

#contenuLienFooter {
	overflow-y:auto;
	height:375px;
	width:98%;
	padding-right:10px;
}

#personnageContact{
position: absolute;
right:15px;
top:12px;
}

#promoGenerale {
/*background-image:url(../../front/img/bg_promoGenerale.gif);*/
height:31px;
width:957px;
}