/* CSS Document */
*{
margin:0;
padding:0;
}
body
{
background-color:#666666;
margin:0px;
padding:0px;
}

a img
{
border:0px;
text-decoration:none;
}

ul,li , li a
{
text-decoration:none;
list-style:none;
}

h6
{
text-align:center;
color:#FF0000;
font-size:16px;
}

h5,h3
{
text-align:center;
padding-top:5px;
color:#FF0000;
}

h4
{
text-align:right;
}


.img1
{
float:left;
}

.img2
{
float:right;
}

.img3
{
float:left;
margin:4px;
background-color:#FFFFFF;
padding:3px;
border:1px solid #000000;
}

.img4
{
float:right;
margin:4px;
background-color:#FFFFFF;
padding:3px;
border:1px solid #000000;
}

.img5
{
margin:4px;
background-color:#FFFFFF;
padding:3px;
border:1px solid #000000;
}

.img6
{
margin:4px;
background-color:#FFFFFF;
padding:3px;
border:1px solid #000000;
vertical-align:middle;
text-align:center;
}

.imghtlrech
{
	float:right;
	vertical-align:top;
	background-color:#FFFFFF;
	padding:3px;
	border:1px solid #000000;
	width:350px;
	margin-right:15px;
}

.formhtl
{
 margin-left:10px;
}

.p1
{
text-align:justify;
margin-right:10px;
font-size:13px;
height:140px;
color:#3366FF;
}

.p2
{
text-align:justify;
margin-left:6px;
margin-right:7px;
margin-bottom:8px;
margin-top:4px;
}

.p3
{
text-align:justify;
margin-right:10px;
color:#3366FF;
}

.p4
{
text-align:justify;
margin-right:10px;
color:#FFFFFF;
}

.p5
{
text-align:justify;
margin-left:10px;
color:#3366FF;
}

.p6
{
text-align:justify;
margin-left:10px;
margin-right:10px;
color:#3366FF;
}

a.titrehotel
{
color:#FF0000;
}

a:visited.lienremonter
{
color:#3366FF;
}

#menuleft ul li a:visited
{
color:#0000CC;
}

#menuleft ul li a:hover
{
color:#666666;
font-style:italic;
}

#header
{
margin-left:auto;
margin-right:auto;
width:960px;
height:80px;
background-color:#FFFFFF;
color:#3366FF;
}

#banniere , #separation
{
width:960px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
color:#3399FF;
}

.labhtl
{
display:block;
width:120px;
float:left;
}

#formulaire
{
margin:3px;
}

#formulaire label
{
display:block;
width:95px;
float:left;
}

#formulaire select
{
width:102px;
}

#formulaire input
{
width:98px;
}

#banniere div
{
background-color:#FFFFFF;
width:207px;
height:203px;
}

#banniere input
{
width:69px;
}





#debut
{
width:960px;
margin:auto;
padding:auto;
background-color:#FFFFFF;
}

#colonne
{
background-color:#FFFFFF;
background-image:url(images/cadrecolonne.jpg);
margin:0px;
padding:0px;
color:#3366FF;
width:207px;
height:400px;
}

#meteo
{
background-color:#FFFFFF;
background-image:url(images/cadremeteo.jpg);
margin:0px;
padding:0px;
color:#3366FF;
width:207px;
height:240px;
}

#inscrireHTL
{
background-color:#FFFFFF;
background-image:url(images/cadreinscrire.jpg);
margin:0px;
padding:0px;
color:#3366FF;
width:207px;
height:130px;
}



#menuleft, #listhotel  ,#prestation , #chambre, #information , #tarif
{
margin-left:10px;
}

#localisation
{
margin-left:10px;
margin-right:5px;
width:300px;
float:right;
color:#3366FF;
}

#boutonform
{
margin-right:10px;
}

#listprestation
{
color:#FFFFFF;
}

#google
{
width:415px;
height:400px;
border:1px solid #000000;
margin-left:15px;
}

#menuleft1, #imageblason
{
text-align:center;
}

