.boo {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* ######################################################## */
/* ########## MENU DROITE ################################# */
/* ######################################################## */
ul#menu_coin_droite {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#menu_coin_droite li {
	margin: 0 0 5px 0 ;
	padding: 0 ;
	float:left;
}

ul#menu_coin_droite li #accueil {
	margin-top:6px;
	display: block ;
	width: 124px ;
	height : 39px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 40px ;

	text-decoration: none ;
	background: url(../img/boutons/en/accueil.png) no-repeat 0 0 ;
}

ul#menu_coin_droite li #accueil:hover {
	background: url(../img/boutons/en/accueil.png) no-repeat 0 -39px ;
}


ul#menu_coin_droite li #eng {
	display: block ;
	width: 38px ;
	height : 48px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 40px ;

	text-decoration: none ;
	background: url(../img/drapeau/eng.png) no-repeat 0 0 ;
}

ul#menu_coin_droite li #eng:hover {
	background: url(../img/drapeau/eng.png) no-repeat 0 -48px ;
}

ul#menu_coin_droite li #fr {
	display: block ;
	width: 38px ;
	height : 48px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 40px ;

	text-decoration: none ;
	background: url(../img/drapeau/fr.png) no-repeat 0 0 ;
}

ul#menu_coin_droite li #fr:hover {
	background: url(../img/drapeau/fr.png) no-repeat 0 -48px ;
}



/* ######################################################### */
/* <<<<<<<<<<<<<<<<<<<<<< LISTE A PUCE >>>>>>>>>>>>>>>>>>>>> */
/* ######################################################### */

ul#menu {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#menu li {
	margin: 0 0 5px 0 ;
	padding: 0 ;
}

ul#menu li #presentation {
	display: block ;
	width: 309px ;
	height : 46px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 40px ;

	text-decoration: none ;
	background: url(../img/boutons/en/presentation.png) no-repeat 0 0 ;
}

ul#menu li #presentation:hover {
	background: url(../img/boutons/en/presentation.png) no-repeat 0 -46px ;
}
ul#menu li #contact {
	display: block ;
	width: 309px ;
	height : 64px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 40px ;
	text-decoration: none ;
	background: url(../img/boutons/contact.png) no-repeat 0 0 ;
}

ul#menu li #contact:hover {
	background: url(../img/boutons/contact.png) no-repeat 0 -67px ;
}
ul#menu li #recherche_pratique {
	display: block ;
	width: 309px ;
	height : 41px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/recherche_pratique.png) no-repeat 0 0 ;
}

ul#menu li #recherche_pratique:hover {
	background: url(../img/boutons/en/recherche_pratique.png) no-repeat 0 -40px ;
}

ul#menu li #presse-ref {
	display: block ;
	width: 309px ;
	height : 41px;
	line-height: 30px ;
	color: #000;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/presse-ref.png) no-repeat 0 -4px;
}

ul#menu li #presse-ref:hover {
	background: url(../img/boutons/en/presse-ref.png) no-repeat 0 -51px;
}
/********************/
ul#menu li #publieditorial {
	display: block ;
	width: 309px ;
	height : 41px;
	line-height: 30px ;
	color: #000;
	text-indent: 41px ;
	text-decoration: none ;
	position:relative;
	top:0;
	left:2px;
	background: url(../img/boutons/en/publi-editorial.png) no-repeat;
}

ul#menu li #publieditorial:hover {
	background: url(../img/boutons/en/publi-editorial.png) no-repeat 0 -43px;
}
/********************/

#cgu {
	width:209px;
	height:36px;
	background:url(../img/boutons/en/cgu.png) no-repeat 0 -38px;
	display:block;
	margin:0 auto;
	
}
#cgu:hover {
	background-position:0 0;
}


/* ############################################################################################################### */
/* ############################ MENU VERTICAL : qui, pourquoi, comment point fort... ############################# */
/* ############################################################################################################### */
ul#menuHovHor {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#menuHovHor li {
	margin: 0 0 5px 0 ;
	padding: 0 ;
	float:left;
}

ul#menuHovHor li #menu_creation {
	display: block ;
	width: 160px ;
	height : 36px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/creation.png) no-repeat 0 0px ;
}

