/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
	background:#fff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

#body{
	background: #bec393 url(/images/bgBody.gif) repeat-x;
}


#bgSide{
	background: url(/images/bgSide.jpg) center top no-repeat;

}



/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f0f0f0;}
.clearleft{float:left;width:245px;position:relative;}


/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 760px;
	margin: 0 auto;
}

a:link {color:#6d770c;text-decoration:underline;}
a:visited {color:#6d770c;text-decoration:underline;}
a:hover {color:#6d770c;text-decoration:none;}
a:active {color:#6d770c;text-decoration:underline;}

/* Le Header
--------------------------------------------------------------------------------------- */

#header {
width:760px;
height:229px;
background: url(/images/bgHeader.jpg) ;
position:relative;
}

#logo{
position:absolute;
top:10px;
left:85px;
}


#menu{
width:760px;
height:41px;
background: url(/images/bgMenu.gif) ;
position:Relative;
text-transform:uppercase;
font-weight:bold;
}

#menu ul{
	position:absolute;
	left:10px;
}
#menuTop{
	top:3px;
	color:#6d770c;
}

#menuBottom{
top:23px;
color:#17417b;

}

#menuTop li, #menuBottom li{
	float:left;
	padding:0px 10px;
	background:url(/images/sepVert.gif) left top no-repeat;
}

#menuBottom li{
	background:url(/images/sepBleu.gif) left top no-repeat;
}

#menuTop li.noBG, #menuBottom li.noBG{
	background:none;
}

#menuTop li a {color:#6d770c;text-decoration:none;}
#menuBottom li a {color:#17417b;text-decoration:none;}
#menuTop li a:hover, #menuBottom li a:hover {color:#dd5f1d;}



#aMarchand{
font-weight:bold;
color:#dd5f1d;
position:absolute;
right:26px;
top:9px;
text-transform:uppercase;
}

#aMarchand a:link {color:#dd5f1d;text-decoration:none;}
#aMarchand a:visited {color:#dd5f1d;text-decoration:none;}
#aMarchand a:hover {color:#dd5f1d;text-decoration:underline;}
#aMarchand a:active {color:#dd5f1d;text-decoration:none;}

#aMarchand span{
font-size:18px;
}




/* Le Contenu
--------------------------------------------------------------------------------------- */

#content {
background: #fff url(/images/bgContent.jpg) no-repeat top;
width:760px;
float:right;
}

/* ------------------------------------------------------------------------------------
	 COLONNE DROITE
	 ------------------------------------------------------------------------------------ */
#contentRight{
width:220px;
float:right;
padding:15px;
padding-top:20px;
}

p#switchProdRight{
	position:relative;
	top:10px;
	left:7px;
	color:#41536e;
}

#switchProdRight a{
	font-size:9px;
	color:#758cae;
	margin:0px;
	padding:0px;
}

#switchProdRight a:link {color:#758cae;}
#switchProdRight a:visited {color:#758cae;}
#switchProdRight a:hover {color:#758cae;text-decoration:none;}
#switchProdRight a:active {color:#758cae;}

#pVedette{
	width:210px;
	height:173px;
	background: url(/images/bgVedette.jpg);
	margin-bottom:10px;
}
	#btnPrev{
		display:block;
		float:left;
		width:30px;
		height:31px;
		background:url(/images/btnPrev.jpg);
		cursor:pointer;
	}
	#btnPrevDiv{
		float:left;
		margin:45px 7px 0px 16px;
		width:30px;
		height:31px;
	}
	
	#photoProd{
		float:left;
		border:2px solid #70a4d6;
	}
	
	.photoProd{
		float:left;
		border:2px solid #70a4d6;
	}
	
	#photoProduit{
		float:left;
		border:1px solid #70a4d6;
		margin-bottom:10px;
	}
	#btnNext{
		display:block;
		float:left;
		width:30px;
		height:31px;
		background:url(/images/btnNext.jpg);
		margin:45px 7px 0px 7px;
		cursor:pointer;
	}
	#nomDuProduit{
		clear:left;
		text-align:center;
		padding-top:2px;
		font-size:11px;
		color:#17417b;
	}

#series{
	width:210px;
	background: url(/images/bgSeries.jpg);
}
	.serieAffichage{
	position:relative;
	width:200px;
	height:51px;
	}
	.photoProd{
	position:absolute;
	top:5px;
	left:15px;
	}
	
	.serieAffichage img{
		border-bottom-width:3px;
		border-bottom-color:
	}
	
	.serieAffichage a.lien{
		position:relative;
		top:0px;
		left:0px;
		color:#17417b;
		font-size:12px;
		text-decoration:none;
	}
	
	.serieAffichage a{
		position:absolute;
		top:12px;
		left:66px;
		color:#17417b;
		font-size:12px;
		text-decoration:none;
	}
	.serieAffichage a span{
		font-size:10px;
		color:#6d770c;
	}
	.serieAffichage a:hover{
		text-decoration:underline;
	}

	#bottomSeries{
		width:210px;
		height:44px;
		background:url(/images/bottomSeries.jpg);
		position:relative;
	}
		#bottomSeries a{
			font-size:11px;
			position:absolute;
			right:15px;
			bottom:16px;
			color:#fff;
			text-decoration:underline;
		}
		#bottomSeries a:hover{
			text-decoration:none;
		}
		#bottomSeries a span{
				text-decoration: none;
				font-weight: bold;
			}
