/*###########################################################################*/
/*########################## typographie ####################################*/
/*###########################################################################*/
td { 
	font: 10px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #747679;
	}
strong, .intro {
		color:#747679;
		font-size:11px;
		}
a  {  
	color: #FF0000;
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	}
a:hover {  
	color: #FF0000; 
	text-decoration: none;
	}
h1,.HEADER1, a.HEADER1 {
		font-size: 19px;
		color:#FF0000;
		}
h2,.HEADER2, a.HEADER2 { /* tétière block */
		font-size: 16px;
		color:#F42A41;
		font-style:italic;
		text-transform: uppercase;
		}
h3 {
		font-size:15px;
		font-weight:bold;
		color:#FF0000;
		}
.HEADER { /* exemple liste des sujets FAQ */
		font-size:13px;
		font-weight:bold;
		color:#747679;
		}
/*###########################################################################*/
/*########################## généralités ####################################*/
/*###########################################################################*/
.chevronRouge { /* correcte pour une seule ligne */
	font-size:10px;
	color:#FF0000;
	padding-left:10px;
	background: url(/SITE/PAGES/objets/chartreGraphique/chevronRougeSurFondBlanc.gif) no-repeat center left;
}
a.gris {
	color:#747679;
	}
a.gris:hover {
	color:#FF0000;
	}
a.lienGris,.listeLienGris a {
	font-size:10px;
	display:block;
	color:#747679;
	padding-left:10px;
	background: url(/SITE/PAGES/objets/chartreGraphique/chevronGrisSurFondBlanc.gif) no-repeat center left;
	}
a.lienGris:hover, .listeLienGris a:hover {
	color:#FF0000;
	background: url(/SITE/PAGES/objets/chartreGraphique/chevronRougeSurFondBlanc.gif) no-repeat center left;
	}
.tronque { overflow : hidden; }
.hand {cursor:pointer; }
/* div.hand:hover { color: #FF0000; text-decoration: underline; } */
a img { border: 0px; }
form { margin:0px;}
.lien { cursor:pointer;color:#FF0000; }
.fleche {
		background: url(/SITE/PAGES/objets/all/fleche.gif) no-repeat top left;
		padding:0px 0px 0px 15px;
		margin-left:10px;
		}
.flecheRouge {
		background: url(/SITE/PAGES/objets/all/flecheRouge.gif) no-repeat center left;
		padding:0px 0px 0px 15px;
		margin-left:10px;
		}
ul.fleches {
	list-style-image: url(/SITE/PAGES/objets/all/fleche.gif);
	padding-left:5px;
	}
ul.points {
	list-style:disc;
	padding-left:5px;
	}
ul.carres {
	list-style:square;
	padding-left:5px;
	}
/*###########################################################################*/
/*########################## page ###########################################*/
/*###########################################################################*/
body { 	
	margin:0px;
	font: 10px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #747679;
	background: url(/SITE/PAGES/objets/window/background.jpg) repeat-x top left;
	background-color: #303133;
	}
#cadre {
	width:750px;
	margin:auto;
	margin-top:30px;
	background: url(/SITE/PAGES/objets/cadre/backgroundCadre.gif) repeat-y top left;
	background-color: #767676;
	text-align:center; /* pour center baniere et page sous IE */
	}
.bordCadre {
	margin:0px;padding:0px;
	line-height:2px; 
	/* background: url(/SITE/PAGES/objets/cadre/grisCadre1px.gif) repeat top left; */
	background-color: #767676;
	}
/*###########################################################################*/
/*########################## baniere ########################################*/
/*###########################################################################*/
#baniere {
		width:746px;
		margin:auto;
		background: url(/SITE/PAGES/objets/baniere/background.jpg) repeat-x top left;
		background-color: white;
		}
#logoTexte {
		float:left;
		margin-top:43px;
		font: bold italic 14px Arial, Helvetica, sans-serif;
		color: #343434;
		}
#logoZefal{
		margin-top:17.5px;
		margin-right:11px;
		margin-left:14px;
		float:left;
		}
/*###########################################################################*/
/*########################## page ###########################################*/
/*###########################################################################*/
#page {
	width:742px;
	overflow:hidden;
	margin:auto;
	background-color: white;
	text-align:left;
	}
/*###########################################################################*/
/*########################## menuPrincipal ##################################*/
/*###########################################################################*/
#menuPrincipal {
		vertical-align:top; /* pour avoir menuSans en haut */
		text-align:left; /* pour menuBas position absolute non centree */
		height:58px;
		width: 742px;
		margin-bottom:11px;
		}
