* {margin: 0; padding: 0}
body {
		font: 13px Arial; font-weight: normal; text-align: center;
		/* background: #fff url(images/fond_9c.png) center repeat-y; */
		background: #fff url(../images/bg_page.gif) center repeat-y;
		/*background: #fff url(images/fond_9c.png) center repeat-y;*/
		border: 0px solid #000000;
		}

/*********************************************************************************/
.f1		{color: #222; font-weight: bold;}	/* Noir pâle - bold */
.f1p	{color: #777; font-weight: bold;}
.f1s	{text-decoration: underline;}
.f1bs	{color: #222; font-weight: bold; text-decoration: underline;}
.fbf	{color: #3737FF; font-weight: bold;} /* BLEU */
.ftdn	{text-decoration: none;}
.fi		{font-style: italic;}
.frb	{font-weight: bold; color: #B63333;}
.fvb	{font-weight: bold; color: #8CBD4C;}
.sf-foot {margin-top: 50px; font-weight: bold; color: #B63333;}
.f-actu-nb {font: 12px Arial; text-align: center; color: #8CBD4C;}
/*********************************************************************************/

#page {
		/*width: 1002px;*/
		width: 994px;
		margin: auto; margin-top: 5px; margin-bottom: 10px; padding: 0px; text-align: left;
		background: #FFF;
		border: 2px solid #e8e8e8;
		}

/*********************************************************************************/
#header-fr, #header-us, #header-es {
		height: 218px;
		margin-bottom: 0px;
		border: 1px solid #000;
		border-bottom: 0px;
		}

#header-fr {background: #FFF url(../images/header-fr.png) center no-repeat;}
#header-us {background: #FFF url(../images/header-us.png) center no-repeat;}
#header-es {background: #FFF url(../images/header-es.png) center no-repeat;}

/*********************************************************************************/
#footer {
		clear: both;
		text-align: center;
		/*height: 90px; */
		/*margin-top: 10px;*/
		margin-bottom: 0px;
		padding: 0px;
		/*background: #FFF url(images/bg-2-fond.png) top left repeat-x; */
		/*background: #FFF url(images/fond.jpg) top left repeat;*/
		height : 90px; background : url(../images/pied5.png) center no-repeat;
		/*border: 1px solid #000;*/
		border: 1px solid #000;
		border-top: 0px solid #8CBD4C;
		}

/*********************************************************************************/
.top {float: right; width: 41px;}
.top img {border: none;}

/*********************************************************************************/
.menu_principal {
		position: relative;
		width: 900px; height: 26px;
		background: #FFF url(../images/lienN6.gif) left repeat-x;
		border: 0px solid #600;
		border-left: 1px solid #000000;
		z-index: 3;
		}
.menu_principal ul {
		list-style: none;
		z-index: 10; position: absolute; z-index: 100;
		padding: 5px 3px;
		}
.menu_principal li {float: left;}
.menu_principal a, .menu_principal a:active, .menu_principal a:visited {
		text-decoration: none; color: #000; padding: 10px; outline: 0; /* outline à 0 pour enlever les rectangles pointillés sur les liens */
		}
.menu_principal a:hover {color: #000;}
#slide {position: absolute; bottom: 0px; height: 3px; background: #B63333; z-index: 10}

/*********************************************************************************/
.menu_langue {
		height: 26px; margin-left: 901px;
		background: #FFF url(../images/lienN6.gif) left repeat-x;
		border: 0px solid #600;
		border-right: 1px solid #000000;
		}
.menu_langue ul {list-style: none; padding: 5px 3px;}
.menu_langue li {float: right;}
.menu_langue img {border: none; margin: 2px 3px 0 3px;}

/*********************************************************************************/
.contenu {
		/*min-height: 830px;*/
		/*height:360px;*/
		padding: 10px; padding-bottom : 20px; padding-left : 4px;
		background: #FFF url(../images/fond.jpg) top left repeat;
		/*background: #FFF;*/
		border: 1px solid #000; border-bottom : 0px;
		border-top: 0px;
		}

.rangee {overflow: auto;}
.colonne-1 {float: left; width: 356px; text-align: justify;}
.colonne-2 {margin-left: 385px; width: 356px; text-align: justify;}

.colonne-1-systemes {float: left; width: 250px; text-align: justify;}
.colonne-2-systemes {margin-left: 279px; width: 462px; text-align: justify;}

/*********************************************************************************/
.menu_gauche {
		float: left;
		text-align: left;
		width: 180px;
		height: 340px;
		padding: 10px;
		border: 0px solid #8CBD4C; 
		color: #000;
		/*background: #FFF url(images/bg-2.png) top left repeat-x; /
		/*background: #D6E7BE;*/
		}

/*********************************************************************************/
.produits_description, .mecanismes, .distributeurs, .formules, .contacts, .systemes, .accueil {
		display: block;
		margin-left: 217px;
		margin-right: 0px; padding: 10px;
		border-left: 0px solid #8CBD4C;
		min-height: 1000px; /* min-height: 1225px; /* Hauteur minimale - Si cette valeur est modifiée, il faudra aussi la modifier pour IE (voir ci-dessous)*/
		}
.mecanismes, .contacts, .systemes, .formules, .accueil, .distributeurs { 
		min-height: 690px; /*min-height: 915px; /* Hauteur minimale - Si cette valeur est modifiée, il faudra aussi la modifier pour IE (voir ci-dessous)*/
		}		
* html .produits_description {
		height: 1000px; /*height: 1225px;  /* Même valeur que pour le "min-height" dans "produits_description" ci-dessus */
		}
* html .mecanismes, * html .contacts, * html .systemes, * html .formules, * html .accueil, *html .distributeurs {
		height: 690px; /*height: 915px;  /* Même valeur que pour le "min-height" dans "produits_description" ci-dessus */
		}
/*********************************************************************************/
.images {text-align: right;}
.image-1 {float:left;}
.image-1, .image-2 {border: 1px solid #8CBD4C;}

.ligne, .ligne-mb, .ligne-clear {
		height: 1px; 
		margin: 20px 0 10px 0; 
		border-top: 1px solid #8CBD4C;
		}

.ligne-mb {margin-bottom: 20px;}
.ligne-clear {clear: both;}
/*********************************************************************************/
.contenu_mecanisme {
		height: 380px;
		padding: 10px;
		border: 1px solid #8CBD4C;
		background: #FFF url(../images/bg-2.png) top left repeat-x; 
		}

/*********************************************************************************/
.fond-titre h3 {
		font: 14px Arial; font-weight: bold; color: #B63333;
		padding: 6px;
		/*background: #D7DE72 url(images/fond-titre.png) no-repeat;*/
		/*background: #FFF url(images/fond-nom-produit-2.png) no-repeat;*/
		background-color: #E8F1DB;
		text-align: center;
		margin-bottom:16px;
		border:1px solid #8CBD4C;
		}
	
/*********************************************************************************/
.fond-titre-journaux h3 {
		font: 13px Arial; font-weight: bold; color: #B63333;
		margin-top: 12px;
		padding: 12px;
		text-align: center;
		border-bottom: 1px solid #8CBD4C;
		}

.article {text-align: justify;}

/*********************************************************************************/
.logosf {
		width: 99px; height: 142px;
		position: relative; top: 20px; left: 20px; 
		/*background: url(../images/superf.png) no-repeat;*/
		/*background: url(../images/superf.gif) no-repeat;*/
		border: 0px solid #000000;
		}

/*********************************************************************************/
/* ITEMS DU MENU DE GAUCHE                                                       */
/*********************************************************************************/
.industriel li {margin-top: 0px;}
.agricole li, .domestique li , .autres li {border-top: 1px solid #A0CAE2;}
.autres li {border-bottom: 0px solid #8CBD4C;}
.industriel li, .agricole li, .domestique li, .autres li {
		list-style-type: none;
		list-style-image: none;
		padding: 5px 5px 5px 27px;
		background: url(../images/puce-pp.png) no-repeat; /* Puce - Produit Principal */
		}
/*.industriel li {background: url(images/fond-produit-industriel2.png) no-repeat;}*/
.industriel li, .industriel a, .agricole a, .domestique a, .autres a {
		text-decoration: none;
		color: #222;
		font-weight: bold;
		outline: 0;
		}
.industriel-2 li {list-style-type: none; list-style-image: none; padding: 5px 0px 5px 27px;}
.industriel-2 a {text-decoration: none; color: #222; outline: 0;}
.industriel-2 a:hover, .agricole a:hover, .domestique a:hover, .autres  a:hover {color: #0000ff; text-decoration: underline; cursor: pointer;}
.industriel-2 li:hover {background: url(../images/puce-sp.png) no-repeat 8px 0.7em;} /* Puce - Sous-Produit */
.industriel-2 a:active {text-decoration: none; color: #fff;} /* en test */

/*********************************************************************************/
/* LISTE DES PRODUITS - SELON LE CHOIX DU MENU DE GAUCHE                         */
/*********************************************************************************/
/*.liste {border: 1px solid #000; height: 100px;}*/
.liste ul {list-style-type: none; /*width: 750px;  /* room for 3 columns */}
.liste ul li {float: left; width: 249px;  /* accommodate the widest item */}
	/* separate the list from what follows it */
div.liste {float: left; height: 85px; width: 249px; border-bottom: 2px solid #8CBD4C;
		/*margin-left:0px;*/
		/*margin-bottom: 1em;*/
		}
/* stop the floating after the list */
/* br {clear: left;} */
/* anchor styling */
.liste ul li a {display: block; /*width: 240px;*/ text-decoration: none; border: 0px solid #000; outline: 0; color: #000;}
.liste ul li a:hover {color: #FFF; background-color: #A52A2A;}
.liste ul li a h2 {display: inline; font: 11px Arial; color: #000; background-color: #CCDB80;}
.liste a.wactive {color: #B63333; text-decoration: underline;}
/*********************************************************************************/
/* NOM DU PRODUIT SÉLECTIONNÉ DE LA LISTE                                        */
/*********************************************************************************/
#usage_htemp h3, #usage_eaux h3, #usage_dechets h3, #usage_papier h3, #usage_petrole h3, #usage_bpa h3,
#usage_agricole h3, #usage_domestique h3, #usage_autres h3 {
		font: 16px "Trebuchet MS", Arial; font-weight: bold; color: #000;
		background: #D7DE72 url(../images/fond-nom-produit.png) no-repeat;
		text-align: center;
		}
		
/*********************************************************************************/
/* DESCRIPTION DU PRODUITS                                                       */
/*********************************************************************************/
.liste-description {
		margin-top: 88px;
		height: 240px;
		margin-right: 0px; padding: 10px 0 0 0;
		border: 0px solid #000;
		/*background:#FFF url(images/bg-2.png) top left repeat-x; */
		}

/*********************************************************************************/
/* SOUS-MENUS DU MENU PRINCIPAL                                                  */
/*********************************************************************************/
.sousMenu1 {display: none; list-style-type: none; margin: 0; padding: 0; border: 0;}
.sousMenu1 li {float: none; margin: 0; padding: 0; border: 0; width: 90px; border: 1px solid #000; border-top: 0;}
.sousMenu1 p {display: block; color: #000; margin: 0; padding: 5px; border: 0; text-decoration: none; background: #fff url(../images/fond-sousmenu.gif) repeat-y top right;}

.sousMenu2 {display: none; list-style-type: none; margin: 0; padding: 0; border: 0; top: 0px; left: 91px;}
.sousMenu2 li {float: none; margin: 0; padding: 0; border: 0; width: 170px; border-left: 1px solid #000; border-right: 1px solid #000;}

.sousMenu1 li a:hover, .sousMenu2 li a:hover {background: url(../images/fond-sousmenu-hover.gif) repeat-y left;}

ul.menulist1 li ul, ul#menulist2 li ul {display: none;}
ul.menulist1 li:hover ul, ul#menulist2 li:hover ul {display: block;}

/*********************************************************************************/
/* BOX D'ACTUALITÉ, PUB, ETC.                                                    */
/*********************************************************************************/
.box {	width: 190px;
		margin: 0;
		padding: 6px 0 4px 0;
		text-align: center;
		color: #466E23;
		background: url(../images/fond-titre-menu.png);
		}
.box-menu, .box-pub, .box-news {
		width: 172px;
		margin: 0 0 20px 0;
		padding: 8px;
		border: 1px solid #8CBD4C;
		}
.box-news {height: 170px;}
.box-pub img	{border: 0;}
.box-pub a	{color: #0000ff; font-style: italic;}
.box-pub a:hover	{color: #B63333;}
.box-puce {margin-top: 2px;}

#news_container {
		position: absolute;
		width: 172px;
		height: 170px;
		overflow: hidden;
		z-index: 1;
		}

/*********************************************************************************/
/* Icônes : PHONE, CELL., FAX, EMAIL, WEB, PAYS                               */
/*********************************************************************************/
.email {
		margin-top: 5px;
		padding-left: 20px;
		background: url(../images/email.png) left no-repeat;
		}
.web {
		padding-left: 20px;
		background: url(../images/web.png) left no-repeat;
		}
.email a {
		text-decoration: none;
		color: #0000EE;
		}
.courriel {
		text-decoration: underline;
		padding: 10px;
		padding-left: 45px;
		background: url(../images/courriel.png) left no-repeat;
		}
.courriel a {
		text-decoration: underline;
		color: #0000EE;
		}
.web a {
		text-decoration: none;
		color: #8CBD4C;
		}
.phone {
		margin-top: 5px;
		padding-left: 26px;
		background: url(../images/phone.png) left no-repeat;
		}
.cell {
		padding-left: 26px;
		background: url(../images/cell.png) left no-repeat;
		}
.fax {
		padding-left: 26px;
		background: url(../images/fax.png) left no-repeat;
		}
.pays {
		margin-right: 10px;
		}

/*********************************************************************************/
/* Newsletters                                                                   */
/*********************************************************************************/		
.newsletters p {margin-top: 16px; color: #222; font-weight: bold;}

.newsletters ul {
		margin-left: 16px; list-style: url(../images/list-green.png);
		}
.newsletters ul li {
		margin: 5px 0 5px 8px;
		}
.newsletters ul li a {color: #0061C0; text-decoration: none;}
.newsletters ul li a:hover {text-decoration: underline;}		
		
.nl-arrow {
	display: inline;
	position: absolute;
	width: 82px; height: 27px;
	margin: -5px 0 0 10px;
	background: url(../images/newsletter/arrow.gif) left no-repeat;
	}		
		
.preload {display: none;}		

		
		
		
		
		
		
		
		
		
		
		
		
		
/*
.sousMenu1 {display: none; list-style-type: none; margin: 0; padding: 0; border: 0;}
.sousMenu1 li {float: none; margin: 0; padding: 0; border: 0; width: 90px; border: 1px solid #000; border-top: 0;}
.sousMenu1 li a, .sousMenu1 li a:active, .sousMenu1 p,
.sousMenu2 li a, .sousMenu2 li a:active {
		display: block; color: #000; margin: 0; padding: 5px; border: 0; text-decoration: none; background: url(images/fond-sousmenu.gif) repeat-y top left;
		}

.sousMenu2 {display: none; list-style-type: none; margin: 0; padding: 0; border: 0; top: 0px; left: 91px;}
.sousMenu2 li {float: none; margin: 0; padding: 0; border: 0; width: 170px; border-left: 1px solid #000; border-right: 1px solid #000;}


.sousMenu1 li a:hover, .sousMenu2 li a:hover {background: url(images/fond-sousmenu-hover.gif) repeat-y left; cursor: pointer;}
.sousMenu1 p.plus {background: url(images/fond-sousmenu.gif) repeat-y top right;}
/***********************************************************************************************************************************************/

/*********************************************************************************/
/*
ul.menulist1 li ul, ul#menulist2 li ul { display: none; }
ul.menulist1 li:hover ul, ul#menulist2 li:hover ul { display: block; }

/*********************************************************************************/







/****
.sousMenu1 {display:none; list-style-type: none; margin: 0; padding: 0; border: 0;}
.sousMenu1 li {float: none; margin: 0; padding: 0; border: 0; width: 90px; border: 1px solid #000; border-top:0;}
.sousMenu1 li a:link, .sousMenu1 li a:visited {
	display: block; color: #000; margin: 0; padding:5px; border: 0; text-decoration: none; background: #fff;
}
.sousMenu1 li a:hover {background-image: none; background-color: #00ff00;
}

.sousMenu2 {display:none; list-style-type: none; margin: 0; padding: 0; border: 0; top:0px; left:91px;}
.sousMenu2 li {float: none; margin: 0; padding: 0; border: 0; width: 170px; border-left: 1px solid #000; border-right: 1px solid #000;}
.sousMenu2 li a:link, .sousMenu2 li a:visited {
	display: block; color: #000; margin: 0; padding:5px; border: 0; text-decoration: none; background: #fff;
}
.sousMenu2 li a:hover {background-image: none; background-color: #00ff00;}

****/		






/* CI-DESSOUS --- NE SERVENT PAS POUR LE MOMENT */
/*
.produits-usages {
		color: #222;
		font-weight: bold;
		list-style-type: none;
		list-style-image: none;
		padding: 5px 5px 5px 27px;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-right: 1px solid #888;
		border-bottom: 1px solid #888;
		}
*/