/*
.SDP{
		position:absolute;
		top:16px;
		left:66px;
		color:#17417b;
		font-size:12px;
	}
.SDP:link {text-decoration:none;}
.SDP:hover {text-decoration:underline;}


.NDP{
position:absolute;
top:25px;
left:66px;
font-size:12px;
color:#17417b;
}

.NDP:link {text-decoration:none;}
.NDP:visited {text-decoration:none;}
.NDP:hover {text-decoration:underline;}
.NDP:active {text-decoration:none;}*/


/*#plusDinfo{
	font-size:11px;
	position:absolute;
	right:15px;
	bottom:16px;
	color:#fff;
}
#plusDinfo:link {text-decoration:none;}
#plusDinfo:hover {text-decoration:underline;}*/

/* ------------------------------------------------------------------------------------
	 COLONNE GAUCHE
	 ------------------------------------------------------------------------------------ */
#contentLeft{
	width:465px;
	padding:0 0 0 20px;
}
.backgroundBleu{
	background:#dce4f0;
}
.backgroundBleuLight{
	background:#dee5ce;
	width:465px;
}
.backgroundTrans{
	background:none;
	width:465px;
}
/*.hrefContainer{

}*/



.moreSeries, .moreSeries2{
width:100px;
float:left;
margin:4px 17px 11px 2px;
position:relative;
}
.moreSeries2{
margin:4px 0px 11px 2px;
}


.moreSeries .backgroundBleu, .moreSeries2 .backgroundBleu{
border:2px solid #ccc;
margin:5px 0px 0px 0px;
padding:5px 0px;
text-align:center;
}

.hrefContainer .picFrontShow{
border:2px solid #70a4d6;
z-index:1;
}

.hrefContainer .biggerr{
display:none;
position:absolute;top:-80px;left:50px;
z-index:40;
border:4px solid #5b76a0;
background:#fff;
}

#pointDvente p {
padding-left:15px;

}




/* Liens
------------------------------------- */




/* Typographie
------------------------------------- */

h1 {
	font: bold 16px/19px Arial, Verdana, Helvetica, sans-serif;
	padding-top:30px;
	padding-bottom:12px;
	background:url(/images/bottomH1.jpg) bottom left repeat-x;
	color:#6d770c;
	margin-bottom:15px;
	text-transform:uppercase;
}
.hr{
	background:url(/images/bottomH1.jpg) bottom left repeat-x;
	height:40px;
	margin-bottom:10px;
}

h2 {
	font: bold 14px/17px Arial, Verdana, Helvetica, sans-serif;
	color:#e55f23;
	padding:5px 0px 8px 0;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#660033;
	padding:5px 10px;
	padding-top:15px;
}

h4 {
	font-size:14px;
	color:#66CC00;
	padding:5px 10px;
	padding-top:15px;
}
h5 {
	font-size:12px;
	font-weight:bold;
	color:#222;
	padding:5px 10px;
	padding-top:15px;
}

h6 {}

#contentLeft p{
	font: normal 12px/16px Arial, Verdana, Helvetica, sans-serif;
	color:#222222;
	padding:3px 0px 5px 0;
	text-align:justify;
}
#content .moreSeries .backgroundBleu, #content .moreSeries2 .backgroundBleu{
	border:2px solid #ccc;
	border-top:#666666;
	margin:0px;
	padding:5px 5px;
	width:90px;
	text-align: center;
}

#leProduit{
	clear:left;
}
#leProduit p{
	padding: 5px 2px 5px 2px;
	margin:0px;
}


#content ul{
	padding:10px 0 10px 25px;
	list-style:none;
}

#content li{
	padding:0 0 10px 18px;
	background:url(/images/bulletDefaut.gif) no-repeat;
}
	#content li ul li, #content ul.ligne li{
		padding:0 0 10px 25px;
		background:url(/images/bullet.gif) no-repeat;
	}

.picProduits{
	margin:5px;
	border:2px solid #70a4d6;
	float:left;
}

.googlemap{
margin-left:15px;
border:2px solid #333300;


}
.viewBigger{
margin-left:15px;
}



#content ul.pageNumber{
	list-style:none;
	width:280px;
	display:block;
	text-align:center;
	position:relative;
	left:35px;
	padding-top:15px;
	padding-bottom:10px;
	clear:left;
	margin:0 auto;
}

#content ul.pageNumber li{
	list-style:none;
	float:left;
	padding:5px;
	background:none;
}


/* Listes
------------------------------------- */

/*ul {}
ol {}
li {}
dl {}
dt {}
dd {}*/


/* Tableaux
------------------------------------- */
/*
table {}
caption {}
th {}
td {}
*/

/* Formulaires
------------------------------------- */
/*
form {}
input {}
textarea {}
label {}
fieldset {}
legend {}
*/


/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	clear: both;
	width:760px;
	height:135px;
	background:#bec393 url(/images/bgFooter.jpg) no-repeat top;
	position:relative;
}

#copyright{
display:block;
position:absolute;
top:85px;
left:5px;
font-size:11px;
color:#fff;
}


#copyright a:link {color:#fff;text-decoration:none;}
#copyright a:visited {color:#fff;text-decoration:none;}
#copyright a:hover {color:#fff;text-decoration:underline;}
#copyright a:active {color:#fff;text-decoration:none;}

a#HDP{
	display:block;
	position:absolute;
	top:90px;
	right:5px;
	font-size:11px;
	padding-left:14px;
	background:url(/images/hdp.jpg) no-repeat center left;
}

a#HDP {color:#fff;text-decoration:none;}
a:hover#HDP {color:#fff;text-decoration:underline;}