@charset "utf-8";

/*
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
//
// incDisplay.inc.php
//
// Author                       Version     Date        Comments
//
// DIGITIC                     1.0         26/03/2008
// http://www.digitic.fr
// info@digitic.fr
//
//- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/*backgrounds and graphics*/
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #58595B;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

a:link {
  text-decoration: none;
  color: #3D485F;
}
a:visited {
  text-decoration: none;
  color: #3D485F;
}
a:hover {
  text-decoration: none;
  font-weight: bold;
  color: #3D485F;
}
a:active {
  text-decoration: none;
  color: #3D485F;
}


.titleArticle01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  color: #3D485F;
  text-align: left;
  padding-bottom: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 5px;
  border-bottom : 2px solid #3D485F;
}
.titleArticle01 a:link {
  text-decoration: none;
  color: #3D485F;
}
.titleArticle01 a:visited {
  text-decoration: none;
  color: #3D485F;
}
.titleArticle01 a:hover {
  text-decoration: none;
  color: #3D485F;
}
.titleArticle01 a:active {
  text-decoration: none;
  color: #3D485F;
}



.shadowLeft {
  background-image: url('ressource.php?fct=img&f=hotelsshadowLeft.png');
  background-repeat: repeat-y;
}

.shadowRight {
  background-image: url('ressource.php?fct=img&f=hotelsshadowRight.png');
  background-repeat: repeat-y;
}

.cellheader {
  background-color: #FFFFFF;
  background-image: url('ressource.php?fct=img&f=hotelsHeader02.png');
  background-repeat: no-repeat;
}

.cellcontent {
  background-color: #FFFFFF;
  margin-top: 0px;
}

.cellcontentMessage {
  background-color: #FFFFFF;
  margin-top: 0px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #3D485F;
  line-height: 1.5em;
}

.cellfooter {
  background-color: #000000;
}

.linksfooter {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: #A2AEB9;
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.linksfooter a:link {
  text-decoration: none;
  color: #A2AEB9;
}
.linksfooter a:visited {
  text-decoration: none;
  color: #A2AEB9;
}
.linksfooter a:hover {
  font-weight: bold;
  text-decoration: none;
  color: #A2AEB9;
}
.linksfooter a:active {
  text-decoration: none;
  color: #A2AEB9;
}

.rightfooter {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #A2AEB9;
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.rightfooter a:link {
  font-weight: normal;
  text-decoration: none;
  color: #A2AEB9;
}
.rightfooter a:visited {
  font-weight: normal;
  text-decoration: none;
  color: #A2AEB9;
}
.rightfooter a:hover {
  font-weight: normal;
  text-decoration: underline;
  color: #A2AEB9;
}
.rightfooter a:active {
  font-weight: normal;
  text-decoration: none;
  color: #A2AEB9;
}

.listCountries {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
}
.listCountries a:link {
  font-weight: bold;
  color: #114684;
  text-decoration: none;
}
.listCountries a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #114684;
}
.listCountries a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #114684;
}
.listCountries a:active {
  font-weight: normal;
  text-decoration: none;
  color: #114684;
}




.hotelsListTitle01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  color: #114684;
  text-align: left;
  margin-left: 5px;
  margin-right: 5px;
}
.hotelsListTitle01 a:link {
  text-decoration: none;
  color: #114684;
}
.hotelsListTitle01 a:visited {
  text-decoration: none;
  color: #114684;
}
.hotelsListTitle01 a:hover {
  text-decoration: none;
  color: #114684;
}
.hotelsListTitle01 a:active {
  text-decoration: none;
  color: #114684;
}

.hotelsListSubTitle01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-align: left;

  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  border-bottom : 1px solid #114694;
  padding-bottom: 5px;

}

