/* CSS Document */

BODY {
	margin: 0px;
	padding: 0px;
	background-color: #cbcbcb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666; 
}

h1,h2,h3{
	font-size:inherit;
	font-weight:inherit;
	color:inherit;
	margin:2px;
	padding:0px;
}

IMG {
	border: 0px;
}

/* Vincent M - Sert à centrer verticalement les vignettes */
.tabVcenter{
	width:161px;
	margin:0px;
	padding:0px;
}
.tabVcenter td{
	width:161px;
}
.tabVcenter tr{
	width:161px;
	height:122px;
}

/* Vincent M - Sert à centrer verticalement les vignettes */
.tabVcenter2{
	width:156px;
	margin:0px;
	padding:0px;
}
.tabVcenter2 td{
	width:156px;
}
.tabVcenter2 tr{
	width:156px;
	height:122px;
}


/* Cadres de la page */

#fond-page {
	position: absolute;
	width: 955px;
    left: 50%;
    margin-left: -477px;
	background-color: #cbcbcb;
}


/* Haut de la page */

#header {
	position: absolute;
	width: 955px;
	height: 63px;
	top: 0px;
	left: 50%;
	margin-left: -477px;
	background: url(../images/bg-header.gif) 0px 10px no-repeat;
	padding-left:25px;
}

	#header h1{
		text-align: center;
		margin-top:-12px;
		margin-bottom:15px;	
	}
	#header P{
		margin-top: 18px;
		font-size: 11px;
		color: #666;
		text-align: center;
	}
	
	#header A{
		font-size: 10px;
		color: #666;
		text-decoration: none;
	}
	
	#header A:hover{
		font-size: 10px;
		color: #666;
		text-decoration: underline;
	}

#cache-bordure-gauche {
		position:absolute;
		top:313px;
		left:258px;
		width:10px;
		height:476px;
		z-index:1;
		background-image: url(../images/bg-cache-bordure1.gif); 
		background-repeat:no-repeat;
}
#cache-bordure-droite {
		position:absolute;
		top:313px;
		left:769px;
		width:10px;
		height:476px;
		z-index:1;
		background-image: url(../images/bg-cache-bordure2.gif); 
		background-repeat:no-repeat;
}

#cache-bordure-devis {
		position:absolute;
		top:313px;
		left:258px;
		width:10px;
		height:476px;
		z-index:1;
		background-image: url(../images/bg-cache-bordure-devis.gif); 
		background-repeat:no-repeat;
}

#content {
	position: absolute;
	width: 955px;
	height: auto;
	top: 53px;
    left: 50%;
    margin-left: -477px;
	background-image: url(../images/bg-content.gif);
	background-repeat: no-repeat;
	text-align:left;
}

#content2 {
	position: absolute;
	width: 955px;
	height: auto;
	top: 53px;
    left: 50%;
    margin-left: -477px;
	background-image: url(../images/bg-content-devis.gif);
	background-repeat: no-repeat;
}


	#content-header {
		position: relative;
		width: 955px;
		height: 260px;
		padding: 0px;
		margin: 0px;
		background-image: url(../images/bg-top.gif);
		background-repeat: no-repeat;
	}
	
		#bandeau-haut {
			position: relative;
			width: 929px;
			height: 128px;
			margin-left:13px;
		}
	
		#recherche {
			position: relative;
			width: 929px;
			height: 120px;
			margin: 12px 0 0 13px;
			background-image: url(../images/bg-recherche.gif);
			background-repeat: no-repeat;
		}
		
		#recherche SELECT { 
			border: 0px solid #bcd0e8; 
			background-color:#f7f7f7; 
			width:151px;
			height:78px;
			font-family:Verdana, Helvetica, sans-serif; 
			font-size:10px; 
			color:#666666;
		}
		
		.recherche-select {
			width: 151px;
			height:100px;
			margin-top:22px;
			float:left;
		}
		
		#mon-compte {
			width: 158px;
			height:26px;
			margin:26px 0 0 7px;
			background-image: url(../images/bg-mon-compte.gif);
			background-repeat: no-repeat;
			float:left;
		}
			#mon-compte P {
				margin:5px 0 0 12px;
				font-size:11px;
				line-height:13px;
				color:#666666;
			}
			
			#mon-compte A {
				color:#666666;
				text-decoration:none;
			}
		
		#devis-box {
			width: 158px;
			height:38px;
			margin:5px 0 0 7px;
			background-image: url(../images/bg-devis-box.gif);
			background-repeat: no-repeat;
			float:left;
		}
		
			#devis-box P {
				margin:5px 0 0 12px;
				font-size:11px;
				line-height:13px;
				color:#666666;
			}
			
			#devis-box A {
				color:#666666;
				text-decoration:none;
			}
			




