@charset "utf-8";
/* CSS Document */

a:link {color: #0A71B4;}
a:visited {color: #0A71B4;}
a:focus {color: #333;}
a:hover {color: #333;}
a:active {color: #0A71B4;}

body {
background: #FFF;
color: #000;
font: normal normal 10px "Trebuchet MS", sans-serif;
margin: 0;
padding: 0;
}
h1 {
height: auto;
margin: 0;
padding: 0;
}
h1 a {/*<h1><a><span>lien*/
background: transparent url(../img/com/transparent.gif) left top repeat;
display: block;
height: 160px;
left: 15px;
margin: 0 0 0 0;
overflow: visible;
padding: 0;
position: absolute;
top: 20px;
width: 120px;
z-index: 2;
}
h2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 1.4em;
margin: 0;
padding: 0;
text-align: left;
text-transform: uppercase;
}
h2 a {text-decoration: none;}
	h2 a:hover {text-decoration: underline;}
h2#histoire {
color: #94B2FF;
font-size: 26px;
margin: 5px 0 0 80px;
}
h2#b-nouveaute a {
background: #FFF url(../img/com/b-nouveaute.gif) left center no-repeat;
color: #fff;
display: block;
height: 23px;
font-size: 10px;
font-weight: normal;
padding: 9px 0 0 8px;
text-transform: uppercase;
}
h2#b-promo a {
background: #FFF url(../img/com/b-promo.gif) left center no-repeat;
color: #fff;
display: block;
height: 27px;
font-size: 10px;
font-weight: normal;
margin: 0 0 10px 0;
padding: 11px 0 0 8px;
text-transform: uppercase;
}
h2#b-newsletter a {
background: #FFF url(../img/com/b-newsletter.gif) left center no-repeat;
color: #fff;
display: block;
height: 30px;
font-size: 10px;
font-weight: normal;
margin: 0 0 10px 0;
padding: 13px 0 0 8px;
text-transform: uppercase;
}
h2#b-catalogue a {
background: #FFF url(../img/com/b-catalogue.gif) left center no-repeat;
color: #fff;
display: block;
height: 39px;
font-size: 10px;
font-weight: normal;
margin: 0 0 10px 0;
padding: 8px 20px 0 8px;
text-transform: uppercase;
}
h3 {
font-size: 1.2em;
margin: 10px 0;
padding: 0;
text-transform: uppercase;
}
img {border: none;}
p {line-height: 16px;}
.cache,
h1 span,
h2 span,
h3 span {
height: 1px;
left: 0;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}

/*#accueilTxt {
	color: #008BD0;
	font-size: 1.6em;
	line-height: 1.2em;
	padding: 0.5em;
}*/
#accueilTxt h1 span,
#accueilTxt h2 span,
#accueilTxt h3 span {
	height: auto;
	overflow: auto;
	position: static;
	top: 0;
	width: auto;
}
#blocCatalogue .AccordionPanelContent a:link {color: #000;}
#blocCatalogue .AccordionPanelContent a:visited {color: #000;}
#blocCatalogue .AccordionPanelContent a:focus {color: #000;}
#blocCatalogue .AccordionPanelContent a:hover {color: #000;}
#blocCatalogue .AccordionPanelContent a:active {color: #000;}

#blocPanier p a,
#blocCompte p a,
#cfWinBlocCompte p a,
#blocRecherche p a,
#blocSociete p a,
#retourAccueil a {
color: #FFF;
}
#blocPanier p a:hover,
#blocCompte p a:hover,
#cfWinBlocCompte p a:hover,
#blocRecherche p a:hover,
#blocSociete p a:hover,
#retourAccueil a:hover {
text-decoration: underline;
}
#blocAnnoncez { margin: 0 auto 12px auto;}
	#blocAnnoncez a {
	background: #FFF url(../img/com/annoncez-couleur-bg.gif) left top no-repeat;
	display: block;
	height: 70px;
	text-indent: -999999px;
	width: 148px;
	}
#blocPanier, #blocCompte, #cfWinBlocCompte {
width: 148px;
background: url(../img/com/panier-bg.gif) no-repeat left bottom;
color: #FFF;
padding-bottom: 17px;
margin: 0 auto 12px auto;
}
#cfWinBlocCompte {
	width: 100%;
	margin:0;
	padding:0;
}
	#blocPanier h2, #blocCompte h2 {
	background: url(../img/com/panier-bg.gif) no-repeat left top;
	color: #fff;
	padding: 2px 0 0 8px;
	font-size: 10px;
	font-weight: normal;
	height: 17px;
	text-transform: uppercase;
	width: 140px;
	}
	#blocPanier p, #blocCompte p, #cfWinBlocCompte p {
	width: 139px;
	background: #9D9D9D;
	border-left: 1px solid #F6A800;
	border-right: 1px solid #F6A800;
	margin: 0;
	padding: 0 0 0 7px;
	text-transform: uppercase;
	}
	#cfWinBlocCompte p {width: 385px;}
	#blocCompte p.lwcase, #cfWinBlocCompte p.lwcase {text-transform: none;}
	#blocPanier p#blocPanierVoir {text-transform: none;}
	#blocPanier p#blocPanierContenu {padding: 5px 0 5px 7px;}
	#blocCompte form, #cfWinBlocCompte form {
	margin: 0;
	padding: 0;
	}
	#blocCompte input, #cfWinBlocCompte input {
	font-size: 10px;
	height: 12px;
	margin: 4px 0 0 0;
	padding: 0;
	width: 100px;
	}
	#cfWinBlocCompte input {
		width: 200px;
	}
		#blocCompte input.b-form-ok, #cfWinBlocCompte input.b-form-ok {
		background: #666;
		border: none;
		color: #FFF;
		height: 15px;
		width: 30px;
		}
		#blocCompte p#logName, #cfWinBlocCompte p#logName {
		font-size: 12px;
		font-weight: bold;
		padding: 10px 0 0 7px;
		}