.avecSousMenu{ 
		background: url(/SITE/PAGES/objets/menuPrincipal/menuAvecSousMenu.gif) no-repeat top left;
		}
.sansSousMenu{
		background: url(/SITE/PAGES/objets/menuPrincipal/menuSansSousMenu.gif) no-repeat top left;
		}
.sousMenu {
		position:relative;top:1px;
		width: 507px;
		background-color:#3a3a3a;
		/* background: url(/SITE/PAGES/objets/menuPrincipal/sousMenu.gif) no-repeat top left; */
		}
#menuPrincipal a:hover { color:#FF0000;text-decoration:none; }
#menuPrincipal table.haut {
	width: 509px;
	overflow:hidden;
	}
#menuPrincipal .haut td, #menuPrincipal .sousMenu td {
	    vertical-align:middle;
		text-align:center;
		}
#menuPrincipal .haut a, #menuPrincipal .haut {
		line-height:33px;
		font-size: 13px;
		font-weight:bold;
		color:white;
		text-transform: uppercase;
		white-space:nowrap;
		}
#menuPrincipal .sousMenu a, #menuPrincipal .sousMenu td {
		line-height:25px;
		font-size: 12px;
		color:white;
		white-space:nowrap;
		padding:0px 5px;
		}
#menuPrincipal .haut a:hover,#menuPrincipal .sousMenu a:hover { color:#FF0000;  }
#menuPrincipal .recherche { 
		width: 233px;
		line-height:33px;
		height:33px;
		}
#menuPrincipal .recherche td, #menuPrincipal .recherche td a { 
		font-size: 13px;
		font-weight:bold;
		color:white;
		text-transform: uppercase;
		white-space:nowrap;
	}
#menuPrincipal .recherche td a:hover {color:black;}
#menuPrincipal .recherche form {
		display:inline;
		margin:auto;
		padding:0px;
		} 
#menuPrincipal .recherche input {
		width:108px !important;
		width:102px;
		height:22px !important;
		height:16px;
		padding-left:2px;
		border:1px grey solid;
	    font: 12px Trebuchet MS, Arial, Helvetica;
		}
/*###########################################################################*/
/*########################## menuProduit      ###############################*/
/*###########################################################################*/
.titreMenuProduit {
		padding-left:17px;
		background: url(/SITE/PAGES/objets/menuGauche/enteteMenuGauche.jpg) no-repeat top left;
		line-height:28px;
		height:28px;
		vertical-align:middle;
		text-align:left;
		font-size: 13px;
		font-weight:bold;
		color:white;
		text-transform: uppercase;
		white-space:nowrap;
	    }	
.blocGauche {
		background: url(/SITE/PAGES/objets/menuGauche/backgroundColoneGauche.jpg)  no-repeat top left;
		}
.blocMenuSansTitre a {
		font: bold 12px Trebuchet MS, Arial, Verdana, sans-serif;
		display:block;
		line-height:13px;
		}
.menuProduit div.famille, .blocMenuSansTitre div.autre {
		background: url(/SITE/PAGES/objets/menuGauche/chevronGrisBackground.gif) no-repeat top left;
		vertical-align:top;
		}
.menuProduit .famille a, .blocMenuSansTitre div.autre a  {
		width:123px;
		max-width:123px;
		overflow-x:hidden;
		margin:0px 5px 0px 17px ;
		padding:3px 0px;
		color:white;
		}
.menuProduit .famille a:hover, .blocMenuSansTitre div.autre a:hover  {
		color:#FF0000;
		}
.menuProduit div.familleOpen {
		background: url(/SITE/PAGES/objets/menuGauche/chevronRougeBackground.gif) no-repeat top left;
		vertical-align:top;
		}
.blocMenuSansTitre div.familleOpen a  {
		width:123px;
		max-width:123px;
		overflow-x:hidden;
		margin:0px 5px 0px 17px ;
		padding:3px 0px;
		color:#FF0000;
		}
.menuProduit .familleOpen a:hover {
		color:#FF0000;
		}
.menuProduit div.categorie {
		background: url(/SITE/PAGES/objets/menuGauche/chevronRougeDecaleBackground.gif) no-repeat top left;
		vertical-align:top;
		}
.blocMenuSansTitre div.categorie a  {
		width:107px;
		max-width:107px;
		overflow-x:hidden;
		margin:0px 5px 0px 33px ;
		padding:3px 0px;
		color:white;
		}
.blocMenuSansTitre div.categorie a:hover {
		color:#FF0000;
		}
