/***************************************************************************************************/
/*******************************************CENTRER UN SITE*****************************************/
/***************************************************************************************************/
html, body {
/*background-image:url(/images/fondgene.jpg);*/
background-color:#FFFFFF;
margin:0px; /* pour éviter les marges */
text-align: center; /* Pour centrer avec IE*/
padding:0px;

	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

div#general {/* div contenant tout le site*/
margin-left: auto; /* Pour centrer avec Firefox & co */
margin-right: auto;
text-align: left; /* Pour remettre normal */
width: 777px; /* Tout à fait ce que l'on veut ici... */
padding: 0px;
}
/***************************************************************************************************/
/*************************************************TEXTE*********************************************/
/***************************************************************************************************/
.blanc {color: #FFFFFF;}
.noir {color: #000000;}
.gris {color: #787871;}
/***************************************************************************************************/
/*********************************************Formulaires*******************************************/
/***************************************************************************************************/
select, textarea, input {
border-width: 1px; border-color:#9FA390;

font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
hr, .hrhidden {
width:20px;
clear:both;
visibility:hidden;
padding:0px;
margin:0px;
border:0px;
height:1px;
line-height:0.1em;
}

p, h1, h2, h3, h4, h5, ul, li, div, blockquote {padding:0px; margin:0px; border:0px;}
blockquote {padding-left:15px;}
a {text-decoration:none;}
a:link {}
a:visited  {}
a:hover {text-decoration: underline;}
a:active  {}


img {border:0px;}
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
#top {}
#topHome {width:777px; border-left: #000000 solid 1px; border-right: #000000 solid 1px;}
#navigation {}
#centre { width:777clear:both; background-image:url(../../images/2008/niveau1/fond-page.jpg); background-position:top; background-repeat:no-repeat; background-color:#ff9600; min-height:640px;}
.mention {clear:both; color:#000000; font-size:11px; padding:68px 0px 0px 7px; height:20px; background-image:url(../../images/2008/niveau1/fond-bas.jpg);}
#copyrightswad { color:#000000; text-align:center; font-size:11px}
#copyrightswad a{ color:#000000;}

.mentionBasHome {background-image:url(../../images/2008/home/logobas2.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#FFFFFF; padding:3px; text-align:right; font-size:10px; width:771px; border-left: #000000 solid 1px; border-right: #000000 solid 1px;}

.ssNav { float:left; width:161px; padding-top:40px; font-size:11px;}
.ssNav strong{display:block;padding-left:12px;}
.ssNav a{ display:block; background-image:url(../../images/2008/niveau1/ssnav-fleche.gif); background-position:left middle; background-repeat:no-repeat; padding-left:12px; color:#000000;}
.corpTxt { float:left; width:616px;}

h1 { color:#FFFFFF; font-size:13px; font-weight:bold;}
h2 { color:#000000; font-size:12px; font-weight:bold;}

.Accroche {background-repeat:no-repeat; background-position:left top; height:42px; padding-left:20px; padding-top:82px; color:#FFFFFF; font-weight:bold; width:548px;}

.titreSpray {background-image:url(../../images/2008/niveau1/titre-spray.gif); }
.titreLiquide {background-image:url(../../images/2008/niveau1/titre-liquide.gif); }
.titreSpecifique {background-image:url(../../images/2008/niveau1/titre-specifique.gif); }
.titreFausse {background-image:url(../../images/2008/niveau1/titre-fausse.gif); }
.titreForce5 {background-image:url(../../images/2008/niveau1/titre-force5.gif); }
.titreAutres {background-image:url(../../images/2008/niveau1/titre-autres-produits.gif); }
.titreCreme {background-image:url(../../images/2008/niveau1/titre-creme.gif); }

.produitsTxt { float:left; width:420px; padding:10px; text-align:left;}
.produitsTxtF5 { float:left; width:500px; padding:30px; padding-left:35px; padding-top:10px; text-align:left;}
.produitsIll{ float:left; width:176px; }
/*.produitsIll img{ position:absolute; z-index:0;}height:180px;*/
.produitsConseil{text-align:right;}
.filetFleche {clear:both;}


.fondArrondi { background-image:url(../../images/2008/niveau1/fondarrondi.gif); height:33px; width:500px; padding:3px 5px 0px 20px; color:#000000; font-weight:bold;}



/*Popup conseil*/

.orangeboldgrd {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: Aucune;
	color: #FF8900;
	text-decoration: none;
}
.noirgrd {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: Aucune;
	color: #000000;
	text-decoration: none;
}