#blocRecherche {
width: 148px;
background: url(../img/com/recherche-bg.gif) no-repeat left bottom;
color: #FFF;
padding-bottom: 17px;
margin: 0 auto 12px auto;
}
	#blocRecherche h2 {
	background: url(../img/com/recherche-bg.gif) no-repeat left top;
	color: #fff;
	padding: 2px 0 0 8px;
	font-size: 10px;
	font-weight: normal;
	height: 17px;
	text-transform: uppercase;
	width: 140px;
	}
	#blocRecherche p {
	width: 139px;
	background: #707173;
	border-left: 1px solid #E2001A;
	border-right: 1px solid #E2001A;
	margin: 0;
	padding: 0 0 0 7px;
	}
	#blocRecherche form {
	margin:0;
	padding: 0;
	}
	#blocRecherche input {
	font-size: 10px;
	height: 12px;
	margin: 4px 0 0 0;
	padding: 0;
	width:120px;
	}	
	#blocRecherche input.b-form-cherche {
		background: #707173 url(../img/com/loupe.gif) left top no-repeat;
		border: none;
		color: #FFF;
		height: 14px;
		width: 14px;
		}
#blocCatalogue {
width: 148px;
background: url(../img/com/catalogue-bg.gif) no-repeat left bottom;
padding-bottom: 16px;
margin: 0 auto 12px auto;
}
	#blocCatalogue h2 {
	background: url(../img/com/catalogue-bg.gif) no-repeat left top;
	color: #fff;
	padding: 2px 0 0 8px;
	font-size: 10px;
	font-weight: normal;
	height: 17px;
	text-transform: uppercase;
	width: 140px;
	}
	#blocCatalogue p {
	width: 139px;
	background: #D9D9D9;
	border-left: 1px solid #8BC700;
	border-right: 1px solid #8BC700;
	margin: 0;
	padding: 0 0 0 7px;
	}
#blocSociete {
width: 148px;
background: url(../img/com/societe-bg.gif) no-repeat left bottom;
padding-bottom: 16px;
margin: 0 auto 12px auto;
}
	#blocSociete h2 {
	background: url(../img/com/societe-bg.gif) no-repeat left top;
	color: #fff;
	padding: 2px 0 0 8px;
	font-size: 10px;
	font-weight: normal;
	height: 17px;
	text-transform: uppercase;
	width: 140px;
	}
	#blocSociete p {
	width: 139px;
	background: transparent;
	border-left: 1px solid #008BD0;
	border-right: 1px solid #008BD0;
	margin: 0;
	padding: 5px 0 5px 7px;
	}
		#blocSociete p a {
		text-decoration: none;
		text-transform: uppercase;
		}
	#france {background: #9C9D9F url(../img/com/france-bg.gif) right 35px no-repeat;}
#carousel {margin: -120px 0 0 0;}
	#maskFl {
	background: #FFF;
	height: 30px;
	left: 168px;
	position: absolute;
	top: 329px;
	width: 30px;
	z-index: 1;
	}