/* Colonne de gauche */		
	#content-leftcol {
		position: relative;
		width: 245px;
		height: 464px;
		left: 13px;
		background-image: url(../images/bg-leftcol.jpg);
		background-repeat: no-repeat;
		float: left;
	}
	
		#recherche-leftcol {
			position: relative;
			width: 233px;
			height: 117px;
			margin:11px 0 0 6px;
			background-image: url(../images/bg-recherche-leftcol.gif);
			background-repeat: no-repeat;
		}
		
		#recherche-leftcol SELECT { 
			border: 1px solid #ababab; 
			background-color:#ffffff; 
			width:205px;
			height:18px;
			font-family:Verdana, Helvetica, sans-serif; 
			font-size:10px; 
			color:#000;
		}
		
		#recherche-leftcol INPUT { 
			border: 1px solid #ababab; 
			background-color:#ffffff; 
			width:186px;
			height:13px;
			font-family:Verdana, Helvetica, sans-serif; 
			font-size:10px; 
			color:#000;
		}
		
		#push-leftcol {
			position: relative;
			width: 231px;
			height: auto;
			margin:124px 0 0 6px;
		}
		
	
	
	
/* Content HP */		
	#content-hp {
		position: relative;
		width: 489px;
		height: 465px;
		margin:0 15px 0 29px;
		padding:0;
		background-image: url(../images/bg-hp-content.gif);
		background-repeat: repeat-y;
		float:left;
	}
	
	#content-autre {
		position: relative;
		width: 489px;
		height: 465px;
		margin:0 15px 0 29px;
		padding:0;
		float:left;
	}
	
		#content-hp-top {
			position: relative;
			width: 489px;
			height: 40px;
		}
		
		#content-hp-center{
			position: relative;
			width: 489px;
			height: 410px;
		}
		
			#content-produit-hp{
				position: relative;
				width: 449px;
				height: 100px;
				background-image: url(../images/bg-desc-produit.gif);
				background-repeat: repeat-y;
				margin:0 0 0 20px;
				padding:0;
			}
			
			
			#content-produit-haut{
				position: relative;
				width: 449px;
				height: 4px;
				margin:0;
				float:left;
			}
			
			#content-produit-num{
				position: relative;
				width: 95px;
				height: 84px;
				margin:0 0 0 1px;
				padding:0;
				top:0px;
				float:left;
			}
			
			#content-produit-desc{
				position: relative;
				width: 215px;
				height: 92px;
				float:left;
			}
			
				#content-produit-desc P{
					margin:8px 0 0 0;
					font-size:10px;
					color:#666666;
				}
				
				#content-produit-desc A{
					color:#666666;
					text-decoration:none;
				}
				
				.titre-produit {
					font-size:13px;
					margin-top:10px;
				}
				
				.reference-produit {
					font-size:12px;
				}
			
			#content-produit-visuel{
				position: relative;
				width: 135px;
				height: 84px;
				margin:0 1px 0 0;
				text-align:center;
				vertical-align:middle;
				float:left;
			}
			
			#content-produit-bas{
				position: relative;
				width: 449px;
				height: 4px;
				margin:0;
				float:left;
			}
		
		#content-hp-bottom {
			position: relative;
			width: 482px;
			height: 34px;
		}
			#content-hp-bottom P {
				margin:10px 0 0 23px;
				font-size:11px;
				color:#817f7f;
			}
			
			#content-hp-bottom A {
				font-size:11px;
				color:#817f7f;
				text-decoration:none;
			}
			
			#content-hp-bottom A:hover {
				font-size:11px;
				color:#817f7f;
				text-decoration:underline;
			}
	
#content-top100-top{
	background:url(../images/hp-top-semaine.gif) no-repeat;
	width:489px;
	height:40px;
}
#content-top100-top h2{
	font-size:14px;
	color:#817f7f;
	font-weight:bold;
	padding-left:20px;
	margin-bottom:8px;
}


