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

h1, h2, h3{font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica, sans-serif;}
/** INPUT **/
select{color:#004b85;font-size:11px;background-color:#e5e4df;}
.none{margin:0;padding:0;}

/** margin:0; padding:0; border:0 **/
h1, h2, p, div, img, form, input, select, ul, li, #contenu p.info
{margin:0;padding:0;border:0;}

input{color:#284b7d;font-size:11px; vertical-align: top;}
*+html input {vertical-align: middle;}
* html input {vertical-align: middle;}

/************
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;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;width:195px;padding-top:25px;float:left;}
#right{width:540px; margin:0 0 0 195px;}
/*#menu-top {height:20px;padding:0 10px 0 0;text-align:center;margin:0px;}*/
#menu-top {width:520px;height:20px;padding:0px;margin:0px 0 15px 0px;padding-left:20px;}
#contenu {padding:0 0 40px 0;color:#fff;width:538px;min-height:500px;}
* html #contenu{height:500px;}

/************
HEADER
************/
#header #arianne{font-size:10px;position:absolute;top:5px;left:10px; color:#f5b382;}
#header #arianne a{color:#f5b382;text-decoration:none;}
#header #arianne a:hover{color:#f5b382;text-decoration:underline;}

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

/************
ARIANE
************/
#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 a {display:block;width:100px;height:20px;margin:0 5px 0 0;padding:5px 0 0 0;
background:url(img/menu_top.gif) left top no-repeat;
float:left;color:#dce1f7;font-size:10px;font-weight:bold;text-decoration:none;}
#menu-top a:hover {background-position:right top;padding-top:4px;}
#menu-top p {margin:0;padding:0;text-align:center;}*/

#menu-top {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:540px;
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
************/
#contenu h1{display:block;padding:0;width:538px;height:30px;
			font-weight:normal;color:#002a65;font-size:18px;text-indent:30px;
			background:url(img/h1.jpg) left top no-repeat;padding:10px 0 0 0;}


#contenu h2{display:block;padding:0;width:538px;height:22px;font-weight:bold;
color:#284b7d;font-size:15px;text-indent:20px;background:url(img/h2.gif) left top repeat-x;
padding:4px 0 0 0px;border-bottom:1px solid #9cafce;border-top:1px solid #738aaf;}
#contenu p, #contenu div.bloc_degrade, #contenu ul {font-size:10px;padding:5px 20px;width:498px;}
#contenu div.bloc_degrade p { padding:0; width:inherit;}
#contenu .fond_degrade {background: #b6c2d3 url(img/h1_degrade_bleu.jpg) left top repeat-x;}
#contenu .fond_degradeStep {background: #b6c2d3 url(img/h1_degrade_bleu.jpg) left top repeat-x;text-align:center;}
#contenu .fond_degrade a {color:#f5b382;text-decoration:none; font-weight:bold;}
#contenu .fond_degrade a:hover {color:#f5b382;text-decoration:underline;}
#contenu .fond_degrade2 {height: 250px; background: #b6c2d3 url(img/degrade_bleu2.jpg) left top repeat-x;}
#contenu .fond_degrade_blanc {background: #fff url(img/h1_degrade_blanc.jpg) left top repeat-x;}
#contenu .fond_degrade_blanc_hotel {min-height:270px;padding:5px 20px 5px 10px;width:508px;background: #fff url(img/fond_hotel_simple.jpg) left top repeat-x;}
#contenu .fond_degrade_blanc_hotel a{color:#002a65;}
* html #contenu .fond_degrade_blanc_hotel {height:270px;}
#contenu .fond_blanc{height: 420px; background:#ffffff;}
#contenu .fond_blanc2{height: 470px; background:#ffffff;}
* html #contenu .fond_blanc2 {width: 518px;}
#contenu .fond_degrade_light {background: #fff url(img/h1_degrade_blanc_leger.jpg) left top repeat-x;}
#contenu .separation {font-size:1px;display:block;background: url(img/separation.gif) left top repeat-x;height:9px;width:auto;padding:0;margin:0;border-bottom:1px solid #9cafce;border-top:1px solid #738aaf;}
#contenu .orange {background-color: #ffbe8a;color:#002a65;}
#contenu .bleu {background-color: #96a7bf;color:#fff;}
#contenu .blanc {background-color: #fff;color:#96a7bf;}
#contenu textarea {width:496px;margin:5px 0 5px 0;padding:0;overflow:hidden;font-size:11px;color:#7d92b1;
height:108px;}

