body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
		background-image:url(../images/bg_body.gif);
		background-repeat:repeat-x;
		background-color:#efede1;
    	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    	padding: 0;
    	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    	color: #665560;
		font-size:11px;

    }
	


.titre1 {color:#AE4F92; font-size:15px; line-height:16px; }
.titre2 {color:#EE95A7; font-size:11px; font-weight:bold; line-height:14px; letter-spacing:0.6px;}
.titre3 {color:#F2ACBA; font-size:11px; font-weight:bold; line-height:13px; letter-spacing:0px;}

.titre-reparateur {color:#f78e1e; font-size:15px;}
.s-titre-reparateur {color:#b46716; font-size:11px; margin-bottom:3px;}

.titre-anti-frizz {color:#e70033; font-size:15px;}
.s-titre-anti-frizz {color:#970021; font-size:11px; margin-bottom:3px;}
.texte-anti-frizz {color:#e70033; font-size:12px;}

.titre-controle-volume {color:#df3bad; font-size:15px; }
.s-titre-controle-volume {color:#90256f; font-size:11px; margin-bottom:3px;}

.titre-confort {color:#bed600; font-size:15px;}
.s-titre-confort {color:#93a502; font-size:11px; margin-bottom:3px;}

.lettre1 {font-size:17px; line-height:8px;}
.separateur {font-size:17px;color:#e7a9ce; margin-bottom:5px;}
.separateur1 {
	font-size:7px;
	color:#ffffff;
	letter-spacing:1px;
	line-height:10px;
	}

	a {
		text-decoration:none;
		color:#CC66FF;
	}
	a img {
		border:0px;
	}
    .thrColFix #container { 
    	width: 920px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
    	background: #FFFFFF;
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	text-align: justify; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
    }	
	
	.thrColFix #footer {
	    width: 920px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
		text-align:right;
		background-color:#efede1;
	}
	.thrColFix #footer1 {
		background-image:url(../images/fond-footer.gif);
		background-repeat:no-repeat;
		padding-top:10px;
		padding-right:50px;
	}
	.thrColFix #footer2 {
		color:#FFFFFF;
		font-size:11px;
		font-weight:800;
		letter-spacing:1px;
		line-height:24px;
	}
	.thrColFix #footer2 a {
		color:#FFFFFF;
	}
	.thrColFix #footer2a {
		color:#838282;
		font-weight:200;
	}
	.thrColFix #footer2a a {
		color:#838282;
	}

    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	h1 {
		color:#af5093;
		font-size:24px;
		letter-spacing:1px;
		text-align:right;
	}
	h2 {
		color:#f8ccd5;
		font-size:26px;
		font-weight:bold;
		letter-spacing:-1px;
		margin-top:-20px;
		text-align:right;
	}
	.thrColFix #h-menu1 a{
		display: block ;
		width: 123px ;
		line-height: 82px ;
		background: url(../images/h-menu1.gif) no-repeat 0 0 ;
	}
	.thrColFix #h-menu1 a:hover {background: url(../images/h-menu1.gif) no-repeat 0 -82px ;}
	
	.thrColFix #h-menu2 a{
		display: block ;
		width: 113px ;
		line-height: 82px ;
		background: url(../images/h-menu2.gif) no-repeat 0 0 ;
	}
	.thrColFix #h-menu2 a:hover {background: url(../images/h-menu2.gif) no-repeat 0 -82px ;}

	.thrColFix #h-menu3 a{
		display: block ;
		width: 111px ;
		line-height: 82px ;
		background: url(../images/h-menu3.gif) no-repeat 0 0 ;
	}
	.thrColFix #h-menu3 a:hover {background: url(../images/h-menu3.gif) no-repeat 0 -82px ;}
	
	.thrColFix #h-menu4 a{
		display: block ;
		width: 111px ;
		line-height: 82px ;
		background: url(../images/h-menu4.gif) no-repeat 0 0 ;
	}
	.thrColFix #h-menu4 a:hover {background: url(../images/h-menu4.gif) no-repeat 0 -82px ;}

	.thrColFix #h-menu5 a{
		display: block ;
		width: 113px ;
		line-height: 82px ;
		background: url(../images/h-menu5.gif) no-repeat 0 0 ;
	}
	.thrColFix #h-menu5 a:hover {background: url(../images/h-menu5.gif) no-repeat 0 -82px ;}

	.thrColFix #h-menu6 a{
		display: block ;
		width: 123px ;
		line-height: 82px ;
		background: url(../images/h-menu6.gif) no-repeat 0 0 ;
	}
	.thrColFix #h-menu6 a:hover {background: url(../images/h-menu6.gif) no-repeat 0 -82px ;}