/*###########################################################################*/
/*########################## menu Bas      ##################################*/
/*###########################################################################*/
.blocBas { 
		background: url(/SITE/PAGES/objets/menuBas/backgroundMenuBas.jpg) repeat-x bottom left;
		}
.menuBas {
		margin:10px;
		text-align:center;
		}
.menuBas a {
	font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #8E9295;
	}
.menuBas a:hover {
	color: #FF0000;
	}
.menuBas img {
		margin:0px 28px;
		vertical-align:middle;
		height:19px;
		width:2px;
		}
/*###########################################################################*/
/*########################## copyright      #################################*/
/*###########################################################################*/
#copyright { /* ® */
		color:white;
		font-size:11px;
		margin-top:10px;
		margin-bottom:30px;
		text-align:center;
		}
/*###########################################################################*/
/*########################## navigation     ###############################*/
/*###########################################################################*/
#navigation, #navigation a {
		font: italic normal 11px Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
		font-weight:500;
		/* font: italic normal 12px Arial, Helvetica, sans-serif; */
		/* font: italic normal 12px Verdana, Arial, Helvetica, sans-serif; */
		color: #FF0000;
		white-space:nowrap;
		}
#navigation a:hover {
		text-decoration:underline;
		}
#navigation .sep { 
		padding-left:5px;
		padding-right:3px;
		font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;
		font-weight:500;
		color: #FF0000;
		white-space:nowrap;
		}
/*###########################################################################*/
/*########################## FAQ    ###############################*/
/*###########################################################################*/
.FAQchoix .sep {
	margin:8px 0px 8px 0px;
	background: url(/SITE/PAGES/objets/chartreGraphique/hr.gif) repeat-x top left;
	height:2px;
	line-height:2px;
	}
.FAQchoix .number { 
		font-size:19px;
		}
