/*****************************************/
/*SITE Reversible - layout */
/*****************************************/
/* couleurs utilisees

vert	#b4cb28; 
gris	#4a5151; 
*/
#fond
{
	width:1350px;
	height:1000px;
	margin:0 auto 0 auto;
	padding-top:80px;
	background:url(../img/bg-ville2.jpg) no-repeat top left;

}
#fond-special
{
	width:1350px;
	height:1000px;
	margin:0 auto 0 auto;
	padding-top:80px;
	background:url(../img/fond_special.jpg) no-repeat top left;
}
/*****************************************/
/* masque sous div en popup*/
/*****************************************/
#masque
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1500px;
	background:black;
	opacity:0.6;
	z-index:5;
	display:none;
	
}
html.MSIE #masque
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

#masque.clicked
{
	display:block;
}

/*****************************************/
/*cadre page*/
/*****************************************/

#containerborder
{
	float:left;
	padding-left:57px;
}
#containerborder2
{
	width:1126px;
	background:url(../img/bg-blanc-ombre.gif) repeat-y top;
	
}
#container
{
	width:1098px;
	background:url(../img/bg-cadreblanc.gif) no-repeat top;
	padding-top:35px;
	padding-left:14px;
	padding-right:14px;
}
#calage
{
	float:left;
	width:13px;
	height:450px;
	border:1px solid white;
}
/*****************************************/
/* navigation outils*/
/*****************************************/
#langues
{
	position:absolute;
	width:300px;
	margin-top:0;
	margin-left:12px;
	text-transform:uppercase;
	color:white;
	z-index:4;
}
#langues UL
{
	margin:20px 0 0 0;
	padding:0;
}
#langues LI
{
	margin:10px 0 0 0;
	padding:0 5px;
	list-style-type:none;
	float:left;
}
#langues LI A
{
	color:white;
}

#langues LI A IMG
{
	border: 0px;
}


#top
{
	position:absolute;
	width:1110px;
	margin-top:-28px;
	text-transform:uppercase;
	color:white;
	z-index:2;
}
#newsletter FORM
{
	float:right;
	padding:5px 0;
	margin:0;
}
#newsletter INPUT
{
	color:#ccc;
	font-size:11px;
	background:#666;
}
#newsletter INPUT#email
{
	width:150px;
}
#newsletter INPUT.valider
{
	text-transform:uppercase;
}

#export 
{
	float:right;
	padding:5px 0;
	margin:0;
}
#export A
{
	color:#ccc;
	font-size:11px;
	background:#666;
}
#export A.valider
{
	text-transform:uppercase;
}

#outils UL
{
	margin:0;
	padding:0;
}
#outils LI
{
	margin:0;
	padding:0 2px;
	list-style-type:none;
	float:right;

}
#outils LI A
{
	color:white;
}

/*****************************************/
/*navigation gauche*/
/*****************************************/

#gauche
{
	float:left;
	width:225px;
}
#logo
{
	/*position:absolute;
	margin-top:25px;
	margin-left:80px;*/
	z-index:20;
	padding:0;
	border-top:5px solid white;
	border-bottom:5px solid white;
}
#logo IMG
{
	width:200px ;
	overflow:hidden;
	border:0;

}

#navigation
{
	width:200px;
	/*margin-top:70px;*/
	text-transform:uppercase;
}
#navigation DIV
{
}
#navigation DIV.nav1 A
{
	display:block;
	width:165px;
	height:20px;
	color:#4a5151;
	font-weight:bold;
	font-size:1.1em;
	padding-left:35px;
	padding-top:10px;
	text-decoration:none;
}
#navigation DIV.nav1 A:hover
{
	color:white;
	text-decoration:none;
}
#navigation DIV.nav1 A.current
{
	color:white;
	cursor:text;
}
#reversible A
{
	background:url(../img/nav/reversible.gif) no-repeat left;
}
#reversible A:hover,#reversible A.current
{
	background:#b4cb28 url(../img/nav/reversible-on.gif) no-repeat left;
}
#le-concept A
{
	background:url(../img/nav/concept.gif) no-repeat left;
}
#le-concept A:hover,#le-concept A.current
{
	background:#b4cb28 url(../img/nav/concept-on.gif) no-repeat left;
}
#la-boutique A
{
	background:url(../img/nav/boutique.gif) no-repeat left;
}
#la-boutique A:hover,#la-boutique A.current
{
	background:#b4cb28 url(../img/nav/boutique-on.gif) no-repeat left;
}
#cheques-cadeaux A
{
	background:url(../img/nav/cheques-cadeaux.jpg) no-repeat left;
}
#cheques-cadeaux A:hover,#cheques-cadeaux A.current
{
	background:#b4cb28 url(../img/nav/cheques-cadeaux-on.jpg) no-repeat left;
}
#points-de-vente A
{
	background:url(../img/nav/pointsdevente.gif) no-repeat left;
}
#points-de-vente A:hover,#points-de-vente A.current
{
	background:#b4cb28 url(../img/nav/pointsdevente-on.gif) no-repeat left;
}
#newsletter A
{
	background:url(../img/nav/newsletter.gif) no-repeat left;
}
#newsletter A:hover,#newsletter A.current
{
	background:#b4cb28 url(../img/nav/newsletter-on.gif) no-repeat left;
}
#professionnels A
{
	background:url(../img/nav/professionnels.gif) no-repeat left;
}
#professionnels A:hover,#professionnels A.current
{
	background:#b4cb28 url(../img/nav/professionnels-on.gif) no-repeat left;
}