/* Content Rubrique produit */	
	#content-rubrique-produit {
		position: relative;
		width: 518px;
		height: auto;
		min-height:480px;
		background-image: url(../images/bg-content2.gif); 
		background-repeat:repeat-y;
		margin:0 3px 0 13px;
		float:left;
	}
	
	#content-rubrique-top100 {
		position: relative;
		width: 489px;
		height:auto;
		background-image: url(../images/bg-hp-content.gif); 
		background-repeat:repeat-y;
		left:13px;
		float:left;
	}
	
		#rubrique-produit-entete {
			width: 495px;
			height: 29px;
			margin-top:12px;
			margin-bottom:14px;
		}
		
		#content-rubrique-vignette {
				position:relative;
				width: 161px;
				height: 169px;
				margin-bottom:5px;
				background-image: url(../images/bg-rubrique-produit.gif); 
				background-repeat:no-repeat;
				float:left;
				margin-right:2px;
		}
		
				#content-rubrique-bandeau ,.content-rubrique-bandeau {
					position:absolute;
					top:1px;
					left:1px;
					width:62px;
					height:62px;
					z-index:10;
					display:block !important;
				}
				
				#content-produit-bandeau ,.content-produit-bandeau {
					position:absolute;
					top:3px;/*64*/
					left:3px;/*17*/
					width:100px;
					height:100px;
					z-index:10;
					display:block !important;
				}
				
				#content-rubrique-vignette-img {
					margin:4px 1px 0 1px;
					width:159px;
					height:88px;
					text-align:center;
				}
				
				#content-rubrique-vignette-txt {
					margin:0px 1px 4px 8px;
					width:152px;
					height:76px;
				}
				
				#content-rubrique-vignette-txt P {
					color:#817f7f; 
					font-size:10px;
					margin:3px 8px 0 0;
					text-align:right;
				}
				
				#content-rubrique-vignette-txt A {
					color:#817f7f;
					text-decoration:none; 
					font-weight:bold;
				}
				
				#content-rubrique-vignette-txt a h2 {
					font-weight:bold;
					margin:0px;
					font-size:10px;
				}
		
		
		#content-rubrique-navig {
			width: 488px;
			height: 90px;
			float:left;
		}
		
		#content-rubrique-navig P {
			margin:15px 7px 0 0;
		}
		
		#content-rubrique-navig A {
			font-size:11px;
			color:#666;
			text-decoration:none;
		}
		
		#content-rubrique-navig A:hover {
			font-size:11px;
			color:#666;
			text-decoration:underline;
		}		



/* Content Zoom produit */		
	#content-zoom-produit {
		position: relative;
		width: 489px;
		height: 465px;
		margin:0 15px 0 29px;
		float:left;
	}
	
		#zoom-produit-entete {
			width: 489px;
/*			height: 29px;*/
		}
			
			#zoom-produit-categorie {
				width:375px;
				height: auto;
				min-height: 29px;
				color:#666666;
				font-size:11px;
				float:left;
			}
			
			#zoom-produit-retour {
				width:114px;
				height: 29px;
				color:#666666;
				font-size:11px;
				float:left;
				margin-top:5px;
			}
			
			#zoom-produit-retour A {
				color:#666666;
				text-decoration:none;
			}
		
		#zoom-produit-description {
			width: 489px;
			height: auto;
			background-image: url(../images/bg-desc-zoom-produit.gif); 
			background-repeat:repeat-y; 
			margin-top:40px;
		}
		
			#zoom-produit-description-visuel {
				width: 286px;
				height: auto;
				margin:0 0 0 1px;
				float:left;
			}
			
			#zoom-produit-description-txt {
				width: 200px;
				height: auto;
				margin:0 2px 0 0;
				float:left;
			}
			
			#zoom-produit-description-fond {
				width:192px;
				height:auto;
				min-height:100px;
				background-image: url(../images/bg-select-zoom-produit.gif); 
				background-repeat:no-repeat; 
				margin-top:10px;
				text-align:center;
			}
			
				#zoom-produit-description-txt SELECT { 
					border: 1px solid #ababab; 
					background-color:#ffffff; 
					width:175px;
					height:18px;
					font-family:Verdana, Helvetica, sans-serif; 
					font-size:10px; 
					color:#9d9d9d;
				}
				
		#zoom-produit-autres{
			width: 297px;
			height: 160px;
			float:left;
		}
		
			#zoom-produit-autres-titre{
				width: 284px;
				height: 20px;
				margin-top:7px;
				font-size:12px;
				float:left;
			}
			
			#zoom-produit-autres-bloc{
				width: 132px;
				height: 133px;
				margin-right:10px;
				background-image: url(../images/bg-zoom-produit-autres.gif); 
				background-repeat:no-repeat;
				float:left;
			}
			
					
			#zoom-produit-autres-bloc P{
				margin: 0 0 0 10px;
			}
			
		#zoom-produit-valid{
			width: 205px;
			height: 144px;
			margin-top:16px;
			float:left;
		}

	



