/* RESET */

body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span { padding:0; margin:0;}
ul, ol{list-style-type:none;}
a { outline:none;}

body { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#373737; background:url(../images/bckgrd-body-page.png) left top repeat-x #f4f4f4;}

/* ID */

#container { width:980px; z-index:50; position:absolute; left: 50%; margin-left: -490px; display:block; }

#pageBloc { width:980px; background:url(../images/bckgrd-page-bloc.png) left top no-repeat; clear:both; padding:20px 0 0 0;}

#pageBievenue { width:980px; height:145px; background:url(../images/bckgrd-page-bienvenue.jpg) left top no-repeat;}
#pageBievenue a { color:#fff; text-decoration:none;}

#pageTopLeft { float:left; width:748px; height:50px;}
	#pageTopLeft p { font-size:12px; color:#fff; padding:0 0 0 25px; width:670px; line-height:16px;}
#pageTopRight { float:left; width:195px; height:50px;}
	#pageTopRight p { color:#fff; padding:0 0 0 12px; width:183px; line-height:14px;}

#pageLeft { float:left; width:675px; padding:0 81px 0 0; line-height:16px;}
	#pageLeftContent { padding:0 0 0 25px; width:650px;}
	#pageLeftContent p { padding:0 0 10px 0;}
	#pageLeftContent a { text-decoration:none; color:#680202;}
#pageRight { float:left; width:215px; line-height:16px;}
	
/* CLASS */
.clear { clear:both;}
.left { float:left;}
.right { float:right;}
.separationPhoto { width:31px; height:102px; background:url(../images/separation-photo.png) center top no-repeat; float:left;}
.border3 { border:3px solid #fff;}
.sousTitre { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal; line-height:22px;}
.listul{list-style-type:none;}
.listul{ padding:0 0 0 25px;}
.listul li {   padding:2px 0 2px 15px; background:url(../images/bloc-fleche.png) left 9px no-repeat;line-height:20px;}

/* TITRE */
.home-bienvenue { width:649px; height:50px; background:url(../images/titre-home-bienvenue.png) left top no-repeat; display:block; text-indent:-20000px;}
.home-heures { width:195px; height:50px; background:url(../images/titre-home-heures.png) left top no-repeat; display:block; text-indent:-20000px;}

.bloc-conseils { width:280px; height:29px; background:url(../images/bloc-conseils.png) left top no-repeat; display:block; text-indent:-20000px;}
.bloc-choix { width:125px; height:29px; background:url(../images/bloc-choix.png) left top no-repeat; display:block; text-indent:-20000px;}
.bloc-cabines { width:188px; height:29px; background:url(../images/bloc-cabines.png) left top no-repeat; display:block; text-indent:-20000px;}

.rightContact { width:195px; height:50px; background:url(../images/titre-right-contact.png) left top no-repeat; display:block; text-indent:-20000px;}
.rightConseils { width:195px; height:70px; background:url(../images/right-conseils.png) left top no-repeat; display:block; text-indent:-20000px; }
.rightChoix { width:195px; height:70px; background:url(../images/right-choix.png) left top no-repeat; display:block; text-indent:-20000px; }
.rightCabines { width:195px; height:70px; background:url(../images/right-cabines.png) left top no-repeat; display:block; text-indent:-20000px;}
/*.rightConseils:hover { width:195px; height:70px; background:url(../images/right-conseils-h.png) left top no-repeat; display:block; text-indent:-20000px; cursor:pointer;}
.rightChoix:hover { width:195px; height:70px; background:url(../images/right-choix-h.png) left top no-repeat; display:block; text-indent:-20000px; cursor:pointer;}
.rightCabines:hover { width:195px; height:70px; background:url(../images/right-cabines-h.png) left top no-repeat; display:block; text-indent:-20000px; cursor:pointer;}*/


.titrePresentation {width:748px; height:50px; background:url(../images/titre-presentation.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreCabines {width:748px; height:50px; background:url(../images/titre-cabines.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreChoix {width:748px; height:50px; background:url(../images/titre-choix.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreConseils {width:748px; height:50px; background:url(../images/titre-conseils.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreDames {width:748px; height:50px; background:url(../images/titre-dames.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreHommes {width:748px; height:50px; background:url(../images/titre-hommes.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreAccessoires {width:748px; height:50px; background:url(../images/titre-accessoires.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreCoordonnees {width:748px; height:50px; background:url(../images/titre-coordonnees.png) left top no-repeat; display:block; text-indent:-20000px;}

.titrePostiche {width:748px; height:50px; background:url(../images/titre-postiche.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreNaturel {width:748px; height:50px; background:url(../images/titre-naturel.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreFemme {width:748px; height:50px; background:url(../images/titre-femme.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreHomme {width:748px; height:50px; background:url(../images/titre-home.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreMedicale {width:748px; height:50px; background:url(../images/titre-medicale.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreCheveux {width:748px; height:50px; background:url(../images/titre-cheveux.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreProthese{width:748px; height:50px; background:url(../images/titre-prothese.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreTissage{width:748px; height:50px; background:url(../images/titre-tissage.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreVente{width:748px; height:50px; background:url(../images/titre-vente.png) left top no-repeat; display:block; text-indent:-20000px;}
/* HEADER */

#header { width:980px; height:350px; background:url(../images/bckgrd-header.jpg) left top no-repeat;}
#headerLogo { float:left; width:368px; height:82px; display:block; text-indent:-20000px; background:url(../images/logo.jpg) left top no-repeat;}
#headerAnimation { clear:both; width:980px; height:269px;}

#menu { width:585px; height:45px; padding:22px 0 0 0; float:left;}
	#menu ul li{height:45px;float:left;} 
	#menu ul li a{height:45px; display:block; text-indent:-20000px; }
	#menu ul li a:hover{height:45px;}
	
	#menu ul li.accueil a {width:81px;  background:url(../images/menu-accueil.png);}
	#menu ul li.accueil a:hover, #menu ul li.accueil_active {width:81px; background:url(../images/menu-accueil-h.png);}
	
	#menu ul li.presentation a {width:97px;  background:url(../images/menu-presentation.png);}
	#menu ul li.presentation a:hover, #menu ul li.presentation_active {width:97px; background:url(../images/menu-presentation-h.png);}
	
	#menu ul li.dames a {width:98px;  background:url(../images/menu-dames.png);}
	#menu ul li.dames a:hover, #menu ul li.dames_active {width:98px; background:url(../images/menu-dames-h.png);}
	
	#menu ul li.hommes a {width:107px;  background:url(../images/menu-hommes.png);}
	#menu ul li.hommes a:hover, #menu ul li.hommes_active {width:107px; background:url(../images/menu-hommes-h.png);}
	
	#menu ul li.accessoires a {width:98px;  background:url(../images/menu-accessoires.png);}
	#menu ul li.accessoires a:hover, #menu ul li.accessoires_active {width:98px; background:url(../images/menu-accessoires-h.png);}
	
	#menu ul li.coordonnees a {width:104px;  background:url(../images/menu-coordonnees.png);}
	#menu ul li.coordonnees a:hover, #menu ul li.coordonnees_active {width:104px; background:url(../images/menu-coordonnees-h.png);}

/* FOOTER */

#footer { clear:both; width:980px; padding:0 30px 0 0; color:#4b4b4b; font-size:10px; text-align:center; line-height:16px; }
	#footer a, #footer a:hover { color:#4b4b4b; text-decoration:none;}
	#footer .tow { color:#680202;}
	#footer .tow a, #footer .tow a:hover { color:#680202; text-decoration:none;}
	
	#footer strong { font-size:11px; background:url(../images/picto-tow.png) right 1px no-repeat; padding:0 13px 0 0; color:#680202;}