.hotelsListText01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-align: left;
  margin-left: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 5px;
}
.hotelsListText01 a:link {
  text-decoration: none;
  font-weight: normal;
  color: #000000;
}
.hotelsListText01 a:visited {
  text-decoration: none;
  font-weight: normal;
  color: #000000;
}
.hotelsListText01 a:hover {
  text-decoration: none;
  font-weight: normal;
  color: #000000;
}
.hotelsListText01 a:active {
  text-decoration: none;
  font-weight: normal;
  color: #000000;
}









.footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #A2AEB9;
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.footer a:link {
  text-decoration: none;
  color: #A2AEB9;
}
.footer a:visited {
  text-decoration: none;
  color: #A2AEB9;
}
.footer a:hover {
  text-decoration: underline;
  color: #A2AEB9;
}
.footer a:active {
  text-decoration: none;
  color: #A2AEB9;
}

/*menus*/
.menu01 td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #121212;
  text-align: center;
  padding-top: 5px;
}
.menu01 td a:link {
  font-weight: bold;
  color: #121212;
  text-decoration: none;
  white-space: nowrap;
}
.menu01 td a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #121212;
  white-space: nowrap;
}
.menu01 td a:hover {
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #3D485F;
  white-space: nowrap;
}
.menu01 td a:active {
  font-weight: bold;
  text-decoration: none;
  color: #121212;
  white-space: nowrap;
}
.menu01sep {
  padding-left: 5px;
  padding-right: 5px;
}

.rubriqueTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  color: #3D485F;
  float: left;
  padding-left: 5px;
  margin-top: 5px;
  margin-bottom: 20px;
}

.rubriqueNavigation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #3D485F;
  float: right;
  padding-right: 5px;
  margin-top: 5px;
  margin-bottom: 20px;
}
.rubriqueNavigation a:link {
  text-decoration: none;
  color: #000000;
}
.rubriqueNavigation a:visited {
  text-decoration: none;
  color: #000000;
}
.rubriqueNavigation a:hover {
  text-decoration: underline;
  color: #3D485F;
}
.rubriqueNavigation a:active {
  text-decoration: none;
  color: #3D485F;
}

.titleArticle01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  color: #3D485F;
  text-align: left;
  padding-bottom: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 5px;
  border-bottom : 2px solid #3D485F;
}
.titleArticle01 a:link {
  text-decoration: none;
  color: #3D485F;
}
.titleArticle01 a:visited {
  text-decoration: none;
  color: #3D485F;
}
.titleArticle01 a:hover {
  text-decoration: none;
  color: #3D485F;
}
.titleArticle01 a:active {
  text-decoration: none;
  color: #3D485F;
}


.textArticle01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-align: left;
  margin-left: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 5px;
  text-align: justify;
}
.textArticle01 a:link {
  text-decoration: none;
  color: #3D485F;
}
.textArticle01 a:visited {
  text-decoration: none;
  color: #3D485F;
}
.textArticle01 a:hover {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #3D485F;
}
.textArticle01 a:active {
  text-decoration: none;
  color: #3D485F;
}

.footerArticle01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-align: left;
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 5px;
  margin-right: 5px;
  text-align: justify;
  background-color: #FFFFFF;
<!--  border: 2px solid #3D485F; -->
  border: 2px solid #DDDDDD;
}
.footerArticle01 a:link {
  text-decoration: none;
  color: #3D485F;
}
.footerArticle01 a:visited {
  text-decoration: none;
  color: #3D485F;
}
.footerArticle01 a:hover {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #3D485F;
}
.footerArticle01 a:active {
  text-decoration: none;
  color: #3D485F;
}

.articleSep01 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.footArticle01 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #3D485F;
  text-align: left;
  margin-left: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.footArticle01 a:link {
  text-decoration: none;
  color: #3D485F;
}
.footArticle01 a:visited {
  text-decoration: none;
  color: #3D485F;
}
.footArticle01 a:hover {
  text-decoration: underline;
  color: #3D485F;
}
.footArticle01 a:active {
  text-decoration: none;
  color: #3D485F;
}

/* Top right */