/* Content Pages statiques */
	
	#content-static-page {
		position: relative;
		width: 518px;
		height: auto;
		min-height:480px;
		background-image: url(../images/bg-content2.gif); 
		background-repeat:repeat-y;
		margin:0 3px 0 13px;
		float:left;
	}
	
	#content-static-page-abs {
		position:absolute;
		top:294px;
		left:273px;
		width:495px;
		height:auto;
		z-index:2;
	}
	
		#static-page-entete {
			width: 489px;
			height: 29px;
			margin:12px 6px 10px 0;
		}
		
		#static-page-contenu {
			width: 489px;
			height: auto;
		}
		
		#static-page-contenu H1 {
			margin:0 6px 0 0;
		}
		
		#static-page-contenu H2 {
			margin:15px 6px 25px 0;
			font-size:12px;
			color:#724d99;
			text-align:justify;
			font-weight:normal;
		}
		
		#static-page-contenu H3 {
			margin:0 6px 0 0;
			font-size:14px;
			color:#724d99;
		}
		
		#static-page-contenu H4 {
			margin:8px 6px 17px 0;
			font-size:11px;
			color:#666;
			text-align:justify;
			font-weight:normal;
		}
		
		#static-page-contenu H5 {
			margin:5px 6px 18px 0;
			font-size:11px;
			color:#666;
			text-align:justify;
			font-weight:normal;
		}
		
		#static-page-contenu UL {
			margin:10px 6px 0 0;
			padding:0;
		}
		
		#static-page-contenu LI {
			margin:8px 6px 0 40px;
			padding:0;
		}
		
		#content-dvt-durable-vignette {
			position:relative;
			width: 161px;
			height: 169px;
			margin:0 2px 5px 0;
			background-image: url(../images/bg-rubrique-produit.gif); 
			background-repeat:no-repeat;
			float:left;
			display:block;
		}
		
			#content-dvt-durable-vignette-txt {
				margin:10px 1px 0px 10px;
				width:150px;
				height:14px;
				font-size:12px;
			}
			
			#content-dvt-durable-vignette-img {
				margin:0;
				width:161px;
				height:122px;
				text-align:center;
			}
			
			#content-dvt-durable-vignette-bas {
				width:154px;
				height:17px;
				color:#817f7f; 
				font-size:10px;
				margin:0 6px 6px 1px;
				text-align:right;
			}




/* Colonne de droite */		
	#content-rightcol {
		position: relative;
		width: 176px;
		height: 464px;
		float:left;
		padding:0;
		margin:0;
	}
	
		#content-rightcol P {
			margin:0 0 0 0px;
		}
		
	#push-newsletter {
	background-image: url(../images/push-newsletter.gif); 
	background-repeat:no-repeat; 
	width:162px; 
	height:79px; 
	margin:0 0 0 0px; 
	}
	
	#push-newsletter P {
	padding:55px 0 0 12px;
	}
		
		.input-news {
			border: 1px solid #ababab;
			background-color: #FFFFFF;
			width: 120px;
			height: 13px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
		}
		