ul#menuHovHor li #menu_creation:hover, ul#menuHovHor li #menu_creation.selected {
	background: url(../img/boutons/en/creation.png) no-repeat 0 -38px ;
}

ul#menuHovHor li #menu_point_fort {
	display: block ;
	width: 160px ;
	height : 36px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/pointsforts.png) no-repeat 0 0 ;
}

ul#menuHovHor li #menu_point_fort:hover, ul#menuHovHor li #menu_point_fort.selected {
	background: url(../img/boutons/en/pointsforts.png) no-repeat 0 -38px ;
}
ul#menuHovHor li #menu_contenu_m {
	display: block ;
	width: 160px ;
	height : 36px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/contenu.png) no-repeat 0 0 ;
}

ul#menuHovHor li #menu_contenu_m:hover, ul#menuHovHor li #menu_contenu_m.selected {
	background: url(../img/boutons/en/contenu.png) no-repeat 0 -38px ;
}
ul#menuHovHor li #menu_actualisation {
	display: block ;
	width: 160px ;
	height : 36px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/actualisation.png) no-repeat 0 0 ;
}

ul#menuHovHor li #menu_actualisation:hover, ul#menuHovHor li #menu_actualisation.selected {
	background: url(../img/boutons/en/actualisation.png) no-repeat 0 -38px ;
}
ul#menuHovHor li #menu_contact {
	display: block ;
	width: 160px ;
	height : 36px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/contact_bis.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#menuHovHor li #menu_contact:hover, ul#menuHovHor li #menu_contact.selected {
	background: url(../img/boutons/en/contact_bis.png) no-repeat 0 -38px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
ul#menuHovHor li #menu_utilisation {
	display: block ;
	width: 160px ;
	height : 36px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/utilisation.png) no-repeat 0 0 ;
}

ul#menuHovHor li #menu_utilisation:hover, ul#menuHovHor li #menu_utilisation.selected {
	background: url(../img/boutons/en/utilisation.png) no-repeat 0 -38px ;
}


/* ################################################################ */
/* ############################ STYLE page4 ############################# */
/* ################################################################ */

ul#categorie {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#categorie li {
	margin: 0 60px 30px 0 ;
	padding: 0 ;
	float: left;
}
ul#categorie li #styles, ul#categorie li #styles_gris  {
	display: block ;
	width: 114px ;
	height : 115px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
ul#categorie li #styles {
	background: url(../img/boutons/en/styles.png) no-repeat 0 0 ;
}
ul#categorie li #styles:hover {
	background-position: 0 -115px ;
}
ul#categorie li #styles_gris {
	background: url(../img/boutons/en/styles_gris.png) no-repeat;
}

ul#categorie li #produits, ul#categorie li #produits_gris {
	display: block ;
	width: 114px ;
	height : 115px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
ul#categorie li #produits {
	background: url(../img/boutons/en/produits.png) no-repeat;
}
ul#categorie li #produits_gris {
	background: url(../img/boutons/en/produits_gris.png) no-repeat;
}

ul#categorie li #produits:hover, ul#categorie li #produits.selected {
	background-position:0 -115px;
}


ul#categorie li #segment_marche, ul#categorie li #segment_marche_gris {
	display: block ;
	width: 114px ;
	height : 115px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
ul#categorie li #segment_marche {
	background: url(../img/boutons/en/segment_marche.png) no-repeat 0 0 ;
}
ul#categorie li #segment_marche:hover {
	background: url(../img/boutons/en/segment_marche.png) no-repeat 0 -115px ;
}
ul#categorie li #segment_marche_gris {
	background: url(../img/boutons/en/segment_marche_gris.png) no-repeat;
}

ul#categorie li #potentiel, ul#categorie li #potentiel_gris {
	display: block ;
	width: 114px ;
	height : 115px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
ul#categorie li #potentiel {
	background: url(../img/boutons/en/potentiel_inspiration.png) no-repeat;
}
ul#categorie li #potentiel:hover {
	background-position:0 -115px;
}
ul#categorie li #potentiel_gris {
	background: url(../img/boutons/en/potentiel_inspiration_gris.png) no-repeat;
}

ul#categorie li #quantite_minimale, ul#categorie li #quantite_minimale_gris {
	display: block ;
	width: 114px ;
	height : 115px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