form {
  margin: 0;
}

.trInputText {
  width: 130px;
  height: 15px;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #3D485F;
  border:0;
  padding: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.trSubmit {
  height: 19px;
  width: 25px;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #3D485F;
  border:0;
  padding: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.trRow {
  border-top: 1px dotted #3D485F;
}

.trRowLast {
  border-top: 1px dotted #3D485F;
  border-bottom: 1px dotted #3D485F;
}

.tags {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-align: center;
}
.tags a:link {
  text-decoration: none;
  color: #000000;
}
.tags a:visited {
  text-decoration: none;
  color: #000000;
}
.tags a:hover {
  text-decoration: underline;
  color: #3D485F;
}
.tags a:active {
  text-decoration: none;
  color: #000000;
}

/* Boxes */
.titlebox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  color: #3D485F;
  text-align: left;
  padding-left: 5px;
}

.textbox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-align: left;
}
.textbox a:link {
  font-weight: bold;
  color: #3D485F;
  text-decoration: none;
}
.textbox a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #3D485F;
}
.textbox a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #3D485F;
}
.textbox a:active {
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #3D485F;
}

.hotelsListFilters {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-align: left;

  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  border-bottom : 1px solid #114694;
  padding-bottom: 10px;
}

.selectFilter {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-align: left;

  margin-left: 0px;
  margin-right: 10px;
}



.hoteldetails {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

.hoteldetails a:link {
  font-weight: normal;
  color: #114684;
  text-decoration: none;
}
.hoteldetails a:visited {
  font-weight: noraml;
  text-decoration: none;
  color: #114684;
}
.hoteldetails a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #114684;
}
.hoteldetails a:active {
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #114684;
}


.hoteldetails STRONG U {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #114684;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
}

.hoteldetailstitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
  height: 21px;
  text-align: left;
  margin: 0;
  padding-top: 5px;
  padding-left: 5px;
  background-color: #000000;
  border-bottom : 2px solid #114694;
  width: 590px;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

.hoteldetailssubtitle {
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  display: inline;
  margin-left: 5px;
}

.hoteldetailsmediah {
  margin-top: 0px;
  margin-bottom: 10px;
  width: 595px;
  overflow: hidden;
  border: 0px;
}

.hoteldetailsmediahprev {
  margin-bottom: 10px;
  width: 595px;
  overflow: hidden;
}

.hoteldetailsmediahprevselected {
  border-bottom : 2px solid #114694;
}

.hotelNavigation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #3D485F;
  float: right;
}
.hotelNavigation a:link {
  text-decoration: none;
  color: #000000;
}
.hotelNavigation a:visited {
  text-decoration: none;
  color: #000000;
}
.hotelNavigation a:hover {
  text-decoration: underline;
  color: #3D485F;
}
.hotelNavigation a:active {
  text-decoration: none;
  color: #3D485F;
}

.searchhotelslabel {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-align: right;
  color: #000000;
  text-decoration: none;
  padding-right: 10px;
}

.searchhotelsinput input, select{
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #3D485F;
  border:1px solid #CCCCCC;
  padding: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.searchhotelssubmit {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  float: right;
  background-color: #114684;
  color: #FFFFFF;
  text-decoration: none;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.searchhotelssubmit a:link {
  text-decoration: none;
  font-weight: bold;
  background-color: #114684;
  color: #FFFFFF;
}
.searchhotelssubmit a:visited {
  text-decoration: none;
  font-weight: bold;
  background-color: #114684;
  color: #FFFFFF;
}
.searchhotelssubmit a:hover {
  text-decoration: underline;
  font-weight: bold;
  background-color: #114684;
  color: #FFFFFF;
}
.searchhotelssubmit a:active {
  text-decoration: none;
  font-weight: bold;
  background-color: #114684;
  color: #FFFFFF;
}

.specialOffer01 {
  text-align: right;
}

.specialOffer01Text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #6a89a8;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 5px
}