@charset "utf-8";
/* CSS Document - https://j-willette.developpez.com/tutoriels/css/position-fixed/ */

#fixe
{
    position        : fixed;
    top             : 0;
	z-index: 999;
	padding-left: 0px;
	padding-right: 0px;
    padding-top: 0;
}

/* Menu header desktop */
body {
  margin: 0;
  padding: 0;
  /* background: #ccc;
  background: content-box radial-gradient(crimson, skyblue);*/
  background: no-repeat center/100% url("../images/seychelles-sea.jpg");
  background-attachment:fixed;
  background-size: auto;
  opacity: 0.95;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}
 
.nav ul {
  list-style: none;
  background-color: #2C70BB;
  text-align: center;
  padding: 0;
  margin: 0;
}
.nav li {
  font-family: 'Oswald', sans-serif;
  font-size: 13px;
  line-height: 30px;
  height: 30px;
  border-bottom: 1px solid #888;
}
 
.nav a {
  text-decoration: none;
  color: #fff;
  display: block;
  transition: .3s background-color;
}
 
.nav a:hover {
  background-color: #2C6DB7; /*#4DAE51*/
}
 
.nav a.active {
  background-color: #fff;
  color: #444;
  cursor: default;
}
 
@media screen and (min-width: 600px) {
  .nav li {
    width: 100px;
    border-bottom: none;
    height: 30px;
    line-height: 50px;
    font-size: 16px;
  }
 
  /* Option 1 - Display Inline */
  .nav li {
    display: inline-block;
    margin-right: -4px;
  }
 
  /* Options 2 - Float
  .nav li {
    float: left;
  }
  .nav ul {
    overflow: auto;
    width: 600px;
    margin: 0 auto;
  }
  .nav {
    background-color: #444;
  }
  */
}

/* menu horizontal scroll */

div.scrollmenu {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
}

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  background-color: #777;
}


/* styles personnalisés */

