/* CSS Document */

html, body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
form, map {
	margin: 0px;
	padding: 0px;
	border: none;
}
body, td, a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8D8B8B;
}
#page {
	position: relative;
	min-height: 100%;
	width: 100%;
	text-align:center;
}

* html #page { height: 100%; }

#FdConteneurPage {
	height: 100%;
	width: 100%;
	text-align:center;
	/*background:url(/img-hairfax/cheveux-soins/fd-detail.jpg) no-repeat center top;*/
}

#header {
	height: 158px;
	width: 100%;
	text-align:center;
	background: url(/img-hairfax/cheveux-soins/header-hairfax.gif) no-repeat center top;

}

#conteneur {
	width: 992px;
	height: 100%;
	margin: 0px auto;
	text-align: center;
}
#dernierElement {
	margin-bottom: 0px;
	padding-bottom: 40px;
	width: 100%;
}
#footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	background: url(/img-hairfax/cheveux-soins/footer-hairfax.gif) no-repeat center top;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

input#RechercheHairfax {
	border: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8D8B8B;
}



#Boutique {
	background: url(/img-hairfax/cheveux-soins/boutique-en-ligne.gif) no-repeat 0px right;	
	height: 33px;
	width: 192px;
}
#Boutique a {
	display: block;
	font-size: 0px;
	height: 33px;
	text-indent: -5000px;
}
#Boutique a:hover {
	background: url(/img-hairfax/cheveux-soins/boutique-en-ligne.gif) no-repeat 0px -33px;
}	

#FdDetail {
	height:225px;
	width:154px;
	background: url(/img-hairfax/cheveux-soins/fd-detail-encart.gif) no-repeat;
}

ul {
	margin: 0px;
	padding: 0px;
}
ul li {
	float: left;
	list-style: none;
}

/*Nav Hairfax*/

ul.MenuCentre {
	height: 202px;
	width: 260px;
	background-image: url(/img-hairfax/bienvenue-hairfax-cheveux/entree-centre-hairfax.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

ul.MenuCentre li a {
   	display: block;
	height: 202px;
	font-size: 0px;
	text-indent: -5000px;
}
ul.MenuCentre li.btn1 a {
	width: 260px;
	height:35px;
	margin-bottom: 22px
}
ul.MenuCentre li.btn2 a {
	width: 260px;
	height:34px;
	margin-bottom: 23px
}
ul.MenuCentre li.btn3 a {
	width: 260px;
	height:34px;
	margin-bottom: 20px;
}
ul.MenuCentre li.btn4 a {
	width: 260px;
	height:33px;
}


ul.MenuCentre li.btn1 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/entree-centre-hairfax.gif) no-repeat -260px 0px;
}
ul.MenuCentre li.btn2 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/entree-centre-hairfax.gif) no-repeat -260px -57px;
}
ul.MenuCentre li.btn3 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/entree-centre-hairfax.gif) no-repeat -260px -114px;
}
ul.MenuCentre li.btn4 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/entree-centre-hairfax.gif) no-repeat -260px -168px;
}


/*Nav Haut*/


ul.MenuHairfax {
	height: 40px;
	width: 992px;
	background-image: url(/img-hairfax/cheveux-soins/nav-perruque-hairfax.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
ul.MenuHairfax li {
	height: 40px;
}
ul.MenuHairfax li a {
   	display: block;
	height: 40px;
	font-size: 0px;
	text-indent: -5000px;
}
ul.MenuHairfax li.btn1 a {
	width: 160px;
}
ul.MenuHairfax li.btn2 a {
	width: 253px;
}
ul.MenuHairfax li.btn3 a {
	width: 216px;
}
ul.MenuHairfax li.btn4 a {
	width: 171px;
}
ul.MenuHairfax li.btn5 a {
	width: 192px;
}

ul.MenuHairfax li.btn1 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/nav-perruque-hairfax.gif) no-repeat 0px -40px;
}
ul.MenuHairfax li.btn2 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/nav-perruque-hairfax.gif) no-repeat -164px -40px;
}
ul.MenuHairfax li.btn3 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/nav-perruque-hairfax.gif) no-repeat -417px -40px;
}
ul.MenuHairfax li.btn4 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/nav-perruque-hairfax.gif) no-repeat -632px -40px;
}
ul.MenuHairfax li.btn5 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/nav-perruque-hairfax.gif) no-repeat -805px -40px;
}


/*Nav Bas*/


ul.MenuBas {
	height: 110px;
	width: 960px;
	background-image: url(/img-hairfax/bienvenue-hairfax-cheveux/nav-conseils-hairfax.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
ul.MenuBas li {
	height: 110px;
}
ul.MenuBas li a {
   	display: block;
	height: 110px;
	font-size: 0px;
	text-indent: -5000px;
}
ul.MenuBas li.btn1 a {
	width: 122px;
	margin-right: 30px;
}
ul.MenuBas li.btn2 a {
	width: 120px;
	margin-right: 22px;
}
ul.MenuBas li.btn3 a {
	width: 120px;
	margin-right: 26px;
}
ul.MenuBas li.btn4 a {
	width: 120px;
	margin-right: 24px;
}
ul.MenuBas li.btn5 a {
	width: 120px;
	margin-right: 26px;
}
ul.MenuBas li.btn6 a {
	width: 230px;
}

ul.MenuBas li.btn1 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/nav-conseils-hairfax.jpg) no-repeat 0px -110px;
}
ul.MenuBas li.btn2 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/nav-conseils-hairfax.jpg) no-repeat -152px -110px;
}
ul.MenuBas li.btn3 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/nav-conseils-hairfax.jpg) no-repeat -294px -110px;
}
ul.MenuBas li.btn4 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/nav-conseils-hairfax.jpg) no-repeat -440px -110px;
}
ul.MenuBas li.btn5 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/nav-conseils-hairfax.jpg) no-repeat -584px -110px;
}
ul.MenuBas li.btn6 a:hover {
	background: transparent url(/img-hairfax/bienvenue-hairfax-cheveux/nav-conseils-hairfax.jpg) no-repeat -730px -110px;
}



#TiHairfax h1 {
	height: 104px;
	width: 310px;
	text-indent: -5000px;
	background-image: url(/img-hairfax/cheveux-soins/hairfax-international.gif);
}


#FondHairfax {
	background-color: #FFFFFF;
	background-image: url(/img-hairfax/bienvenue-hairfax-cheveux/fd-cheveux-hairfax.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#Recherche {
	background-image: url(/img-hairfax/bienvenue-hairfax-cheveux/fd-recherche-hairfax.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 23px;
	width: 223px;
}




.Verdana9pxNavBas, td.Verdana9pxNavBas, p.Verdana9pxNavBas, span.Verdana9pxNavBas, a.Verdana9pxNavBas {
	color: #FDE8D0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.Verdana9pxMedianet, td.Verdana9pxMedianet, p.Verdana9pxMedianet, span.Verdana9pxMedianet, a.Verdana9pxMedianet {
	color: #FCD1A1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.majBold {
	font-weight: bold;
	text-transform: uppercase;
}
.Verdana9pxMarron, td.Verdana9pxMarron, p.Verdana9pxMarron, span.Verdana9pxMarron, a.Verdana9pxMarron {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #733608;
}
.Verdana10pxGris, td.Verdana10pxGris, p.Verdana10pxGris, span.Verdana10pxGris, a.Verdana10pxGris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #797977;
}
