/*------------------------------- 	DEFINITION DES TEXTES	--------------------------*/
body		{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1em;
	color: #492A12;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
}

h1{
	font-size: 1.2em;
	color: #F75C06;
	margin: 0 0 20px 0;
	padding: 0;
}

h2{
	font-size: 0.8em;
	color: #492A12;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h3{
	margin: 0;
	padding: 0;
	color: #492A12;
	font-size: 0.8em;
	font-weight: normal;
	text-align: justify;
}


.txtcontenu	{  
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

img	{
	margin: 0;
	padding: 0;
	border: 0px solid #fff;
}

A.liensinternes		{
	font-size: 13px;
	margin: 0;
	padding: 0;
	color: #785E4D;
	text-decoration: underline;
}
A.liensinternes:hover	{
	color: #F75C06;
} 

/*------------------------------- 	DEFINITION DES BLOCS	--------------------------*/
div#conteneur	{
	margin: 0 auto;
	padding: 0;
	width: 960px;	
	text-align: left;
	background: #fff url('../../fr/images/communs/fond-conteneur.gif') repeat;
}
div#popup	{
	float: left;
	margin: 0;
	padding: 0;
	width: 810px;	
}

/*-------------------------------	HAUT DE PAGE		--------------------------*/
div#header	{
	width: 936px;
	height: 187px;
	margin: 0;
	background: #C4AB97 url('../../fr/images/communs/logo.jpg') no-repeat left top;	
}
div#header img	{
	padding: 0;
	margin: 0;
}

/*-------------------------------	MENU DE GAUCHE		--------------------------*/
div#gauche	{
	float: left;
	height: 200px;
	width: 190px;   
}

/*-------------------------------		CENTRE		--------------------------*/
div#centre {
	width: 746px;
	margin-left: 190px;	
	padding-bottom: 40px;
}
/*-------------------------------		MENU HAUT	--------------------------*/
div#haut {
	width: 100%;
	height: 40px;					
}

div#menupage {
	width: 726px;
	height: 28px;
	margin: 10px;
	border : 1px solid #C5C4BF;
}
.menupage {
	float:left;					
	height: 20px;
	margin-top: 4px;
	border-right : 1px solid #C5C4BF;

}
.menupage p{
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin: 0;
	padding: 0;

}
.menupage a{
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: #785E4D;
}
.menupage a:hover{
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: underline;
	color: #38415E;
	cursor: pointer;

}				
div#imgpanier{
	position: expression('absolute');
	float: right;
	margin-top: -8px;
}				

/*------------------------------- 		NAVIGATION	--------------------------*/
div#navigation {
	width: 100%;
	margin: 0;
	padding-left: 10px;	
}

div#navigation a{
	font-size: 0.88em;
	text-decoration: none;
	color: #38415E;
}

div#navigation a:hover{
	font-size: 0.88em;
	text-decoration: underline;
	color: #38415E;
}

/*------------------------------- 		MENU CLIENT	--------------------------*/
div#menuclient	{
	float:right;
	width: 50%;
	padding: 0;
	margin-top: 5px; background: #fff
}

div#menuclient ul{
	position: relative;
	margin: 0 0 0 5px;
	padding: 0;
	list-style:none; 
}

div#menuclient li{
 	float:left;
	margin-left: 12px;
	padding-left : 8px;	
    	height: 17px;
    	line-height: 17px;
	font-size: 0.6em;
    	background: url('../../fr/images/index/puce.gif') no-repeat left top;
}


div#menuclient li a{
	font-size: 1.1em;
	text-decoration: none;
	color: #38415E;
}

div#menuclient li a:hover{
	font-size: 1.1em;
	text-decoration: underline;
	color: #38415E;
}

div#menuclient li #active {
	font-size: 1.1em;
	color: #F75C06;
}

/*------------------------------- 		CONTENU		--------------------------*/
div#contenu {
	width: 100%;
	height: 660px;	
	margin-top: 10px;
	padding-left: 10px;
	text-align: left;	
}
/*------------------------------- 		PROCESSUS ACHAT		----------*/
#processus_centre{
	float:left;
	width: 100%;
	height: 29px;
	padding: 0;
	margin-bottom: 10px;
	text-align: center;
}

/*------------------------------- 		PIED DE PAGE	--------------------------*/
div#footer {
	margin: 0;
	padding-top: 5px;
	height: 31px;
	width: 960px;
	background-color: #fff;
	border-top : 1px solid #000;
	text-align: center;
}
div#footer a{
	color: #785E4D;
	text-decoration: underline;
	font-size: 1.0em;

}