#colDroite {
background: #FFF;
float: right;
margin: 0;
padding: 0;
width: 148px;
}
#colGauche {
background: #FFF;
float: left;
margin: 20px 0 0 0;
padding: 0;
width: 148px;
}
#colCentre {
background: #FFF;
border: none;
float: left;
margin: 0 0 0 21px;
padding: 0;
width: 650px;
}
#contenu {
background: #FFF url(../img/com/contenu-bg.gif) left bottom no-repeat;
border: none;
font-size: 11px;
margin: 10px 0 0 0;
padding: 0 0 14px 0;
width: 650px;
position: relative;
}
img.imgNewPromo {
	position:absolute;
	right:10px;
	z-index:100;
	top:5px;
}
#footer {
background: #FFF url(../img/com/footer-logo.gif) left 5px no-repeat;
border-top: 1px solid #CCC;
font-size: 11px;
height: 40px;
margin: 10px 0 0 0;
padding: 0 0 0 35px;
}
#footerPrint {display:none;}
#page-actu #contenu {
background: #FFF url(../img/com/magasin-bg-bottom.gif) left bottom no-repeat;
height: 200px;
}
html>body#page-actu #contenu {
height: auto;
min-height: 200px;
}
#page-annoncez #contenu {
background: #FFF url(../img/com/magasin-bg-bottom.gif) left bottom no-repeat;
height: 200px;
}
html>body#page-annoncez #contenu {
height: auto;
min-height: 200px;
}
#page-contact #contenu {
background: #FFF url(../img/com/magasin-bg-bottom.gif) left bottom no-repeat;
height: 450px;
}
html>body#page-contact #contenu {
height: auto;
min-height: 450px;
}
#page-inscription #contenu {
background: #FFF url(../img/com/orange-bg-bottom.gif) left bottom no-repeat;
height: 480px;
}
#page-demande-cat #contenu {
background: #FFF url(../img/com/magasin-bg-bottom.gif) left bottom no-repeat;
height: 450px;
}
html>body#page-demande-cat #contenu {
height: auto;
min-height: 450px;
}
html>body#page-inscription #contenu {
height: auto;
min-height: 480px;
}
#page-newsletter #contenu {
background: #FFF url(../img/com/magasin-bg-bottom.gif) left bottom no-repeat;
height: 400px;
}
html>body#page-newsletter #contenu {
height: auto;
min-height: 400px;
}
#page-qui.page-qui-histoire #contenu {
background: #FFF url(../img/com/histoire-bg.gif) left bottom no-repeat;
height: 458px;
}
html>body#page-qui.page-qui-histoire #contenu {
height: auto;
min-height: 465px;
}
#page-magasin #contenu {
background: #FFF url(../img/com/magasin-bg-bottom.gif) left bottom no-repeat;
height: 450px;
}
html>body#page-magasin #contenu {
height: auto;
min-height: 450px;
}
#page-qui.page-qui-savoir #contenu {
background: #FFF url(../img/fr/savoir-bg.gif) left bottom no-repeat;
height: 458px;
}
html>body#page-qui.page-qui-savoir #contenu {
height: auto;
min-height: 673px;
}
#page-qui.page-qui-rejoindre #contenu {
background: #FFF url(../img/com/rejoindre-bg-bottom.gif) left bottom no-repeat;
height: 390px;
}
html>body#page-qui.page-qui-rejoindre #contenu {
height: auto;
min-height: 426px;
}
#contenuHead {
background: url(../img/com/contenu-bg.gif) no-repeat left top;
margin: 0;
padding: 0;
height: 14px;
}
#contenuBody {
background: #FFF;
border-left: 1px solid #B0B1B2;
border-right: 1px solid #B0B1B2;
margin: 0 0 14px 0;
padding: 5px;
}
	#page-qui.page-qui-histoire #contenuBody,
	#page-qui.page-qui-savoir #contenuBody {background: none;}

#page-qui.page-qui-rejoindre #contenuBody {
background: transparent url(../img/com/rejoindre-bg-left.gif) left top repeat-y;
padding: 0;
}
/* #contenuTitre titre en img verticale */
#page-actu #contenuTitre {background: transparent url(../img/fr/actu-bg-titre.gif) left top no-repeat;}
#page-annoncez #contenuTitre {background: transparent url(../img/fr/annoncez-couleur-bg-titre.gif) left top no-repeat;}
#page-contact #contenuTitre {background: transparent url(../img/fr/contact-bg-titre.gif) left top no-repeat;}
#page-demande-cat #contenuTitre {background: transparent url(../img/fr/demande-cat-bg-titre.gif) left top no-repeat;}
#page-inscription #contenuTitre {background: transparent url(../img/fr/inscription-bg-titre.gif) left top no-repeat;}
#page-magasin #contenuTitre {background: transparent url(../img/fr/magasin-bg-titre.gif) left top no-repeat;}
#page-newsletter #contenuTitre {background: transparent url(../img/fr/newsletter-bg-titre.gif) left top no-repeat;}
#page-qui.page-qui-rejoindre #contenuTitre {background: transparent url(../img/fr/rejoindre-bg-titre.gif) left top no-repeat;}

/* bande de couleur repetee a gauche */
#page-actu #contenuBody,
#page-annoncez #contenuBody,
#page-contact #contenuBody,
#page-demande-cat #contenuBody,
#page-inscription #contenuBody,
#page-newsletter #contenuBody,
#page-magasin #contenuBody {
background: transparent url(../img/com/magasin-bg-left.gif) left top repeat-y;
padding: 0;
}
#page-inscription #contenuBody {
background: transparent url(../img/com/orange-bg-left.gif) left top repeat-y;
padding: 0;
}
/* Positionne le titre en img verticale */
#page-actu #contenuTitre,
#page-annoncez #contenuTitre,
#page-contact #contenuTitre,
#page-inscription #contenuTitre,
#page-magasin #contenuTitre,
#page-newsletter #contenuTitre,
#page-qui.page-qui-rejoindre #contenuTitre {padding: 5px;}

#page-demande-cat #contenuTitre {padding: 5px 5px 40px 5px;}
	
	/*#contenuBody p {margin: 0 0 1.5em 0;}*/
	
#contenuBody p#filAriane {margin: -10px 0 10px 5px;}

#magasinDroite {
float: right;
width: 380px;
}
#magasinGauche {
float: left;
width: 200px;
}
	#magasinGauche h3 {
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 0 10px;
	}
		#agence {
		background: #2E6CC4 url(../img/com/magasin-bg-agence.gif) left top no-repeat;
		width: 138px;
		}
		#agencePart {
		background: #94B2FF url(../img/com/magasin-bg-agence-part.gif) left top no-repeat;
		}
	#magasinGauche p {
	margin: 0 0 15px 10px;
	}
/* Fiche produit
--------------------*/
#ficheImg {
border: 1px solid #CCC;
float: left;
position: relative;
width: 148px;
}
#b-zoom {
bottom: 0;
left: 0;
position: absolute;
}
#ficheDesc {
float: left;
margin: 0 0 0 5px;
width: 480px;
}
#ficheDesc h2 {
float: left;
padding: 0 0 0 0;
width: 370px;
}
#ficheDescHead {
border-bottom: 2px dotted #CCC;
border-collapse: collapse;
margin: 0 0 10px 0;
width: 480px;
}
	#ficheDescHead td {vertical-align: bottom;}