#accueil A
{

}
#accueil A:hover,#accueil A.current
{
	background:#b4cb28;
}
UL.nav2
{
	margin:0;
	padding:0;

}
.nav2 LI
{
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:1em;
	border:1px solid white;
}
.nav2 LI A
{
	display:block;
	padding:3px 0 3px 18px;
	text-tranform:uppercase;
	color:#4a5151;	/*gris*/
}
.nav2 LI A:hover
{
	text-decoration:none;
	color:#9dac41;
		background:#b4cb28;
		color:white;
}
.nav2 LI.current A,.nav2 LI.current A:hover
{
	cursor:text;
	color:#a7c00d; 
	background:white;
}


/*****************************************/
/*pagecontent */
/*****************************************/
#pagecontent
{
	float:left;
	width:815px;
	margin-left:25px;
}
#bottomcontainer
{
	width:1126px;
	height:22px;
	background:url(../img/bg-bottom-blanc.gif) no-repeat top;
}
/*****************************************/
/*footer : mentions legales*/
/*****************************************/
#footer
{
	width:1110px;
	position:absolute;
	margin-top:-10px;

}
#mentions
{
	float:left;
	width:530px;
	padding-left:20px;

}
#mentions A
{
	color:white;
}
#mentions A:hover
{
	color:#ccc;
}
#creditslogos
{
	float:right;
	width:320px;

}
#creditslogos A
{
	display:block;
	float:right;
	padding:0 5px;
}
A#valraiso
{
	padding-top:5px;
}
#creditslogos IMG
{
	border:0;
}
/*****************************************/
/*hors cadre*/
/*****************************************/
#unpourcent
{
	position:absolute;
	margin-left:8px;
	margin-top:190px;
}

#baseline
{
	float:left;
	width:160px;
	margin-top:100px;
	text-transform:uppercase;
}
#baseline H2
{
	line-spacing:1.2em;
	color:#333;
}
#baseline H2 .h1
{
	font-size:1.3em;
	letter-spacing:0.1em;
}
#baseline H2 .h2
{
	font-size:1.1em;
	letter-spacing:0.1em;
}
#baseline H2 .h3
{
	font-size:1em;
	letter-spacing:0.01em;
}
#baseline H2 .h4
{
	font-size:0.9em;
	letter-spacing:0.02em;
}

#septitre
{
	margin:3px 0;
}
#sepbottom
{
	margin:10px 0;
}
/*****************************************/
/*sitemap*/
/*****************************************/
#cartedusite
{
	text-transform:uppercase;
	font-size:1.1em;
}
#cartedusite LI
{
	padding:3px;
}
/*****************************************/
/*mentions legales*/
/*****************************************/
#legal
{
	width:70%;
	text-align:justify;
}
#legal TH,#legal TD
{
	padding:3px;
	margin:2px;
}
#legal TH
{
	text-align:right;
	font-weight:normal;
	color:#666;
}

/*****************************************/
/*pages de contenu*/
/*****************************************/

.letexte
{
	text-align:justify;
	line-height:1.3em;
	/*letter-spacing:0.1em;*/
}
#textegauche,#textedroit
{
	float:left;
	width:400px;
	margin-bottom:20px;
}
#textegauche2
{
	padding:10px 10px 0 0;
}
#textedroit2
{
	padding:10px 0 0 10px;
}
.fdcarre
{
	margin-left:5px;
	margin-bottom:5px;
	float:left;
	font-size:0;
	line-height:0;
}
.carre
{
	background:#b2be26;
	background:#a8d045;
	width:110px;
	height:110px;
	color:white;
	text-transform:uppercase;
}
.carre IMG
{
	border:0;
}	
/*****************************************/
/*garanties paiement livraison satisfait rembourse*/
/*****************************************/
#garanties
{
	float:right;
	margin-top:30px;
	border:1px dotted #ccc;
	width:400px;
	margin-bottom:10px;
}	
#garanties2
{
	padding:3px;
}	
#garanties IMG
{
	border:0;
}
.garantie
{
	float:right;
	margin:0 10px;
	text-align:center;
	font-weight:bold;
}
/*****************************************/
/* Messages d'erreurs                    */
/*****************************************/
.erreur
{
	color:red;
	font-weight:bold;"
}