div#footer a:hover	{
	color: #F75C06;
} 

/*------------------------------- 	DEFINITION DU MENU GAUCHE	--------------------------*/
.famille {
	float:left;	
	width: 190px;
	border-bottom: 1px solid #96B917;
	background: #D7ED67 url('../../fr/images/communs/fond-famille.gif') no-repeat left top;
}
.famille#current {
	background: #D7ED67 url('../../fr/images/communs/fond-famille-encours.gif') no-repeat left top;
}
.famille ul {
	list-style: none; 
	margin: 0;
	padding-left: 18px;	
}
.famille li {
    	float:left;
	height: 26px;
	line-height: 26px;
}
.famille a{
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: #427E02;
}
.famille a:hover {
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: #38415E;
}

.menugauche {
	float:left;
	width: 190px;
	background: #DFF1A5;
}

.menugauche ul {
	list-style: none; 
	margin: 0;
	padding-left: 25px;	
}
.menugauche li {
	height: 20px;
	line-height: 20px;
}

.menugauche ul ul{
	list-style: none; 
	margin: 0;
	padding-left: 10px;
}

.menugauche a {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #427E02;
}
.menugauche a:hover {
	font-size: 1em;
	font-weight: bold;
	text-decoration: underline;
	color: #38415E;
}

.menugauche a.current {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #38415E;
}
/*--------------------------- 	ACCUEIL VENTE FLASH	--------------------------*/
div#venteflash {
	float: left;
	margin-bottom: 15px;	
	padding: 5px;
	border: 1px solid #C5C4BF;
}
div#venteflash div#vfhaut{
	float: left;
	margin:0 0 10px 0;
	padding: 0;
}
/*--------------------------------------------------------------*/
div#venteflash div#titre{
	float: left;
}
div#venteflash div#titre p{
	font-size: 1.4em;
	color: #F75C06;
	margin: 0px;	
	padding: 0px;
	font-weight: bold;
}
/*-------------------------------*/
div#comptearebours{
	float: right;
}
div#comptearebours p{
	text-align: center;
	margin: 0px;	
	padding: 0px;
	font-size: 0.7em;
}
div#comptearebours div#delai p{
	font-size: 0.8em;
	font-weight: bold;
}
/*-------------------------------*/
div#venteflash div#libelle {
	float: left;
	text-align: left;
	width: 100%;
	padding-left: 10px;
}
div#venteflash div#libelle p{
	margin: 0px;	
	padding: 0px;
}
div#venteflash div#libelle a{
	text-decoration: none;
	font-size: 0.8em;	
	color: #492A12;
	font-weight: bold;
}
div#venteflash div#titre a:hover{
	color: #F75C06;
}
/*--------------------------------------------------------------*/
div#venteflash div#vfgauche{
	float: left;
	width: 100px;
	margin: 0;
	text-align:center;
}
div#venteflash div#vfgauche p{
	margin: 0;
	padding: 0;
	font-size: 0.7em;
}
div#venteflash div#vfgauche .prixproduit{
	height: 22px;
 	line-height: 22px;
	margin: 0;
  	padding: 0;
	color: #F75C06;
	font-weight: bold;
}
div#venteflash div#vfgauche #prixproduitancien{
	margin: 0;
	padding: 0;
	color: #38415E;
	text-decoration: line-through;
	font-weight: bold;
}
div#venteflash div#vfgauche p#condition{
	margin-top: 8px;
	font-weight: bold;
}
div#venteflash div#vfgauche p#livraison{
	margin-top: 8px;
	color: #F75C06;
	text-align:center;
	font-weight:bold;
}
/*--------------------------------------------------------------*/
div#venteflash div#vfcentre{
	float: left;
	width: 120px;
	margin: 0;
  	padding: 0;
	text-align:center;
}
div#venteflash div#vfcentre p{
	margin: 0;
  	padding: 0;
}
/*--------------------------------------------------------------*/
div#venteflash div#vfdroite{
	float: left;
	width: 90px;
	margin: 0;
	padding: 0 0 0 10px;
}
div#venteflash div#vfdroite p{
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	text-align: justify;
}
div#venteflash div#vfdroite p#reduction{
	margin-bottom: 5px;
	padding-top: 8px;
	padding-left: 16px;
	height: 40px;
	font-size: 1.0em;
	font-weight:bold;
	color: #F75C06;
	background: #fff url('../../fr/images/index/fond_reduction.gif') no-repeat;
}
div#venteflash div#vfdroite p#finition{
	padding-top: 8px;
	font-size: 0.7em;
	font-weight:bold;
	text-align:center;
}
/*--------------------------------------------------------------*/
div#venteflash div#vfbas{
	float: left;
	width: 100%;
}
div#venteflash div#vfbas p{
	margin:0;
	padding:0;
	text-align: right;
}
div#venteflash div#vfbas p#commander input{
	background: #F75C06;
	font-weight: bold;
	color: #fff;
	font-size: 0.7em;
	margin:0;
	padding:2px 10px;					
	letter-spacing : 0.1em;
	border: 1px solid #fff;
	cursor: pointer;
}
div#venteflash div#vfbas p#commander input:hover{
	cursor: hand;
}
/*------------------------------- 	ACCUEIL EDITO	--------------------------*/
div#edito	{
	height: 160px;
	margin-top: 0px;
	padding: 5px;
	text-align: left;
	border: 1px solid #C5C4BF;
}