#ficheDescLogo {
float: right;
width: 80px;
}
#ficheDescGauche {
float: left;
padding: 0;
width: 370px;
}
	#ficheDescGauche p {margin: 0 0 10px 0;}
#ficheDescDroite {
float: right;
width: 100px;
}
#ficheDescDroite img {margin-top:2px;}
#desc01 {
color: #00348A;
text-transform: uppercase;
}
#desc02 {}
#desc03 {
	list-style-type:square;
	color: #E2001A;
	padding-left:20px;
}
/*-----------------------------*/
#global {
margin: 0 auto 10px auto;
position: relative;
width: 990px;
}
#header {
background: transparent url(../img/com/header.png) left top no-repeat;
height: 183px;
padding: 0;
position: relative;
}
#headerPrint {display:none;}
#inputRechercher {
background: #FFF url(../img/com/loupe.gif) left center no-repeat;
border: 1px solid #447CAB;
height: 18px;
margin: 0;
padding-left: 20px;
width: 210px;
}
#inputSubmit {
background: #FC6 url(../img/com/inputSubmit-bg.gif) left top no-repeat;
border: none;
color: #246297;
font-weight: bold;
height: 22px;
margin: 0;
padding: 0;
width: 22px;
}
/*#menu {background: #9C9D9F;}*/
#menuQui {
list-style-type: none;
margin: 5px 0 10px 0;
padding: 0;
text-align: center;
}
#menuQui li {
float: left;
text-transform: uppercase;
width: 114px;
}
#menuQui li a {text-decoration: none;}
#menuQui li a:link {color: #000;}
#menuQui li a:visited {color: #000;}
#menuQui li a:focus {color: #333;}
#menuQui li a:hover {color: #333;}
#menuQui li a:active {color: #000;}

.page-qui-histoire #menuQui li#menuQui-histoire a,
.page-qui-rejoindre #menuQui li#menuQui-rejoindre a,
.page-qui-savoir #menuQui li#menuQui-savoir a { font-weight: bold;}
#menuQui-histoire {
background: url(../img/com/b-histoire.gif) left top no-repeat;
height: 18px;
}
#menuQui-savoir {
background: url(../img/com/b-savoir.gif) left top no-repeat;
height: 18px;
}
#menuQui-rejoindre {
background: url(../img/com/b-rejoindre.gif) left top no-repeat;
height: 18px;
}
#nuancier {
background: #FFF;
/*float: left;*/
font-size: 10px;
/*width: 150px;*/
}
	#nuancier form {
	background: #97989A;
	border: 1px solid #97989A;
	margin: 0;
	padding: 0;
	}
		#nuancier form .b-form-ok {
		background: #E45010;
		border: none;
		color: #FFF;
		text-transform: uppercase;
		width: 44px;
		}
		#nuancier form label {
color: #FFF;
padding: 0 2px
}
	#nuancier p {
		margin: 0;
		padding: 0;
		}
p#nuancierTitre {
margin: 0;
padding: 0;
}
#nuancier2 {
background: #FFF url(../img/com/choix-teinte-bg.gif) left top no-repeat;
height: 92px;
margin: 15px 0 0 0;
width: 631px;
}
	#nuancier2 label {
	color: #333;
	display: block;
	font-weight: bold;
	}
	#nuancier2 p {
	float: left;
	margin: 0 0 0 15px;
	}
	#nuancier2 p.caleNuance {padding: 15px 0 0 0;}
	#nuancier2 form {
	padding: 40px 0 0 143px;
	}
	#nuancier2 td {padding: 0 10px 0 0;}
#msgUser {
border: 2px solid red;
color: #000;
display: block;
font-weight: bold;
padding: 5px 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 85%;
}
	#msgUser:hover {border: 2px solid orange;}
#actu-txt,
#magasin-txt,
#savoir-txt,
#rejoindre-txt {
margin: 6px 0 0 45px;
position: relative;
}
#magasin-txt {
	height: 100%;
	}
#savoir-france {
font-size: 16px;
font-weight: bold;
position: absolute;
right: 15px;
text-align: center;
top: 140px;
}
#savoir-france a {
color: #999;
text-decoration: none;
}
/* Tableau des tarifs
----------------------------*/

table.tabRef th, table.tabRef td {
	vertical-align:middle;
}
table.tabRef th {text-align:center;}
#listeTarif {
background: #FFF;
margin: 0;
}
	#listeTarif table {
border-collapse: collapse;
}
	#listeTarif td,
	#listeTarif th {
	padding: 2px 3px;}
	#listeTarif th {font-weight: normal;}
