* {margin: 0;padding: 0;color: #1a4372;font-family: Arial, Helvetica, sans-serif;}
p, ul, li, span, div {font-size:11px;}
h1, h2, h3, h4, h5, h6 {font-size:14px;}
img {border-style: none;}
ul {list-style: none;}
a {color: #1a4372;outline:none;}
a:hover {text-decoration: none;}
.cl {display:block;clear: both;font-size:1px;height:1px;background:none;}

body {background: #d0d2dd; behavior:url(csshover.htc);}
h1 {text-align: center;background: #54567D url(h1.jpg) repeat-x;color: #d0d2dd;font-size: 11px;font-weight: normal;padding: 12px;}
h1 a {color: #d0d2dd;}

#co {background: url(co.jpg) repeat-x;}
#c {width: 970px;background: #fff url(c.jpg) no-repeat;}
#l {float: left;width: 620px;}

/*Header*/
#h {padding-top: 20px;}
#h .logo {float: left;padding: 20px;}
#h div {}
#h div p, #h div h1 {text-align: center;color: #8ca1b8;padding: 10px;font-size:11px;background:none;}
#h div h2 {text-align: center;font-size: 14px;font-weight: normal;}
#h ul {clear: both;background: url(menubar.jpg) no-repeat center top;height: 45px;padding-top: 10px;padding-left: 25px;}
#h ul li {float: left;background: url(menu.gif) no-repeat center top;}
#h ul li a {display: block;background: url(menu.gif) no-repeat left top;padding-left: 10px;color: #fff;text-decoration: none;}
#h ul li a span {display: block;background: url(menu.gif) no-repeat right top;color: #fff;text-decoration: none;padding: 7px 15px 8px 5px;}
#h ul .h-active, #h ul li:hover {background: url(menu-active.gif) no-repeat center top;}
#h ul li a:hover span {background: url(menu-active.gif) no-repeat right top;}
#h ul .h-active a, #h ul li a:hover {background: url(menu-active.gif) no-repeat left top;}
#h ul .h-active a span, #h ul li a span:hover {background: url(menu-active.gif) no-repeat right top;}
#h ul li:hover {background: url(menu-hover.gif) no-repeat center top;}
#h ul li:hover a span {background: url(menu-hover.gif) no-repeat right top;}
#h ul li a:hover {background: url(menu-hover.gif) no-repeat left top;}
#h ul li a:hover span {background: url(menu-hover.gif) no-repeat right top;}
/*Rechercher Left*/

.rechercher-left {clear: both;background: url(recherche-left.gif) no-repeat left bottom;margin-left: 23px;}
.rechercher-left h3 {background: url(recherche-left-h3.jpg) no-repeat;padding: 40px 15px 28px 20px;color: #fff;font-size: 18px;font-weight: normal;letter-spacing: -1px;}
.rechercher-left form {}
.rechercher-left form p {clear: both;color: #2764aa;font-size: 12px;font-weight: bold;height: 24px;}
.rechercher-left form p label {display: block;width: 120px;text-align: right;padding: 3px 5px;float: left;font-size: 12px;font-weight: bold;color: #2764aa;}
.rechercher-left form p input {float: left;border: 1px solid #93b7c9;display: inline;margin-right: 4px;font-size: 12px;font-weight: bold;color: #1a4372;padding: 1px 3px;vertical-align: middle;}
.rechercher-left form p #recherche {font-weight:bold;}
.rechercher-left form p span {padding:2px; margin-left:35px;}
.rechercher-left form p #ville {width: 242px;}
.rechercher-left form p #pour {font-weight: bold;}
.rechercher-left div {font-size: 8px;background: url(notre-selection-h4hr.gif) repeat-x center center;margin-right: 18px;margin-left: 130px;}
.rechercher-left form p #arr-dy, .rechercher-left form p #dep-dy {width: 120px;}
.rechercher-left form p #arr-mo, .rechercher-left form p #dep-mo {width: 120px;}
.rechercher-left form p #arr-yr, .rechercher-left form p #dep-yr {width: 120px;}
.rechercher-left form span {display: block;clear: both;padding-bottom: 10px;padding-left: 130px;}
.rechercher-left form span input {background: url(rech-left.jpg) no-repeat;height: 33px;width: 246px;border-style: none;}

/*Rechercher Right*/
.rechercher-right {clear: both;background: url(recherche-right.gif) no-repeat left bottom;margin-left: 7px;margin-top: 2px;}
.rechercher-right h3 {background: url(recherche-right-h3.jpg) no-repeat;padding: 23px 15px 10px 20px;color: #fff;font-size: 18px;font-weight: normal;letter-spacing: -1px;}
.rechercher-right form {}
.rechercher-right form p {clear: both;color: #2764aa;font-size: 11px;font-weight: bold;height: 24px;}
.rechercher-right form p label {display: block;width: 85px;text-align: right;padding: 3px 5px;float: left;font-size: 11px;font-weight: bold;color: #2764aa;}
.rechercher-right form p input {float: left;border: 1px solid #93b7c9;display: inline;margin-right: 4px;font-size: 12px;font-weight: bold;color: #1a4372;padding: 1px 3px;vertical-align: middle;}
.rechercher-right form p #recherche {font-weight:bold;}
.rechercher-right form p span {padding:2px;}
.rechercher-right form p #ville {width: 215px;}
.rechercher-right form p #pour {font-weight: bold;}
.rechercher-right div {font-size: 8px;background: url(notre-selection-h4hr.gif) repeat-x center center;margin-right: 25px;margin-left: 90px;}
.rechercher-right form p #arr-dy, .rechercher-right form p #dep-dy {width: 63px;}
.rechercher-right form p #arr-mo, .rechercher-right form p #dep-mo {width: 63px;}
.rechercher-right form p #arr-yr, .rechercher-right form p #dep-yr {width: 63px;}
.rechercher-right form span {display: block;clear: both;padding-bottom: 15px;padding-left: 94px;}
.rechercher-right form span input {background: url(recherche-right-but.jpg) no-repeat;height: 33px;width: 246px;border-style: none;}
.rechercher-rightb {background: url(recherche-right-h3-bottom.jpg) no-repeat!important;}

/*Breadcrumsb*/
.bcr {padding: 7px 7px 7px 15px;font-weight: bold;}
.bcr span {padding-left: 5px;color: #E81D20;}
.bcr a {font-size: 11px;font-weight: bold;padding-right: 10px;background: url(bcr.gif) no-repeat right center;display: block;float: left;padding-left: 5px;}

/*Static content*/
.static-co {background: url(static-co.gif) repeat-y;margin-left: 17px;}
.static-ptitle {background: url(static-co-h3.gif) no-repeat;font-size: 18px;font-weight: normal;letter-spacing: -1px;color: #d20003;padding: 15px 10px 0px 15px;margin-left: 17px;}
.static-c {background: url(static-c.gif) no-repeat left bottom;padding: 10px;}

.static-c h4, .static-c h5, .static-c h6, .static-c p {padding: 5px;}
.static-c h4, .static-c h5, .static-c h6 {clear:both;}
.static-c h4 {font-size: 14px;}
.static-c h5, .static-c h6 {font-size: 12px;}
.static-c p {padding-right:20px;}
.static-c ul, .static-c ol {padding: 5px 30px;list-style: inside !important;}
.static-c ul {list-style: disc;}
.static-c ol {list-style: decimal!important;}
.static-c img, .static-c p img {padding: 5px;background: #fffcea;border: 1px solid #E4D9B1;margin: 8px;}
.static-c table {border: 1px solid #B4B7E1;margin-top: 10px;margin-bottom: 10px;}
.static-c table tr {}
.static-c table tr th {padding: 6px;background: #CFD7E1;}
.static-c table tr td {border-top: 1px solid #B4B7E1;padding: 6px;}
.static-c hr {margin: 0px 20px 0px 0px;padding: 0px;height: 1px;border-style: none;background: #d0d2dd;color: #d0d2dd;}

/*Region/Ville?Fiche content*/
.rvf-co {background: url(static-co.gif) repeat-y;margin-left: 22px;width: 590px;}
.rvf-c {background: url(rvf-co-h3.gif) no-repeat;padding:10px;}
.static-photo {float: left;background: url(static-photo.gif) no-repeat;padding-top: 6px;padding-left: 6px;margin-right: 10px;margin-bottom: 8px;}
.static-photo2 {background: url(static-photo.gif) no-repeat right bottom;padding-right: 7px;padding-bottom: 4px;}
.static-photo2 div, .static-photo2 span {display:block;position:absolute;width:25px;height:25px;}

.static-photo2 div {background: url(cl.png) no-repeat;left: -6px;bottom: -3px;}
.static-photo2 span {background: url(cr.png) no-repeat;top: -6px;right: -1px;}

.static-photo2 img {}
.rvf-c h3 {font-size: 18px;font-weight: normal;color: #d20003;letter-spacing: -1px;}
.rvf-c p {padding-top: 1px;padding-bottom: 5px;color: #000;}
.rvf-c h4 {font-size: 11px;font-weight: bold;color: #3f47be;padding-top: 5px;}
.rvf-lire {background: url(static-c.gif) no-repeat left bottom;padding: 0px 10px 15px;}
.rvf-lire a {display: block;padding: 3px 12px 4px 4px;text-align: right;color: #fff;text-decoration: none;font-weight: bold;}
.rvf-lire a:hover {color: #ff0;}

/*Tabs*/
.fiche-tabs {padding:10px 0 0px;}
.tabstop {background: url(tabs-top.jpg) no-repeat left top;font-size: 5px;height: 10px;margin-top:29px;}
.tabs {clear: both;padding-left:5px;height:29px;border-bottom: 1px solid #fff;position:absolute;}
.tabs li {float: left;}
.tabs li a {display: block;background: url(tab-off.jpg) no-repeat;padding-left: 8px;text-decoration:none;}
.tabs li span {display: block;padding: 8px 16px 8px 4px;background: url(tab-off.jpg) no-repeat right top;font-weight: bold;color: #b4a780;font-size: 14px;;}
.tabs li .current {background: url(tab-on.jpg) no-repeat;}
.tabs li .current span {background: url(tab-on.jpg) no-repeat right top;color:#5f573f;}
.panes {background: url(tabs-bg.jpg) repeat-y;clear: both;margin: 0px;padding: 0px;}
.panes .pane {display: none;padding: 0px 20px;}
.panes div h5 {font-size: 12px;color: #330000;background: url(pane-h5.gif) no-repeat;padding: 5px 5px 10px;margin-top: 10px;clear: both;}
.panes div p, .panes div ul, .panes div ol, .panes div ul li, .panes div ol li, .panes div a, .panes div table, .panes div td {font-size:12px;color:#000;margin: 0px;padding: 0px;}
.panes div p {padding-top: 7px;padding-bottom: 7px;}
.panes div ul {list-style: disc;padding: 0px 0px 0px 25px;margin: 0px;}
.pane-left {float: left!important;}
.pane-right {float:right;width:200px;}
.pane-left h6, .pane-right h6 {font-size: 11px!important;padding:4px;background: #fff;border: 1px solid #DAD8CF;margin-bottom:5px;}

.pane-right li {font-size: 11px!important;}

.tabs-end {background: url(tabs-bot.jpg) no-repeat left bottom;font-size: 5px;height: 19px;}
.diapo {padding: 10px 0px 0px;}
.diapo img {margin: 10px 10px 5px 0px;padding: 3px;background: #fff;border: 1px solid #D6C8AD;}
.pane img {vertical-align:top;}
.pane table {background: #bcb7a7;width: 100%;}
.pane table th {font-size: 11px;font-weight: bold;background: #fff;padding: 7px 1px;}
.pane table td {background: #FFF7E0;padding: 3px;text-align: center;font-size: 11px;}
.pane table th img {vertical-align: middle;}

/*Contact form*/
.cform {margin-right: 20px;padding-bottom: 10px;}
.cform .cform-req {color: #D82221;padding: 10px;text-align: center;font-style: italic;}
.cform .cform-err {padding: 10px 40px;color: #E52321;background: #FDE1E1 url(error.gif) no-repeat;text-align: center;margin-bottom: 10px;}
.cform div {clear: both;}
.cform div label {float: left;display: block;width: 155px;text-align: right;font-weight: bold;color: #5e87bb;padding: 4px;}
.cform div label em {color:#f00;}

/*Fiche Details*/
.fiche-details {}
.apartir {background: url(apartir.jpg) no-repeat;float: right;height: 84px;width: 109px;text-align: center;font-weight: bold;}
.apartir span, .apartir em {display: block;color: #fff;padding-left: 8px;}
.apartir span {padding-top: 20px;}
.apartir em {font-size: 27px;font-style: normal;}
.fiche-details p {padding: 13px 13px 13px 50px;font-weight: bold;color: #373B82;margin: 0px;}
.fiche-details p strong {color: #d21616;}
.fd-tel {background: url(fd-tel.gif) no-repeat;}
.fd-fax {background: url(fd-fax.gif) no-repeat;}

.dispo {display:block;clear:both;background: url(dispo.jpg) no-repeat center top;height: 35px;text-indent: -9999px;padding: 2px;float: none;}
.dispo:hover {background: url(dispo.jpg) no-repeat center bottom;}

.dispo_gb {display:block;clear:both;background: url(dispo_gb.jpg) no-repeat center top;height: 35px;text-indent: -9999px;padding: 2px;float: none;}
.dispo_gb:hover {background: url(dispo_gb.jpg) no-repeat center bottom;}

/*Contact Form*/
.cform div p {background: url(form-inp-txt.gif) no-repeat;float: left;width: 300px;}
.cform div p input {background: url(transparent);!margin-left: -17px;width: 270px;border-style: none;padding: 1px;}
.cform div .cform-tarea-bg {background: url(form-inp-ta.gif) no-repeat;padding-bottom: 15px;}
.cform div textarea {!margin-left: -17px;border-style: none;font-size:12px;width: 274px;height: 128px;}
.cform div .apropo {display: block;float: left;}
.cform div .apropo strong {display: block;font-weight: normal;padding: 3px;}
.cform div .apropo input {}
.cform div #cod {border: 1px solid #B4B7E1;padding: 3px;}
.cform div img {vertical-align:middle;}
.cform .cform-but {padding-left: 170px;}
.cform .cform-but input {background: url(form-but.gif) no-repeat;height: 30px;width: 90px;border-style: none;}

/*Notre selection*/
.notre-selection {background: url(notre-selection.jpg) repeat-y;margin-top:12px; margin-left: 22px;}
.notre-selection h3 {background: url(notre-selection-h3.jpg) no-repeat;padding: 8px 8px 8px 28px;font-size: 22px;color: #de1e21;font-weight: normal;letter-spacing: -1px;}

/*Notre selection Item (hotel)*/
.notre-selection-item {background: url(notre-selection-item.jpg) no-repeat;height: 170px;padding-top: 10px;}
.notre-selection-item .nsi-pic {float: left;padding: 6px 6px 6px 10px;}
.notre-selection-item .nsi-pic a img {padding: 5px;background: #fffcea;border: 1px solid #E4D9B1;}


.notre-selection-item .nsi-txt {padding: 5px;float: left;width: 450px;}
.notre-selection-item .nsi-txt h4 {font-weight: bold; background: url(notre-selection-h4hr.gif) repeat-x left bottom;padding-bottom: 6px;font-size: 12px;}
.notre-selection-item .nsi-txt h4 a {text-decoration: none;color: #363b82; }
.notre-selection-item .nsi-txt h4 a:hover {color: #C40002;}
.notre-selection-item .nsi-txt p {padding: 5px 0px; }
.notre-selection-item .nsi-txt span {display: block; float: left;}
.notre-selection-item .nsi-txt span strong {color: #D90104;font-weight: normal;}
.notre-selection-item .nsi-txt span strong em {font-style: normal;font-weight: bold;color: #2764a9;}


.notre-selection-item .nsi-but {float: right;display: block;font-weight: bold;color: #fff;text-decoration: none;background: url(nsi-but.gif) no-repeat;padding: 1px 10px 3px 22px;}
.notre-selection-item .nsi-but:hover {color:#ff0;}

.pagination {background: url(pagination.jpg) no-repeat;text-align: center;padding: 11px 11px 20px;clear: both;}
.pagination span {padding-right: 10px;}
.pagination a {text-decoration: none;font-weight: bold;padding-right: 5px;padding-left: 5px;}
.pagination a:hover {color: #f00;}
.pagination .p-active {color: #f00;border: 1px solid #f8afb0;}

/*Les plus Atel-H�tels*/
.les-plus {background: url(les-plus.gif) no-repeat left bottom;margin-left: 22px;height: 160px;}
.les-plus h3 {background: url(les-plus-h3.jpg) no-repeat;font-size: 18px;color: #c20707;font-weight: normal;padding: 9px 9px 9px 28px;letter-spacing: -1px;}
.les-plus ul {}
.les-plus ul li {float: left;width: 230px;background: url(les-plus-ul-li.gif) no-repeat left bottom;padding: 10px 10px 10px 35px;margin: 0px 10px;font-size: 13px;color: #2a63aa;}
.les-plus ul li strong {font-weight: normal;color: #fe6c00;}

/*Favori Left*/
.favori-left {clear: both;padding: 5px;margin-left: 22px;height: 60px;}
.favori-left h3 {letter-spacing: -1px;font-size: 18px;font-weight: normal;float: left;padding: 7px;}
.favori-left ul {}
.favori-left ul li {float: left;}
.favori-left ul li a {}
.favori-left ul li a img {padding-right: 7px;padding-left: 7px;}

/*Favori Right*/
.favori-right {clear: both;height: 60px;}
.favori-right h3 {letter-spacing: -1px;font-size: 15px;font-weight: normal;padding: 7px;color: #2a62a9;text-align: center;}
.favori-right ul {padding-left: 35px;}
.favori-right ul li {float: left;}
.favori-right ul li a {}
.favori-right ul li a img {padding-right: 7px;padding-left: 7px;}

/*Right Column - Lang, etc*/
#r {float: left;width: 350px;}
.general {background: url(photocomp.jpg) no-repeat left top;}

/*Language*/
.lang {height: 182px;}
.lang ul {padding-top: 20px;float:right;}
.lang ul li {padding: 0 10px 9px 0;}
.lang ul li a {}
.lang ul li a img {}

/*Advertisment*/
.adv {background: url(adv.gif) no-repeat;height: 270px;width: 325px;margin-top: 13px;margin-left: 10px;text-align: center;padding-top: 10px;padding-left: 0px;}
.adv img, .adv object, .adv embed {}

/*Google Maps*/
.gmaps {padding-left: 10px;padding-top: 10px;padding-bottom: 10px;}

/*Hotelier + Agent*/
.hotelier, .agent {background: url(hotelier-agent.gif) no-repeat left bottom;margin-left: 7px;padding-bottom: 10px;}
.hotelier h3, .agent h3 {color: #fff;font-weight: normal;font-size: 18px;letter-spacing: -1px;padding: 14px;}
.hotelier p, .agent p {padding: 4px 20px 4px 10px;}
.hotelier a, .agent a {display: block;background: url(hotelier-agent-a.gif) no-repeat right top;color: #fff;text-decoration: none;font: bold 10px Verdana, Arial, Helvetica, sans-serif;padding: 1px 8px 4px 18px;text-align: right;margin-right: 20px;}
.hotelier a:hover, .agent a:hover {color:#ff0;}

/*Vous �tes h�telier ?*/
.hotelier h3 {background: url(hotelier-h3.jpg) no-repeat;}

/*Agent de Voyage ?*/
.agent h3 {background: url(agent-h3.jpg) no-repeat;}

/*A proximit� + Top destination*/
.aproximite h3, .topdest h3 {font-size: 18px;color: #fff;letter-spacing: -1px;padding: 9px 13px 13px;font-weight: normal;}
.aproximite, .topdest {background: url(liste-hotels.gif) repeat-y;margin-left: 7px;width: 330px;}
.aproximite ul, .topdest ul {padding: 0px 10px;}
.aproximite ul li, .topdest ul li {padding-bottom: 1px;}
.aproximite ul li a, .topdest ul li a {display: block;padding: 2px 2px 2px 10px;background: url(lh-ul-li-ul-li-a.gif) no-repeat 1px 6px;}

/*A proximit�*/
.aproximite h3 {background: url(aproximite-h3.jpg) no-repeat;}
.aproximite ul li {}
.aproximite ul li a {}
.aproximite .lh-tous {background: url(liste-hotels-div.jpg) no-repeat;padding: 19px;text-align: center;}
.aproximite .lh-tous a {color: #fff;text-decoration: none;font-weight: bold;}
.aproximite .lh-tous a:hover {color: #ff0;}

/*Top destination*/
.topdest h3 {background: url(topdest-h3.jpg) no-repeat;}
.topdest div {background: url(topdest-div.jpg) no-repeat left bottom;clear:both;}
.topdest ul li {width: 154px;float: left;}
.topdest ul li a {}

/*Liste des Hotels par Pays*/
.liste-hotels {background: url(liste-hotels.gif) repeat-y;margin-left: 7px;width: 330px;}
.liste-hotels h3 {background: url(liste-hotels-h3.jpg) no-repeat;font-size: 18px;color: #fff;letter-spacing: -1px;padding: 13px;font-weight: normal;}
.liste-hotels ul {padding: 5px 14px 0px;}
.liste-hotels ul li {padding-bottom: 1px;clear:both;}
.liste-hotels ul li a {display: block;background: url(liste-hotels-ul-li-a.gif) no-repeat;padding: 6px 6px 5px 25px;font-weight: bold;text-decoration: none;clear: both;}
.liste-hotels ul li a:hover {background: url(liste-hotels-ul-li-a.gif) no-repeat left bottom;color: #C50002;}

.lh-ul-li-aactive, .lh-ul-li-aactive:hover {background: url(z-li-a.jpg) no-repeat!important;}

.liste-hotels ul li .lh-sub {background: url(liste-hotels-ul-li-ul.gif) no-repeat left bottom;clear:both;!height:inherit;}
.liste-hotels ul li .lh-sub ul {margin: 0px;padding: 2px;background: url(liste-hotels-ul-li-ul.gif) no-repeat;}
.liste-hotels ul li .lh-sub ul li {display: block;width: 147px;float: left;clear:none;}
.liste-hotels ul li .lh-sub ul li a, .liste-hotels ul li .lh-sub ul li a:hover {background: url(lh-ul-li-ul-li-a.gif) no-repeat 3px 6px;padding: 1px 1px 1px 14px;font-weight: normal;text-decoration: underline;}
.liste-hotels ul li .lh-sub ul li a:hover strong {color: #C50002;}

.liste-hotels ul li .lh-sub span {display: block;clear: both;padding:10px 0 10px 10px;}
.liste-hotels ul li .lh-sub span a {background: url(lh-ul-li-ul-span-a.gif) no-repeat left top;color: #fff;margin: 0px;padding: 0px 0px 2px 20px;}
.liste-hotels ul li .lh-sub span a:hover {color:#ff0;}
.liste-hotels .lh-tous {background: url(liste-hotels-div.jpg) no-repeat;padding: 19px;text-align: center;}
.liste-hotels .lh-tous a {color: #fff;text-decoration: none;font-weight: bold;}
.liste-hotels .lh-tous a:hover {color: #ff0;}

/*Footer*/
#f {clear: both;background: #D0D2DD url(f.jpg) no-repeat;padding-top: 18px;}
#f p {text-align: center;padding: 5px;}
#f p a {}

/*Baseline*/
.b {text-align: center;background: url(b.gif) repeat-x;padding: 10px;width:950px;margin:0 auto;}
.b a {}

#foo2 {background: url(liste-hotels.gif) repeat-y; margin-left: 7px; width: 330px;}
#foo2 h3 {background: url(aproximite-h3.jpg) no-repeat; font-size: 18px; color: #fff; letter-spacing: -1px;padding: 9px 13px 13px; font-weight: normal;}
#foo2 ul, .topdest ul {padding: 0px 10px;}
#foo2 ul li, .topdest ul li {padding-bottom: 1px;}
#foo2 ul li a, .topdest ul li a {display: block;padding: 2px 2px 2px 10px;background: url(lh-ul-li-ul-li-a.gif) no-repeat 1px 6px;}
.meteo img{
	padding: 0 10px;
	float: left;
}

.meteo tr td{
	text-align: center;
}

.meteo span{
	float:left;
	font-size:15px;
	padding:5px 0 5px 10px;
	width:300px;
}