/* Content Devis */		
	#content-devis {
		position: relative;
		width: 697px;
		height: auto;
		min-height:480px;
		float:left;
		background-image: url(../images/bg-content-devis2.gif); 
		background-repeat:repeat-y;
		margin-left:13px;
	}
	
		#devis-page-entete {
			width: 489px;
			height: 29px;
			margin:12px 6px 10px 0;
		}
		
		#devis-article {
			width: 672px;
			height: 108px;
			margin-bottom:15px;
			background-image: url(../images/bg-devis-article.gif);
			background-repeat: no-repeat;
		}
		
			#devis-article-visuel {
				width:130px;
				height:80px;
				margin: 0px 2px 2px 3px;
				float:left;
			}
			
			#devis-article-desc {
				width:229px;
				height:49px;
				margin: 26px 1px 3px 12px;
				font-size:11px;
				color:#666;
				float:left;
			}
			
			#devis-article-prix,#devis-article-quantite {
				width:120px;
				height:49px;
				margin: 26px 1px 3px 0px;
				font-size:14px;
				color:#666;
				text-align:center;
				float:left;
			}
			
			#devis-article-supp {
				width:17px;
				height:17px;
				margin: 27px 1px 34px 18px;
				float:left;
			}
			
			#devis-article-marquage {
				width:662px;
				height:23px;
				margin: 2px 0 0 10px;
				font-size:11px;
				color:#fff;
				float:left;
			}
		
		#devis-logo {
			width: 662px;
			/*height: 15px;*/
			margin: 50px 0 50px 10px;
			font-size:11px;
			color:#817f7f;
		}
		
		.input-devis {
			border: 0px solid #ababab;
			background-color: #FFFFFF;
			width: 118px;
			height: 49px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			color:#666;
			font-weight:bold;
			text-align:center;
		}
		
		.input-devis2 {
			border: 1px solid #ababab;
			background-color: #FFFFFF;
			width: 70px;
			height: 18px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 14px;
			color:#666;
			font-weight:bold;
			text-align:right;
		}
		
		#devis-validation {
			width: 672px;
			height: 25px;
		}
		
		#devis-identification {
			width: 672px;
			height: auto;
			margin-bottom:15px;
		}
		
		.login_intro {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #666666;
		}

		.login_entete {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bold;
			color: #FFFFFF;
			margin: 0 0 0 13px;
		}

		.login_infos {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #666;
			padding: 10px 10px 5px 10px;
		}
		
		.input-long {
			border: 1px solid #ababab;
			background-color: #FFFFFF;
			width: 368px;
			height: 15px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color:#666;
			margin-left:10px;
		}
		
		.input-court {
			border: 1px solid #ababab;
			background-color: #FFFFFF;
			width: 174px;
			height: 15px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color:#666;
			margin-left:10px;
		}
		
		.select-devis {
			border: 1px solid #ababab;
			background-color: #FFFFFF;
			width: 178px;
			height: 19px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color:#666;
			margin-left:10px;
		}
		
		.zone-text-devis {
			border: 1px solid #ababab;
			background-color: #FFFFFF;
			width: 370px;
			height: 86px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color:#666;
		}
	
	
	

/* Bas de page */	
#footer-hp {
	position: relative;
	width: 955px;
	height: auto;
	float:left;
	background-image: url(../images/bg-bottom.gif);
	background-repeat: no-repeat;
	text-transform:uppercase;
}

#footer-devis-page {
	position: relative;
	width: 955px;
	height: auto;
    float:left;
	background-image: url(../images/bg-bottom-devis.gif);
	background-repeat: no-repeat;
	text-transform:uppercase;
}


#footer-static-page {
	position: relative;
	width: 955px;
	height: auto;
	float:left;
	background-image: url(../images/bg-bottom-static.gif);
	background-repeat: no-repeat;
	text-transform:uppercase;
}

	#footer-hp P{
		margin: 30px 0 0 0;
		font-size: 9px;
		color: #666;
		text-align: center;
		line-height: 14px;
	}
	
	#footer-devis-page P{
		margin:30px 0 0 260px; 
		font-size: 9px;
		color: #666;
		line-height: 14px;
		text-align:center;
	}
	
	#footer-static-page P{
		margin:30px 0 0 70px; 
		font-size: 9px;
		color: #666;
		line-height: 14px;
		text-align:center;
	}
	
	
	#footer-hp A,#footer-rubrique A,#footer-static-page A,#footer-devis-page A{
		font-size: 9px;
		color: #666;
		text-decoration: none;
	}
	
	#footer-hp A:hover,#footer-rubrique A:hover,#footer-static-page A:hover,#footer-devis-page A:hover{
		font-size: 9px;
		color: #666;
		text-decoration: underline;
	}