ul#categorie li #quantite_minimale {
	background: url(../img/boutons/en/quantite_minimale.png) no-repeat;
}
ul#categorie li #quantite_minimale:hover {
	background: url(../img/boutons/en/quantite_minimale.png) no-repeat 0 -115px ;
}
ul#categorie li #quantite_minimale_gris {
	background: url(../img/boutons/en/quantite_minimale_gris.png) no-repeat;
}

ul#categorie li #localisation, ul#categorie li #localisation_gris {
	display: block ;
	width: 114px ;
	height : 115px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
ul#categorie li #localisation {
	background: url(../img/boutons/en/localisation.png) no-repeat ;
}
ul#categorie li #localisation:hover {
	background-position:0 -115px ;
}
ul#categorie li #localisation_gris {
	background: url(../img/boutons/en/localisation_gris.png) no-repeat;
}




/* ################################################################ */
/* ############################ STYLE page : produit,quantite..... ############################# */
/* ################################################################ */
ul#ss_categorie {
	margin-left: 90px ;
	padding-top: 50px ;
	list-style-type: none ;
 /* Suppression du margin, du padding et des puces du <ul>*/ 
}


ul#ss_categorie li {
	margin: -10px 0px 5px 0 ;
	padding: 0;
	float: left;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

#style ul#ss_categorie {
	/* margin-left: 0px ;
	padding: 0 ;
	list-style-type: none ;
Suppression du margin, du padding et des puces du <ul> */
}

#choix_localisation #ss_categorie li{ margin-left:60px;}


/* °°°°°°°°°°°°°°°°°°° STYLE °°°°°°°°°°°°°°°°°°°° */
#style #line2 { margin-top:15px; margin-left:150px;}

#style ul#ss_categorie li #casuel, #style ul#ss_categorie li #casuel_gris {
	display: block ;
	width: 112px ;
	height : 33px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	margin-left:60px;
}
#style ul#ss_categorie li #casuel{
	background: url(../img/en/casuel.png) no-repeat;
}
#style ul#ss_categorie li #casuel:hover {
	background-position:0 -33px ;
}
#style ul#ss_categorie li #casuel_gris{
	background: url(../img/en/casuel_gris.png) no-repeat;
}

#style ul#ss_categorie li #city, #style ul#ss_categorie li #city_gris {
	display: block ;
	width: 68px ;
	height : 33px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
#style ul#ss_categorie li #city {
	background: url(../img/en/city.png) no-repeat;
}
#style ul#ss_categorie li #city:hover {
	background-position:0 -33px ;
}
#style ul#ss_categorie li #city_gris {
	background: url(../img/en/city_gris.png) no-repeat;
}

/*#style ul#ss_categorie li #city {
	display: block ;
	width: 68px ;
	height : 40px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;

	text-decoration: none ;
	background: url(../img/city.png) no-repeat 0 0 ; 
}
#style ul#ss_categorie li #city:hover {
	background: url(../img/city.png) no-repeat 0 -40px ;
}*/


#style ul#ss_categorie li #junior, #style ul#ss_categorie li #junior_gris {
	display: block ; 
	width: 102px ;
	height : 33px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
#style ul#ss_categorie li #junior {
	background: url(../img/en/junior.png) no-repeat;
}
#style ul#ss_categorie li #junior:hover {
	background-position:0 -33px ;
}
#style ul#ss_categorie li #junior_gris {
	background: url(../img/en/junior_gris.png) no-repeat;
}

#style ul#ss_categorie li #smart, #style ul#ss_categorie li #smart_gris {
	display: block ;
	width: 128px ;
	height : 33px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	margin-left:-10px;
}
#style ul#ss_categorie li #smart {
	background: url(../img/en/smart.png) no-repeat;
}
#style ul#ss_categorie li #smart:hover {
	background-position:0 -33px ;
}
#style ul#ss_categorie li #smart_gris {
	background: url(../img/en/smart_gris.png) no-repeat;
}

#style ul#ss_categorie li #trendy, #style ul#ss_categorie li #trendy_gris {
	display: block ;
	width: 120px ;
	height : 33px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
#style ul#ss_categorie li #trendy {
	background: url(../img/en/trendy.png) no-repeat;
}
#style ul#ss_categorie li #trendy:hover {
	background-position:0 -33px ;
}
#style ul#ss_categorie li #trendy_gris {
	background: url(../img/en/trendy_gris.png) no-repeat;
}