div#edito h1	{
	font-size: 0.9em;
	font-weight: normal;	
	width: 150px;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding-left: 5px;
	color: #fff;
	background: #BE130A
}
div#edito h2	{
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}
div#edito h3	{
	font-size: 0.7em;
	color: #492A12;
	margin: 0;
	padding: 0;
}
div#edito img	{
	float: right;
	margin: 0;
	padding: 0;
}
div#edito .txtedito	{
	float: left;
	width: 190px;
	margin-top: 10px;
	padding-left: 4px;
}
div#edito .txtedito a{
	text-decoration: none;
	color: #785E4D;
}
div#nouveaute .txtedito a:hover{
	color: #F75C06;
}
/*------------------------------- 	ACCUEIL NOUVEAUTE	--------------------------*/
div#nouveaute	{
	font-size: 0.9em;
	height: 140px;
	margin-top: 15px;
	padding-top: 40px;
	text-align: left;
	border: 1px solid #C5C4BF;
	background: #fff url('../../fr/images/index/nouveaute.jpg') no-repeat left top;
}

div#nouveaute .produit	{
	float: left;
	width: 100%;
 	padding: 0;
 	margin: 0;
}
div#nouveaute .photoproduit	{
	float: left;
	width: 96px;
	height: 96px;
	padding: 0 0 6px 6px;
	margin: 0;
	border: 0px solid #C7C3C0;

}
div#nouveaute .photoproduit img	{
	margin: 0;				
	padding: 0;
}
div#nouveaute .txtproduit{
	float: right;
	width: 210px;
	margin-right: 10px;
	padding: 0;
	text-align: left;
}
div#nouveaute .txtproduit a{
	text-decoration: none;
	color: #785E4D;
}
div#nouveaute .txtproduit a:hover{
	color: #F75C06;
}
div#nouveaute h1	{
	font-size: 1em;
	margin: 0;
	padding: 0;
}
div#nouveaute h3	{
	font-size: 0.8em;
	color: #492A12;
	margin: 0;
	padding: 0;
}


/*------------------------------- 	CHAMPS DU FORMULAIRE	-------------------*/
form .focus {
	background: #F3EFEC;
}

form .normal {
	background: white;
}
form .erreur {
	background: #FFEEEE;
}

/*------------------------------- 	ACCUEIL CLIENT	--------------------------*/
div#horaires	{
	padding: 5px;
	margin-bottom: 15px;
	border: 1px solid #C5C4BF;
	font-size: 0.7em;
	text-align: left;
	background: #C4AB97;
	color: #fff;
}

div#sansfrais	{
	height: 85px;
	padding: 0;
	margin-bottom: 15px;
	border: 1px solid #C5C4BF;
}
div#sansfrais P	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #F75C06;
	margin: 10px 0 5px 0;
	padding: 0;					background: #fff
}
div#sansfrais a	{
	font-size: 0.7em;
	color: #999;
}



div#accesclient	{
	height: 155px;
	margin-bottom: 15px;
	border-left: 1px solid #C5C4BF;
	border-right: 1px solid #C5C4BF;
	border-bottom: 1px solid #C5C4BF;
}
div#accesclient h1	{
	font-size: 0.7em;
	font-weight: normal;	
	width: 156px;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #C4AB97;
}

div#accesclient form{
	width: 100%;
	height: 90px;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: right;
}

div#accesclient form p{
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	background: #fff url('../../fr/images/index/cadena.gif') no-repeat left top;
	text-align: center;
}

div#accesclient #identification input{
	font-size: 1em;
    	width: 150px;
    	height: 15px;
	padding: 0px;
	margin: 0px;
}
div#accesclient #identification input#valideridentification{
	width: 57px;
    	height: 17px;
	margin: 5px 10px 0 0;
	padding: 0;
	font-size: 0.6em;
	border: 0px solid #fff;
	background: #fff url('../../fr/images/index/bouton.gif') no-repeat left top;
}