.UI_titre_resultat_classe { color: #FFFFFF; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px;}

.UI_titre_resultat_prix { color: #FCD856; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 20px;}

.UI_titre_resultat_adu { color: #FCD856; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 10px;}

.UI_texte_occupation { color: #2C6DB7; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 13px;}

.UI_texte_occupation_noir { color: #OOOOO; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 13px;}

.UI_texte_occupation_noir_petit { color: #OOOOO; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 10px;}

.UI_texte_occupation_petit { color: #2C6DB7; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 10px;}

.UI_texte_occupation_petit_gris { color: #808080; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 10px;}

.UI_texte_occupation_petit_jaune { color: #F1D357; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 10px;}

.UI_texte_occupation_tres_petit_bleu { color: #2C6DB7; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 9px;}

.UI_texte_occupation_petit_jaune_grand { color: #F1D357; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px;}

.UI_texte_occupation_petit_blanc { color: #FFFFFF; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px;}

.UI_texte_occupation_bleu { color: #2C6DB7; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 13px;}

.UI_texte_occupation_bleu_option { color: #2C6DB7; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 15px;}

.UI_texte_occupation_bleu_option_2 { color: #2C6DB7; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 17px;}

.UI_texte_occupation_bleu_prix_total { color: #2C6DB7; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 25px;}

.UI_texte_occupation_bleu_moyen { color: #2C6DB7; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: 600; font-size: 11px;}


A.lien-option:visited {
	COLOR: #2C6DB7;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
}
A.lien-option:hover {
	COLOR: #2C6DB7;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
}
A.lien-option:link {
	COLOR: #2C6DB7;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
}


A.lien-option-petit:visited {
	COLOR: #2C6DB7;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}
A.lien-option-petit:hover {
	COLOR: #2C6DB7;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
A.lien-option-petit:link {
	COLOR: #2C6DB7;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}


A.lien-option-jaune:visited {
	COLOR: #F1D357;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
}
A.lien-option-jaune:hover {
	COLOR: #F1D357;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
}
A.lien-option-jaune:link {
	COLOR: #F1D357;
	font-family: "Raleway", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
}


/*============
 STYLE SR/SB
 =============*/
 #UI_pdt { margin: 20px 0 0 0}
.pdt-prodName { font-size: 28px; color: #6a6a71; font-family: 'Open Sans',sans-serif;  display: block; }
.pdt-prodName2 { font-size: 18px; color: #6a6a71; font-family: 'Open Sans',sans-serif;  display: block; }
ul.pdt-UI_detail { list-style-type: none}
ul.pdt-UI_detail li { font-size: 16px; color: #6a6a71; font-family: 'Open Sans',sans-serif; margin: 0 0 ; padding: 0 0;}
.pdt-UI_summarydesc { margin: 25px 0 25px 0; color: #2C6DB7; font-size: 14px}
.UI_bookingprice { text-align: center}
.pdt_primarysidebar-summary { float: left; width: 430px; margin: 0 0 10px 0 }
.pdt-UI_pricewrapper { background: url(../images/pdt-pricewrapper.png) no-repeat; width: 158px; height: 72px; padding: 12px 0 0 8px; float: right ; margin:5px 0 0;}
.pdt-UI_pricewrapper .aPartirDe { color: #fff; font-size: 11px}
.pdt-UI_pricewrapper .aPartirDe2 { color: #fff; font-size: 7px}
.pdt-UI_pricewrapper .aPartirDe3 { color: #fff; font-size: 14px}
.pdt-UI_pricewrapper .parPersone { color: #fff; font-size: 10px; }
.pdt-UI_pricewrapper .price { display: block; font-size: 44px; margin: 4px 0 0 0; color: #fff; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: normal}
.pdt-UI_pricewrapper .price2 { display: block; font-size: 34px; margin: 4px 0 0 0; color: #fff; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: normal}
.pdt-UI_pricewrapper .TTC { color: #fff;}
.pdt-UI_pricewrapper2 { background: url(../images/pdt-pricewrapper-total.png) no-repeat; width: 158px; height: 72px; padding: 12px 0 0 8px; float: right ; margin:5px 0 0;}
.pdt-UI_pricewrapper2 .aPartirDe { color: #fff; font-size: 11px}
.pdt-UI_pricewrapper2 .aPartirDe2 { color: #fff; font-size: 14px}
.pdt-UI_pricewrapper2 .price { display: block; font-size: 20px; margin: 4px 0 0 0; color: #fff; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: normal}
.pdt-UI_mediaWrapper { margin: 0 0 20px 0}
.pdt-UI_tab_desc_loop {  padding: 20px 20px 0; margin: 0 0 0px 0}
.pdt-UI_tab_desc_loop h3 { color: #5b5b5b; font-size: 18px; font-weight: normal; margin: 0 0 8px 0}
.pdt-UI_tab_desc_loop .pdt-UI_tab_desc_loop-content { font-size: 12px; color: #5b5b5b}
.pdt-UI_tab_desc_loop p { margin: 8px 0 0 0; font-size: 12px; color: #5b5b5b}
.pdt-UI_tab_desc_loop ul { margin: 0 0 0 20px}
.pdt-UI_tab_desc_loop ul li { font-size: 12px;}
.pdt-UI_bookingbtnWrapper { text-align: right; padding: 20px 20px 10px }

.pdt_secondarysidebar-summary { padding: 10px 8px; width: 333px; margin: 0 auto}
.summary_prodname { border-bottom:1px solid #5A7596;
color:#FFFFFF;
display:block;
font-family:'Open Sans',sans-serif;
font-size:22px;
line-height:27px;
margin:0 0 6px;
padding:10px 0;}
ul.secondarysidebarsummary { list-style-type: none; margin: 0 0 25px 0}
ul.secondarysidebarsummary  li { font-size: 14px; color: #98bce5; font-family: 'Open Sans',sans-serif;}
.summary_prodnamedesc ,  .summary_prodnamedesc  p { margin: 10px 0 0 0; color: #FFF; font-family: 'Open Sans',sans-serif; font-size: 11px; text-align: justify}
.summary_prodnamedesc2 ,  .summary_prodnamedesc  p { margin: 10px 0 0 0; color: #98B#FFFCE5; font-family: 'Open Sans',sans-serif; font-size: 10px; text-align: justify}
.summary_prodnamedesc3 ,  .summary_prodnamedesc  p { margin: 10px 0 0 0; color: #98BCE5; font-family: 'Open Sans',sans-serif; font-size: 10px; text-align: justify; text-decoration: underline;}

.summary_UI_bookingbtn { margin: 30px 0 30px 0; text-align: right; color: #95b9e2; font-size: 11px; font-family: 'Open Sans',sans-serif; font-weight: 200 }

.UI_secondarysidebar-UI_priceinfowrapper2 { margin: 0 0 20px 0}
.UI_priceinfowrapper2-top { background: url(../images/pdt-UI_priceinfo2_top.png) no-repeat; width: 333px; height: 8px;}
.UI_priceinfowrapper2-bg { background: url(../images/pdt-UI_priceinfo2_bg.png) #a2f1f6 repeat-x; width: 317px; padding: 8px;}
.UI_priceinfowrapper2-title { font-size: 26px; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: normal; color: #01666e; margin: 0 0 7px 0; display: block}
.UI_priceinfowrapper2-bg ul { list-style-type: disc !important; margin: 0 0 0 20px}
.UI_priceinfowrapper2-bg ul li { color: #01666e; margin: 4px 0 0 0;}
.UI_priceinfowrapper2-bottom { background: url(../images/pdt-UI_priceinfo2_bottom.png) no-repeat; width: 333px; height: 8px;}

.UI_secondarysidebar-UI_priceinfowrapper { margin: 0 0 20px 0}
.UI_priceinfowrapper-top { background: url(../images/pdt-UI_priceinfo_top.png) no-repeat; width: 333px; height: 8px;}
.UI_priceinfowrapper-bg { background: url(../images/pdt-UI_priceinfo_bg.png) #a2f1f6 repeat-x; width: 317px; padding: 8px;}
.UI_priceinfowrapper-title { font-size: 26px; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: normal; color: #01666e; margin: 0 0 7px 0; display: block}
.UI_priceinfowrapper-bg ul { list-style-type: disc !important; margin: 0 0 0 20px}
.UI_priceinfowrapper-bg ul li { color: #01666e; margin: 4px 0 0 0;}
.UI_priceinfowrapper-bottom { background: url(../images/pdt-UI_priceinfo_bottom.png) no-repeat; width: 333px; height: 8px;}

.pdt-btn_booking { background: url(../images/pdt-btn_booking-bg.png) no-repeat; width: 170px; height: 35px; padding: 2px 0; display: block; float:left; text-align: center; text-transform: uppercase }
.pdt-btn_booking2 { background: url(../images/pdt-btn_booking-bg.png) no-repeat; width: 170px; height: 35px; padding: 2px 0; display: block; float:left; text-align: center;text-transform: uppercase; line-height: 0.9; }
.pdt-btn_booking3 { background: url(../images/pdt-btn_booking-bg.png) no-repeat; width: 170px; height: 35px; padding: 2px 0; display: block; float:left; text-align: center; text-transform: uppercase }

.pdt-btn_booking a { color: #FFF; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: normal; font-size: 24px; text-decoration: none}
.pdt-btn_booking2 a { color: #FFF; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: normal; font-size: 20px; text-decoration: none}
.pdt-btn_booking3 a { color: #FFF; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: normal; font-size: 22px; text-decoration: none}

/* Dessiner un rond pour y écrire un comptage type iphone app */

b.cercle {
  display: block;
  width: 20px;
  height: 20px;
  margin: -18px auto;
  margin-left: 157px;
  background-color: #ED1918;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400; 
	font-size: 15px; 
	color: #FFFFFF; 
  border-radius: 50%;
}