@charset "utf-8";
/* CSS Document */
/*
Jeux de couleurs 2008-09 -> 2009-10

0 pages statiques	#84A3D0
2 electronique :	#008AC9
3 maison : 			#F39754
1 biotech : 		#46A12A
7 bureau  : 		#9C4B0C
6 securite : 		#E2002A
5 loisirs : 		#A9398B
4 ex Art de vivre	#AA2553
99 Fin de serie		#84A3D0		
*/

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;}
#contener{
	margin:0 auto;
	padding:0;
	width:650px;}
/*----------------------------------BANDEAU----------------------------------*/#008AC9
#contener #bandeau{
	background-repeat:no-repeat;
	background-position:top;
	height: 208px;
	margin:10px auto 0px auto;
	padding:21px 0 0 0;
	width:650px;}
/*
.bandeau0{
	background-image:url(../images/bandeau0.png);
}
.bandeau1{
	background-image:url(../images/bandeau1.png);
}
.bandeau2{
	background-image:url(../images/bandeau2.png);
}
.bandeau3{
	background-image:url(../images/bandeau3.png);
}
.bandeau4{
	background-image:url(../images/bandeau4.png);
}
.bandeau5{
	background-image:url(../images/bandeau5.png);
}
.bandeau6{
	background-image:url(../images/bandeau6.png);
}
.bandeau7{
	background-image:url(../images/bandeau7.png);
}
*/

.bandeau0{
	background-image:url(../images/bandeau0.png);
}
.bandeau1{
	background-image:url(../images/bandeau1.jpg);
}
.bandeau2{
	background-image:url(../images/bandeau2.jpg);
}
.bandeau3{
	background-image:url(../images/bandeau3.jpg);
}
.bandeau4{
	background-image:url(../images/bandeau4.jpg);
}
.bandeau5{
	background-image:url(../images/bandeau5.jpg);
}
.bandeau6{
	background-image:url(../images/bandeau6.jpg);
}
.bandeau7{
	background-image:url(../images/bandeau7.jpg);
}
.bandeau99{
	background-image:url(../images/bandeau99.jpg);
}

/*----------------------------------NAV1----------------------------------*/
#contener #bandeau ul#nav1{
	margin:0 0 0 105px;
	padding:10px 0 0;
	}
#contener #bandeau ul#nav1 li{
	border-left:#FFFFFF solid 2px;
	display:inline;
	margin:0;
	padding:0 5px 0 5px;}
#contener #bandeau ul#nav1 li.first{
	border-left:none;}
#contener #bandeau ul#nav1 li a{
	color:#FFFFFF;
	margin:0;
	padding:0;
	text-decoration:none;
}
#contener #bandeau ul#nav1 li a:hover{
	color:#F39754;}

#contener #bandeau #logo{
	height:61px;
/*	margin:30px 0 40px 40px;*/
	margin:5px 0 70px 80px;
	padding:0;
}
	/*----------------------------------NAV2----------------------------------*/
#contener #bandeau ul#nav2{
	height:24px;
	margin:0  0 0px 0;
	padding:0;}
#contener #bandeau ul#nav2 li{
	background-position:left;
	background-repeat:repeat-x;
	display:inline;
	height:24px;
	list-style:none;
	margin:0 2px 0 0 ;
	padding:4px 2px 9px 2px;}
#contener #bandeau ul#nav2 li a{
	display:inline-block;
	height:24px;
}
#contener #bandeau ul#nav2 li#famille1{
	background-color:#46A12A;
}
#contener #bandeau ul#nav2 li#famille2{
	background-color:#008AC9;
}
#contener #bandeau ul#nav2 li#famille3{
	background-color:#F39754;
}
#contener #bandeau ul#nav2 li#famille4{
	background-color:#AA2553;
}
#contener #bandeau ul#nav2 li#famille5{
	background-color:#A9398B;
}
#contener #bandeau ul#nav2 li#famille6{
	background-color:#E2002A;
}
#contener #bandeau ul#nav2 li#famille7{
	background-color:#9C4B0C;
}
#contener #bandeau ul#nav2 li#famille99{
	background-color:##84A3D0;
}
#contener #bandeau ul#nav2 li a{
	color:#FFFFFF;
	margin:0;
	padding: 0 2px;
	text-decoration:none;
}
#contener #bandeau ul#nav2 li a:hover{
	text-decoration:overline;
}

	/*----------------------------------NAV3----------------------------------*/
#contener #bandeau  ul#nav3{
	margin:0 0 10px 0;
	padding:3px;}
#contener #bandeau  ul#nav3 li{
	border-left:#FFFFFF solid 1px;
	display:inline;
	list-style:none;
	margin:0;
	padding:0 5px 0 5px;}
#contener #bandeau  ul#nav3 li.first{
	border-left:none;}