/* ################################################################ */
/* ############################ PRODUIT ############################# */
/* ################################################################ */
#produit ul#ss_categorie {
	margin-left: 90px ;
	padding-top: 50px ;
	list-style-type: none ;
}


#produit ul#ss_categorie li {
	margin: -10px 0px 5px 0 ;
	padding: 0;
	float: left;
}

#produit #line1 { margin-left:80px; margin-top:-20px;}
#produit #line2 { margin-left:10px; margin-top:10px;}
#produit #line3 { margin-left:25px; margin-top:10px;}
#produit #line4 { margin-left:55px; }

#produit ul#ss_categorie li #chemise, #produit ul#ss_categorie li #chemise_gris {
	display: block ;
	width: 322px ;
	height : 33px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
#produit ul#ss_categorie li #chemise {
	background: url(../img/en/chemise.png) no-repeat;
}
#produit ul#ss_categorie li #chemise:hover {
	background-position: 0 -33px ;
}
#produit ul#ss_categorie li #chemise_gris {
	background: url(../img/en/chemise_gris.png) no-repeat;
}

#produit ul#ss_categorie li #pantalon, #produit ul#ss_categorie li #pantalon_gris {
	display: block ;
	width: 111px ;
	height : 33px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
#produit ul#ss_categorie li #pantalon {
	background: url(../img/en/pantalon.png) no-repeat;
}
#produit ul#ss_categorie li #pantalon:hover {
	background-position: 0 -33px ;
}
#produit ul#ss_categorie li #pantalon_gris {
	background: url(../img/en/pantalon_gris.png) no-repeat;
}

#produit ul#ss_categorie li #jupe, #produit ul#ss_categorie li #jupe_gris {
	display: block ;
	width: 171px ;
	height : 40px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
#produit ul#ss_categorie li #jupe {
	background: url(../img/en/jupe.png) no-repeat ;
}
#produit ul#ss_categorie li #jupe:hover {
	background-position:0 -33px;
}
#produit ul#ss_categorie li #jupe_gris {
	background: url(../img/en/jupe_gris.png) no-repeat ;
}

#produit ul#ss_categorie li #tailleur, #produit ul#ss_categorie li #tailleur_gris {
	display: block ;
	width: 135px ;
	height : 33px;
	line-height:30px ;
	color: #000;
	text-indent: 41px ;
	text-decoration: none;
}
#produit ul#ss_categorie li #tailleur {
	background: url(../img/en/tailleur.png) no-repeat;
}
#produit ul#ss_categorie li #tailleur:hover {
	background-position:0 -33px ;
}
#produit ul#ss_categorie li #tailleur_gris {
	background: url(../img/en/tailleur_gris.png) no-repeat;
}

#produit ul#ss_categorie li #veste, #produit ul#ss_categorie li #veste_gris {
	display: block ;
	width: 135px ;
	height : 39px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	margin-left:-15px;
}
#produit ul#ss_categorie li #veste {
	background: url(../img/en/veste.png) no-repeat;
}
#produit ul#ss_categorie li #veste:hover {
	background: url(../img/en/veste.png) no-repeat 0 -33px ;
}
#produit ul#ss_categorie li #veste_gris {
	background: url(../img/veste_gris.png) no-repeat;
}

#produit ul#ss_categorie li #parka, #produit ul#ss_categorie li #parka_gris {
	display: block ;
	width: 167px ;
	height : 33px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
#produit ul#ss_categorie li #parka {
	background: url(../img/en/parka.png) no-repeat;
}
#produit ul#ss_categorie li #parka:hover {
	background-position:0 -33px ;
}
#produit ul#ss_categorie li #parka_gris {
	background: url(../img/en/parka_gris.png) no-repeat;
}


#produit ul#ss_categorie li #manteau, #produit ul#ss_categorie li #manteau_gris {
	display: block ;
	width: 137px ;
	height : 34px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
#produit ul#ss_categorie li #manteau {
	background: url(../img/en/manteau.png) no-repeat;
}
#produit ul#ss_categorie li #manteau:hover {
	background-position:0 -33px ;
}
#produit ul#ss_categorie li #manteau_gris {
	background: url(../img/en/manteau_gris.png) no-repeat;
}


