/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
// Contient tous les CSS
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Général
// Structure
// Menu haut onglet
// Sous Menu haut
// Menu gauche/boutique
// Typo
// Liens
// Formulaire
// ul li
// Fil Ariane
// Processus commande
// Champ
// Facturation
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
html, body {
	margin:0; padding:0;
	background-color:#FFFFFF;
}
.WHM{
	width:100%;
}
h1, h2, h3{
	margin:0; padding:0;
	font-weight:normal; font-size:10px;
}
.positionRelative{
	position:relative;
}
div.divSeparateurInvisible { /* A utiliser : <div class="divSeparateurInvisible" style="height:20px;"><hr /></div> avec la hauteur souhaitée*/
	height:2px;
	clear:both;
}
div.divSeparateurInvisible hr {
  display: none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Structure
///////////////////////////////////////////////////////////////////////////////////*/
td#cellConteneurG{
	background:url(../images/background/back-conteneurG.jpg) repeat-x top right;
}
td#cellConteneurSite{
	width:1000px;
}
td#cellConteneurD{
	background:url(../images/background/back-conteneurD.jpg) repeat-x top left;
}
td#cellLigneInfos{
	height:88px;
	background:url(../images/background/back-bandeau-infos.jpg) no-repeat top left;
}
td#cellLigneMenu{
	height:57px;
	background:url(../images/background/back-bandeau-menu.jpg) no-repeat top left;
}
td#cellLigneSousMenu{
	height:16px;
	background:url(../images/background/back-bandeau-sous-menu.jpg) no-repeat top left;
}
td#cellLigneContenu{
	background:url(../images/background/back-conteneur-site.jpg) no-repeat top;
}
td#cellLigneMenuBas{
	height:60px;
	padding-top:5px;
	background:url(../images/background/back-menu-bas.jpg) repeat-x top left;
	border-left:1px solid #e5aa6e; border-right:1px solid #e5aa6e;
	font:normal 11px Arial, Helvetica, sans-serif; color:#000000;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Menu haut onglet
///////////////////////////////////////////////////////////////////////////////////*/
a.lienMenuOnglet, a.lienMenuOngletB{
	font:normal 14px Arial, Helvetica, sans-serif; text-align:center; line-height:13px; text-decoration:none;
}
a.lienMenuOnglet:link, a.lienMenuOnglet:visited{/* Over géré en javascript */
	color:#993399;
}
a.lienMenuOngletB:link, a.lienMenuOngletB:visited{/* Over géré en javascript */
	color:#fff;
}