div#accesclient #compte{
	padding: 0;
	marginp: 0;
	text-align: left;
}

div#accesclient #compte ul{
	position: relative;
	margin: 0 0 0 5px;
	padding: 0;
	list-style:none; 
}

div#accesclient #compte li{
 	position: relative;
	margin: 0;
	padding-left : 10px;
    	height: 17px;
    	line-height: 17px;
	font-size: 0.6em;
    	background: url('../../fr/images/index/puce.gif') no-repeat left top;
}


div#accesclient #compte li a{
	font-size: 1.1em;
	text-decoration: none;
	color: #38415E;
}

div#accesclient #compte li a:hover{
	font-size: 1.1em;
	text-decoration: underline;
	color: #38415E;
}

/*------------------------------- 	ACCUEIL PROFESSIONNEL	--------------------------*/
div#accesprofessionnel	{
	height: 100px;
	margin-bottom: 15px;
	border-left: 1px solid #C5C4BF;
	border-right: 1px solid #C5C4BF;
	border-bottom: 1px solid #C5C4BF;
}
div#accesprofessionnel h1	{
	font-size: 0.7em;
	font-weight: normal;	
	width: 156px;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #C4AB97;
}

div#accesprofessionnel form{
	width: 100%;
	height: 90px;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: right;
}

div#accesprofessionnel form p{
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	background: #fff url('../../fr/images/index/cadena.gif') no-repeat left top;
	text-align: center;
}

div#accesprofessionnel #identification input{
	font-size: 1em;
    	width: 150px;
    	height: 15px;
	padding: 0px;
	margin: 0px;
}
div#accesprofessionnel #identification input#valideridentification{
	width: 57px;
    	height: 17px;
	margin: 5px 10px 0 0;
	padding: 0;
	font-size: 0.6em;
	border: 0px solid #fff;
	background: #fff url('../../fr/images/index/bouton.gif') no-repeat left top;
}

div#accesprofessionnel #compte{
	padding: 0;
	marginp: 0;
	text-align: left;
}

div#accesprofessionnel #compte ul{
	position: relative;
	margin: 0 0 0 5px;
	padding: 0;
	list-style:none; 
}

div#accesprofessionnel #compte li{
 	position: relative;
	margin: 0;
	padding-left : 10px;
    	height: 17px;
    	line-height: 17px;
	font-size: 0.6em;
    	background: url('../../fr/images/index/puce.gif') no-repeat left top;
}


div#accesprofessionnel #compte li a{
	font-size: 1.1em;
	text-decoration: none;
	color: #38415E;
}

div#accesprofessionnel #compte li a:hover{
	font-size: 1.1em;
	text-decoration: underline;
	color: #38415E;
}

/*------------------------------- 	ACCUEIL TOP VENTE	--------------------------*/
div#topvente	{
	float: right;
	width: 164px;
	height: 167px;
	margin-bottom: 15px;
	text-align: left;
	border: 1px solid #C5C4BF;
}
div#topvente h1	{
	font-size: 0.7em;
	font-weight: normal;	
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding-left: 5px;
	color: #fff;
	background: #F85C07;
}


div#topvente .produit	{
	float: left;
	width: 100%;
 	padding: 0;
 	margin-top: 10px;
}
div#topvente .photoproduit	{
	float: left;
	width: 45px;
	padding: 5px 0 0 5px;
	margin: 0;
	border: 0px solid #C7C3C0;

}
div#topvente .photoproduit img	{
	margin: 0;				
	padding: 0;
}
div#topvente .txtproduit{
	float: right;
	width: 105px;
	margin: 5px 5px 0 0;
	padding: 0;
	text-align: left;
}
div#topvente .txtproduit a{
	text-decoration: none;
}

/*------------------------------- 	ACCUEIL ASSISTANCE	--------------------------*/
div#assistance	{
	height: 60px;
	text-align: left;
	border: 1px solid #C5C4BF;
}
div#assistance h1	{
	font-size: 0.7em;
	font-weight: normal;	
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding-left: 5px;
	color: #fff;
	background: #F85C07;

}
div#assistance h2	{
	width: 130px;
	height: 20px;
	font-size: 0.6em;
	line-height: 20px;
	margin: 10px 0 0 3px;
	padding-left: 10px;
	background: #fff url('../../fr/images/communs/onglet_petit.gif') no-repeat left top;
}
div#assistance img	{
	position: absolute;
	margin-left: 132px;
	margin-top: 4px;
}