#navcontainer
{
background-color:#FFFFFF;
margin:auto;
padding:auto;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width:104px;
margin:0;
padding:1px;
text-align:center;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

table tr td#leftcolonne #cadrecenterleft
{
background-color:#FFFFFF;
background-image:url(images/cadrecentreleft.jpg);
margin:0px;
padding:0px;
color:#3366FF;
width:288px;
height:530px;
}

#contenuleft, #contenuright ,#contenubas
{
padding-left:10px;
padding-top:10px;
}

table tr td#rightcolonne #cadrecenterright
{
background-color:#FFFFFF;
background-image:url(images/cadrecentreright.jpg);
margin:0px;
padding:0px;
color:#3366FF;
width:458px;
height:530px;
}

#menucenter
{
	float:left;
	margin-top:10px;
	margin-left:10px;
}

#menucenter li.menuli
{
	padding-left:10px;
	padding-right:10px;
}

#menucenter li.menuli a:visited
{
	color:#0033CC;
}

#menucenter li.menuli a:hover
{
	color:#FF0000;
}

#cadrecentrebas
{
background-color:#FFFFFF;
background-image:url(images/cadrecentrebas.jpg);
margin:0px;
padding:0px;
color:#3366FF;
width:747px;
height:400px;
}

#toplisthotel, #toplocalisation ,#hautcommentaire,#topavis,#topcommentaire
{
background-image:url(images/borduretop.jpg);
}

#topPrestation ,#topchambre , #topinformation , #toptarif, #topreservation,#topajoutavis,#topphoto
{
background-image:url(images/borduretop1.jpg);
}

#contenulisthotel, #contenulocalisation , #contenuprestation , #contenuchambre, #contenuinformation, #contenutarif ,#contenucommentaire,#contenuavis,#contenucommentaire1
{
background-image:url(images/bordure.jpg);
background-repeat:repeat-y;
}

#contenuprestation , #contenuchambre, #contenuinformation, #contenutarif, #contenureservation,#contenuajoutavis,#contenuphoto
{
background-image:url(images/bordure1.jpg);
background-repeat:repeat-y;
}

#baslisthotel, #baslocalisation , #basprestation ,#baschambre, #basinformation, #bascommentaire, #basavis,#bascommentaire1
{
background-image:url(images/bordurebas.jpg);
height:31px;
}

#basprestation ,#baschambre, #basinformation, #bastarif,#basreservation,#basajoutavis,#basphoto
{
background-image:url(images/bordurebas1.jpg);
height:31px;
}

.tarif
{
border:2px solid black;
border-collapse:collapse;
margin:auto;
width:75%;
color:#3366FF;
}

.tarif1, .tarif2
{
border:1px solid black;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
}

.tarif3
{
border:1px solid black;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
background-color:#333333;
}

.tarif4
{
border:1px solid black;
color:#FFFFFF;
text-align:left;
vertical-align:middle;
padding-left:3px;
background-color:#666666;
padding-top:5px;
padding-bottom:5px;
}

.tarif5
{
border:1px solid black;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
background-color:#666666;
padding-top:5px;
padding-bottom:5px;
}

a.button {
 background: transparent url(images/bg_button_droit.jpg) no-repeat scroll top right;
 color: #FFF;
 display: block;
 float: left;
 font: normal 12px arial, sans-serif;
 font-weight:bold;
 height: 34px;
 margin-right: 6px;
 padding-right: 18px;
 text-decoration: none;
}

a.button p {
 background: transparent url(images/bg_button_span1.jpg) no-repeat;
 display: block;
 margin:0;
 padding:0;
}

a.button span {
 background: transparent url(images/bg_button_center.jpg) repeat;
 display: block;
 line-height: 24px;
 margin: 0 0 0 18px;
 padding: 5px 0 5px 0px;
}

a.button:active {    
 background-position: bottom right;
 color: #000;
 outline: none;
}

a.button:active p{
 background-position: bottom left;
 padding:0;
 margin:0px;
}

a.button:active span {
 background-position: bottom;
 margin: 0 0 0 18px;
 padding: 5px 0 5px 0px;  
}

a.button:hover {    
 background-position: bottom right;
 color: #FFFF00;
 outline: none;
}

a.button:hover p{
 background-position: bottom left;
 padding:0;
 margin:0px;
}

a.button:hover span {
 background-position: bottom;
 margin: 0 0 0 18px;
 padding: 5px 0 5px 0px;  
}

a.button1 {
 background: transparent url(images/boutondroitgris.jpg) no-repeat scroll top right;
 color: #FFF;
 display: block;
 float: left;
 font: normal 12px arial, sans-serif;
 font-weight:bold;
 height: 34px;
 margin-right: 6px;
 padding-right: 18px;
 text-decoration: none;

}

a.button1 p {
 background: transparent url(images/bg_button_spangris.jpg) no-repeat;
 display: block;
 margin:0;
 padding:0;
}

a.button1 span {
 background: transparent url(images/bg_button_center.jpg) repeat;
 display: block;
 line-height: 24px;
 margin: 0 0 0 18px;
 padding: 5px 0 5px 0px;
}

a.button1:active {    
 background-position: bottom right;
 color: #000;
 outline: none;
}

a.button1:active p{
 background-position: bottom left;
 padding:0;
 margin:0px;
}

a.button1:active span {
 background-position: bottom;
 margin: 0 0 0 18px;
 padding: 5px 0 5px 0px;  
}

a.button1:hover {    
 background-position: bottom right;
 color: #FFFF00;
 outline: none;
}

a.button1:hover p{
 background-position: bottom left;
 padding:0;
 margin:0px;
}

a.button1:hover span {
 background-position: bottom;
 margin: 0 0 0 18px;
 padding: 5px 0 5px 0px;  
}

#footer
{
text-align:center;
color:#3366FF;
}
#footer img
{
margin-left:2px;
margin-right:2px;
}

#footer a
{
text-decoration:none;
color:#3366FF;
}

#nav {padding:0; margin:0; list-style:none;width:730px; height:38px; background:#fff url(images/six_0.gif) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; width:132px; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(images/six_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 34px 0 12px;width:90px; height:35px; background: url(images/six_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 34px 0 12px;width:90px; height:35px; background: url(images/six_0a.gif) no-repeat right top;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background: url(images/six_1.gif) no-repeat;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(images/six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(images/six_1a.gif) no-repeat right top; padding-bottom:3px;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:150px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:148px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
#nav :hover ul.sub li a:hover 
{background:#3f96a9; color:#fff; border-color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:148px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}