th.colRec,
th.colRef,
th.colLib,
th.colCond,
th.colPrix,
th.colQte {border-top: 1px solid #999;}
th.colRec {color: #FFF;}
.colRec {
background: #7F78AF;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
text-align: center;
}
.colRef {
background: #958EBF;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
text-align:left;
}

.colLib {
background: #BFB7D5;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
}
.colCond {
background: #D6D3E6;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
text-align:right;
}
#detailPanier td.colRef a, 
#detailPanier td.colLib a,
#detailPanier td.colCond a {color:#000000;}
.colPrix {
background: #F1E951;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
color: #E7511E;
/*width: 45px;*/
white-space: nowrap;
text-align:right;
}
.colQte {
background: #FFF;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
text-align: center;
width: 20px;
}
#retourAccueil {
background: #FFF url(../img/com/retour-bg.gif) left top no-repeat;
height: 19px;
padding: 0 0 0 7px;
text-transform: uppercase;
}
	#retourAccueil a { text-decoration: none;}
.btnAddToSavedBasket {
background: #60598F;
border: 1px solid #60598F;
color: #FFF;
cursor: pointer;
font-size: 10px;
}
/* Formulaire de contact
--------------------------------------------------*/
#formContact {
font-size: 1em;
margin: 0 auto;
padding: 0;
width: 95%;
}
#formContact em {color: #F00;}
#formContact fieldset {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 2px solid #D5DEE6;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.5em;
	width: 95%;
}
#formContact label {
	color: #000;
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-weight: bold;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 20%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}
#formContact .labelSimple {margin: 0 0 0 32%;}
#formContact .labelSimple label {float: none;}
#formContact legend {
	color: #0067B0;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 5px;
	text-transform: uppercase;
}
#formContact input#nom,
#formContact input#prenom,
#formContact input#fonction,
#formContact input#societe,
#formContact input#telephone,
#formContact input#fax,
#formContact input#mail,
#formContact input#adressel1,
#formContact input#cp,
#formContact input#pays,
#formContact input#ville,
#formContact input#numero_compte {
width: 70%;
}
#formContact textarea {
margin: 0.2em;
width: 70%;
}
#formContact p {margin: 5px 0;}
/*    Les Classes
***************************************/
.b-ajouter {
background: #666;
border: none;
color: #FFF;
cursor:pointer;
font-size: 9px;
height: 20px;
width: 90px;
}
.bold {font-weight: bold;}
.btnForm {
background: #D9C1B3;
border: 1px solid #BF9A83;
color: #1F180C;
cursor: pointer;
}
.center {text-align: center;}
.docName {
background: transparent url(../img/com/picto-pdf.gif) left top no-repeat;
min-height: 19px;
padding: 0 0 7px 24px;
}
.histoire {
background: #FFF;
clear: both;
}
.histoire img {
float: left;
margin: 0 20px 0 15px;
width: 47px;
}
.histoire p {
float: left;
margin: 0 0 1.5em 0;
width: 530px;
}
.httpLink {
background: transparent url(../img/com/picto-web.gif) left top no-repeat;
min-height: 19px;
padding: 0 0 7px 24px;
width: 350px;
}
.imgFloatLeft {
float: left;
margin: 0 10px 10px 0;
}
.imgFloatRight {
float: right;
margin: 0 0 10px 10px;
}
a.lire {
border: 1px solid #333;
color: #333;
display: block;
padding: 1px 2px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 24px;
}
a:hover.lire {
border: 1px solid #008BD0;
color: #008BD0;
}
.magasinColor {color: #008BD0;}
.nuance { width: 100px;}
.obligatoire {
color: #C68E0F;
}
/* Actus */
.blocActu {
border-bottom: 2px dotted #008BD0;
border-collapse: collapse;
width: 100%;
}
.blocActuBtn {text-align: right;}
.blocActuBtn2 {text-align: left;}
.blocActu h3 {
color: #C7371E;
font-size: 16px;
}
/* Produit complementaire dans fiche produit */
.prodComp {
background: #FFF;
float: left;
font-size: 10px;
margin: 0 10px 10px 0;
text-align: center;
text-transform: uppercase;
width: 60px;
}
	.prodComp a {
color: #000;
text-decoration: none;
}
	.prodComp a:hover {
color: #000;
text-decoration: underline;
}
	.prodComp img {
border: 1px solid #CCC;
}
.qte { 
	text-align:right;
	width: 30px;
}
.separateur {
border: none;
clear: both;
display: block;
height: 0;
margin: 0;
padding: 0;
visibility: hidden;
}

/* Affichage des resultats
-------------------------------*/
#resultatMsg {
font-size: 1.4em;
font-weight: bold;
}
.resultatImg {
background: #FFF;
border: 1px solid #CCC;
float: left;
position: relative;
text-align: center;
width: 97px;
}
.b-zoom {
bottom: 0;
left: 0;
position: absolute;
}
.resultat {
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
padding: 2px 0;
}
	.resultat:hover {background: #D2D6E7;}
.resultatDesc {
cursor: pointer;
float: left;
margin: 0 0 0 5px;
width: 530px;
}
.resultatDesc h2 {
color: #00348A;
float: left;
padding: 0 0 0 0;
width: 370px;
}
.resultatDescHead {
border-bottom: 2px dotted #CCC;
border-collapse: collapse;
margin: 0 0 10px 0;
width: 525px;
}
	.resultatDescHead td {vertical-align: bottom;}
.resultatDescLogo {
text-align: right;
}
	.resultatDescLogo td { vertical-align: bottom;}
	.resultatDescLogo td img { margin: 3px 0 0 0;}
.resultatDescGauche {
float: left;
padding: 0;
width: 415px;
}
	.resultatDescGauche p {margin: 0 0 10px 0;}
.resultatDescDroite {
float: right;
width: 100px;
}
	#contenuBody .resultatDescDroite p {margin-bottom: 5px;}
.desc01 {
text-transform: uppercase;
}
/* CFMENU */
.yuimenu,
.yuimenu ul {border-color: #D9D9D9;}
.yuimenuitemlabel,
.yuimenubaritemlabel {
    white-space: normal;
    font-size:85%;
    display:block;
    color:#000;
    text-decoration:none;
}
.yuimenuitemlabel {
    padding:2px 24px 2px 4px;
    outline:none;
}
#menu_10001 ul.first-of-type,
#menu_10002 ul.first-of-type,
#menu_10003 ul.first-of-type,
#menu_10004 ul.first-of-type,
#menu_10005 ul.first-of-type,
#menu_10006 ul.first-of-type,
#menu_10007 ul.first-of-type,
#menu_10008 ul.first-of-type {border-color:#d9d9d9;}

#menu_10001 .yuimenu,
#menu_10001 ul.first-of-type ul.first-of-type {border-color:#2e4694;}

#menu_10002 .yuimenu,
#menu_10002 ul.first-of-type ul.first-of-type {border-color:#728291;}

#menu_10003 .yuimenu,
#menu_10003 ul.first-of-type ul.first-of-type {border-color:#A5BC32;}

#menu_10004 .yuimenu,
#menu_10004 ul.first-of-type ul.first-of-type {border-color:#559648;}

#menu_10005 .yuimenu,
#menu_10005 ul.first-of-type ul.first-of-type {border-color:#D06D28;}

#menu_10006 .yuimenu,
#menu_10006 ul.first-of-type ul.first-of-type {border-color:#C3211F;}

#menu_10007 .yuimenu,
#menu_10007 ul.first-of-type ul.first-of-type {border-color:#8A3A86;}

#menu_10008 .yuimenu,
#menu_10008 ul.first-of-type ul.first-of-type {border-color:#496F9C;}

span.menuChildColor {color:#fff;}
ul.first-of-type ul.first-of-type li {border-bottom: 1px solid #FFF;}
/* peinture */
.page-catalogue-10001 h2,
.page-catalogue-10001 h2 a,
.page-catalogue-10001 #desc01,
.page-catalogue-10001 .desc01 {
color: #00348A;
}
/* colle */
.page-catalogue-10002 h2,
.page-catalogue-10002 h2 a,
.page-catalogue-10002 #desc01,
.page-catalogue-10002 .desc01 {
color: #728291;
}
/* preparation support */
.page-catalogue-10003 h2,
.page-catalogue-10003 h2 a,
.page-catalogue-10003 #desc01,
.page-catalogue-10003 .desc01 {
color: #A5BC32;
}
/* petit outillage brosse */
.page-catalogue-10004 h2,
.page-catalogue-10004 h2 a,
.page-catalogue-10004 #desc01,
.page-catalogue-10004 .desc01 {
color: #559648;
}
/* electroportatif */
.page-catalogue-10005 h2,
.page-catalogue-10005 h2 a,
.page-catalogue-10005 #desc01,
.page-catalogue-10005 .desc01 {
color: #D06D28;
}
/* echelles */
.page-catalogue-10006 h2,
.page-catalogue-10006 h2 a,
.page-catalogue-10006 #desc01,
.page-catalogue-10006 .desc01 {
color: #C3211F;
}
/* finition */
.page-catalogue-10007 h2,
.page-catalogue-10007 h2 a,
.page-catalogue-10007 #desc01,
.page-catalogue-10007 .desc01 {
color: #8A3A86;
}
/* revetement mur et sol */
.page-catalogue-10008 h2,
.page-catalogue-10008 h2 a,
.page-catalogue-10008 #desc01,
.page-catalogue-10008 .desc01 {
color: #496F9C;
}

.x-dlg .x-dlg-hd-left {background-color:#fba800; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#fba800; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#fba800; background-image:none;}
.x-dlg .x-dlg-dlg-body {background-color:#fba800; border-bottom:3px solid #fba800; border-right:3px solid #fba800; border-left:3px solid #fba800; margin:0; padding:0;}
.x-dlg-mask {opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; background-color: #000;}
.yuiextdlg {position:absolute; left:-200px;}
.yuimenu .yuimenu {z-index:10;}
/* Boutique 
----------------------------*/
#page-boutique #contenuBody h2 {
border-bottom: 1px solid #F6A800;
margin: 0 0 1em 0;
}
input.quantite {width: 20px;}
#menuEtape {
margin: 0;
padding: 0;
}
#menuEtape li {
border: none;
float: left;
height: 18px;
list-style-type: none;
margin: 0 3px 5px 0;
padding: 10px 0;
}
	#menuEtape a {
	color: #FFF;
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	}
#navEtape-1 { background: #FFF url(../boutique/img/com/bg-etape-1.gif) right top no-repeat; width:183px;}
#navEtape-2 { background: #FFF url(../boutique/img/com/bg-etape-2.gif) right top no-repeat; width: 133px;}
#navEtape-3 { background: #FFF url(../boutique/img/com/bg-etape-3.gif) right top no-repeat; width: 179px;}
#navEtape-4	{ background: #FFF url(../boutique/img/com/bg-etape-4.gif) right top no-repeat; width: 113px;}

#navEtape-1-hover { background: #FFF url(../boutique/img/com/bg-etape-1.gif) right bottom no-repeat; width:183px;}
#navEtape-2-hover { background: #FFF url(../boutique/img/com/bg-etape-2.gif) right bottom no-repeat; width: 133px;}
#navEtape-3-hover { background: #FFF url(../boutique/img/com/bg-etape-3.gif) right bottom no-repeat; width: 179px;}
#navEtape-4-hover { background: #FFF url(../boutique/img/com/bg-etape-4.gif) right top no-repeat; width: 113px;}

#navEtape-4-hover a {color:#BF8917;}


#detailPanier a:link,
#identityLoginForm a:link {color: #5F595B;}
#detailPanier a:visited,
#identityLoginForm a:visited  {color: #5F595B;}
#detailPanier a:focus,
#identityLoginForm a:focus  {color: #5F595B;}
#detailPanier a:hover,
#identityLoginForm a:hover  {color: #5F595B;}
#detailPanier a:active,
#identityLoginForm a:active  {color: #5F595B;}

#detailPanier table.champQte {
border-collapse: collapse;
margin: 0;
padding: 0;
width: 40px;
}
#detailPanier table.champQte input {text-align:right;}
#detailPanier table.champQte a {
display: block;
height: 10px;
margin-bottom: 1px;
text-decoration: none;
width: 10px;
}
#detailPanier table.champQte td {
border: none;
padding: 0;
text-align: left;
}
.right {text-align:right;}