#produit ul#ss_categorie li #jersey, #produit ul#ss_categorie li #jersey_gris {
	display: block ;
	width: 147px ;
	height : 34px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
#produit ul#ss_categorie li #jersey{
	background: url(../img/en/jersey.png) no-repeat;
}
#produit ul#ss_categorie li #jersey:hover {
	background-position: 0 -33px ;
}
#produit ul#ss_categorie li #jersey_gris {
	background: url(../img/en/jersey_gris.png) no-repeat;
}


#produit ul#ss_categorie li #maille, #produit ul#ss_categorie li #maille_gris {
	display: block ;
	width: 142px ;
	height : 38px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	margin-left:-30px;
	text-decoration: none ;
}
#produit ul#ss_categorie li #maille {
	background: url(../img/en/maille.png) no-repeat;
}
#produit ul#ss_categorie li #maille:hover {
	background-position:0 -33px;
}
#produit ul#ss_categorie li #maille_gris {
	background: url(../img/en/maille_gris.png) no-repeat;
}

#produit ul#ss_categorie li #denim, #produit ul#ss_categorie li #denim_gris {
	display: block ;
	width: 126px ;
	height : 38px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
#produit ul#ss_categorie li #denim {
	background: url(../img/en/denim.png) no-repeat;
}
#produit ul#ss_categorie li #denim:hover {
	background-position:0 -33px;
}
#produit ul#ss_categorie li #denim_gris {
	background: url(../img/en/denim_gris.png) no-repeat;
}

/* ---------------------------------*/
ul#ss_categorie li #chaines_magasins, ul#ss_categorie li #chaines_magasins_gris {
	display: block ;
	width: 450px ;
	height : 33px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	margin-left:5px;
}
ul#ss_categorie li #chaines_magasins {
	background: url(../img/en/chaines_magasins.png) no-repeat;
}
ul#ss_categorie li #chaines_magasins:hover {
	background-position:0 -33px ;
}
ul#ss_categorie li #chaines_magasins_gris {
	background: url(../img/en/chaines_magasins_gris.png) no-repeat;
}


ul#ss_categorie li #gs_gss, ul#ss_categorie li #gs_gss_gris {
	display: block ;
	width: 421px ;
	height : 33px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	margin-left: 20px;
	text-decoration: none ;
}
ul#ss_categorie li #gs_gss {
	background: url(../img/en/gs_gss.png) no-repeat;
}
ul#ss_categorie li #gs_gss:hover {
	background-position:0 -33px ;
}
ul#ss_categorie li #gs_gss_gris {
	background: url(../img/en/gs_gss_gris.png) no-repeat;
}

ul#ss_categorie li #haut_gamme, ul#ss_categorie li #haut_gamme_gris {
	display: block ;
	width: 280px ;
	height : 33px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	margin-top:6px;
	margin-left:160px;
	text-decoration: none ;
}
ul#ss_categorie li #haut_gamme {
	background: url(../img/en/haut_gamme.png) no-repeat;
}
ul#ss_categorie li #haut_gamme:hover {
	background-position:0 -33px ;
}
ul#ss_categorie li #haut_gamme_gris {
	background: url(../img/en/haut_gamme_gris.png) no-repeat;
}

/* ------------------------------------ */
ul#ss_categorie li #faible, ul#ss_categorie li #faible_gris {
	margin-left:50px;
	display: block ;
	width: 122px ;
	height : 38px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
ul#ss_categorie li #faible {
	background: url(../img/en/faible.png) no-repeat;
}
ul#ss_categorie li #faible:hover {
	background-position:0 -33px ;
}
ul#ss_categorie li #faible_gris {
	background: url(../img/en/faible_gris.png) no-repeat;
}

ul#ss_categorie li #moyen, ul#ss_categorie li #moyen_gris {
	margin-left:-20px;
	margin-top:40px;
	display: block ;
	width: 145px ;
	height : 38px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
ul#ss_categorie li #moyen {
	background: url(../img/en/moyen.png) no-repeat;
}
ul#ss_categorie li #moyen:hover {
	background-position:0 -33px ;
}
ul#ss_categorie li #moyen_gris {
	background: url(../img/en/moyen_gris.png) no-repeat;
}