.FAQchoix a.titre:hover, .FAQchoix a.resume:hover {  color:#FF0000; }
.FAQchoix a.titre { 
		display:block;
		font-size:15px;
		font-weight:bold;
		color:#747679;
		}
.FAQchoix a.resume { 
		display:block;
		font-size:12px;
		color:#747679;
		}
.FAQdeveloppe .sep {
	margin:8px 0px 8px 0px;
	background: url(/SITE/PAGES/objets/chartreGraphique/hr.gif) repeat-x top left;
	height:2px;
	line-height:2px;
	}
.FAQdeveloppe .liens {margin:20px 0px;padding-left:100px;}
.FAQdeveloppe a:hover {  text-decoration:underline; }
.FAQdeveloppe a {
		color:#FF0000;
		padding-left:10px;
		padding-right:20px;
		background: url(/SITE/PAGES/objets/chartreGraphique/chevronRougeSurFondBlanc.gif) no-repeat center left;
		}
.FAQdeveloppe .titre { 
		font-size:15px;
		font-weight:bold;
		color:#747679;
		}
.FAQdeveloppe .resume { 
		margin-top:13px;
		font-size:12px;
		color:#747679;
		}
/*###########################################################################*/
/*########################## contact ########################################*/
/*###########################################################################*/
.contact, .contact td {
	font-size:12px;
	}
.contact .champ {
	background-color:#f6f6f6;
	}
.contact .champ td {
	font: bold 12px Trebuchet MS,Arial, Helvetica, sans-serif;
	color:#303030;
	font-weight:bold;
	white-space:nowrap;
	}
.contact .champ input,.contact .champ textarea {
	display:block;
	width:100%; /* IE bord */
	border:1px solid #828282;
	}
.contact .champ .envoyer {
	background-color:#FF0000;
	color:white;
	padding:0px 30px;
	}
/*###########################################################################*/
/*########################## fiches pratiques    ############################*/
/*###########################################################################*/
.introFichesPratiques {
		margin-bottom:14px;
		font-size:12px;
		}
.blocChoixFichesPratiques {
		position:relative;
		background: url(/SITE/PAGES/objets/fichesPratiques/cadreGrisClair.jpg) no-repeat top left;
		width:494px;
		height:54px;
		}
.blocChoixFichesPratiques .blocSelect {
		position:absolute;
		top:14.5px;
		left:16px;
		display:block;
		text-align:left;
		}
.blocChoixFichesPratiques select {
	font: bold 12px Trebuchet MS,Arial, Helvetica, sans-serif;
	color:#303030;
	}
/*###########################################################################*/
/*########################## scroll horizontal    ###########################*/
/*###########################################################################*/
.scrollHorizontal {
	position:relative;
	background: url(/SITE/PAGES/objets/chartreGraphique/scrollHorizontal.jpg) no-repeat top left;
	width:511px;
	height:178px;
	}
.contenuScrollHorizontal {
	position:absolute;
	top:33px;
	left:74px;
	width:365px;
	height:102px;
	}
.scrollHorizontal .boutonLeft {
	position:absolute;
	top:33px;
	left:1px;
	width:74px;
	height:102px;
	}
.scrollHorizontal .boutonRight {
	position:absolute;
	top:33px;
	right:1px;
	width:74px;
	height:102px;
	}
/*###########################################################################*/
/*########################## bloc accordeon #################################*/
/*###########################################################################*/
.blocsAccordeon {
	position:relative;
	background: url(/SITE/PAGES/objets/chartreGraphique/backgroundBlocAccordeon.jpg) repeat-y top left;
	width:511px;
	}
.blocsAccordeon .haut {
	background: url(/SITE/PAGES/objets/chartreGraphique/hautBlocAccordeon.jpg) no-repeat top left;
	height:10px;
	line-height:10px;
	}
.blocsAccordeon .bas {
	background: url(/SITE/PAGES/objets/chartreGraphique/basBlocAccordeon.jpg) no-repeat top left;
	height:10px;
	line-height:10px;
	}
.blocsAccordeon .gris {
	background: url(/SITE/PAGES/objets/chartreGraphique/blocAccordeonGris.jpg) no-repeat top left;
	}
.blocsAccordeon .rouge {
	background: url(/SITE/PAGES/objets/chartreGraphique/blocAccordeonRouge.jpg) no-repeat top left;
	}
.blocAccordeon .interBloc {
	width:511px;
	height:2px;
	line-height:2px;
	}
.blocAccordeon {
	position:relative;
	width:511px;
	height:70px;
	}
.blocAccordeon .vignette{
	position:absolute;
	left:14px;
	top:6px;
	border:1px solid #cbccce;
	background-color:white;
	width:55px;
	height:55px;
	line-height:55px;
	text-align:center;
	vertical-align:middle;
	}
.blocAccordeon .titre{
	position:absolute;
			left:77px;
	top:10px;
	width:409px;
	white-space:nowrap;
	overflow:hidden;
	text-align:left;
		font-size: 12px; /* au lieu de 11 car moche */
		color:#FF0000;
		font-style:italic;
		font-weight:bold;
		text-transform: uppercase;
	}
.blocAccordeon .texte{
	position:absolute;
	left:77px;
	top:31px;
	width:409px;
	overflow:hidden;
	text-align:left;
	font-size:11px
	}
/*###########################################################################*/
/*########################## actualites    ##################################*/
/*###########################################################################*/
.actuH2 {
	font-weight:bold;
	font-size:16px;
	font-style:italic;
	color:#434343;
	margin-top:20px;
	margin-bottom:8px;
	}
.scrollHorizontal .vignetteNouveaute {
	text-align:center;
	height:100px;
	width:100px;
	border:1px solid #FF0000;
	background-color:white;
	}
/*###########################################################################*/
/*########################## tous les produits    ###########################*/
/*###########################################################################*/
.scrollHorizontal .backgroundTousLesProduits {
	text-align:center;
	vertical-align:middle;
	height:78px;
	width:78px;
	line-height:78px;
	background-color:white;
	border:1px solid #cbccce;
	overflow:hidden;
	}
.scrollHorizontal .backgroundTousLesProduits img {
	vertical-align:middle;
	}
.scrollHorizontal .titreTousLesProduits {
	text-align:center;
		height:42px;
	width:80px;
	overflow:hidden;
	vertical-align:top;
	line-height:15px;
	white-space:normal;
	}
.scrollHorizontal .titreTousLesProduits a {
		font-size: 12px; /* au lieu de 11 car moche */
		color:#FF0000;
		font-style:italic;
		font-weight:bold;
		text-transform: uppercase;
		line-height:15px;
		white-space:normal;
	}
/*###########################################################################*/
/*########################## fiche famille prod   ###############################*/
/*###########################################################################*/
.cacheBasScroll {
	background: url(/SITE/PAGES/objets/familleProd/cacheBasScroll.gif) repeat top left;
	width:511px;
	height:10px;
	}
.ficheFamilleProd {
	position:relative;
	background: url(/SITE/PAGES/objets/familleProd/background.gif) no-repeat top left;
	width:511px;
	height:275px;
	}
.ficheFamilleProd .famille {
	position:absolute;
	top:50px;
	left:50px;
	width:250px;
	height:190px;
	text-align:center;
	}
.ficheFamilleProd .exemples {
	position:absolute;
	top:24px;
	left:343px;
	width:163px;
	}
.ficheFamilleProd .exemples a {
	font: italic normal 11px Verdana, Arial, Helvetica, sans-serif;
	}
.ficheFamilleProd .exemples a:hover {
	color:#FF0000;
	}
.ficheFamilleProd .exemple {
	position:relative;
	height:54px;
	}
.ficheFamilleProd .exemple .texte {
	position:relative;
	left:35px;
	width:123px;
	overflow:hidden;
	white-space:nowrap;
	}
.ficheFamilleProd a.nomProduit {
	font: italic normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#809194;
	}
.ficheFamilleProd a.nomProduit:hover {
	color:#FF0000;
	}
.ficheFamilleProd .vignetteExemple {
	width:27px;
	height:27px;
	text-align:center;
	overflow:hidden;
	background-color:white;
	border:1px solid #809194;
	}
.ficheFamilleProd .gammes {
	position:absolute;
	top:187px;
	left:343px;
	width:163px;
	height:73px;
	overflow-y:auto;
	overflow-x:hidden;
	}
.ficheFamilleProd .gammes a {
	font: italic normal  10px Trebuchet MS, Arial, Helvetica, sans-serif;
	display:block;
	color:#FF0000;
	padding-left:10px;
	background: url(/SITE/PAGES/objets/chartreGraphique/chevronRougeSurFondBlanc.gif) no-repeat center left;
	white-space:nowrap;
	width:148px !important;
	overflow:hidden;
	}
/*###########################################################################*/
/*########################## fiche game    ###############################*/
/*###########################################################################*/
/*########################## bloc game    ###############################*/
.blocGamme {
	position:relative;
	background: url(/SITE/PAGES/objets/gamme/backgroundBlocGamme.gif) no-repeat top left;
	width:560px;
	height:120px;
	}
.vignetteBlocGamme {
	position:absolute;
	top:17px;
	left:13px;
	background-color:white;
 	height:82px;
 	line-height:82px;
	width:82px;
	text-align:center;
	border:1px solid #809194;
	vertical-align:middle;
	overflow:hidden;
	}
.vignetteBlocGamme img { vertical-align:middle; }
	.texteBlocGamme {
	position:absolute;
	top:17px;
	left:110px;
 	height:82px;
	width:437px;
	overflow:hidden;
	text-align:left;
	}
.titreBlocGamme {
	height:24px;
	font:bold 13px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#FF0000;
	vertical-align:top;
	} 
/*########################## blocs produit    ###############################*/
.blocProduit {
	position:relative;
	width:192px;
	height:235px;
	text-align:left;
	vertical-align:top;
	background: url(/SITE/PAGES/objets/gamme/backgroundBlocProduit.jpg) no-repeat top left;
	}
.blocProduit .tetiere {
	position:absolute;
	top:2px;
	left:13px;
	width:163px;
	height:26px;
	line-height:26px;
	text-align:left;
	vertical-align:middle;
	font:italic bold 16px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-transform:uppercase;
	overflow:hidden;
	white-space:nowrap;
	}
.vignetteBlocProduit {
	position:absolute;
	top:31px;
	left:1px;
	width:172px;
	height:96px;
	line-height:96px;
	text-align:center;
	vertical-align:middle;
	}
.vignetteBlocProduit img{vertical-align:middle;}
.blocProduit .texte {
	position:absolute;
	top:132px;
	left:13px;
	width:154px;
	height:65px;
	line-height:13px;
	text-align:left;
	overflow:hidden;
	}
.blocProduit .lien {
	position:absolute;
	top:199px;
	left:13px;
	width:154px;
	text-align:right;
	font: normal 10px verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	}
.blocProduit .lien a {
	font:italic normal 10px verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	}
.blocProduit .lien a:hover {
	text-decoration:underline;
	}
/*###########################################################################*/
/*########################## fiche produit 2008   ###############################*/
/*###########################################################################*/
.ficheProduit, .ficheProduit td {
	font:  bold 10px Trebuchet MS, Arial, Helvetica, sans-serif;
	}
.centreRightFicheProduit {
	background: url(/SITE/PAGES/objets/produit/backgroundCentreFiche.jpg) repeat-y top right;
	}
.centreLeftFicheProduit {
	background: url(/SITE/PAGES/objets/produit/backgroundCentreFiche.jpg) repeat-y top left;
	}
.backgroundHautFicheProduit {
	width:581px;
	height:122px;
	background: url(/SITE/PAGES/objets/produit/backgroundFicheEtFleche.jpg) no-repeat top left;
	}
.hautFicheProduit {
	position:relative;
	}
.hautFicheProduit .titre {
	position:absolute; /* par rapport à haut */
	width:296px;
	/* overflow:hidden; */
	white-space:nowrap; 
	top:50px;
	font: italic bold 20px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#FF0000;
	}
.hautFicheProduit .famille {
	position:absolute; /* par rapport à haut */
	top:33px;
	font: italic bold 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	}
.specifsFicheProduit .ref{
	font: bold 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	}
.specifsFicheProduit .resume{
	font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#828282;
	margin-bottom:7px;
	}
.specifsFicheProduit .specifs{
	font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif;
	width:296px;
	}
.backgroundBasFicheProduit {
	width:581px;
	height:122px;
	background: url(/SITE/PAGES/objets/produit/backgroundFicheEtFleche.jpg) no-repeat bottom left;
	}
.ficheProduit a,.basFicheProduit a, .basFicheProduit .ligne {
	font-weight:bold;
	}
.basFicheProduit .ligne {
/*.basFicheProduit a, .basFicheProduit .ligne {*/
	display:block;
	width:296px;
	white-space:nowrap;
	overflow:hidden;
	}
/*
.basFicheProduit a {
	background: url(/SITE/PAGES/objets/chartreGraphique/chevronRougeSurFondBlanc.gif) no-repeat center left;
	}
*/
/*###########################################################################*/
/*########################## 3 blocs fiche produit    ###############################*/
/*###########################################################################*/
.troisBlocsProduit td.cadre {
		 border:1px;
		}
/*########################## entete    ###############################*/
.troisBlocsProduit td.entete {
		position:relative;
		background: url(/SITE/PAGES/objets/produit/hautCadreVousAllezAimer.jpg) no-repeat top left;
		}
.troisBlocsProduit .entete div {
		font: bold 14px Arial, Helvetica, sans-serif;
		line-height:32px;
		vertical-align:middle;
		position:relative;
		left:12px;
		width:158px;
		overflow:hidden;
		white-space:nowrap;
		}
/*########################## contenu    ###############################*/
.troisBlocsProduit td.contenu {
		background: url(/SITE/PAGES/objets/produit/backgroundCadre.jpg) repeat-y bottom left;
		}
.troisBlocsProduit td.contenuAimer {
		background: url(/SITE/PAGES/objets/produit/backgroundVousAllezAimer.jpg) repeat-y bottom left;
		}
/*########################## pieces detachees    ###############################*/
.troisBlocsProduit ul.piecesDetachees {
		font: italic normal 11px Arial, Helvetica, sans-serif;
		margin:10px 0px 20px 0px;
		list-style-type: none;
		padding:0px;
		}
.troisBlocsProduit ul.piecesDetachees li {
		position:relative ;
		line-height: 14px;
		margin:0px;padding:0px;
		}
.troisBlocsProduit ul.piecesDetachees li .icone {
		position:absolute;
		top:0px;
		left:10px;
		height:28px;
		width:28px;
		background-color:white;
		border:1px #809194 solid;
		text-align:center;
		vertical-align:middle;
		line-height: 14px;
		}
.troisBlocsProduit ul.piecesDetachees li .icone img {
		vertical-align:middle;
		margin:auto;
		}
.troisBlocsProduit a.nom {
		display:block;
		position:relative;
		left:43px;
		width:137px;
		overflow:hidden;
		color:#747679;
		}
.troisBlocsProduit a.nom:hover {
		color:#FF0000;
		}
.troisBlocsProduit .ref {
		position:relative;
		left:43px;
		color:#FF0000;
		margin-bottom:5px;
		}
/*########################## meme gamme    #############################*/
.troisBlocsProduit ul.memeGamme {
		margin:10px 2px 20px 0px;
		list-style-image:none;
		font-size:10px;
		padding:0px;
		}
.troisBlocsProduit ul.memeGamme li {
		font-size:10px;
		width:161px;
		overflow:hidden;
		background: url(/SITE/PAGES/objets/chartreGraphique/chevronRouge.gif) no-repeat 5px center ;
		padding-left:19px;
		}
/*###########################################################################*/
/*########################## choix    ##############################*/
/*###########################################################################*/
/* voir bloc produit de la page gamme(categorie) */
.vignetteBlocChoix {
	position:absolute;
	top:27px;
	left:1px;
	width:174px;
	height:96px;
	line-height:96px;
	text-align:center;
	vertical-align:middle;
	}
.vignetteBlocChoix img{vertical-align:middle;}
/*###########################################################################*/
/*########################## telechargement    ##############################*/
/*###########################################################################*/
.telechargement {
	position:relative;
	margin:10px;
	padding-left:37px;
	background: url(/SITE/PAGES/objets/chartreGraphique/chevronGrisSurFondBlanc.gif) no-repeat 20px 5px;
	color:#FF0000;
	}
.telechargement a {
	font-size: 12px;
	font-weight:bold;
	color:#FF0000;
	}
.telechargement .size {
	font: italic bold 12px Arial, Helvetica, sans-serif;
	color:black;
	position:absolute;
	left:310px;
	}
.telechargement .logo {
	position:absolute;
	left:400px;
	}
/*###########################################################################*/
/*########################## news   ##############################*/
/*###########################################################################*/
.news, .news .imageliens {
	width:558px;
	overflow:hidden;
	font: normal 10px Trebuchet MS, Arial, Helvetica, sans-serif;
	/* border:1px green solid */;
	}
.news .resume {
	font: bold 14px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#040404;
	}
.news .legende {
	font: italic bold 11px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#5B5B5B;
	}
.lienNews {
	display:block;
	font-size:10px;
	color:#FF0000;
	padding-left:10px;
	background: url(/SITE/PAGES/objets/chartreGraphique/chevronRougeSurFondBlanc.gif) no-repeat left 5px;
	}
/*###########################################################################*/
/*########################## accueil2008  ##############################*/
/*###########################################################################*/

/*###########################################################################*/
/*########################## accueil les blocs  ##############################*/
.Accueil { 
	position:relative;
	height:496px;
	margin-top:23px;
	}
.Accueil div { 
	/* border:1px solid green; */
	}
.Accueil .tetiere {
		position:absolute;
		vertical-align:middle;
		white-space:nowrap;
		height:30px;
		overflow:hidden;
	    font: bold 16px Trebuchet Arial, Helvetica, sans-serif;
		color:#FF0000;
		padding-top:8px;
		padding-left:10px;
		}
.AccueilDistributeur .decal {
			margin-left:11px;
		}
.AccueilFlash {
	position:absolute;
	top:0px;
	left:0px;
	height:207px;
	width:355px;
	/* background: url(/SITE/PAGES/objets/accueil/backgroundFlash.jpg) no-repeat top left; */
	}
.AccueilMichelin {
	position:absolute;
	top:0px;
	left:367px;
	height:207px;
	width:214px;
	}
.AccueilNouveaute {
	position:absolute;
	top:220px;
	left:0px;
	height:156px;
	width:581px;
	background: url(/SITE/PAGES/objets/accueil/backgroundBlocNouveautes.jpg) no-repeat top left;
	overflow:hidden;
	}
.AccueilDistributeur {
	position:absolute;
	top:389px;
	left:0px;
	height:94px;
	width:355px;
	background: url(/SITE/PAGES/objets/accueil/backgroundDistributeur.jpg) no-repeat top left;
	font:  bold 11px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:black;
	}
.AccueilDistributeur select {
	font:  italic normal 10px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#666666;
	}
.AccueilContact {
	position:absolute;
	top:389px;
	left:367px;
	height:94px;
	width:214px;
	background: url(/SITE/PAGES/objets/accueil/backgroundContact.jpg) no-repeat top left;
	}

/*###########################################################################*/
/*########################## accueil marquee nouveaute  ##############################*/
.marqueeNouveaute {
	position:absolute; /* par rapport a AccueilNouveaute */
	height:117px;
	width:581px;
	top:30px;
	left:0px;
	}
.AccueilNouveaute #support {
	position:absolute;
	width:581px;
	height:117px;
	overflow:hidden;
	}
