/************************ BALISE HTML **********************************/
/***********************************************************************/

*{margin:0;padding:0}

BODY {
	background:#3C3C3C;
	FONT-WEIGHT: normal; FONT-FAMILY: "Arial";COLOR: #ffffff;text-align:center;
}

A{
COLOR: #ffffff;
text-decoration:none;
}

A:hover{
COLOR: #D17100;
text-decoration:none;
}


H1{
background:url(../images/fond-h1.gif) no-repeat;
padding:26px 0 0 5px;margin-left:5px;margin-right:5px;
font-size:1.2em;
height:53px;
}

H2{
font-size:0.9em;color:#D17100;
}

H3{
font-size:1.1em;padding-top:10px;padding-bottom:10px;color:#D17100;
}


/************************ TEMPLATES ************************************/
/***********************************************************************/

#Container {
	width:780px;
	/*height:600px;*/
	background:url(../images/fond.gif) repeat-y;
	/*position: absolute;
	left: 50%; 
	margin-left: -390px; */
margin-left:auto;margin-right:auto;
	border:1px #000000 solid;
text-align:justify;	
}

html>body #Container {
min-height:600px; height:auto; 
}

#text_footer{
position: absolute;
left: 50%; 
margin-left: -390px; 
padding:2px;
margin-top:10px;
width:780px;
border:1px #ffffff dashed;
font-size:11px;text-align:justify;
}

/*************************** MENU ECOMMERCE ******************************/


ul#menu_ecommerce{
padding-top:1px;
list-style:none;  
display:inline;
float:right;
margin-right:50px;
background:#3C3C3C;
height:20px;
}

#menu_ecommerce li{
  float:left;
  display:block;
  padding-left:20px;
  font-size:0.7em;
}

#menu_ecommerce a{
COLOR: #ffffff;
padding-left:20px;
}

#menu_ecommerce a:hover{
COLOR: #D17100;
}


#menu_ecommerce a.accueil{
background:url(../images/icon_accueil.gif) no-repeat center left;
}

#menu_ecommerce a.accueil:hover{
background:url(../images/icon_accueil_up.gif) no-repeat center left;
}

#menu_ecommerce a.panier{
background:url(../images/icon_chariot.gif) no-repeat center left;
}

#menu_ecommerce a.panier:hover{
background:url(../images/icon_chariot_up.gif) no-repeat center left;
}

#menu_ecommerce a.compte{
background:url(../images/icon_compte.gif) no-repeat center left;
}

#menu_ecommerce a.compte:hover{
background:url(../images/icon_compte_up.gif) no-repeat center left;
}

/*************************** BANDEAU ******************************/

#HautPage{
background:url(../images/ftcuir.jpg) no-repeat;
height:85px;
}

#Recherche{
width:250px;
position:absolute;
margin-left:570px;top:66px;
}

/************************* GAUCHE *********************************/

#GauchePage{
width:160px;float:left;
}


H3.produit{
background:url(../images/titre-collection.jpg) no-repeat;
width:160px;height:63px;padding:0;margin:0;
}

H3.produit span{
display:none;
}


#MenuFamille{
}

#MenuGauche{
background:url(../images/fond-menu-generique.jpg) no-repeat;
width:160px;height:162px;
}

#menu_generique{
/*margin-top:42px;*/
padding:40px 0px 0px 10px;
font-size:0.7em;
list-style:none;
}



#menu_generique li{
line-height:1.20em;
}

#menu_generique li a{
padding-left:10px;
}


/************************** CENTRE *************************************/

#CentrePage{
margin-left:9px;
float:left;
width:471px;
}

#contenu{
width:468px;height:500px;
padding:5px 4px 5px 5px;font-size:0.8em;

}

html>body #contenu {
min-height:500px; height:auto; width:460px;
}



/************************** DROITE *************************************/

#DroitePage{
width:134px;height:400px;float:right;
margin-left:4px;
}


#MiniChariot {
margin-top:10px;
background:url(../images/trait.gif) #000000 no-repeat bottom left;
min-height:10px;
}

* html #MiniChariot{
height:10px;
}

H3.commande {
height:11px;
background:url(../images/trait.gif) no-repeat;
}

H3.commande span{display:none}


#logoPaiement {
margin-top:10px;
background:url(../images/logo-cb.jpg) no-repeat left;
width:134px;height:102px;
}

#anim-droite{
	margin-top:10px;
}


#Contact{
margin-top:10px;
background:url(../images/contact.gif) no-repeat left;
width:134px;height:233px;
}

/*********************** BAS PAGE ********************************/
#BasPage{
clear:both;
background:url(../images/fond-page.gif) no-repeat bottom left;
height:31px;
}


H3.info_legale{display:none}

#BasPage #fleche_hautpage{float:left;margin-top:14px;margin-left:25px;border:0;}

#BasPage ul{margin-top:12px;margin-left:380px;float:left;}


* html #BasPage ul{
margin-left:190px;
}

#BasPage ul li{display:inline;}

#BasPage ul li a{padding-left:5px;font-size:0.6em;}



/************************ CONTENU ************************************/
/***********************************************************************/

.left{
float:left;
width:460px;
}

.remerciement{
margin-left:30%}

.spacer{
margin-top:5px;
clear:both;
height:10px;
background:#3C3C3C;
}


.correspondance_taille table{
border-top:1px #000000 solid;border-left:1px #000000 solid;margin:0;width:100%;
}

.correspondance_taille table td{
border-bottom:1px #000000 solid;border-right:1px #000000 solid;font-size:0.9em;padding:2;text-align:center
}

td.taille{color:#D17100;font-weight:bold}

p.center{
	text-align:center;
}
p.center a{
	font-weight:bold;
}





