/********
GLOBAL
********/
html{overflow:auto;} 
body{padding:0;margin:0;}
body {font-family:Trebuchet,Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;background-color:#fff;}

/** INPUT **/
select, input{color:#004b85;font-size:11px;background-color:#e5e4df;}
p.none{margin:0;padding:0;}

/************
CONTENEUR
************/
#conteneur{width:777px;margin:0px auto 0 auto;background:url(img/fond_page.jpg) left top repeat-y;}
#bando{position:relative;width:777px;height:131px;background:url(img/bande_haut.jpg) left top no-repeat;}
#conteneur2{position:relative;width:777px;height:558px;background:url(img/pied_page.jpg) left bottom no-repeat;}
#footer{margin:5px auto 0 auto;width:777px;text-align:center;}
#header{margin:0 auto 0 auto;width:777px;text-align:right;}
#arianne {margin:5px 0 5px 25px;color:#FFB57C;font-weight:normal;font-size:11px;}
#left {position:relative;display:block;width:195px;float:left;padding-top:25px;}
#menu-top {position:absolute;right:50px;width:500px;height:20px;padding:0px;}
#contenu {position:absolute;right:0;top:60px;width:568px;height:443px;padding:0 10px 0 0;}

/************
HEADER
************/
/*** LOGIN ***/
#header p{margin:0;padding:0;}
#header a{text-decoration:none;color:#124077;font-size:10px;margin-right:50px;font-weight:bold;}
#header a:hover{text-decoration:underline;}
/*** BANNER ***/
#bando #retour_accueil a.logo{display:block;width:411px;height:121px;float:left;}
#bando #retour_accueil span{position:absolute;left:424px;top:25px;display:block;width:314px;height:81px;}

/************
ARIANNE
************/
#arianne a{text-decoration:none;color:#FFB57C;font-weight:bold;font-size:11px;}
#arianne a:hover{text-decoration:underline;}

/************
LEFT
************/
#left a{display:block;width:102px;height:10px;margin:0 0 2px 45px;text-align:center;padding:53px 0 0 0;}
* html #left a{margin:0 0 0px 45px;}
#left #ss_left {position:relative;display:block;width:135px;height:50px;margin:0px 0 10px 30px;padding:0;}
#left #ss_left a{display:block;width:61px;height:10px;padding:35px 0 0 0;margin:0 2px 0 0;text-align:center;float:left;}
#left a, #left #ss_left a{color:#fff;font-weight:bold;font-size:11px;text-decoration:none;}
#left #menu_hotel{background:url(img/hotel.png) left top no-repeat;}
#left #menu_offre{background:url(img/offre.png) left top no-repeat;}
#left #menu_reserver{background:url(img/reserver.png) left top no-repeat;margin-bottom:15px;}
#left #menu_guide{background:url(img/guide.png) left top no-repeat;position:absolute;left:0;}
#left #menu_contact{background:url(img/contact.png) left top no-repeat;position:absolute;right:0;}
#left #flash-accueil{display:block;margin:10px 0 0 28px;padding:0;width:136px;height:180px;}
#left #menu_hotel:hover, #left #menu_offre:hover, #left #menu_reserver:hover{background-position: -110px top;}
#left #ss_left a:hover{background-position: right top;}

/** IE6 TRAITEMENT PNG**/
#left #ss_left a{display:block;width:61px;height:10px;padding:35px 0 0 0;margin:0 2px 5px 0;text-align:center;float:left;}
* html #left #menu_hotel{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/img/hotel_1.png', sizingMethod='crop');zoom: 1;}
* html #left #menu_hotel:hover{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/img/hotel_2.png', sizingMethod='crop');zoom: 1;}
* html #left #menu_offre{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/img/offre_1.png', sizingMethod='crop');zoom: 1;}
* html #left #menu_offre:hover{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/img/offre_2.png', sizingMethod='crop');zoom: 1;}
* html #left #menu_reserver{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/img/reserver_1.png', sizingMethod='crop');zoom: 1;}
* html #left #menu_reserver:hover{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/img/reserver_2.png', sizingMethod='crop');zoom: 1;}
* html #left #menu_guide{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/img/guide_1.png', sizingMethod='crop');zoom: 1;}
* html #left #menu_guide:hover{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/img/guide_2.png', sizingMethod='crop');zoom: 1;}
* html #left #menu_contact{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/img/contact_1.png', sizingMethod='crop');zoom: 1;}
* html #left #menu_contact:hover{background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/img/contact_2.png', sizingMethod='crop');zoom: 1;}
* html #left #menu_hotel{cursor:pointer;}
* html #left #menu_offre{cursor:pointer;}
* html #left #menu_reserver{cursor:pointer;}
* html #left #menu_guide{cursor:pointer;}
* html #left #menu_contact{cursor:pointer;}
/************
RIGHT
************/
/*** MENU-TOP ***/
#menu-top {margin:0px;display:block;z-index:99;text-align:center;}
#menu-top ul {display:block;padding:0px;margin:0px auto;list-style-type:none;font-size:110%;width:500px;
height:20px;}
#menu-top ul li {float:left;display:block;margin:0px;width:100px;}
#menu-top ul li a {text-decoration:none;margin:0 10px 0 0;font-weight:bold;
display:block;width:100px;height:20px;margin:0px;padding:5px 0 0 0;
background:url(img/menu_top.gif) left top no-repeat;float:left;color:#dce1f7;font-size:10px;}
#menu-top ul li a:hover {background-position:right top;padding-top:4px;}

/************
CONTENU
************/
/** BLOCK **/
#contenu #block_reserver{position:absolute;left:0;top:0;float:left;width:274px;height:223px;background:url(img/case_gauche.jpg) left -1px no-repeat;}
#contenu #block_news{position:absolute;right:30px;top:0;width:274px;height:223px;background:url(img/news.jpg) left top no-repeat;}
#contenu #block_rechercher{position:absolute;left:0;bottom:0;float:left;width:274px;height:222px;background:url(img/case_gauche_2.jpg) left -1px no-repeat;}
#contenu #block_quick{position:absolute;right:30px;bottom:0;width:274px;height:223px;background:url(img/quick.jpg) left top no-repeat;}

/** TEXT **/
#contenu label, #contenu h1{color:#004b85;}
#contenu h1{font-size:18px;font-weight:bold;margin:0;padding:0;text-transform:uppercase;}
#contenu label{font-size:11px;font-weight:bold;}

/** INPUT **/
#contenu form{margin:15px 0 0 15px;padding:0;}
input.cp, select.before_submit{float:left;display:block;}

/** LIEN <A>**/
#contenu #block_reserver a{color:#004b85;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:9px;font-weight:bold;line-height:6px;}
#contenu #block_reserver a:hover{text-decoration:none;}

/* valider */
input.cp{width:50px;}
input.submit{background:url(img/valider.gif) left top no-repeat;width:58px;height:70px;border:0;position:absolute;right:60px;cursor:pointer;}

/** NEWS **/
#block_news #espace_news_top {display:block;height:57px;width:50px;}
#block_news h2 {font-size:9px;margin:0 0 0 18px;padding:0;color:#004b85;}
#block_news p {background-color:#fcf3ea;font-size:9px;margin:3px 0 0 18px;padding:0;width:248px;}
#block_news span.bientot {font-size:12px;font-weight:bold;color:#ffc190;position:absolute;bottom:13px;right:30px;}

/** QUICKPALACE **/
#block_quick h3,#block_quick #h3_doublon{font-size:12px;font-weight:bold;text-align:center;position:absolute;}
#block_quick h3{color:#004b85;bottom:1px;left:75px;}
* html #block_quick h3{color:#004b85;bottom:11px;left:75px;}
*+html #block_quick h3{color:#004b85;bottom:11px;left:75px;}
#block_quick #h3_doublon{color:#ffbd88;bottom:0px;left:76px;}
* html #block_quick #h3_doublon{color:#ffbd88;bottom:10px;left:76px;}
*+html #block_quick #h3_doublon{color:#ffbd88;bottom:10px;left:76px;}

/************
etape 1
************/
/* valider */

/************
FOOTER
************/
ul#footer  {padding-left:170px; margin:0px auto 0 auto; list-style-type: none;font-size:90%;text-align:center;}
ul#footer li {float:left;display:block;margin:5px 10px 0 0;border-right:1px solid #f5b382;color:#f5b382;}
ul#footer li.fin {border:none;}
ul#footer li a {text-decoration:none;color:#f5b382;display:block;margin:0 10px 0 0;}
ul#footer li a:hover {text-decoration:underline;}