.AccueilNouveaute #contenu {
	position:absolute;
	width:561px;
	}		
.AccueilNouveaute #supportBouton {
	position:absolute;
	left:561px;
	width:20px;
	height:117px;
	overflow:hidden;
	background: url(/SITE/PAGES/objets/accueil/backgroundBoutonsNouveautes.jpg) no-repeat top left;
	}
.AccueilNouveaute #contenuBouton {
	height:234px;
	cursor:pointer;
	position:absolute;
	width:20px;
	}		
.AccueilNouveaute img.boutonTransparent {
	position:absolute;
	z-index:2;
	width:20px;
	height:117px;
	}
.AccueilNouveaute img.boutonBlanc {
	position:absolute;
	z-index:1;
	width:11px;
	height:6px;
	}
	
/*###########################################################################*/
/*########################## accueil bloc Une nouveaute  ##############################*/
.AccueilNouveaute .bloc {
	position:relative;
	height:60px;
	width:579px; /* bord cadre */
	position:relative;
	overflow:hidden;
	background: url(/SITE/PAGES/objets/accueil/espaceBlocNouveaute.gif) no-repeat 1px 48px;
	}
.AccueilNouveaute .backgroundIcone {
		position:absolute; /* par rapport a blocNouveaute */
		top:7px;
		left:17px;
		background:white;
		border:1px solid #809194;
		height:30px;
		width:43px;
		overflow:hidden;
		text-align:center;
		line-height:30px;
		}