#contenu .souligne { text-decoration:underline; }
#contenu .text_guide { min-height:250px;}

#contenu p.blanc label.petit a {color:#96a7bf;}
#contenu p.blanc label.petit a:hover {color:#f5b382;}

#contenu a.lien {color:#e5b382;text-decoration:none;}
#contenu a.lien:hover {color:#f5b382;text-decoration:underline;}

#contenu h2.timeLine {display:block;background:url(img/h2.gif) left top repeat-x;padding:6px 0 0 0px;
margin:0px;list-style-type: none;font-size:10px;text-align:center;font-weight:normal;text-indent:0;}
#contenu h2.timeLine span {margin:5px 25px 5px 0px;}
#contenu h2.timeLine span.selected {font-weight:bolder;color:#ff0000;text-decoration:underline;}
#contenu p.fond_degradeStep span.step {color:#284b7d;background-color:#fff;border:1px solid #ffbe8a;}
/************
RECHERCHE HOTEL
************/
p.fond_degrade_light .rechinput {border:1px solid #002a65;}
p.fond_degrade_light .bouton_recherche2 {background:transparent url(img/selectionner.jpg) no-repeat scroll left top;
color:#ffffff;
cursor:pointer;
font-size:10px;
font-weight:bold;
height:18px;
position:absolute;
right:75px;
width:100px;}

/************
GERANT
************/
#gerant_gauche {float: left;}
#gerant_gauche, #gerant_gauche p {width: 220px;}
#gerant_gauche hr {margin-left: 15px;}
#gerant_droite {float:right;}
#gerant_droite img {margin-right: 20px;}
*+html #gerant_droite img {margin-top: 0px;}
* html #gerant_droite img {position: absolute; margin-left: -280px;}

/************
LABEL
************/
#contenu .fond_degrade_light label {color:#284b7d;}

span.form_block {display:block;position:relative;width:261px;height:22px;}
span.form_block_long {width:330px;}
label.label_case {display:block;width:90px;font-weight:bold;float:left;}
label.label_caseId {display:block;width:190px;font-weight:bold;float:left;}
label.label_case_long {width:120px;}
select.case {position:absolute;background-color:#e5e4df;border:1px solid #68707d;
height:15px;right:10px;}
* html select.case {height:18px;}
*+html select.case {height:18px;}
input.case {position:absolute;background-color:#e5e4df;border:1px solid #68707d;height:15px;}
select.case2 {position:absolute;background-color:#e5e4df;border:1px solid #68707d;height:15px;right:2px;}
* html select.case2 {height:18px;}
*+html select.case2 {height:18px;}
select.case3 {position:absolute;background-color:#e5e4df;border:1px solid #68707d;height:15px;right:2px;}
* html select.case3 {height:18px;}
*+html select.case3 {height:18px;}
#Mlle {margin-left:8px;}
#cp {width:60px;left:105px;}
#ville {width:120px;left:105px;}
* html #Mlle {margin-left:0px;} *+html #Mlle {margin-left:0px;}

span.form_block_2 {display:block;position:relative;width:261px;height:22px;}
span.form_block_2 label.label_case {display:block;width:auto;font-weight:bold;float:left;}
span.form_block_2 input.case, span.form_block_2 select.case {position:absolute;right:40px;
background-color:#e5e4df;border:1px solid #68707d;height:15px;}

#form_block_3{width:200px;height:52px;float: right; margin-top: -200px;}
#form_block_3 label{width:auto; font-weight:bold;}
#form_block_3 textarea {width:200px; height:170px;}

#coord_span {display:block;min-height:160px;}
span.block_gauche {display:block;float:left;}
span.block_droit {display:block;position:absolute;right:20px;} * html span.block_droit {right:0px;}

/** garantie **/
#garantie_blanc{min-height:52px;}
#cond_tarif{display:block;height:50px;float:left;margin-right:5px;}
#cond_tarif_cont{display:block;}
#garantie_blanc #mois_exp{margin-left:10px;}
#garantie_blanc select{border:1px solid #68707d;}

/** compte perso **/
#contenu p.info{float:right;width:150px;font-size:9px;}
#contenu p.info2{width:150px;font-size:9px;margin:10px;margin:0 0 10px 0;} *+html #contenu p.info2 {width:400px;} * html #contenu p.info2{width:400px;}

/** VALIDER **/
#reload_commande {display:block;width:67px;height:21px;background:url(img/relancer_offre.gif) left top no-repeat;float:right;margin:5px 0px 0 0;cursor:pointer;}
#modifier_commande {display:block;width:144px;height:22px;background:url(img/modifier_commande.gif) left top no-repeat;float:right;margin:5px 0px 0 0;cursor:pointer;}
#modifier_commande2 {display:block;width:144px;height:22px;background:url(img/modifier_commande.gif) left top no-repeat;float:left;margin:5px 0px 0 0;cursor:pointer;}
#validation {display:block;width:220px;height:40px;background:url(img/valider_commande.gif) left top no-repeat;margin:5px 0 5px 0;cursor:pointer;}
#validationResa {display:block;width:220px;height:40px;background:url(img/valider_commande.gif) left top no-repeat;margin:5px 0 5px 0;cursor:pointer;float:right;}
#valider_reservation {display:block;width:219px;height:40px;background:url(img/reserver_ligner.jpg) left top no-repeat;cursor:pointer;margin-left:-20px;}
#valider_commande {display:block;width:251px;height:60px; float:right; background:url(img/valider_ocmmande_etape_suiv.gif) left top no-repeat;cursor:pointer;}
#validation2 {display:block;width:220px;height:60px;background:url(img/envoyer.jpg) left top no-repeat;margin:-60px 0px 5px 350px;cursor:pointer;} * html #validation2 {margin:-60px -80px 5px 350px;}
#validation3 {display:block;width:220px;height:60px;background:url(img/envoyer.jpg) left top no-repeat;margin:40px 0px 5px 20px;cursor:pointer;} *+html #validation3 {margin-top: 60px;} * html #validation3 {margin: 50px 0px 0px 20px;}
#validation4 {display:block;width:220px;height:60px;background:url(img/envoyer.jpg) left top no-repeat;margin:5px 0px 5px 5px;cursor:pointer;}
#retour_reservation {display:block;width:51px;height:21px;background:url(img/retour_reservation.gif) left top no-repeat;margin:5px 0 5px 0;cursor:pointer;} * html #valider_reservation {margin-left:0;}

/** CHAMBRE **/
#ajouter_chambre {display:block;width:131px;height:22px;background:url(img/ajouter_chambre.gif) left top no-repeat;cursor:pointer;margin:15px 0px 15px 53px;}
a.supprimer_chambre {display:block;width:73px;height:17px;background:url(img/supprimer_chambre.gif) left top no-repeat;cursor:pointer;border-bottom:1px solid #fff;}

.chambre_non_dispo { color: #f00; font-weight:bold; }
.complet {color: red;font-size:9px;}

/************
CARTE MULTIHOTEL
************/
#carte_titre{display:block;padding:0;width:538px;height:30px;
			font-weight:normal;color:#fff;font-size:18px;text-align:center;padding:10px 0 0 0;}
#carte{padding:0;width:538px;height:490px;background:url(img/carte_hotel.jpg) center top no-repeat;position:relative;}

/** VILLES **/
#carte a{text-transform:uppercase;font-weight:bold;position:absolute;font-size:11px;text-decoration:none;}
#carte a:hover{background-color:#fff;}
#carte p{margin:0;padding:0;}

#saint_lo{left:139px;top:89px;}
#st_brieuc{left:99px;top:137px;}
#caen{left:179px;top:116px;}
#vannes{left:97px;top:172px;}
#le_mans{left:183px;top:143px;}
#nantes{left:123px;top:192px;}
#angers{left:171px;top:171px;}
#tours{left:202px;top:197px;}
#poitiers{left:193px;top:232px;}
#bordeaux{left:172px;top:295px;}
#orleans{left:246px;top:181px;}
#paris_ouest{left:254px;top:143px;}
#paris_est{left:273px;top:122px;}
#compiegne{left:258px;top:93px;}
#amiens{left:263px;top:65px;}
#lille{left:285px;top:49px;}
#metz{left:375px;top:100px;}
#nancy{left:420px;top:131px;}
#auxerre{left:320px;top:175px;}
#epinal{left:412px;top:165px;}
#clermont{left:245px;top:268px;}
#lyon{left:405px;top:262px;}
#chambery{left:393px;top:295px;}
#valence{left:375px;top:329px;}
#montpellier{left:307px;top:378px;}
#toulouse{left:209px;top:362px;}
#baba {left:142px;top:374px;}
#pau{left:161px;top:408px;}
#perpignan{left:256px;top:404px;}
#huesca{left:209px;top:462px;}

.ville_block{display:block;width:176px;}

/** ville telephone **/
#ville_detail {position:relative;}
#ville_detail span.block_ville {display:block;width:150px;font-size:12px;font-weight:bold;float:left;
margin:0 5px 10px 0;}
* html #ville_detail span.block_ville {margin:0 5px 10px 0;}
#ville_detail span.block_ville a {display:block;width:auto;min-height:15px;padding:1px 0 0 3px;
border:1px solid #fff;text-transform:uppercase;text-decoration:none;background-color:#fff;}
* html #ville_detail span.block_ville a html {height:15px;}
#ville_detail span.block_ville a:hover {}
#ville_detail span.block_ville a.text_rouge {border:1px solid #fff;}
#ville_detail span.block_ville a.text_bleu_clair {border:1px solid #fff;}
#ville_detail span.block_ville a.text_noir {border:1px solid #fff;color:#000;}
#ville_detail span.block_ville a.text_noir:hover {border:1px solid #333;color:#333;}
#ville_detail span.block_ville a.text_rouge:hover {border:1px solid #ff0000;}
#ville_detail span.block_ville a.text_bleu_clair:hover {border:1px solid #00a8ff;}

/************
QUICK UP
************/
.fond_date_1Q {font-weight:bold;}
p.fond_date_1Q{background-color:#bbb;border-top:1px solid #acacac;border-bottom:1px solid #fff;}
p.quickargu{background-color:#ffffff;height:230px;}
p.quickargu2{background-color:#ffffff;height:160px;}
.quickleft{float:left;}
.quickright{float:right;}
span.argu {display:block;color:#002a65;font-weight:bold;text-align:left;padding:8px 0px 2px 10px;margin:0px 10px 0px 150px;border-left:1px solid #002a65;}
span.argu2 {display:block;color:#002a65;font-weight:bold;text-align:left;margin:8px 230px 10px 0px;}
span.argu3 {display:block;color:#002a65;font-weight:bold;text-align:left;margin:0px 230px 0px 0px;padding:5px 0px 0px 10px;border-left:1px solid #002a65;}
span.argu4 {display:block;color:#002a65;font-weight:bold;text-align:left;margin:8px 230px 10px 0px;font-size:8px;}

/************
PETITS DEJ
************/
span.argu0 {display:block;color:#002a65;font-weight:bold;text-align:left;margin:8px 10px 10px 280px;}
span.arguBarre {display:block;color:#002a65;font-weight:bold;text-align:left;padding:8px 0px 2px 10px;margin:0px 10px 0px 280px;border-left:1px solid #002a65;}
span.argu5 {display:block;color:#002a65;font-weight:bold;text-align:left;margin:8px 180px 10px 0px;}
p.pdejargu{background-color:#ffffff;height:190px;}

/************
SERVICES
************/
p.textpoints {margin:0px 0px 0px 0px;}
.imgServices{background-color:#ffffff;height:148px;}
.serv1, .serv2, .serv3 {float:left; margin:0px 0px 0px 0px;}
.serv1{border-right:1px solid #a3a3a4;}
.serv2{color:#8496af;width:200px;text-align:left;padding:5px 0px 0px 0px;}
.serv3{border-right:1px solid #a3a3a4;}
span.argserv{display:block;width:190px;font-size:10px;margin:0px 5px 0px 5px;}

/************
MENTIONS LEGALES
************/
.fondblanc{background:#ffffff;padding:0px 0px 10px 0px;}


/************
HOTEL
************/
.fond_degrade_blanc_hotel form{margin:0;padding:0;}
.fond_degrade_blanc_hotel input#hotelresa {margin:5px 0px 0px 0px; display:block;width:210px;height:40px;background:url(img/input_hotel_submit.jpg) left top no-repeat;cursor:pointer;}
.fond_degrade_blanc_hotel input#Offres{display:block;width:45px;height:45px;float:right;background:url(img/input_hotel_offre.gif) left top no-repeat;cursor:pointer;}

.elemleft{position:absolute;text-align:right;padding:5px 0px 20px 0px;width:230px;}
.elemright{position:absolute;margin-left:240px;padding:6px 0px 20px 0px;}
div.hotel_carte_block { position:relative; }
div.hotel_carte_block img {border-right:1px solid #7088a9;border-bottom:1px solid #7088a9;}
div.hotel_carte_block .desc_acces { display:none; border:1px solid #ffbe89; position:absolute; width:300px; background:#1e4070;text-align:left; }
div.hotel_carte_block:hover .desc_acces { display:block; }
.elemright img {margin:0px 1px 0px 1px;}
.elemright img.imgquick{margin:5px 1px 0px 1px;}
span.addhotel {display:block;margin:5px 0px 0px 0px;width:270px;text-align:left;font-size:10px;}
.elemright img.imgmultimap{margin:10px 0px 0px 0px;}
span.chambre{position:absolute;left:575px;width:140px;}


/** tarifs exceptionnels **/
.fond_periode, .fond_date_1, .fond_date_2{font-weight:bold;}
.fond_periode{background-color:#96a7bf;}
p.fond_date_1{background-color:#bbb;border-top:1px solid #fff;border-bottom:1px solid #fff;}
p.fond_date_2{background-color:#adcfff;}

p span.periode_date_1 {display:block;width:310px;float:left;}
p span.periode_date_1P {display:block;}
p span.periode_date_2 {display:block;width:93px;padding-right:10px;float:left;border-right:1px solid #fff;border-left:1px solid #fff;}
p span.periode_date_2Q {display:block;width:93px;padding-right:10px;float:left;border-right:1px solid #fff;}
p span.periode_date_3 {display:block;}
span.periode_date_2, span.periode_date_3
{text-align:right;}

/** tourisme **/
.tourisme_detail span.img {float:left;margin:0px 20px 0px 0px;width:170px;text-align:center;}
.tourisme_detail {background:url(img/tourisme_detail_fond.jpg) left top repeat-y;color:#8496af;
min-height:119px;}
.tourisme_detail span.text {display:block;text-align:justify;float:left;width:290px;}

/************
Offres
************/
.offrespe{width:100%;background:#ffffff;height:138px;padding:0px;margin:0px;}
.offr1, .offr2 {float:left; margin:0px 0px 0px 0px;}
.offr1{border-right:1px solid #a3a3a4;width:197px;height:138px;background:url(img/offres_1.jpg) left top no-repeat;}
* html .offr1{border-right:1px solid #a3a3a4;width:197px;height:141px;background:url(img/offres_1.jpg) left top repeat-y;}
div.offr2{color:#8496af;width:320px;padding:5px 5px 0px 5px;position:relative;}
* html div.offr2{color:#8496af;width:200px;}
span.offrdescript{display:block;height:80px;width:300px;text-align:justify;font-size:10px;letter-spacing:-0.09em;padding:0px;}
.offrjours{display:block;height:20px;width:300px;text-align:justify;font-size:10px;letter-spacing:-0.09em;padding:0px;}
div.offr3{width:28px;height:138px;border-left:1px solid #a3a3a4; margin:0px 0px 0px 0px;background:url(img/offres_2.jpg) left top no-repeat;position:absolute;left:704px;}
* html div.offr3{width:28px;height:141px;border-left:1px solid #a3a3a4; margin:0px 0px 0px 0px;background:url(img/offres_2.jpg) left top repeat-y;position:absolute;left:707px;}
div.offrespe .offrdate, span.offrtitre, span.offrnuits{display:block;text-align:center;font-size:11px;}
div.offrespe .offrdate{margin:25px 5px 0px 10px;letter-spacing:-0.12em;color:#8496af;font-style:italic;width:180px;}
div.offrespe span.offrtitre{margin:10px 5px 0px 10px;color:#000000;font-weight:bold;padding:0px 5px 0px 5px;width:170px;}
div.offrespe span.offrnuits{margin:10px 5px 0px 10px;color:#000000;padding:0px 5px 0px 5px;width:170px;}
.offrselect{position:absolute;top:115px;left:180px;}
.offrenvoyer{display:block; text-decoration:none; font-size:10px;color:#ffffff;background:url(img/selectionner.jpg) left top no-repeat;font-weight:bold;width:117px;padding-left:10px;height:15px;padding-top:3px;cursor:pointer;}


/* styles jean */
#hotels_offres h3 { background-color:#000000; color:#FF9f9f; margin:0; font-size:13px; padding-left:50px; font-style:italic;}
#hotels_offres p { border-bottom:#cccccc 1px solid;}
.orang { background-color:#FFBf9f; color:#555599; font-weight:bold;}
.offre_input { color:#004b85;font-size:11px;background-color:#e5e4df; text-align:right;}
.selectionner_offre {float:right; position:relative; top:-17px; height:15px;}
.nb_dejeuners {text-align:center;}

#bouton_connexion {position:absolute;left:590px;top:198px;font-size:10px;color:#ffffff;background:url(img/selectionner.jpg) left top no-repeat;font-weight:bold;width:127px;height:18px;cursor:pointer;}
#bouton_connexion2 {position:absolute;left:590px;top:150px;font-size:10px;color:#ffffff;background:url(img/selectionner.jpg) left top no-repeat;font-weight:bold;width:127px;height:18px;cursor:pointer;}
.bouton_connexion {position:absolute;font-size:10px;color:#ffffff;background:url(img/selectionner.jpg) left top no-repeat;font-weight:bold;width:127px;height:18px;cursor:pointer;right:20px;bottom:10px;}
#bouton_deconnexion {position:absolute;left:590px;top:150px;font-size:10px;color:#ffffff;background:url(img/selectionner.jpg) left top no-repeat;font-weight:bold;width:127px;height:18px;cursor:pointer;}
.bouton_soumettre {position:absolute;font-size:10px;color:#ffffff;background:url(img/selectionner.jpg) left top no-repeat;font-weight:bold;width:127px;height:18px;cursor:pointer;right:18px;bottom:10px;}

/************
PLAN DU SITE
************/
#dlleft {float: left; margin: 5px 0px 0px 20px;}
#dlleft dt a, #dlright dt a, #dlright dd a, #dlleft dd a{text-decoration: none; color:#124077;}
#dlleft dt a:hover, #dlleft dd a:hover, #dlright dt a:hover, #dlright dd a:hover{text-decoration:underline;}
#dlright {float: right; margin: 220px 10px 0px 0px;}
*+html #dlright {margin: -235px 10px 0px 0px;}
* html #dlright {margin: -235px 10px 0px -40px;}

/************
ERREUR
************/
.text_orange_err{color:#f5b382;text-align:center;width:100%;padding:5px 5px 5px 5px;}
p.argerr{display:block;width:190px;font-size:10px;margin:0px 5px 0px 5px;}
ul.lienerr{margin-left:50px;}
a.erreur{color:#f5b382;text-decoration:none;font-weight:bold;}
a.erreur:hover{color:#f5b382;text-decoration:underline;font-weight:bold;}


/************
MON COMPTE
************/
.text_orange_modif{color:#f5b382;text-align:center;padding:5px 5px 5px 5px;}
p.reservation{background:#ffffff;color:#000000;}
p.elemcoord{width:200px;}
div.coordonn{height:120px;width:538px;}
div.elemcompte{display:block;position:relative;width:261px;float:left;}
* html div.elemcompte{display:block;width:261px;position:absolute;}
div.elemcompte2{display:block;position:relative;width:261px;padding-top:23px;}
* html div.elemcompte2{display:block;width:261px;position:absolute;left:250px;padding-top:23px;}

/*TABLEAUX*/
table.tabloresa { margin:5px; border:1px solid #f5b382; width:100%; color:#000;
font: 100% arial, verdana, sans-serif;text-align:center; border-collapse:collapse;}
table.tabloresa tr {background-color:#DBE3E6;}
/*table.tabloresa tr:hover {background-color:#fff;}*/
table.tabloresa td {padding:2px;margin:2px;border:1px dotted #ccc;}
table.tabloresa td a {background-color:#EFEFEF;color:#255767;text-decoration:none;}
table.tabloresa td a:hover {/*background-color:#146AB3;color:#fff;*/}

table.tabloresa th {font: 100% arial, verdana, sans-serif;background-color:#233135;font-weight:bold;color:#fff;}
table.tabloresa th img, table td.subtitle img {border:0;}
table.tabloresa th a, table td.subtitle a {background:none;}
table.tabloresa td.subtitle {font: 100% arial, verdana, sans-serif;background-color:#207193;color:#fff;}
table.tabloresa td.icones {background:#fff;}
table.tabloresa td.icones img {border:0;}

table.tabloresa td form input { border:none; margin:0; padding:0; background:none; }

.relative{position:relative;}

dl.confirmValid {margin-top:0;}
dl.confirmValid dd {margin-left:10px;}
dl.confirmValid h4 {color:#fff;margin:0 0 5px 10px;}
dl.confirmValid table.tabloresa { margin:5px; border:1px solid #f5b382; width:95%; color:#000;
font: 10px arial, verdana, sans-serif;text-align:center; border-collapse:collapse;}
dl.confirmValid table.tabloresa h4 {font-size:110%;color:#000;}

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

/************
DETAIL
************/

.text_bleu{color:#002a65;}
.text_bleu_clair{color:#00a8ff;}
.bleu_clair{color:#7d92b1;}
.text_orange{color:#f5b382;}
.text_noir{color:#333;}
.text_rouge{color:#ff0000;}
.text_blanc{color:#fff;}
.text_gris{color:#8496af;}
.gras{font-weight:bold;}
.majuscule{text-transform:uppercase;}
.petit{text-transform:none;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.block{display:block;}
.margin-bottom{margin-bottom:15px;}
.hidden{ display:none; visibility:hidden;}

p.text_gris a {color:#002a65;text-decoration:none;}
p.text_gris a:hover {color:#00a8ff;text-decoration:underline;}

span.text_orange2 {color:#f5b382;display:block;width:200px;float:left;}
span.validresa {float:left;}