* { margin: 0px; padding: 0px;}
body {
	background-color:#FFFFFF;
	background-attachment:fixed;
	background-position: top left;
	background-repeat:no-repeat;
	height: 100%;
}
h3 { padding-bottom: 5px;}

a{ outline:none; }

.imageGauche { float: left; }
.div_telecharge_cat{ 
	height: 41px;/*37 - padding-top*/
	background:url(./images/fond_menu_moyen.gif);
	margin-bottom: 1px;
	padding-left: 19px;
	padding-top: 5px;
}
.div_telecharge_cat a{
	font-weight:bold;
	color:#666666;
}
.div_telecharge_cat a:hover{
	font-weight:bold;
	color:#666666;
}

form dl {padding-bottom: 5px;}
form dt {padding-bottom: 2px;}

.lienRetour {background: url(images/icone_retour.gif) bottom left no-repeat;padding-left: 20px; padding-right: 10px;}
.lienHaut {background: url(images/icone_haut.gif) bottom left no-repeat;padding-left: 15px; padding-right: 10px;}
.pousseur{height: 0px; clear: both;}

/* ¤¤¤¤¤¤¤¤¤¤ CONTENEUR ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
#conteneur {
	/*width: 984px;*/
	width: 998px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 0px;
}
/* ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

/* ¤¤¤¤¤¤¤¤¤¤ HEADER ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
#header {
	height: 96px;
	margin-bottom: 1px;
}

	#logo {
		position: absolute;
		left:1px;
		width: 172px;
		margin-right: 1px;
	}
	
	/* ----- MENU HEADER --------------------*/
	#menuHeader {
		position: absolute;
		top: 17px;
		left: 173px;
		height: 19px;
		z-index:100;
		width: 808px;
	}

	#menuHeader dl {
		float: left;
	}

	#menuHeader dt {
		cursor: pointer;
	}
	#menuHeader dt a {
		display:block;
		padding-left: 15px;
		padding-top: 2px;
		width: 187px;
		height: 17px;
	}
	.menuHeaderOff {
		background: url(./images/menu_header_on.gif) repeat-y left #B7B7B7;
	}	
	.menuHeaderOn {
		background: url(./images/menu_header_off.gif) repeat-y left #B7B7B7;	
	}
	#menuHeader dt a:hover {
		background: url(./images/menu_header_over.gif) repeat-y left #B7B7B7;
	}
		/*MenuHeaderDeroulant: le menu a été découpé en deux groupes de DL pour que le sous-menu qui s'affiche
		puisse avoir la bordure blanche des 2 côtés, c'est à dire puisse 1px de plus que sa propre en-tête 
		sans tout décaler -> donc nécessité pour la liste d'être indépendante de l'en-tête*/
		#menuHeaderDeroulant {
			position: absolute;
			top: 37px;
			left: 173px;
			height: 0px;
			z-index:100;
			width: 808px;
		}
		#menuHeaderDeroulant dl {
			float: left;
		}
	
		#menuHeaderDeroulant dd {
			display: none;
		}
		#smenu1 ul {
			padding-left: 0px;
		}
		#smenu2 ul {
			padding-left: 202px;
		}
		#smenu3 ul {
			padding-left: 404px;
		}
		#smenu4 ul {
			padding-left: 606px;
		}
		.ssMenuHeaderOn {
			background: url(./images/fond_menu_haut_on.gif) no-repeat left #ff9933;
		}
		#menuHeaderDeroulant li {
			height: 20px;
			list-style: none;
			background: url(./images/fond_menu_haut_off.gif) no-repeat left #ff9933;
			width: 202px;
			border-right: 1px solid white;
		}
	
		#menuHeaderDeroulant li a:hover {
			background: url(./images/fond_menu_haut_on.gif) no-repeat left #ff9933;
		}
		#menuHeaderDeroulant li a {
			display: block;
			height: 18px;
			padding-left: 15px;
			padding-top: 2px;
		}
	/* -----------------------------------*/
	
			
	#topHautHeader{
		padding-top: 11px;
	}

	#basHeader{
		margin-left: 173px;
		height: 59px;
		margin-top: 14px;
	}
	
		#gaucheBasHeader {
			float: left;
			width: 201px;
			background-color: #ECECEC;
			height: 59px;
		}
		
		#titreBasHeaderSimple {
			float: left;
			background-color: #FF9933;
			height: 35px;/*59 - padding-top*/
			width: 595px;/* 605 - padding-left*/
			padding-left: 10px;
			padding-top: 24px;
			margin-left: 1px;
		}
			#gauchetitreBasHeaderSimple	{float: left; width: 350px;}
			#droitetitreBasHeaderSimple	{float: right; width: 195px;padding-top: 10px; font-size:0.6em; text-align:right; padding-right: 5px;}
      #droitetitreBasHeaderSimple a, #droitetitreBasHeaderSimple a:visited {color: #FFFFFF;}
		#gaucheBasHeader2 {
			float: left;
			width: 201px;
			background-color: #ECECEC;
			height: 59px;
			margin-left: 1px;
		}
		
		#titreBasHeaderSimple2 {
			float: left;
			background-color: #FF9933;
			height: 35px;/*59 - padding-top*/
			width: 595px;/* 605 - padding-left*/
			padding-left: 10px;
			padding-top: 24px;
		}	

		#droiteBasHeader {
			float: right;
			height: 59px;
			width: 605px;
			float: right;	
		}	
			#titreBasHeader {
				background-color: #FF9933;
				height: 33px;/*39 - padding-top*/
				width: 595px;/* 605 - padding-left*/
				padding-left: 10px;
				padding-top: 5px;
				margin-bottom: 1px;
			}
			
	
			#sousTitreBasHeader {
				height: 17px;/* 20 - padding-top*/
				padding-left: 10px;
				padding-top: 3px;
				background-color: #006bc8;		
			}
		
	
/* ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

/* ¤¤¤¤¤¤¤¤¤¤ CENTRE ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
#centre {
	/*margin-left: 173px;*/
	float: left;
	width: 807px;
}
#centreDefilantLimiteur{float: left;width: 825px;height: 504px;overflow: hidden;background-color: red;}
#centreDefilant, #centreDefilantProduits {
	height: 504px;
	/*height: 545px;*/
	width: 825px;
	overflow: auto;
	display: block;
}
* html #centreDefilant, * html  #centreDefilantProduits { /*IE6 seulement*/
            float: left;
            }
#centreDefilantProduits { height: 484px;margin-top: 21px;}
* html  #centreDefilantProduits { margin-top:0px;}/*IE6 seulement*/
	#centreDefilant ul {
		margin-left: 15px;
		padding-left: 5px;
		list-style-type:circle;
	}	
	#centreDefilant li {
		padding-top: 5px;
	}
/* ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

/* ¤¤¤¤¤¤¤¤¤¤ ZONE GAUCHE ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

#gauche {
	float: left;
	width: 172px;
	margin-right: 1px;
}
	
	#topGauche
	{
		height: 16px;/* 19 - padding-top*/
		background:url(./images/fond_menu_clair.gif);
		margin-bottom: 1px;
		padding-left: 12px;
		padding-top: 2px;
	}
	
		#gaucheTopGauche {
			float: left;
			width: 68px;/* 78 - padding-left*/
			padding: 0px;
			margin: 0px;
			padding-left: 10px;
		}
		
		#droiteTopGauche {
			float: right;
			width: 68px;/* 78 - padding-left*/
			text-align: right;
			padding-right: 10px;
			padding-top: 3px;
		}
	
	#menuGauche {
		list-style: none;
		padding: 0px;
		clear: both;
	}
	
		#menuGauche li {
			height: 16px; /*19 - padding-top - margin-bottom */
			margin-bottom: 1px;
			background:url(./images/fond_menu_fonce.gif);
			padding-top: 2px;
		}

		#menuGaucheOn {
			margin-bottom: 1px;
			background:url(./images/fond_menu_fonce_on.gif);
			/*padding-top: 2px;*/
		}
		
		#menuGauche a {
			display: block;
			padding-left: 17px;
			height: 14px
		}
		
		#menuGauche a:hover {
			background:url(./images/fond_menu_fonce_on.gif);
		}
	
	.espaceRecherche {
		height: 19px;
		background:url(./images/fond_menu_clair.gif);
		margin-bottom: 1px;
	}
	.moyenEspaceRecherche {
		height: 38px;
		background:url(./images/fond_menu_clair.gif);
		margin-bottom: 1px;
	}	
	.grandEspaceRecherche { height: 15px; background:url(./images/fond_menu_clair.gif); margin-bottom: 1px;
	}
		.grandEspaceRechercheRevendeur { height: 12px; background:url(./images/fond_menu_clair.gif); margin-bottom: 1px; }
		.grandEspaceRechercheRevendeurNC { height: 130px; background:url(./images/fond_menu_clair.gif); margin-bottom: 1px; }
    .grandEspaceRechercheOutils { height: 130px; background:url(./images/fond_menu_clair.gif); margin-bottom: 1px; }
		.grandEspaceRechercheInfos { height: 52px; background:url(./images/fond_menu_clair.gif); margin-bottom: 1px; }
		.espaceRecherche2 {	height: 41px; background:url(./images/fond_menu_clair.gif); margin-bottom: 1px;}
		
	#titreRecherche {
		height: 29px;/*37 - padding-top*/
		background:url(./images/fond_menu_moyen.gif);
		margin-bottom: 1px;
		padding-left: 19px;
		padding-top: 5px;
	}
	
	.elementRecherche {
		margin-bottom: 1px;
		background:url(./images/fond_menu_fonce.gif);
		padding-left: 16px;
		height: 40px;
	}
		.elementRecherche dt {
			padding-top: 3px;
			padding-bottom: 3px;
		}
		.elementRecherche dd {
			padding-bottom: 1px;
		}
		
	.zoneRecherche {
		margin-bottom: 1px;
		background:url(./images/fond_menu_fonce.gif);
		padding-left: 21px;
		height: 45px;
	}
	
		.zoneRecherche dt {
			padding-top: 3px;
			padding-bottom: 3px;
		}
		
		.zoneRecherche dd {
			padding-bottom: 1px;
			height: 18px;
		}
		
		.texteRecherche {
			float: left;	
			width: 120px;
			padding-top: 3px;
		}
		
		.iconeRecherche {
			float: right;
			margin-right: 1px;
		}
	
	.contact {
		margin-bottom: 1px;
		background:url(./images/fond_menu_fonce.gif);
		padding-left: 21px;
		height: 21px;
	}
	
		.texteContact {
			float: left;
			width: 120px;
			padding-top: 3px;
		}
		
		.iconeContact {
			padding-top: 2px;
			float: right;
			margin-right: 1px;
		}
	
	.newsletter {
		background:url(./images/fond_menu_fonce.gif);
		padding-left: 21px;
		height: 40px;
	}
		.newsletter dt {
			padding-top: 3px;
			padding-bottom: 3px;
		}
		.newsletter dd {
			padding-bottom: 1px;
			height: 21px;
		}
		.texteNewsletter {
			float: left;	
			width: 120px;
		}
		
		.iconeNewsletter {
			padding-top: 2px;
			float: right;
			margin-right: 1px;
		}
/* ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

/* ¤¤¤¤¤¤¤¤¤¤ PIED ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
#pied {
	clear: both;
	height: 19px;
	border-top: 1px solid #D6D6D6;
	margin-top: 1px;
}
#pied .gauchePied {float: left; padding-left: 10px;color: #999999;}
#pied .droitePied { float: right;text-align: right; padding-right: 20px; }
#baseline {position:absolute;top: 625px;font-size:0.9em;width: 998px;text-align: center;color:#b0b0b0;}
#baseline a, #baseline a:visited {color:#a0a0a0;}
#baseline a:hover {text-decoration:none;}
/* ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/



/* ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
/* CENTRE PAGE */
/* ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/

#gaucheCentre {
	float: left;
	left: 177px;
	width: 201px;
}
#grandGaucheCentre {
	float: left;
	left: 177px;
	width: 403px;
}
	#topgaucheCentre
	{
		height: 19px;
		margin-bottom: 1px;
	}


#grandDroiteCentre {
	float: left;
	margin-left: 1px;
	width: 605px;
}

	#grandDroiteCentre img {
		margin-right: 10px;
	}
	#topGrandDroiteCentre {
		background-color: #0089D4;
		height: 19px;
	}
	#milieuGrandDroiteCentre {
		padding: 10px;
		text-align: justify;
	}
		#milieuGrandDroiteCentre p {
			padding-top: 5px;
		}
#droiteCentre {
	float: right;
	width: 201px;
}
#milieuCentre {
	float: left;
	margin-left: 1px;
	width: 403px;
}
#hautMilieuCentre {
	padding: 10px;
	padding-bottom: 0px;
	text-align:justify;
}
#hautMilieuCentre p {
	padding-top: 5px;
}
#basMileuCentre {

}

.grandHaut {
	float: left;
	left: 177px;
	height: 19px;
	margin-bottom: 1px;
}
	.gaucheGrandHaut { float: left; width: 403px; height: 20px; margin-right: 1px; }
	.droiteGrandHaut { float: right; width: 283px; background-color: #0089D4; height: 19px; padding-left: 10px; padding-top: 1px; }
	#droiteDroiteGrandHaut { float: right; width: 110px; text-align:right; background-color: #0089D4; height: 14px; padding-top: 3px; padding-bottom: 3px;}
		#droiteDroiteGrandHaut img { vertical-align: middle; }
#grandMilieu {
	float: left;
	left: 177px;
}

#grandBas {
	float: left;
	left: 177px;
}

.imageAvecLegende {
background-color:#EFEFEF;
margin-bottom: 1px;
}

.imageAvecLegende img{
margin-bottom: 1px;
}
.legende{ background-color:#EFEFEF; padding-bottom: 4px; padding-left: 2px; padding-right: 2px;}

/*Pour HISTORIQUE ----------------------------------------------*/
.legendeCatalogue {	
	float: right;
	text-align:right;
	list-style: none;
	width: 200px;/*200 - padding-right*/
	/*background:url(./images/hachures_grises.gif) repeat-y right;
	padding-right: 11px;*/
}

.legendeCatalogue li {
	margin-top: 210px;
	padding-right: 5px;
	margin-bottom: 12px;
}
#droiteCentreHistorique{
	float: right;
	width: 201px;
	background:url(./images/hachures_grises.gif) repeat-y left;
}
#droiteCentreHistorique .imageAvecLegende {
	width: 189px;
	float: right;
}
.lienOfficeTourime {
	padding-top: 10px;
	font-weight: bold;
	text-align:center;
}
	.lienOfficeTourime a {
		background: url(images/lien_externe.gif) right no-repeat;
		padding-right: 12px;
	}
/*Pour SOCIETE ----------------------------------------------*/
#hautMilieuCentreSociete {
	padding-bottom: 0px;
}
#hautMilieuCentreSociete p {
	padding-top: 10px;
}
	#gaucheHautMilieuCentreSociete { width: 191px; float: left; padding: 5px; padding-top: 0px;}
	#droiteHautMilieuCentreSociete { width: 191px; float: right; padding: 5px; padding-top: 90px; padding-bottom: 42px;}

/*Pour QUALITE ----------------------------------------------*/
#gaucheGrandHautQualite { float: left; width: 400px; height: 20px; margin-right: 1px; }
#droiteGrandHautQualite { float: right; width: 403px; background-color: #0089D4; height: 19px; padding-top: 1px; }
#milieuCentreQualite {height: 245px;}
.imageAvecLegendeQualite1 {padding-left: 201px;}
.imageAvecLegendeQualite2 img {float: left; width: 279px;}
.imageAvecLegendeQualite2 p {float: right; width: 120px; padding-top: 110px;}