.AccueilNouveaute .backgroundIcone img { vertical-align:middle;margin:auto; }
.AccueilNouveaute .ligne1 { 
		position:relative;
		left:75px;
		top:5px;
	    font: bold 12px Trebuchet MS, Arial, Helvetica, sans-serif;
		color:#666666;
		}
.AccueilNouveaute .ligne2 { 
		position:relative;
		left:75px;
		}
.AccueilNouveaute a.lienBloc {
		display:block;
	    font: italic normal 11px Trebuchet MS, Arial, Helvetica, sans-serif;
		color:#FF0000;
		position:absolute;
		top:11px; /* aligne sur deuxieme ligne du texte */
		left: 350px;
		white-space:nowrap;
		}
.AccueilNouveaute .texteBlocNouveauteAccueil {
		width:340px;
		height:22px; /* deux lignes */
		overflow:hidden;
	    font: normal 10px Trebuchet MS, Arial, Helvetica, sans-serif;
		color:#666666;
		line-height:11px;
		}

/*###########################################################################*/
/*########################## distributeurs    ###############################*/
/*###########################################################################*/
.Distributeurs  {
		margin-bottom:70px;
		}
.Distributeurs .intro {
	    font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif;
		color:#666666;
		}
.Distributeurs .introRouge {
	    font: italic bold 12px Arial, Helvetica, sans-serif;
		color:#FF0000;
		margin-top:20px;
		}