#contener #bandeau  ul#nav3 li a{
	color:#FFFFFF;
	margin:0;
	padding:0;	
	text-decoration:none;
}
#contener #bandeau  ul#nav3 li a:hover{
	text-decoration:underline;
}
/*--------------------------CONTENU---------------------------------*/
.couleur0{
/*	background-color:#ccc;
	border:#ccc solid 1px;*/
	background-color:#606060;
	border:#606060 solid 1px;
/* couleur 2008-09
	background-color:#84A3D0;
	border:#84A3D0 solid 1px;*/
}
.couleur1{
	background-color:#46A12A;
	border:#46A12A solid 1px;
}
.couleur2{
	background-color:#008AC9;
	border:#008AC9 solid 1px;
}
.couleur3{
	background-color:#F39754;
	border:#F39754 solid 1px;
}
.couleur4{
	border:#AA2553 solid 1px;
	background-color:#AA2553;
}
.couleur5{
	background-color:#A9398B;
	border:#A9398B solid 1px;
}
.couleur6{
	background-color:#E2002A;
	border:#E2002A solid 1px;
}
.couleur7{
	background-color:#9C4B0C;
	border:#9C4B0C solid 1px;
}
.couleur99{
	background-color:#ffcc01;
	border:#ffcc01 solid 1px;
}
.couleurtexte0{
	color:#84A3D0;
}
.couleurtexte1{
	color:#46A12A;
}
.couleurtexte2{
	color:#008AC9;
}
.couleurtexte3{
	color:#F39754;
}
.couleurtexte4{
	color:#AA2553;
}
.couleurtexte5{
	color:#A9398B;
}
.couleurtexte6{
	color:#E2002A;
}
.couleurtexte7{
	color:#9C4B0C;
}
.couleurtexte99{
	color:#ffcc01;
}
#contener #contenu{
	margin:0;
	padding:0;
	width:650px;}
#contener #contenu ul.produit{
	margin:0 0 10px 0  ;
	padding:0;
	width:650px;}
#contener #contenu ul.produit li{
	background-color:#FFFFFF;
	float:left;
	list-style:none;
	margin:0 10px 10px 0px;
	padding:10px 0 0 0;
	overflow:inherit;
	width:312px;
}
#contener #contenu ul.produit li .photoProduit{
	text-align:center;
	display:inline-block;
	float:left;
	height:145px;
	width:145px;}
#contener #contenu ul.produit li a img{
	border:none;
	float:left;
	margin:0;
	cursor:pointer;
	padding:0;}
	
#contener #contenu ul.produit li .description{
	float:left;
	height:140px;
	margin:0;
	overflow:auto;
	padding:0;
	width:160px;}
#contener #contenu ul.produit li .vignette{
	float:left;
	margin:0 0 	5px  0 ;
	padding:0;
	width:130px;}
#contener #contenu ul.produit li .reference{
	clear:left;
	color:#FFFFFF;
	float:left;
	line-height:19px;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:3px;
	width:80px;}
#contener #contenu ul.produit li .designation{
	float:left;
	font-weight:bold;
	line-height:19px;
	margin:0 ;
	padding:3px 0 0 5px;
	width:210px;
	overflow:hidden;
	height:19px;}
#contener #contenu h1{
	font-size:16px;
	letter-spacing:0.1em;
	margin:0;
	padding:0;
	}
#contener #contenu h1 a{
	color:#000000;
	text-decoration:none;
	}
#contener #contenu h1 a:hover{
	color:#000000;
	}
#contener #contenu .mail a{
	color:#000000;
	text-decoration:none;
	}

/*------------------------------FOOTER------------------------------*/
#contener p#footer{
	color:#FFFFFF;
	float:left;
	font-size:10px;
	margin:10px 0;
	padding:2px;
	text-align:center;
	width:645px;
	}

#contener p#footer a{
	color:#FFFFFF;
	text-decoration:none;
	}

/*------------------------------COPYRIGHT------------------------------*/
#copyright{
	float:right;
	font-size:10px;	
	margin:0;
	padding:0;
}


/*-------------Catalogue-------------*/
#contenu ul.boite {
	background-color:#FFFFFF;
	border:1px solid #84A3D0;
	float:left;
	font-weight:bold;
	height:151px;
	list-style-type:none;
	margin: 0 5px 10px 7px;
	padding: 3px;
	width:300px;
}
#contenu ul.boite img{
	margin: 0 3px 0 0;
}
#contenu ul.boite li {
	font-weight:normal;
	padding-left:10px;
	float:left;
	width:110px;
	text-decoration:none;
}
#contenu ul.boite li a{
	color:#000000;
	float:left;
	font-size:9px;
	overflow:hidden;
	text-decoration:none;
}
#contenu ul.boite a {
	color:#000000;
	float:left;
	font-size:9px;
	overflow:hidden;
}

/*-------------pages Familles-------------*/
#contenu ul#sousFamille{
	float:left;
	font-weight:bold;
	list-style-type:none;
	margin: 0 0 10px 0;
	padding: 0px;
	width:650px;
}
/*p.box {
	border:1px solid #84A3D0;
	float:left;
	padding: 3px;
	margin: 0 5px 0 7px;
	width:300px;
}*/
li.boxphoto {
	height:170px;
	float:left;
	list-style-type:none;
	margin: 0 5px 10px 7px;
	padding:0px;
	width:300px;
}
li.boxphoto .border {
	background-color:#FFFFFF;
	height:150px;
	overflow:hidden;
	margin-top:3px;
	width:300px;
}
li.boxphoto a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
/*--------- CGV -------------*/
#contener #contenu h2{
	font-size:12px;
	font-weight:bold;
/*	letter-spacing:0.1em;
	margin:0;
	padding:0; */
	}
#contener #contenu #cgv p{
	font-size:11px;
	text-align:justify
	}

/*------------- Fin -------------*/