.dispBasketOtherArt {
	text-align:left;
	width:200px;
	float:left;
}
.dispBasketNextStep {
	text-align:right;
	float:left;
	width:435px;
}

table#detailPanier, table#renderPaiement {
border-collapse: collapse;
margin: 0 0 1em 0;
width: 100%;
}
	table#detailPanier p {margin: 0.5em 0;}
#detailPanier td, #renderPaiement td {
background: none;
border-bottom: 1px solid #999;
padding: 0.5em;
}
#detailPanier td#SSLPaiement {text-align:center;}
#detailPanier td#SSLPaiement input {
	background: url(../img/com/bg-btn-form.gif) left top repeat-x;
	border: 1px solid #666;
	color: #333;
	cursor: pointer;
	font-weight: bold;
	height: 20px;
	padding: 0 6px;
}
#detailPanier th, #renderPaiement th {
background: none;
border-bottom: 1px solid #999;
color: #333;
padding: 0.5em;
text-align: left;
}
	th.colCommander {
	width: 140px;
	}
#detailPanier th.colRef,
#detailPanier th.colLib,
#detailPanier th.colCond,
#detailPanier th.colPrix,
#detailPanier th.colQte {border-top: 1px solid #999;}

#detailPanier .colRef {
background: #958EBF;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
}