ul#ss_categorie li #bon, ul#ss_categorie li #bon_gris {
	margin-top:80px;
	display: block ;
	width: 104px ;
	height : 38px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
ul#ss_categorie li #bon {
	background: url(../img/en/bon.png) no-repeat;
}
ul#ss_categorie li #bon:hover {
	background-position:0 -32px ;
}
ul#ss_categorie li #bon_gris {
	background: url(../img/en/bon_gris.png) no-repeat;
}

/* °°°°°°°°°°°°°°° QUANTITE °°°°°°°°°°°°°°°° */
#quantite #line1 {margin-left:30px; }
#quantite #line2 { margin-left:125px; margin-top:12px;}
#quantite #line3 { margin-top:12px;}


ul#ss_categorie li #q500, ul#ss_categorie li #q500_gris {
	display: block ;
	width: 178px ;
	height : 40px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	margin-left:-30px;
	margin-right:20px;
}
ul#ss_categorie li #q500 {
	background: url(../img/en/moins_de_500.png) no-repeat -60px 0;
}
ul#ss_categorie li #q500:hover {
	background-position:-60px -33px ;
}
ul#ss_categorie li #q500_gris {
	background: url(../img/en/moins_de_500_gris.png) no-repeat -60px 0;
}

ul#ss_categorie li #q501_1000, ul#ss_categorie li #q501_1000_gris {
	margin-top:-5px;
	display: block ;
	width: 219px ;
	height : 40px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
ul#ss_categorie li #q501_1000 {
	background: url(../img/en/501_1000.png) no-repeat;
}
ul#ss_categorie li #q501_1000:hover {
	background-position:0 -33px ;
}
ul#ss_categorie li #q501_1000_gris {
	background: url(../img/en/501_1000_gris.png) no-repeat;
}

ul#ss_categorie li #q1000, ul#ss_categorie li #q1000_gris {
	display: block ;
	width: 116px ;
	height : 33px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
ul#ss_categorie li #q1000 {
	background: url(../img/en/1000.png) no-repeat;
}
ul#ss_categorie li #q1000:hover {
	background-position:0 -33px ;
}
ul#ss_categorie li #q1000_gris {
	background: url(../img/en/1000_gris.png) no-repeat;
}

ul#ss_categorie li #q1001_2000, ul#ss_categorie li #q1001_2000_gris {
	display: block ;
	width: 233px ;
	height : 40px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	position:relative;
	right:8px;
}
ul#ss_categorie li #q1001_2000 {
	background: url(../img/en/1001_2000.png) no-repeat;
}
ul#ss_categorie li #q1001_2000:hover {
	background-position:0 -33px ;
}
ul#ss_categorie li #q1001_2000_gris {
	background: url(../img/en/1001_2000_gris.png) no-repeat;
}

ul#ss_categorie li #q2000, ul#ss_categorie li #q2000_gris {
	margin-top:4px;
	display: block ;
	width: 224px ;
	height : 33px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
}
ul#ss_categorie li #q2000 {
	background: url(../img/en/2000.png) no-repeat -38px 0;
}
ul#ss_categorie li #q2000:hover {
	background-position:-38px -33px ;
}
ul#ss_categorie li #q2000_gris {
	background: url(../img/en/2000_gris.png) no-repeat -38px 0;
}


/* ---------------------------------------------- */
ul#ss_categorie li #province {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 75px ;
	height : 75px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(../img/boutons/province.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#ss_categorie li #province:hover {
	background: url(../img/boutons/province.png) no-repeat 0 -76px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
ul#ss_categorie li #city {
	display: block ;
	width: 75px ;
	height : 75px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;

	text-decoration: none ;
	background: url(../img/boutons/city.png) no-repeat 0 0 ;
}
ul#ss_categorie li #city:hover {
	background: url(../img/boutons/city.png) no-repeat 0 -78px ;
}

/* ################################################################ */
/* ############################ STYLE images du menu : moyenne..... ############################# */
/* ################################################################ */
ul#menu_ss_categorie {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#menu_ss_categorie li {
	margin: -10px 20px 5px 0 ;
	padding: 0 ;
	float: left;
}

ul#menu_ss_categorie li #ombre {
	display: block ;
	width: 76px ;
	height : 77px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;

	text-decoration: none ;
	background: url(../img/boutons/ombre.png) no-repeat 0 0 ; 
}
ul#menu_ss_categorie li #ombre:hover {
	background: url(../img/boutons/ombre.png) no-repeat 0 -77px ; 
}