td.tdMenuOngletOn, td.tdMenuOngletBOn{
	width:120px;
	cursor:pointer;
	text-align:center;
}
td.tdMenuOngletOn{
	background:url(../images/menu/onglet-menu-on.jpg) no-repeat;
}
td.tdMenuOngletBOn{
	background:url(../images/menu/onglet-menu-boutique-on.jpg) no-repeat;
}
td.tdMenuOngletOff, td.tdMenuOngletBOff{
	width:120px;
	cursor:pointer;
	text-align:center;
}
td.tdMenuOngletOff{
	background:url(../images/menu/onglet-menu-off.jpg) no-repeat;
}
td.tdMenuOngletBOff{
	background:url(../images/menu/onglet-menu-boutique-off.jpg) no-repeat;
}
td.tdMenuSep{
	width:10px;
	background:url(../images/menu/separateur-menu.jpg) no-repeat;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Sous Menu haut
///////////////////////////////////////////////////////////////////////////////////*/
a.lienSousMenuOnglet{
	font:normal 11px Arial, Helvetica, sans-serif; color:#d15c69; text-align:center;
}
a.lienSousMenuOnglet:link, a.lienSousMenuOnglet:visited{
	text-decoration:none;
}
a.lienSousMenuOnglet:hover, a.lienSousMenuOnglet:active{
	font-weight:bold; text-decoration:none;
}
td.tdSousMenuSep{
	width:30px;
	background:url(../images/menu/separateur-sous-menu.gif) no-repeat top center;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Menu gauche/boutique
///////////////////////////////////////////////////////////////////////////////////*/
td#cellMenuGHaut{
	width:182px; height:19px;
	background:url(../images/background/back-degRose-haut-menuG.gif) repeat-x;
}
td.cellTitreMenuG{
	padding-top:5px; padding-bottom:5px;
	background-color:#d15c69;
}
td.cellTitreMenuG h2{
	font:14px Arial, Helvetica, sans-serif; text-align:center; line-height:13px; color:#FFFFFF;
}
td.cellSousTitreMenuG{
	background:url(../images/background/back-rose-menuG.gif) repeat-y;
}
td.cellEspaceMenuG{
	height:17px;
	background:url(../images/background/back-bas-rose-menuG.gif) no-repeat;
}
td#cellBasMenuG{
	height:22px;
	background:url(../images/background/back-bas-menuG.gif) no-repeat;
}
td#cellBasMenuGB{
	height:22px;
	background:url(../images/background/back-bas-menuGB.gif) no-repeat;
}
td#cellSondageDuMois, td#cellSondageDuMois td{
	background-color:#d0d0d0;
	font:11px Arial, Helvetica, sans-serif; color:#968d8d;	
}
td#cellBasGrisMenuG{
	height:18px;
	background:url(../images/background/back-bas-menuG-gris.gif) no-repeat;
	text-align:center;
}
td#cellBasGrisMenuGB{
	height:18px;
	background:url(../images/background/back-bas-menuG-rouge.gif) no-repeat;
	text-align:center;
}
td#cellMenuGBoutiqueHaut{
	height:7px;
	background-color:#ea495b;
}
td#cellTitreMenuGBoutique{
	padding-top:5px; padding-bottom:5px;
	background-color:#d41429;
}
td#cellTitreMenuGBoutique h2{
	font:14px Arial, Helvetica, sans-serif; text-align:center; line-height:13px; color:#FFFFFF;
}
td#cellSousTitreMenuGBoutique{
	background-color:#ea495b;
}
.listingRose{
	margin:0; padding:7px;
}
.listingRose ul{
	margin:0; padding:0;
	list-style:none;
}
.listingRose ul li{
	margin:0; padding:0 0 5px 10px;
	background: url(../images/picto/flecheRose.gif) no-repeat 0 .45em;
	text-align:left;
}
.listingRose li a p{
	margin:0; padding:0;
}
.listingRose a, .listingRose a p{
	font:12px Arial, Helvetica, sans-serif; color:#993399; font-weight:bold;
}
.listingRose a:link, .listingRose a:visited, .listingRose a:link p, .listingRose a:visited p{
	text-decoration:none;
}
.listingRose a:hover, .listingRose a:hover, .listingRose a:hover p, .listingRose a:hover p{
	text-decoration:underline;
}
.listingMenuGBoutique{
	margin:0; padding:7px;
}
.listingMenuGBoutique ul{
	margin:0; padding:0;
	list-style:none; text-align:left;
}
.listingMenuGBoutique ul li{
	margin:0 0 10px 0; padding:0 0 0 10px;
	background: url(../images/picto/flecheBlancheFdRouge.gif) no-repeat 0 4px;
}
.listingMenuGBoutique ul li ul li{
	margin:0; padding:0 0 0 5px; line-height:12px;
	background: url(../images/picto/flecheSousBlancheFdRouge.gif) no-repeat 0 5px;
}
.listingMenuGBoutique a, .listingMenuGBoutique ul li{
	font:12px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold;
}
.listingMenuGBoutique a:link, .listingMenuGBoutique a:visited{
	text-decoration:none;
}
.listingMenuGBoutique a:hover, .listingMenuGBoutique a:hover{
	text-decoration:underline;
}
.listingMenuGBoutique ul li ul li a{
	font:bold 10px Arial, Helvetica, sans-serif; color:#fff;
}
.listingMenuGBoutique ul li ul li a:visited{
	text-decoration:none;
}
.listingMenuGBoutique ul li ul li a:hover{
	text-decoration:underline;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Typo
///////////////////////////////////////////////////////////////////////////////////*/
h2.h2Style1{
	font:bold 18px Arial, Helvetica, sans-serif; color:#867e7e;
	padding-top:10px; padding-bottom:5px;	
}
span.spanStyle1{
	font:normal 11px Arial, Helvetica, sans-serif; color:#7a7a7a;
}
span.spanStyle2{
	font:bold 13px Arial, Helvetica, sans-serif; color:#993399;
}
p.pEntetePub{
	padding:0; margin:0;
	font:bold 13px Arial, Helvetica, sans-serif; color:#993399; text-align:center;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Liens
///////////////////////////////////////////////////////////////////////////////////*/
a.lien1{
	font:11px  Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase;
	padding:10px;
}
a.lien2{
	font:bold 12px Arial, Helvetica, sans-serif; color:#993399;
}
a.lien2b{
	font:bold 12px Arial, Helvetica, sans-serif; color:#CB4359;
}
a.lien3{
	font:bold 11px Arial, Helvetica, sans-serif; color:#d15c69;
}
a.lien4{
	font:bold 11px Arial, Helvetica, sans-serif; color:#968d8d;
}
a.lien5{
	font:11px Arial, Helvetica, sans-serif; color:#993399;
}
a.lien5b{
	font:11px Arial, Helvetica, sans-serif; color:#fff;
}
a.lien1:link, a.lien1:visited, a.lien2:link, a.lien2:visited, a.lien2b:link, a.lien2b:visited, a.lien3:link, a.lien3:visited{
	text-decoration:none;
}
a.lien1:hover, a.lien1:active, a.lien2:hover, a.lien2:active, a.lien2b:hover, a.lien2b:active, a.lien3:hover, a.lien3:active{
	text-decoration:underline;
}
a.lien4:link, a.lien4:visited, a.lien5:link, a.lien5:visited, a.lien5b:link, a.lien5b:visited{
	text-decoration:underline;
}
a.lien4:hover, a.lien4:active, a.lien5:hover, a.lien5:active, a.lien5b:hover, a.lien5b:active{
	text-decoration:none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Formulaire
///////////////////////////////////////////////////////////////////////////////////*/
form{
	margin:0; padding:0;
}
input.inputStyle1{
	margin:0; padding:0;
	width:140px;
	background:none;
	border:0;
	font:normal 12px Arial, Helvetica, sans-serif; color:#707070;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Fil Ariane
///////////////////////////////////////////////////////////////////////////////////*/
div#divFilAriane{
	padding:10px 10px 10px 0;
	font:normal 15px Arial, Helvetica, sans-serif; color:#000;
}
div#divFilAriane strong{
	font-weight:bold; color:#993399;
}
div#divFilAriane span{
	color:#996699;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Processus commande
///////////////////////////////////////////////////////////////////////////////////*/
td.tdEntetePanier, td.tdSousEntetePanier, td.tdQtePanier, td.tdPxPanier{
	font:normal 14px Arial, Helvetica, sans-serif; text-align:center;
}
td.tdEntetePanier{
	padding:5px;
	color:#fff;
	background:#D15C69;
	border-bottom:1px dashed #fff; border-right:1px solid #fff;
}
td.tdQtePanier{
	padding:5px;
	color:#993399; font-weight:bold;
}
td.tdPxPanier{
	padding:5px;
	font-size:13px; color:#993399;
}
td.tdPdtPanier{
	font:normal 12px Arial, Helvetica, sans-serif; color:#993399;
}
td.tdIntituleSupp{
	padding:5px;
	font:bold 13px Arial, Helvetica, sans-serif; color:#993399; text-align:right;
}
td.tdIntituleSupp select{
	font:normal 10px Arial, Helvetica, sans-serif; color:#993399;
}
td.tdFinListePanier{
	border-top:1px solid #D15C69;
}
td.tdTTCPanier{
	background:#FFDFFF;
	font:normal 15px Arial, Helvetica, sans-serif; color:#993399; text-align:center;
}
td.tdNAPPanier, td.tdFDPPanier{
	border:1px solid #EAADEA;
	background:#FFDFFF;
	font:bold 15px Arial, Helvetica, sans-serif; color:#993399; text-align:center;
}
td.tdIntituleLivraison{
	font:bold 13px Arial, Helvetica, sans-serif; color:#993399; text-align:right;
}
select.selectPaysPanier{
	width:190px;
	border:1px solid #D0D0D0;
	font:normal 12px Arial, Helvetica, sans-serif; color:#5F5F5F;
}
select.selectPaysPanier2{
	width:148px;
	border:1px solid #D0D0D0;
	font:normal 11px Arial, Helvetica, sans-serif; color:#5F5F5F;
}
td.infoSup{
	font:normal 10px Arial, Helvetica, sans-serif; color:#993399; text-align:left;	
}
td#tdAccepteCGV,td#tdAccepteCGV a{
	height:30px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#993399; text-align:right;
}
td#tdAccepteCGV a:link, td#tdAccepteCGV a:visited{
	font-weight:bold;
}
td#tdAccepteCGV a:hover, td#tdAccepteCGV a:active{
	text-decoration:none;
}
td.tdLien a:link, td.tdLien a:visited{
	font:bold 15px Arial, Helvetica, sans-serif; color:#D15C69; text-decoration:none;
}
td.tdLien a:hover, td.tdLien a:active{
	text-decoration:underline;
}
/*///////////////////////////////////////////////////////////////////////////////////
// Suivi de commande
///////////////////////////////////////////////////////////////////////////////////*/
table.tableSuivi{
	border-collapse:collapse;
}
td.tdCellTabSuiviListe{
	font:normal 12px Arial, Helvetica, sans-serif; color:#993399;
	background-color:#FFF;
	border-left:1px solid #FFEFF1; border-right:1px solid #FFEFF1;
}
td.tdCellTabSuiviListe a:link, td.tdCellTabSuiviListe a:visited{
	font:11px Verdana, Arial, Helvetica, sans-serif; color:#993399; text-decoration:underline;
}
td.tdCellTabSuiviListe a:hover, td.tdCellTabSousListe a:active{
	text-decoration:none;
}
td.tdCellTabSousListe{
	border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;
	background:#FFEFF1;
}
td.tdCellTabSousListe p{
	padding:10px; margin:0;
	font:italic 10px Verdana, Arial, Helvetica, sans-serif; color:#AC7BA3; text-align:justify;
}
td.tdCellTabSousListe p a:link, td.tdCellTabSousListe p a:visited{
	font:10px Verdana, Arial, Helvetica, sans-serif; color:#AC7BA3; text-decoration:underline;
}
td.tdCellTabSousListe p a:hover, td.tdCellTabSousListe p a:active{
	text-decoration:none;
}