#detailPanier .colLib {
background: #BFB7D5;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
}
#detailPanier .colCond {
background: #D6D3E6;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
}
#detailPanier .colPrix {
background: #F1E951;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
color: #E7511E;
/*width: 45px;*/
}
#detailPanier .colQte {
background: #FFF;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
text-align: center;
width: 20px;
}
#paiementChooser {margin-bottom:100px;}

#adresseFacturation,
#adresseLivraison,	
#customerLogin,
#paiementChooser {
border-collapse: collapse;
margin: 0 0 15px 0;
width: 100%;
}

#adresseFacturation td,
#adresseLivraison td,	
#customerLogin td,
#paiementChooser td {
	background-color: #FFF;
	padding: 0.5em;
	border-bottom: 1px solid #CCC;
}
#adresseFacturation th,
#adresseLivraison th,
#customerLogin th,
#paiementChooser th/*,
#detailPanier .info*/ {
background: #FFF;
color: #5F595B;
padding: 0.5em;
text-align: left;
border-bottom: 1px solid #CCC;
}
#adresseFacturation th,
#adresseLivraison th {
width: 30%;
}
#adresseFacturation th.typeAdresse,
#adresseLivraison th.typeAdresse,
#paiementChooser th.typeAdresse,
#customerLogin th.typeAdresse {
background: #FFF;
color: #333;
letter-spacing: 2px;
text-transform: uppercase;
}
/*---------------------*/
#adresseFacturation2 {
border-collapse: collapse;
float: left;
font-size: 9px;
margin: 0 0 15px 0;
width: 50%;
}

#adresseFacturation2 td {
	background-color: #FFF;
	padding: 0.5em;
	border-bottom: none;
}
#adresseFacturation2 th {
background: #FFF;
color: #5F595B;
padding: 0.5em;
text-align: left;
border-bottom: none;
}
#adresseFacturation2 th {
width: 30%;
}
#adresseFacturation2 th.typeAdresse {
background: #FFF;
color: #333;
letter-spacing: 2px;
text-transform: uppercase;
}
/**/
#rechercher {
padding: 40px 0
}
#rechercher h2 {color: #008BD0;}
/*---------------------*/
.choixPaiement {float: left; margin: -5px 15px 0 0;}
.btnValidAdress {
margin: 5px;
}
.billingAddress label,
.deliveryAddress label {
display: block;
font-size: 1.2em;
margin: 2px 0;
padding: 2px 2px 2px 20px;
}
	.billingAddress label:hover,
	.deliveryAddress label:hover {
	background: #FFE9BF url(../boutique/img/com/pointer-select.gif) left center no-repeat;
	}
.billingAddress span { font-weight: bold;}
#designation {
width: 50%;
}
#prix {width: 25%;}