.Distributeurs .select {
		background: url(/SITE/PAGES/objets/distributeurs/backgroundSelect.gif) no-repeat top left;
		margin-top:14px;
		height:54px;
		padding-left:16px;
		padding-top:16px;
		}
.Distributeurs .select select {
		width:326px;
	    font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;
		color:black;
		}
.listeDistributeurs {
	width:564px;
	}
.listeDistributeurs .last {
	padding-right:3px;
	}
.listeDistributeurs td {
	vertical-align:top;
	padding-top:5px; 
	text-align:left;
	padding-left:3px;
	font: normal 10px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	}
.listeDistributeurs  th {
	vertical-align:middle;
	padding:5px 0px 5px 3px; 
	text-align:left;
	padding-left:3px;
	color:#666666;
	font: bold 14px Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background-color:#e4e5e7;
	}
	
/*###########################################################################*/
/*########################## print   ####s####################################*/
/*###########################################################################*/
#print {
		float:right;
	    font: bold 12px Arial, Helvetica, sans-serif;
		text-decoration:underline;
		text-align:right;
		line-height:20px;
		background: url(/SITE/PAGES/objets/all/flecheRougeDecalee.gif) no-repeat center left;
		background-color:white;
		padding:10px 10px 10px 25px;
		cursor:pointer; 
		color:#FF0000;
		}
/*###########################################################################*/
/*########################## recherche  ##############################*/
/*###########################################################################*/
.rechercheProduit .blocRechercheProduit {
	position:relative;
	height:103px;
	margin-right:30px;
	border-top:1px solid #FF0000;
	font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif;
	}
.rechercheProduit .blocRechercheProduit .titre {
	margin-top:19px;
	font: bold 15px Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#666666;
	}
.rechercheProduit .blocRechercheProduit .titre .puce {
	color:#2c2c2c;
}
.rechercheProduit .blocRechercheProduit .backgroundVignette {
	position:absolute;
	top:46px;
	left:20px;
	background-color:white;
	border: 1px solid #f0f0f0;
	text-align:center;
	vertical-align:middle;
	line-height:50px;
	height:50px;
	width:50px;
	overflow:hidden;
	}
.rechercheProduit .blocRechercheProduit .backgroundVignette img {
	margin:auto;
	vertical-align:middle;
	}
.rechercheProduit .blocRechercheProduit .texte {
	padding-left:126px;
	padding-top:10px;
	}
.rechercheProduit .blocRechercheProduit a.lien {
	display:block;
	position:absolute;
	left:314px;
	top:81px;
	font: italic bold 11px Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	}