* {margin:0px;padding:0px;border:0;text-align:left;font-family:Arial;color:#343434;line-height:18px;}
body {text-align:center;font-size:11px;color:#535353;background-color:#fafafa;color:#b1b1b1;font-size:12px;}
#page {width:1000px;margin-left:auto;margin-right:auto;}
a {color:inherit;text-decoration:none;}
ul, li, ol {list-style-type:none;}

*.textlightgrey, .textlightgrey * {color:#9a9a9a;}
*.textdarkgrey, .textdarkgrey * {color:#343434;}
*.textblack, .textblack * {color:#191919;}
*.textpink, .textpink * {color:#e716a7;}
*.textpurple, .textpurple * {color:#a90078;}

img.imgOnLeft {margin:0 10px 5px 0;}

.dyncontent p {padding-top:10px;padding-top:expression((this===this.parentNode.childNodes[0])? "0px":"10px");}
.dyncontent p:first-child {padding-top:0px;}
.dyncontent .halfBox {float:left;width:390px;margin:0 0 0 10px;margin:expression((this===this.parentNode.childNodes[0])? "0 10px 0 0":"0 0 0 10px");}
.dyncontent .halfBox:first-child {margin:0 10px 0 0;}

#header, #footer {float:left;width:980px;height:100px;font-size:10px;}
#header *, #footer * {color:#9a9a9a;}
#header #logo {margin-left:25px;}
#header #topheader {float:right;width:100%;text-align:right;border-right:1px solid #c0c0c0;}
#header #topheader ul, #footer ul {float:right;}
#header #topheader ul li, #footer ul li {display:inline;padding:0 5px 0 5px;}
#header #topheader ul li a, #footer ul li a {text-transform:uppercase;}
#header #topheader ul li a.selected, #footer ul li a.selected {color:#191919;}
#footer {width:985px;margin-top:20px;height:20px;}

#footer #reftext {font:small-caps 11px arial; color:#666666;float:left;width:700px;}
#footer #reftext a {text-decoration:underline;color:#666666;font-weight:bold;float:left;width:80px;}
#footer #reftext a:hover {color:#666666;}

#leftmenu {float:left;width:170px;margin-right:10px;padding-bottom:1px;}
#leftmenu ul.lvl1 {float:left;width:170px;}
#leftmenu ul.lvl2 {clear:left;float:left;margin:15px 0 15px 30px;}
#leftmenu ul li {clear:left;float:left;width:100%;margin-bottom:2px;background-color:#fafafa;}
#leftmenu ul.lvl2 li {width:150px;text-transform:uppercase;font-size:11px;}
#leftmenu ul.lvl2 li a.selected, #leftmenu ul.lvl2 li a:hover {color:#e716a7;}

#pagecontent {width:800px;float:left;position:relative;}
#pagecontent #popup {position:absolute;border:2px solid #c8c8c8;background-color:white;padding:5px;width:450px;top:50px;left:100px;}
#pagecontent #popup #closePopup {float:right;}
#pagecontent #popup #contentPopup {float:left;width:430px;}

/**
 * home.php
 */
#tplhome #pagecontent {width:802px;}
#tplhome #pagecontent #leftPanel {float:left;width:160px;height:279px;border-top:1px solid #dadada;border-left:1px solid #dadada;}
#tplhome #pagecontent #leftPanel a img {border-right:1px solid #dadada;border-bottom:1px solid #dadada;}
#tplhome #pagecontent #flash {float:left;width:640px;border-right:1px solid #dadada;position:relative;}
#tplhome #pagecontent #flash #special {position:absolute;width:15px;right:-20px;top:0px;height:280px;background-color:#323232;}
#tplhome #pagecontent #listHotels {float:left;width:800px;border:1px solid #dadada;border-top:none;position:relative;}
#tplhome #pagecontent #listHotels #coup-coeur {position:absolute;left:-82px;}
#tplhome #pagecontent #listHotels .box {float:left;width:160px;}
#tplhome #pagecontent #listHotels a {text-align:center;font-size:12px;}
#tplhome #pagecontent #listHotels strong {color:#343434;}
#tplhome #pagecontent #listHotels span {text-transform:uppercase;font-size:10px;}
#tplhome #pagecontent #listHotels a.textOnBottom {height:68px;width:158px;clear:left;float:left;border:1px solid #dadada;border-bottom:none;}
#tplhome #pagecontent #listHotels a.textOnTop {height:67px;width:158px;clear:left;float:left;border:1px solid #dadada;}
#tplhome #pagecontent #listHotels .first a {border-left:none;width:159px;}
#tplhome #pagecontent #listHotels .last a {border-right:none;width:159px;}

/**
 * content.php
 */
#tplcontent #pagecontent .header {text-transform:uppercase;font-weight:normal;}
#tplcontent #pagecontent h1.header {font-size:20px;margin-bottom:10px;}

/**
 * listOffers.php
 */
#tpllistoffers #listHotels {float:left;width:100%;}
#tpllistoffers #listHotels .header {text-transform:uppercase;font-weight:normal;}
#tpllistoffers #listHotels h1.header {font-size:20px;margin-bottom:10px;}
#tpllistoffers #listHotels .itemInList {clear:left;float:left;width:100%;margin:0 0 10px 0;border-bottom:1px solid #dfe501;padding-bottom:10px;}
#tpllistoffers #listHotels .itemInList h4.header {font-size:14px;}

/**
 * listHotels.php
 */
#tpllisthotels #location {float:left;width:100%;border-bottom:1px solid #dfe501;padding-bottom:10px;}
#tpllisthotels #location .header {text-transform:uppercase;font-weight:normal;font-size:14px;margin-bottom:10px;}
#tpllisthotels #listHotels {float:left;width:100%;border-bottom:1px solid #dfe501;}
#tpllisthotels #listHotels .header {text-transform:uppercase;font-weight:normal;font-size:14px;margin-bottom:10px;}
#tpllisthotels #listHotels .itemInList {clear:left;float:left;width:100%;margin:10px 0 10px 0;}
#tpllisthotels #listHotels .sepIndexed {clear:left;float:left;width:100%;padding-top:1px;border-bottom:1px solid #6aea2b;}
#tpllisthotels #listHotels .notIndexedHotelName {clear:left;float:left;width:285px;margin:0 10px 5px 0;}
#tpllisthotels #listHotels .notIndexedHotelCategory {float:left;width:285px;}

/**
 * search.php
 */
#tplsearch #listHotels {float:left;width:100%;border-bottom:1px solid #dfe501;}
#tplsearch #listHotels .header {text-transform:uppercase;font-weight:normal;font-size:14px;margin-bottom:10px;}
#tplsearch #listHotels .itemInList {clear:left;float:left;width:100%;margin:0px 0 20px 0;}
#tplsearch #listHotels .sepIndexed {clear:left;float:left;width:100%;padding-top:1px;border-bottom:1px solid #6aea2b}
#tplsearch #listHotels .notIndexedHotelName {clear:left;float:left;width:285px;margin:0 10px 5px 0;}
#tplsearch #listHotels .notIndexedHotelCategory {float:left;width:285px;}
/**
 * detailHotel.php
 */
#tpldetailhotel #dlMedias {border:1px solid #6ED5FF;float:right;width:250px;padding:5px;margin:10px 0 5px 5px;}
#tpldetailhotel #dlMedias h4 {font-weight:normal;font-size:14px;text-transform:uppercase;color:#343434;}
#tpldetailhotel #descriptionBox {border-bottom:1px solid #6aea2b;float:left;width:100%;padding-bottom:5px;margin-bottom:5px;}
#tpldetailhotel #descriptionBox #diaporama {float:left;width:425px;margin-right:15px;}
#tpldetailhotel #descriptionBox #diaporama .pagination {float:right;padding-right:20px;}
#tpldetailhotel #descriptionBox h2#destname {font-size:18px;line-height:25px;font-weight:normal;}
#tpldetailhotel #descriptionBox h1#hotelname {font-size:22px;line-height:25px;font-weight:normal;text-transform:uppercase;}
#tpldetailhotel #descriptionBox #description {margin-top:10px;}
#tpldetailhotel #offers {border-bottom:1px solid #dfe501;float:left;width:770px;background:url('../img/home-offres-packages.jpg') no-repeat 19px 0px;padding:75px 0 5px 30px;}
#tpldetailhotel #geoloc {float:left;width:100%;padding-top:5px;}
#tpldetailhotel #geoloc h4.header {font-weight:normal;font-size:14px;text-transform:uppercase;color:#343434;}
#tpldetailhotel #geoloc #mapgeo {float:left;width:325px;padding-bottom:5px;}
#tpldetailhotel #geoloc #textaccess {margin-left:15px;float:left;width:460px;}
#tpldetailhotel #geoloc #textaccess h5.header {text-transform:uppercase;font-size:16px;font-weight:normal;}

/**
 * formRequest.php
 */
#tplformrequest #pagecontent {width:750px;margin-left:50px;}
#tplformrequest h4.header {text-transform:uppercase;color:#343434;font-size:14px;padding-bottom:5px;margin-bottom:10px;}
#tplformrequest #contact {margin-bottom:25px;}
#tplformrequest #contact h4.header {border-bottom:1px solid #6aea2b;}
#tplformrequest #detail h4.header {border-bottom:1px solid #dfe501;}
#tplformrequest label.title {text-transform:uppercase;color:#343434;}
#tplformrequest input.textfield, #tplformrequest textarea.textfield, #tplformrequest select.textfield {border:1px solid #c5c5c5;padding:1px 2px 1px 2px;color:#e716a7;font-size:11px;}
#tplformrequest input.submitbtn {margin:20px 0 0 200px;}
#tplformrequest form ul li {clear:left;width:100%;margin-bottom:5px;}
#tplformrequest form ul li.vspaced {margin:15px 0 15px 0;}
#tplformrequest form .leftspaced {margin-left:10px;}
#tplformrequest form label.size1 {width:175px;display:inline;float:left;}
#tplformrequest form label.size2 {width:100px;display:inline;float:left;}
#tplformrequest form label.size3 {width:220px;display:inline;float:left;}

/**
 * newsletter.php
 */
#tplnewsletter #pagecontent {width:750px;margin-left:50px;}
#tplnewsletter h4.header {text-transform:uppercase;color:#343434;font-size:14px;padding-bottom:2px;margin-bottom:10px;border-bottom:1px solid #6aea2b;}
#tplnewsletter label.title {text-transform:uppercase;color:#343434;}
#tplnewsletter *.textfield {border:1px solid #c5c5c5;padding:1px 2px 1px 2px;color:#e716a7;font-size:11px;}
#tplnewsletter input.submitbtn {margin:20px 0 0 175px;}
#tplnewsletter form ul li {clear:left;width:100%;margin-bottom:5px;}
#tplnewsletter form ul li.vspaced {margin:15px 0 15px 0;}
#tplnewsletter form .leftspaced {margin-left:10px;}
#tplnewsletter form label.size1 {width:175px;display:inline;float:left;}
#tplnewsletter #additionalText {margin-top:20px;}

/**
 * map.php
 */
#tplmap #pagecontent object {margin-bottom:10px;}
#tplmap #pagecontent form {float:left;}
#tplmap #pagecontent form label {text-transform:uppercase;}
#tplmap #pagecontent form input.textfield {display:block;border:1px solid #c5c5c5;color:#e716a7;padding:2px;width:190px;float:left;font-size:11px;}
#tplmap #pagecontent form input.submit {margin:5px 0 0 5px;}