#identityLoginForm {
border-collapse: separate;
width: 100%;
}
#identityLoginForm h4 {
color: #333;
font-size: 1.2em;
margin: 0 0 1em 0;
text-transform: uppercase;
}
#identityLoginForm td {
background: #FFF;
border-bottom: 1px solid #CCC;
padding: 10px;
vertical-align: top;
width: 40%;
}
#identityLoginForm p {margin: 0.5em 0;}
#infoLegale {
padding-right: 20px; 
padding-bottom: 100px;
text-align: justify;
}
#page-commande h3 {
border-bottom: 1px solid #A8BE63;
margin-bottom: 1em;
text-transform: uppercase;
}

p#virPos {margin:5px 0 0 10px;}
p.virPos {margin:3px 0 3px 10px;}

input.b-formVert {
	background: #FFF url(../img/com/b-formVert.gif) left top no-repeat;
	border: none;
	color: #FFF;
	font-size:13px;
	font-weight: bold;
	padding: 2px 4px;
	width:150px;
	height:30px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
}
input.b-form {
	background: #FFF url(../img/com/b-form.gif) left top no-repeat;
	border: none;
	color: #FFF;
	font-size:13px;
	font-weight: bold;
	padding: 2px 4px;
	width:300px;
	height:30px;
	text-align: center;
	text-decoration: none;
	cursor:pointer;
}
.floatLeft {float: left;}
.floatRight {float: right;}

a.boutique:link {color: #7d668e;}
a.boutique:visited {color: #7d668e;}
a.boutique:focus {color: #7d668e;}
a.boutique:hover {color: #7d668e;}
a.boutique:active {color: #7d668e;}

h3 {
color: #475C5F;
font-size: 1.2em;
text-align: left;
}

p.alert {
	color:#8b0000;
	font-weight:bold;
	font-size:14px;
	margin-bottom:20px;
	text-align:center;
}

.b-formPaiement-compte {
background: url(../boutique/img/com/bg-b-devis.gif) left top repeat-x;
border: none;
color: #333;
cursor: pointer;
font-size: 0.9em;
font-weight: bold;
height: 70px;
padding: 0 6px;
width: 150px;
}
.b-formPaiement-virement {background: url(../img/com/bg-b-paiement-virement.gif) left top repeat-x;}
.b-formPrint-compte {
background: url(../boutique/img/com/bg-b-print.gif) left top repeat-x;
border: none;
color: #333;
cursor: pointer;
font-size: 0.9em;
font-weight: bold;
height: 70px;
padding: 0 6px;
width: 150px;
}

p#forTemplate {margin-bottom:100px;}

#msgAddItem {color:#ff0000;}

div.autosuggest {float:none; display:block;}

/* page accueil */
body#page-accueil #contenu {
background: #FFF;
border: none;
font-size: 11px;
margin: 10px 0 0 0;
padding: 0 0 14px 0;
width: 650px;
position: static;
}
#page-accueil #contenuHead {
background: #FFF;
margin: 0;
padding: 0;
height: 14px;
}
#page-accueil #contenuBody {
background: #FFF;
border: none;
margin: 0 0 14px 0;
padding: 5px;
}
.blocDemi {
background: #FFF url(../img/com/blocDemi-bg.gif) left top no-repeat;
border-bottom: 1px solid #F6A800;
padding: 3px;
position: relative;
width: 309px;
}
	.blocDemi form {
	margin: 0;
	padding: 0;
	}
	.blocDemi form p {
	margin: 0;
	padding: 0 5px;
	}
	.blocDemi h3 {
	color: #FFF;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 3px;
	margin: 0 0 10px 0;
	padding: 0 0 0 8px;
	text-transform: uppercase;
	}
	.blocDemi p {padding: 0 5px;}
	.blocDemi input {
	background: #666;
	border: none;
	color: #FFF;
	cursor: pointer;
	font-family: "Trebuchet MS", sans-serif;
	padding: 2px 4px;
	text-transform: uppercase;
	}
.blocDemiPrix {
color: #F00;
font-size: 2.4em;
font-weight: bold;
margin: 5px 0;
}
	.blocDemiPrix span {
	font-size: 0.5em;
	font-weight: normal;
	}
.blocDemiLibelle {
font-weight: bold;
margin: 5px 0;
text-transform: uppercase;
}
.blocDemiLien {
bottom: 0;
font-weight: bold;
margin: 5px;
position: absolute;
right: 0;
text-transform: uppercase;
}
.blocDemiDesc {
margin: 5px 0;
}
#blocDemiLeft {
float: left;
}
#blocDemiRight {
float: right;
}
#blocActuMain {
float: left;
position: relative;
/*width: 444px;*/
}
#blocActu {
background: #FFF url(../img/com/blocActu-bg.gif) left top no-repeat;
border-bottom: 1px solid #008BD0;
/*float: left;*/
margin: 10px 0 0 0;
padding: 3px;
/*position: relative;*/
width: 444px;
}
	#blocActu h3 {
	color: #FFF;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 3px;
	margin: 0 0 10px 0;
	padding: 0 0 0 8px;
	text-transform: uppercase;
	}
	#blocActu h4 {
	color: #C7371E;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}
#blocRejoindre {
float: right;
margin: 10px 0 0 0;
}
#blocBanniere {
position: absolute;
top: 40px;
right: 10px;
z-index: 2;
}
#b-actu-tout {
background: #008BD0 url(../img/com/b-actu-bg.gif) right top no-repeat;
color: #FFF;
height: 25px;
margin: 0 0 0 314px;
padding: 0;
text-align: center;
width: 136px;
}
	#b-actu-tout a {
	color: #FFF;
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
	}