ul#menu_ss_categorie li #produit {
	display: block ;
	width: 76px ;
	height : 75px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/produits_moyen.png) no-repeat 0 0 ;
}
ul#menu_ss_categorie li #produit:hover, ul#menu_ss_categorie li #produit.selected {
	background: url(../img/boutons/en/produits_moyen.png) no-repeat 0 -75px ;
}
ul#menu_ss_categorie li #produit_gris {
	display: block ;
	width: 76px ;
	height : 75px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px;
	text-decoration: none ;
	background: url(../img/boutons/en/produit_moyen_grise.png) no-repeat 0 0 ;
	cursor:default;
}


ul#menu_ss_categorie li #styles {
	display: block ;
	width: 76px ;
	height : 75px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/styles_moyen.png) no-repeat 0 0 ;
}
ul#menu_ss_categorie li #styles:hover, ul#menu_ss_categorie li #styles.selected {
	background: url(../img/boutons/en/styles_moyen.png) no-repeat 0 -77px ;
}
ul#menu_ss_categorie li #styles_gris {
	display: block ;
	width: 76px ;
	height : 75px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/style_moyen_grise.png) no-repeat 0 0 ;
	cursor:default;
}

/* ----------------- SEGMENT ---------------- */
ul#menu_ss_categorie li #segment {
	display: block ;
	width: 76px ;
	height : 75px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/segment_moyen.png) no-repeat;
}
ul#menu_ss_categorie li #segment:hover, ul#menu_ss_categorie li #segment.selected {
	background: url(../img/boutons/en/segment_moyen.png) no-repeat 0 -77px ;
}
ul#menu_ss_categorie li #segment_gris {
	display: block ;
	width: 76px ;
	height : 75px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/segment_moyen_grise.png) no-repeat;
	cursor:default;
}



ul#menu_ss_categorie li #potentiel {
	display: block ;
	width: 76px ;
	height : 75px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ; 
	text-decoration: none ;
	background: url(../img/boutons/en/potentiel_moyen.png) no-repeat 0 0 ;
}
ul#menu_ss_categorie li #potentiel:hover, ul#menu_ss_categorie li #potentiel.selected {
	background: url(../img/boutons/en/potentiel_moyen.png) no-repeat 0 -77px ;
}
ul#menu_ss_categorie li #potentiel_gris {
	display: block ;
	width: 76px ;
	height : 75px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/potentiel_moyen_grise.png) no-repeat;
	cursor:default;
}


ul#menu_ss_categorie li #quantite {
	display: block ;
	width: 76px ;
	height : 75px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/quantite_minimale_moyen.png) no-repeat;
}
ul#menu_ss_categorie li #quantite:hover, ul#menu_ss_categorie li #quantite.selected {
	background: url(../img/boutons/en/quantite_minimale_moyen.png) no-repeat 0 -77px ;
}
ul#menu_ss_categorie li #quantite_gris {
	display: block ;
	width: 76px ;
	height : 75px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/quantite_moyen_grise.png) no-repeat;
	cursor:default;
}


ul#menu_ss_categorie li #localisation {
	display: block ;
	width: 76px ;
	height : 77px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/localisation_moyen.png) no-repeat;
}
ul#menu_ss_categorie li #localisation:hover, ul#menu_ss_categorie li #localisation.selected {
	background: url(../img/boutons/en/localisation_moyen.png) no-repeat 0 -77px ;
}
ul#menu_ss_categorie li #localisation_gris {
	display: block ;
	width: 76px ;
	height : 75px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background: url(../img/boutons/en/localisation_moyenne_grise.png) no-repeat;
	cursor:default;
}

/* ################# RECHERCHE - CONTACT #################### */
ul#contact_nav_droite {
	margin: 0px 0px 0px -20px ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#contact_nav_droite li {
	margin: 0px 20px 5px 0 ;
	padding: 0 ;
	float: left;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#contact_nav_droite li #bt_contact, #bt_contact {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 162px ;
	height : 40px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ; /* On décale le texte de 40px du bord gauche */
	
	text-decoration: none ;
	background: url(../img/boutons/contact_menuhor.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#contact_nav_droite li #bt_contact:hover, #bt_contact:hover {
	background: url(../img/boutons/contact_menuhor.png) no-repeat 0 -43px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

#validation #contact_nav_droite {
	position:absolute;
	margin-left:648px;
    margin-top:100px;
	width:354px;
}