#milieuCentreQualite {
	float: left;
	margin-left: 1px;
	width: 383px;
	padding: 10px;
	text-align:justify;
}
#milieuCentreQualite p {
	padding-top: 10px;
}
/*Pour Coordonnées / Plan d'accès -------------------------------*/
/*#coordGrandDroiteCentre {
	float: right;
	margin-left: 1px;
	width: 403px;
}
	#topCoordGrandDroiteCentre {
		background-color: #0089D4;
		height: 17px;
		margin-bottom: 1px;
		padding-top: 2px;
		text-align:right;
		padding-right: 5px;
	}
	#milieuCoordGrandDroiteCentre {
		padding: 10px;
		padding-top: 5px;
		padding-left: 20px;
		text-align: justify;
		background:url(./images/hachures_grises.gif) repeat-y left;
		height: 188px;
	}
		#milieuCoordGrandDroiteCentre p {
			padding-top: 5px;
		}
*/
/*V2*/
.gaucheGrandHautCoord { float: left; width: 200px; height: 20px; margin-right: 1px; }
.droiteGrandHautCoord { float: right; width: 595px; background-color: #0089D4; height: 19px; padding-left: 10px; padding-top: 1px; margin-bottom: 1px; }

#imgFrance {
float: left; margin: 0px; padding: 0px;
}
#imgThiers {
float: right; margin: 0px; padding: 0px;
}
#coordonnees {
	float: right;
	width: 196px;
	padding-top: 5px;
	padding-left: 5px;
}
#coordonnees p{
	padding-top: 5px;
}

/* Pour VISITE (HOMMES & TECHNIQUES) ------------------------------*/
/* ET AUSSI POUR METIERS FONCTIONS GAMMES (pages principales) -----*/
.PageVisite {margin-bottom: 1px; height: 376px;}
.hautPageVisite, .basPageVisite {clear: both;}

.PageVisite1 {float: left; width:201px;}
.PageVisite1-2 {float: left; width:403px; clear:both;}
.PageVisite1-2etdemi {float: left; width:310px;}
.PageVisite1-2-4 {float: left; width:604px;}
.PageVisite1-3 {float: left; width: 604px;}
.PageVisite2 {float: left; width:201px;}
.PageVisite2etdemi-4 {float: left; width:478px;}
.PageVisite3 {float: left; width:201px;}
.PageVisite2-3 {float: left; width:403px;}
.PageVisite2-4 {float: left; width:604px;}
.PageVisite4 {float: left; width:201px;}
.PageVisite4grande {float: left; width:201px;}
.PageVisite3-4 {float: left; width:403px;}
.PageVisite3-4grande {float: left; width:403px;}

