/* 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.png) left top repeat-x #fff;}

/* ID */

#container { width:980px; z-index:50; position:absolute; left: 50%; margin-left: -490px; display:block; }
#homeBievenue { width:980px; height:145px; background:url(../images/bckgrd-home-bienvenue.jpg) left top no-repeat;}
#homeBienvenueLeft { float:left; width:649px;}
	#homeBienvenueLeft a, #homeBienvenueLeft a:hover { color:#fff; text-decoration:none; background:url(../images/homefleche.png) right 3px no-repeat; padding:0 15px 0 0;}
	#homeBienvenueLeft p { font-size:12px; color:#fff; padding:0 0 0 25px; width:585px; line-height:16px;}
#homeBienvenueRight { float:left; width:331px; }
	#homeBienvenueRight p { color:#fff; padding:0 0 0 12px; width:310px; line-height:14px;}

#homeBloc { width:980px; background:url(../images/bckgrd-home-bloc.png) left top no-repeat; clear:both; padding:28px 0 0 0; line-height:16px;}
#homeBloc a, #homeBloc a:hover { color:#373737; text-decoration:none; background:url(../images/bloc-fleche.png) right 3px no-repeat; padding:0 15px 0 0;}

#homeBlocConseils { float:left; width:280px; padding:0 31px 0 0;}
#homeBlocChoix { float:left; width:295px; padding:0 33px 0 0;}
#homeBlocCabines { float:left; width:318px;}


/* CLASS */
.clear { clear:both;}
.left { float:left;}
.right { float:right;}

/* 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;}

/* 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;}