#bt_recherche {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 162px ;
	height : 35px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ; /* On décale le texte de 40px du bord gauche */
	margin-left:-10px;
	text-decoration: none ;
	background: url(../img/boutons/en/nouvelle_recherche.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
#bt_recherche:hover {
	background: url(../img/boutons/en/nouvelle_recherche.png) no-repeat 0 -44px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* ########################################################### */


/* ########################################################### */
/* ########## MINIATURE DES HOVER ############################ */
/* ########################################################### */
ul#mini_recherche {
	margin: 0 ;
	margin-left:13px;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#mini_recherche li {
	margin: 0px 0px 5px 0 ;
	padding: 0 ;
	float: left;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#mini_recherche li #mini_produit {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 35px ;
	height : 35px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ; /* On décale le texte de 40px du bord gauche */
	margin-left:-10px;

	text-decoration: none ;
	background: url(../img/boutons/produits_mini.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#mini_recherche li #mini_produit:hover {
	background: url(../img/boutons/produits_mini.png) no-repeat 0 -35px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}


ul#mini_recherche li #mini_quantite {
	display: block;
	width: 35px ;
	height : 35px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ; 
	margin-left:-10px;
	text-decoration: none ;
	background: url(../img/boutons/quantite_minimale_mini.png) no-repeat;
}
ul#mini_recherche li #mini_quantite:hover {
	background-position: 0 -35px ;
}

ul#mini_recherche li #mini_segment {
	display: block ;
	width: 35px ;
	height : 35px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	margin-left:-10px;
	text-decoration: none ;
	background: url(../img/boutons/segment_marche_mini.png) no-repeat 0 0 ;
}
ul#mini_recherche li #mini_segment:hover {
	background: url(../img/boutons/segment_marche_mini.png) no-repeat 0 -35px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

ul#mini_recherche li #mini_potentiel {
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 35px ;
	height : 35px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ; /* On décale le texte de 40px du bord gauche */
	margin-left:-10px;
	text-decoration: none ;
	background: url(../img/boutons/potentiel_inspiration_mini.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#mini_recherche li #mini_potentiel:hover {
	background: url(../img/boutons/potentiel_inspiration_mini.png) no-repeat 0 -35px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

ul#mini_recherche li #mini_styles {
	display: block ;
	width: 35px ;
	height : 35px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	margin-left:-10px;

	text-decoration: none ;
	background: url(../img/boutons/styles_mini.png) no-repeat 0 0;
}
ul#mini_recherche li #mini_styles:hover {
	background: url(../img/boutons/styles_mini.png) no-repeat 0 -35px ;
}

ul#mini_recherche li #mini_localisation {
	display: block ;
	width: 35px ;
	height : 35px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	margin-left:-10px;
	text-decoration: none ;
	background: url(../img/boutons/localisation_mini.png) no-repeat 0 0;
}
ul#mini_recherche li #mini_localisation:hover {
	background-position:0 -35px ;
}


/* ############################################################ */
/* ############### PAGE : contact_informations ################ */
/* ############################################################ */
ul#bouton_contact {
	margin: 0 ;
	margin-left:13px;
	padding: 0 ;
	list-style-type: none ;
}

ul#bouton_contact li {
	margin: 0px 0px 5px 0 ;
	padding: 0 ;
	float: left;
}

ul#bouton_contact li #nous_contacter, #table_contact #nous_contacter {
	display: block ;
	width: 160px ;
	height : 33px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	margin-left:250px;
	text-decoration: none ;
	background: url(../img/boutons/en/envoi_email.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#bouton_contact li #nous_contacter:hover, #table_contact #nous_contacter:hover {
	background: url(../img/boutons/en/envoi_email.png) no-repeat 0 -35px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/*''''''' CONTENU '''''''*/
#exemple_fiche {
	display:block;
	width:209px;
	height:38px;
	background:url(../img/boutons/en/exemple_fiche.png) no-repeat;
}
#exemple_fiche:hover {
	background-position:0 -38px;
}
/*'''''''''''''''''''''''*/