/* Couleurs par univers */

#piednw {
	height: 30px;
	background-color: #000000;
}
#pied1nw {
	height: 5px;
	background-color: #6C6C60;
	position: static;
	font-size: 4px;
}
#pied2nw {
	background-color: #6C6C60;
	width: 100%;
	overflow: hidden;
	visibility: visible;
	position: relative;
	top: 0px;
	height:23px;
	z-index: 50;
		}
		#pied3nw {
	background-color: #6C6C60;
	width: 100%;
	overflow: hidden;
	visibility: visible;
	position: relative;
	top: 0px;
	height:5px;
	z-index: 50;
		}
		
#blueblockmenu{
display:block;
border: 1px solid #FFCC66;
border-bottom-width: 0;
width: 185px;
}

#blueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#blueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #blueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
width: 169px; /*185px minus all left/right paddings and margins*/
}

#blueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#blueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid #FFCC66;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
#header #main-nav li a.hover miniboxproduit{display: block;}
#header_NEW #main-nav li a.hover miniboxproduit{display: block;}

#test{
	
	padding-right: 0px; display :none; position:absolute; margin:30px; margin-left:0px;}
	
.niveau2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	background-color: #FFFFFF;
	z-index: 99999;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: black;
	border: 1px solid #B4CB34; 
}

.niveau2-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	margin-right:10px;
	color: red;
	}
	
	.niveau22:hover {
	color:#000000 ;
	}
	/* ici le cadre */
#moncadre {
width:100%;
height:100%;
margin:auto;
padding:2px;
display:block;
}
/* ici le menu de gauche */
.cadredumenugauche {
position:relative;
float:left;
text-align:left;
width:18%;
padding:1px;

}
/* ici le menu de droite */
.cadredumenudroite {
position:relative;
float:left;
padding:3px;
width:80%;

margin:0px;
}


.produit_liste{
}

/*--category list--*/
.categoryList{margin:0 0 3px 2px;border:1px solid #cccccc;font-size:1.2em;}
.contents:hover{text-decoration:underline; color:#99FF66;}
.categoryList dt{
	font-weight:bold;
	padding:5px 0 6px 6px;
	vertical-align: middle;
	}
.fondvers{
display:block;
background-color:#B4CB33;


}

.categoryList dt a,#blaNavigation .categoryList dt a:link,#blaNavigation .categoryList dt a:visited,#blaNavigation .categoryList dt a:active{color:black;border:0;}
.categoryList dt a:hover:after{content: "";}
.categoryList dd{
	padding:2px;
	margin: 0px;
}
.categoryList dd a:link,#blaNavigation .categoryList dd a:visited{border-bottom:0;}
.categoryList dd a:hover,#blaNavigation .categoryList dd a:active{border-bottom:1px solid #FF9900;}
.categoryList .clMore{vertical-align:top;}
.categoryList .clMoreImg{vertical-align:middle;}
.categoryList .clMore dl{list-style:none;margin:0;}
.categoryList .clMore dl dd{padding:0 3px 5px 0;}	
.categoryList span.grey{color:Gray;}


caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table #produit /* Le tableau en lui-même */
{
width:100%;
   margin: auto; /* Centre le tableau */
   border: 1px outset black; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th #produit /* Les cellules d'en-tête */
{
   background-color: #006600;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td #produit /* Les cellules normales */
{
	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
	text-align: center;
	padding: 1px;
		vertical-align:middle;




}
bordeur_gauche{
	border-left: 1px solid black;
}
bordeur_droite{
			border-right: 1px solid black;
}
td .bordeur_haut{
			border-top: 1px solid black;
}

#page_produit{
width:100%;
margin:auto;
padding:5px;
display:block;

}


#produit_gauche{
	width:500px;
	margin-left:2px;
	margin-right:15px;
	float:left;
	font-size: 9px;

}


#descri{
	width:491px;
	padding-top:10px;
	padding-left:10px;

	float:none;
	display:block;
	clear: both;
	text-align:justify;
}
#garanti{
	width:491px;
	padding-top:10px;
	padding-left:10px;

	float:none;
	display:block;
	clear: both;
	text-align:justify;
}
#meme_produit{
	width:491px;
	padding-top:10px;
	padding-left:10px;
	float:none;
	display:block;
	clear: both;

	text-align:justify;
}

#associer{
	width:99%;
	height:100%;
margin:auto;

	margin-left:5px;
	
}

#technique{
	width:99%;
	height:100%;
margin:auto;

	margin-left:5px;
	float:none:
	display:block;
	position:relative;
}

#produit_droite{
height:100%;
margin:auto;
display:block;


}


#produit_haut{
width:100%;
margin:auto 10px auto auto;
display:block;


}

#produit_bloc_photo{
position:relative;
width:250px;
height:340px;
float:left;

}
#produit_bloc_tarif{
position:relative;
width:250px;
height:340px;
float:left;

}

	/* Divers */
	.example {
		margin: 20px auto;
		height:260px;
	}
	
	/* PREMIER EXEMPLE */
	.imagebox {
	margin-left:2px;
		text-align: center;
		vertical-align: middle;
	}
	.imagebox img {
		vertical-align: middle;
	}


.name{width:40%;border-left:1px solid #e7e7e7;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; }
.desc{width:60%;border-left:1px solid #e7e7e7;clear:right;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.title{font-weight:bold;padding:5px 0;border-bottom:2px solid #e7e7e7; background-color:#CCCCCC}
.affich_pdf {
overflow : auto;
width : 100%;
height : 1500px;
border : 0;
}
#cbinfo {
	position: absolute;
	visibility: inherit;
	left:515px;
	z-index:20;
	overflow:scroll;
	border:medium solid #666666;
	clear: both;
	background-color: #FFFFFF;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	float: none;
	right: auto;
	overflow-y: hidden;
	overflow-x:hidden;
	overflow:hidden;
	top: 215px;	
	display:none;
}