.titreVisite {color:#0089d4; font-size: 16px; font-weight: bold; }

.listeRecherche {float: left; padding-left: 30px; padding-top: 50px; width: 171px;}
.listeRecherche li, .listeRechercheDroite li { list-style:circle; padding-bottom: 5px;}
.listeRechercheDroite {float: right; width: 171px; padding-top: 50px; padding-left: 30px; }
	/* PAGE 1 */
.texteUsine {border-left: 1px solid #0089d4; padding-left: 2px; margin-left: 2px; margin-top: 2px;}
.texteEmouture {border-right: 1px solid #0089d4; padding-right: 2px; margin-right: 2px; margin-top: 140px; text-align:right;}
.texteTrempe {float: right;border-left: 1px solid #0089d4; padding-left: 2px; width: 194px;margin-top: 140px;}
.textePAO {border-right: 1px solid #0089d4; padding-right: 2px; margin-right: 2px; text-align:right; margin-top: 46px;}

	/* PAGE 2 */
.texteMoulage{float: left; width: 194px;border-top: 1px solid #0089d4; padding-top: 2px; margin-top: 2px; }
.texteAffilage{float: left; width: 194px;border-right: 1px solid #0089d4; padding-right: 2px; margin-right: 2px; text-align:right;margin-top: 150px;}
.texteCrantage {float: left; width: 179px;border-left: 1px solid #0089d4; padding-left: 2px; margin-left: 2px; margin-top: 30px;}
.texteDecoupe {float: right; width: 179px;border-bottom: 1px solid #0089d4; padding-bottom: 2px; margin-bottom: 2px; margin-top: 208px;text-align: right;margin-right: 2px;}

	/* PAGE 3 */
.texteControle {border-left: 1px solid #0089d4; padding-left: 2px; margin-left: 2px; margin-top: 30px;}
.texteLavage {border-right: 1px solid #0089d4; padding-right: 2px; margin-right: 2px; margin-top: 180px; text-align:right;}
.texteRobot {float: left;width: 179px;border-left: 1px solid #0089d4; padding-left: 2px; margin-left: 2px; margin-top: 3px;}
.texteEauxUsees {float: right; width: 179px; border-bottom: 1px solid #0089d4; padding-bottom: 2px; margin-left: 2px; margin-bottom: 2px; margin-top: 3px;}

	/* PAGE 4 */
.texteConditionnement {border-right: 1px solid #0089d4; padding-right: 2px; margin-right: 2px; margin-top: 30px; text-align:right;}
.texteStock {border-right: 1px solid #0089d4; padding-right: 2px; margin-right: 2px; margin-top: 30px; text-align:right;}
.texteLogistique {float: left;border-left: 1px solid #0089d4; padding-left: 2px; margin-left: 2px; margin-bottom: 2px; margin-top: 162px;}

/* OUTILS ET LEURS USAGES ------------------------------------------------*/
#gaucheHautCentreUsage {float: left; margin-left: 0px;width: 392px;margin-right: 1px;padding: 5px;}
	#gaucheHautCentreUsage p {padding-top: 5px;}
#droiteHautCentreUsage {float: left; width: 392px; padding: 5px; text-align: justify; padding-bottom: 10px; background-color:#ececec;}
	#droiteHautCentreUsage p {padding-top: 5px;}
#sommaireUsage {clear: both;margin-bottom: 20px; margin-top: 10px;}
.paireOutilUsage { clear: both;}
.outilUsageGauche img, .outilUsageDroite img {float: left; width: 201px; margin-right: 1px; margin-bottom: 5px;}
.outilUsageGauche, .outilUsageDroite { float: left; padding-bottom: 40px; padding-top: 10px;}
.outilUsageGauche { width: 386px; margin-right: 1px;padding-left: 5px;}
	.outilUsageGauche .descriptionOutilUsage {float: right; width: 178px; padding-left: 2px; padding-right: 2px;}
.outilUsageDroite { width: 387px;padding-left: 5px;}
	.outilUsageDroite .descriptionOutilUsage {float: right; width: 178px; padding-left: 2px; padding-right: 2px;}
.titreOutilUsage {padding-bottom: 3px;}	

/* ENTRETIEN DES OUTILS -------------------------------------------------------*/
.gaucheGrandHautEntretien { float: left; width: 200px; height: 20px; margin-right: 1px; }
.droiteGrandHautEntretien { float: left; width: 594px; background-color: #0089D4; height: 19px; padding-left: 10px; padding-top: 1px; }
.pageEntretien {clear: both;}
	.pageEntretien p {padding: 5px;}
.titreEntretien {padding-top: 20px;}
.gaucheEntretien {float: left; width: 402px;}
.droiteEntretien {float: left; width: 402px;padding-bottom: 5px;}
.droiteEntretien img {float: right;}
.petitGaucheEntretien {	float: left; width: 191px; text-align:justify; padding: 5px;}

/* ELEMENTS D'UN COUTEAU -----------------------------------------------------*/
.gaucheElements { float: left; width: 393px; margin-right: 1px; padding: 5px; }
	.gaucheGaucheElements  { float: left; width: 195px; text-align:justify; }
	.gaucheElements img  { float: right;}
	.gaucheElements p {padding-top: 5px;}
.droiteElements { float: left; width: 393px; }
	.droiteElements p {padding-top: 5px;}
	.gaucheDroiteElements { float: left; width: 201px; padding-top: 10px; text-align:justify; }
	.droiteElements img  { float: right;}
.titreElements {padding-bottom: 5px;}

/*Pour GAMMES -------------------------------*/
#gaucheGrandHautGamme { float: left; width: 201px; height: 20px; margin-right: 1px; }
#droiteGrandHautGamme { float: right; width: 465px; background-color: #0089D4; height: 19px; padding-left: 10px; padding-top: 1px; }
	#droiteDroiteGrandHautGamme { float: right; width: 130px; text-align:right; background-color: #0089D4; height: 14px; padding-top: 3px; padding-bottom: 3px;}
		#droiteDroiteGrandHautGamme img { vertical-align: middle; }
#titreGamme, #petitTitreGamme {float: left;width: 191px; height: 37px; background-color: #ececec; margin-bottom: 1px; padding-right: 10px; padding-top: 20px;margin-right: 606px; text-align:right;}
	
#droiteGamme {position: relative; /*zoom: 1;*/float: left;}

#gammePhoto
{
	float: left;
	width: 605px;
	left: 177px;
	text-align:right;
}
#gammeDescription
{
	float: right;
	position: absolute;
	bottom: 0;
	left: 605px; 
	width: 191px;
	padding: 5px;
	overflow: auto;
}
	#gammeDescription p, #gammeDescriptionBasse p {
		padding-top: 5px;
	}
	#gammeDescription ul, #gammeDescriptionBasse ul {
		padding-left: 15px;
	}
	#gammeDescription li, #gammeDescriptionBasse li {
		padding-top: 5px;
	}
#gammeDescriptionBasse
{
	float: right;
	position: absolute;
	top: -60px;
	left: 605px;
	width: 191px;
	padding: 5px;
}
#gammeSavoirPlus {
	position: absolute;
	top: 203px;
	left: 379px;
	width: 393px;
	text-align: justify;
	padding: 5px;
	background-color:#F5F5F5;
	border: 1px solid #666666;
	display: none;
	height: 350px;
	overflow: auto;
}
	
	#gammeSavoirPlus p {
		padding-top: 8px;
	}
	#gammeSavoirPlus  .fermerGamme {float: right; width: 10px; height: 10px; padding: 0px; }
	#gammeSavoirPlus ul {
		margin-left: 15px;
		padding-left: 5px;
		list-style-type:circle;
	}
	#gammeSavoirPlus li {
		padding-top: 5px;
	}
  #gammeSavoirPlus .imageSavoirPlus { text-align:center; list-style: none;padding: 0px;margin-left:-15px;}
  
.gammeSousTitre {
	font-weight: bold;
	font-size: 110%;
}
/*Pour CATEGORIES ----------------------------------------------*/

#categories {
	padding-top: 20px;
}

.elementCategorie {
	float: left;
	width: 196px;
	height: 115px;
}
.elementCategorie p {border: #e1e1e1 solid 1px; }
.elementCategorie .c0 { background-color: #e1e1e1;}
.elementCategorie .c1 { background-color: #ff9933;}
.elementCategorie .c2 { background-color: #0089d4;}

 .ligneCategoriePaire div {
	padding-left: 202px;
}
 .ligneCategorieImpaire div {
	padding-right: 202px;
}
.titreElementCategorie {
	display: block;
	height: 15px;
	padding-left: 5px;
}

/*Pour LISTE PRODUITS ----------------------------------------------*/
.navFiche{ width: 807px; float: left;height: 19px; display: block;padding-top: 1px; background-color:#fff0e1; font-size: 1.3em;}
.navFiche img{ vertical-align:middle;}
	.navFicheGauche {float: left; width: /*483px*/350px; background-color:#fff0e1;}
		.navFicheGauche a,.navFicheGauche a:visited,.navFicheGauche a:hover {color: #666666;}
	.navFicheCentre {float: left; width: 250px; text-align:center; background-color:#fff0e1;}
	.navFicheDroite {float: right; width: 50px; background-color:#fff0e1;}

#aucunProduitMessage {padding-top: 50px;font-weight: bold;text-align:center;}	

.ImgZoom {padding-bottom: 5px;}
	
.miniFiche {
	
	clear: both;
	overflow:auto;
	margin-bottom: 10px;
}
	.gaucheMiniFiche {
		width: 403px;
		float: left;
		clear: both;
		border-top: 1px solid #999999;
	}
		.hautGaucheMiniFiche {
			height: 18px;
			background-color: #f4f4f4;
			text-align: right;
			padding-top: 2px;
			padding-right: 5px;
		}


		.basGaucheMiniFiche {
		text-align:left;
		}
	.droiteMiniFiche {
		width: 403px;
		float: left;
		border-top: 1px solid #999999;
	}
	.miniFicheRevendeur .droiteMiniFiche {/*background-color:#ffead5;*/}
		.hautDroiteMiniFiche {
			height: 18px;
			background-color: #e1e1e1;
			padding-top: 2px;
			padding-left: 5px;
			width: 398px;
			font-weight: bold;
			/*color: #ff9933;*/
			color: #FFFFFF;
			overflow:hidden;
			font-size: 1.1em;
		}
		.miniFicheListeProduits{}
		.titreMiniFicheListeProduits {padding-top: 5px;font-weight: bold;margin-bottom: 5px;}
		.titreMiniFicheListeProduits input {vertical-align:middle;}
	.miniFicheListeReferences strong { color: #008ad5;}
	.miniFicheListeReferences .promo { font-weight: bold;color: #ff9934;}
	.miniFicheListeReferences li { list-style: none; padding-left: 22px;padding-bottom: 5px;}
	.miniFicheListeReferences img {vertical-align:middle;}
	.miniFicheListeProprietes { margin-left: 15px; padding-left: 7px; list-style-type:circle; padding-top: 5px; padding-bottom: 5px;}
	.miniFicheListeProprietes li {padding-top: 3px;}
	.libellePromo {padding: 5px;padding-left: 20px;color: #ff9934;}
	.libellePromo img {vertical-align:middle;}


/* FICHE PRODUIT **********************************************/
.petitGaucheProduit {width: 196px; height: 19px; background-color:#0089D4; color:#FFFFFF; font-size: 110%; font-weight:bold;padding-left: 5px;padding-top: 1px;float: left; clear: both;}
.colonnesProduit{ clear: both; width:auto;}
	.colonneProduit1{float: left; width: 201px;}
	.colonneProduit2{float: left; width: 201px;}
	.colonneProduit2 strong { background-color: #ffbc7a;}
	.colonneProduit3{float: left; width: 403px;text-align: right;}

.gaucheProduitAsso {width: 201px; height: 20px; float: left;clear: both;margin-top: 20px;}
.petitGaucheProduitAsso {width: 196px; height: 19px; background-color:#b7b7b7; color:#FFFFFF; font-size: 110%; font-weight:bold;padding-left: 5px;padding-top: 1px; float: left;margin-top: 20px;}
.droitProduitAsso {width: 403px; height: 20px; background-color:#ececec;float: left;margin-top: 20px;}
.colonnesProduitAsso{margin-left: 202px; width:605px;}
.ligneMiniFiche {width:606px; clear: both;}
.ligneMiniFiche img { vertical-align: text-bottom;}
.infoProduit { display: block; height: 30px; width: 186px; padding-left: 15px; background:url(images/puce_categorie.gif) top left no-repeat #ececec; padding-top: 2px;padding-bottom: 2px;}
.infoProduitRetour {clear: both;margin-top: 10px;margin-bottom: 10px;}
.infoProduit a,.infoProduit a:visited,.infoProduit a:hover {color: #666666;}
/* PRECOMMANDE / ESPACE REVENDEUR **************************/

/*.precommandeNom {height: 77px;}
.imagePrecommande {float: left;height: 77px;}
.nomPrecommande {float: left; width: 460px; height: 37px; font-style:italic;padding: 20px;}

#tabPrecommande {
	float: left;
	width: 403px;
	background-color: #ECECEC;
	border-collapse: collapse;
	text-align:center;
	margin-top: 20px;
	margin-left: 1px;
}
#tabPrecommande a, #tabPrecommande a:visited{color: #0089D4;}

#tabPrecommande td, #tabPrecommande th { border: 1px solid #FFFFFF; padding: 2px; }
#tabPrecommande caption {background-color: #d6d6d6; font-weight:bold; font-size: 110%; padding: 4px;}
#aucunePrecommande {text-align:center;padding-top: 50px;}


#aucuneActuRevendeur { text-align: center;	margin-left: auto; margin-right: auto; width: 200px;background-color: #ECECEC;padding: 10px; margin-top: 100px;}
.hautActusRevendeurs {height: 20px; width: 196px; background-color: #0089d4; padding-left: 5px;}

.miniActuRevendeur, .miniActuRevendeurOn {background-color: #ECECEC; margin-top: 20px;margin-left: auto;margin-right: auto;width: 150px;margin-bottom: 20px;}
.miniActuRevendeurOn {border: 1px solid #ff9933;}
	.titreMiniActuRevendeur{ background-color:#d6d6d6;padding: 2px;display: block;}
	.shortMiniActuRevendeur{border-top: 1px solid #FFFFFF;padding: 5px;}
.actuRevendeur {background-color: #ECECEC; margin-top: 20px;margin-left: auto;margin-right: auto;width: 185px;margin-bottom: 20px;}
		.titreActuRevendeur{ background-color:#ff9933;padding: 4px;display: block;}
.texteActuRevendeur {padding: 10px; margin-right: 20px;}
.texteActuRevendeur p {padding-bottom: 5px;}
	.legendeImageActuRevendeur {background-color: #d6d6d6; text-align:center;padding: 5px;}
	
.lienPrecommande {width: 392px;margin-left: auto;margin-right: auto; padding-top: 1px;text-align:center;background-color: #ECECEC;margin-top: 20px;padding-bottom: 3px;}
.bonnesaffaires {float: left;border-left: 1px solid #FFFFFF;width: 403px;text-align:center;background-color: #ECECEC;margin-top: 20px;padding-bottom: 10px;}
.bonnesaffaires img {border: 1px solid #ECECEC;}
.titrebonnesaffaires {font-size: 2em;font-weight: bold;padding-bottom: 10px;}
.bonnesaffaires a, .bonnesaffaires a:visited {font-size: 1.1em; font-weight: bold;}
.explications {float: right; width: 199px; border-left: 1px solid #FFFFFF;}
.explications .texte {margin-top: 16px;padding-left: 5px;padding-right: 5px;}
.explications .texte li {margin-left: -5px;}
.aidesvente {text-align:center;background-color: #ECECEC;margin-top: 5px;padding-bottom: 3px;width: 199px;}
.aidesvente img {border: 1px solid #ECECEC;display: inline;}
.aidesvente a,.aidesvente a:visited {}*/
.precommandeNom {height: 77px;}
.imagePrecommande {float: left;height: 77px;}
.nomPrecommande {float: left; width: 460px; height: 37px; font-style:italic;padding: 20px;}

.listeDevis {text-align: center;width:600px;clear:both;}
.titreListeDevis {margin-left:20px;text-align: right;margin-right:8px;background:url(./images/fond_demande_devis.gif) repeat-x;}
.titreListeDevis span {margin-top:20px;background-color: #d6d6d6;padding:2px;padding-left:10px;padding-right:10px;}
#tabPrecommande {
	width: 550px;
	background-color: #ECECEC;
	border-collapse: collapse;
	margin-top: 10px;
	margin-left: 1px;
	text-align:center;
}
#tabPrecommande a, #tabPrecommande a:visited{color: #0089D4;}

#tabPrecommande td, #tabPrecommande th { border: 1px solid #FFFFFF; padding: 2px;padding-left:4px;padding-right:4px; }
#tabPrecommande caption {background-color: #d6d6d6; font-weight:bold; font-size: 110%; padding: 4px;}
#aucunePrecommande {text-align:center;padding-top: 50px;}


#aucuneActuRevendeur { text-align: center; padding: 10px; margin-top: 100px;font-weight: bold;color:white;}
.hautActusRevendeurs {height: 20px; width: 196px; background-color: #0089d4; padding-left: 5px;}
.actusRevendeurs {border: 1px solid #0089d4;padding-top:10px;padding-bottom:10px;background-color: #0089d4;}
.miniActuRevendeur, .miniActuRevendeurOn {background-color: #ECECEC; margin-top: 10px;margin-left: auto;margin-right: auto;width: 170px;margin-bottom: 10px;}
.miniActuRevendeurOn {border: 1px solid #ff9933;}
	.titreMiniActuRevendeur{ background-color:#d6d6d6;padding: 2px;display: block;}
	.shortMiniActuRevendeur{border-top: 1px solid #FFFFFF;padding: 5px;}
.actuRevendeur {background-color: #ECECEC; margin-top: 20px;margin-left: auto;margin-right: auto;width: 185px;margin-bottom: 20px;}
		.titreActuRevendeur{ background-color:#ff9933;padding: 4px;display: block;}
.texteActuRevendeur {padding: 10px; margin-right: 20px;}
.texteActuRevendeur p {padding-bottom: 5px;}
	.legendeImageActuRevendeur {background-color: #d6d6d6; text-align:center;padding: 5px;}
	
.lienPrecommande {width: 392px;margin-left: auto;margin-right: auto; padding-top: 1px;background-color: #ECECEC;margin-top: 20px;padding-bottom: 3px;}
.bonnesaffaires {float: left;margin-left: 10px;width: 570px;background-color: #b7b7b7;margin-top: 20px;}
.bonnesaffaires img {border: 1px solid #b7b7b7;float:left;}
.listebonnesaffaires {float:right;width:97px;height:201px;padding:10px;margin:0px;margin-top:1px;margin-right:1px;background-color:#ff9934;line-height:25px;}
.bonnesaffaires a, .bonnesaffaires a:visited { font-weight: bold;color:#FFFFFF;}
.bonnesaffaires a:hover { font-weight: bold;color:#FFFFFF;}
.explications {clear:both;border-left: 1px solid #FFFFFF;height:110px;}
.explications .texte {margin-top: 16px;padding-left: 5px;padding-right: 5px;}
.explications .texte li {float:left;width:180px;display:inline;margin-left: 10px;}
.aidesvente {text-align:center;margin-top: 5px;width: 199px;}
.aidesvente img {border: 1px solid #d6d6d6;display: inline;}
.aidesvente a,.aidesvente a:visited {}
a.lienAideVente {display: block;height: 15px;width: 204px;background-color: #d6d6d6;}
a.lienAideVente, a:visited.lienAideVente {text-decoration: none; color: #5f5f5f;}

/* PANIER *******************************/
#tabPanier {
	margin-left: 20px;
	width: 770px;
	background-color: #ECECEC;
	border-collapse: collapse;
	text-align:center;
	margin-top: 20px;
}
#tabPanier td, #tabPanier th {
	border: 1px solid #FFFFFF;
	padding: 2px;
}
#tabPanier a, #tabPanier a:visited{color: #0089D4;}
#liensPanier {margin-left: auto; margin-right: auto; width: 700px; text-align:center; padding-top: 20px;}
#liensPanier a, #liensPanier a:visited{color: #0089D4;}

#hautPanier {margin-left: 20px;margin-top:20px;}
#hautPanierGauche {float: left;width:45%;font-size:1.2em;font-weight:bold;}
#hautPanierDroite {float: right;margin-right: 20px;}
#textePanier {margin-left: auto; margin-right: auto; width: 700px; text-align:center; padding-top: 30px;color: #b0b0b0;}
/* RECAPITULATIF - ORDER ******************************/
#ordermessage {
	margin-left: auto;
    margin-right: auto;
	width: 600px;
	margin-top: 20px;
	font-weight: bold;
	text-align:center;
}
#ordermessage p {padding-top: 20px;}
#ordermessage a, #ordermessage a:visited{color: #0089D4; font-weight: normal;}
#tabRecap {
	margin-left: auto;
    margin-right: auto;
	width: 750px;
	background-color: #ECECEC;
	border-collapse: collapse;
	text-align:center;
	margin-top: 20px;
	margin-bottom: 20px;
}
#tabRecap td, #tabRecap th {
	border: 1px solid #FFFFFF;
	padding: 2px;
}
#order {
	margin-left: auto;
    margin-right: auto;
	padding: 10px;
	background-color: #ECECEC;
    width: 270px;
}
#order p {text-align:center;}
/* LOGIN ********************************/
#login {
	float: left;
	background-color: #ECECEC;
    width: 181px;
	margin-top: 78px;
	padding: 10px;
}
#loginMessage {
	font-weight: bold;
	text-align:center;
	padding-bottom: 20px;
}
#imagelogin {float: right;}
.remarqueLogin {padding-top: 20px;padding-left: 10px; font-weight:bold;}
.remarqueLogin li {padding-bottom: 10px; list-style:circle outside;}

/* FORMULAIRES */
.bouton {height: 20px;}
.texte {height: 14px;}

/* CONDITIONS GENERALES DE VENTE *******************/
.conditionsVente {padding-left: 10px; padding-right: 10px;}
.conditionsVente p {
	padding-top: 10px;
	padding-bottom: 10px;
}
.conditionsVente #tabConditions1, .conditionsVente #tabConditions2 {
	margin-left: auto;
    margin-right: auto;
	
	background-color: #ECECEC;
	border-collapse: collapse;
	text-align:center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.conditionsVente #tabConditions1 { width: 650px; }
.conditionsVente #tabConditions2 { width: 300px; }
.conditionsVente td, .conditionsVente th {
	border: 1px solid #FFFFFF;
	padding: 2px;
}

/* CONTACT **************************/
#contact {float: left; width: 604px;margin-left: 1px; }
#contact .previ {background-color:#FCFCFC;padding: 2px;}
.gaucheContact {float: left; width: 281px;margin-right: 1px;background-color: #ECECEC;padding: 10px;}
.droiteContact {float: right; width: 282px;background-color: #ECECEC;padding: 10px;}
.remarqueContact {padding-top: 20px; color: #999999; text-align:justify}
.messageEnvoiContact {	margin-left: auto; margin-right: auto; margin-top: 50px; width: 300px;background-color: #ECECEC;padding: 10px;text-align: center;}

/* ACTUALITES ACTUS **************************/
.miniActu, .miniActuOn {background-color: #ECECEC; margin: 10px; margin-top: 20px;}
.miniActuOn {border: 1px solid #ff9933;}
	.titreMiniActu{ background-color:#d6d6d6;padding: 2px;display: block;}
	.shortMiniActu{border-top: 1px solid #FFFFFF;padding: 5px;}
	.shortMiniActu p {padding: 5px;}
.texteActu {padding: 20px; margin-right: 20px;}
.texteActu p {padding-bottom: 5px;}
#imagesActu {clear: both;padding: 5px;}
.imageActu {float: left; padding-right: 5px;}
.imageActu img { border: 1px solid #ECECEC;}
	.legendeImageActu {background-color: #ECECEC; text-align:center;padding: 5px;}
.liensActu {clear: both; padding: 20px;}
	.liensOut {
		background: url(images/lien_externe.gif) right no-repeat;
		padding-right: 12px;
	}
.fichiersActu {clear: both; padding: 20px;}

/* COMPARAISON PRODUITS *****************/
#tableComparaison a, #tableComparaison a:visited { color:#666666;}
#tableComparaison a:hover {text-decoration:none; color: #666666;}
#tableComparaison img {border: 0px;}

/* MENTIONS LEGALES ********/
#mentions {padding:20px;}
#mentions p {margin-bottom: 10px;}