th.thCellEnteteTabListeProd{
	font:normal 12px Arial, Helvetica, sans-serif; color:#993399;
	background-color:#FFBFC8;
	border-left:1px solid #fff; border-right:1px solid #fff;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Champ
///////////////////////////////////////////////////////////////////////////////////*/
td.tdTexteChamp{
	font:bold 13px Arial, Helvetica, sans-serif; color:#D15C69;
}
td.tdTexteChampSoul{
	font:bold 13px Arial, Helvetica, sans-serif; color:#993399; text-decoration:underline;
	height:40px;
}
td.tdTexteChamp sup{
	font:bold 11px Arial, Helvetica, sans-serif; color:#993399;
}
input.inputIdentification, select.inputIdentification{
	width:200px;
	border:1px solid #D0D0D0;
	font:normal 12px Arial, Helvetica, sans-serif; color:#5F5F5F;
}
select.inputIdentification{
	width:202px;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Facturation
///////////////////////////////////////////////////////////////////////////////////*/
div#divColCoordFacturation, div.divColChoixPaiement{
	float:left;
	width:307px;
	border:1px solid #993399;
	background:#fff;
}
div#divColCoordFacturation h2, div.divColChoixPaiement h2{
	margin:0; padding:5px;
	font:bold 16px Arial, Helvetica, sans-serif; color:#993399;
}
div#divColCoordFacturation h2 span{
	font:italic normal 12px Arial, Helvetica, sans-serif;
}
div#divColCoordFacturation p, div.divColChoixPaiement p{
	margin:0; padding:0 5px 0 5px;
	font:normal 13px Arial, Helvetica, sans-serif; color:#5F5F5F;
}
div.divColChoixPaiement p{
	padding:0 5px 5px 5px;
}
table.tabCoordFacturation tr td{
	font:bold 13px Arial, Helvetica, sans-serif; color:#993399;
}
table.tabCoordFacturation tr td span{
	font:normal 12px Arial, Helvetica, sans-serif; color:#5F5F5F;
}
table.tabCoordFacturation tr td input.inputValidation, table.tabCoordFacturation tr td select.inputValidation{
	width:145px;
	border:1px solid #D0D0D0;
	font:normal 11px Arial, Helvetica, sans-serif; color:#5F5F5F;
}
table.tabCoordFacturation tr td select.inputValidation{
	width:117px;
}
table.tabCoordFacturation tr td a:link, table.tabCoordFacturation tr td a:visited, div.divColChoixPaiement div p a:link, div.divColChoixPaiement div p a:visited{
	font:bold 14px Arial, Helvetica, sans-serif; color:#993399;
}
table.tabCoordFacturation tr td a:active, table.tabCoordFacturation tr td a:hover, div.divColChoixPaiement div p a:active, div.divColChoixPaiement div p a:hover{
	text-decoration:none;
}
div.divContLigneSuiviCDE{
	border:1px solid #C2DFEF;
	width:520px;
	margin-bottom:5px;
}