/* ancre 1 - slider */
.slider_ficheproduit{
	float:left;
	width:100%;
	height:482px;
	position:relative;
}
.active_slide_fiche{
	float:left;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
}
.bottom_videos_youtube{
	position:absolute;
	left:20px;
	bottom:45px;
	width:auto;
	height:auto;
	z-index:998;
}
.logo_compagnies_fiche{
	position: absolute;
    top: 61px;
    left: 0;
    background-color: #FFF;
    width: 140px;
    height: 72px;
    text-align: right;
    z-index:999;
    padding: 10px 15px 10px 15px;
}
.arrow_slider_fiche{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 68px;
    width: 60px;
    z-index: 999;
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9c47d+0,d8a039+69,d59b2c+94,ad8119+97&0.8+0,0.8+100 */
     background: -moz-linear-gradient(top, rgba(233,196,125,0.8) 0%, rgba(216,160,57,0.8) 69%, rgba(213,155,44,0.8) 94%, rgba(173,129,25,0.8) 97%, rgba(173,129,25,0.8) 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(233,196,125,0.8) 0%,rgba(216,160,57,0.8) 69%,rgba(213,155,44,0.8) 94%,rgba(173,129,25,0.8) 97%,rgba(173,129,25,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(233,196,125,0.8) 0%,rgba(216,160,57,0.8) 69%,rgba(213,155,44,0.8) 94%,rgba(173,129,25,0.8) 97%,rgba(173,129,25,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cce9c47d', endColorstr='#ccad8119',GradientType=0 ); /* IE6-9 */
}
.avantage_slider{
	position:absolute;
	z-index:990;
	bottom:0;
	right:0;
	height:85px;
	width:auto;
	max-width:55%;
	padding:26px 46px 0px 32px;
	background-image:url('../../images/marqueur_violet_reverse.png');
	background-repeat:no-repeat;
	background-position:left bottom;
	color:#FFF;
}
.separator_avantage{
	float:left;
	width:1px;
	height:30px;
	margin-top:4px;
	background-color:red;
}
.name_avatange{
	float:left;
	width:auto;
	font-weight:600;
	padding-left:15px;
	padding-right:15px;
	height:26px;
	font-size:13px;
	margin-top:8px;
}

/* option */
.bouton_opt_slider{
     float:left;
     margin-left:10px;
     cursor:pointer;
     height: 40px;
     width: 150px;
     color: #FFF;
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     border-radius: 4px;
     background: rgb(233,196,125);
     background: -moz-linear-gradient(top, rgba(233,196,125,1) 0%, rgba(216,160,57,1) 69%, rgba(213,155,44,1) 94%, rgba(173,129,25,1) 97%);
     background: -webkit-linear-gradient(top, rgba(233,196,125,1) 0%,rgba(216,160,57,1) 69%,rgba(213,155,44,1) 94%,rgba(173,129,25,1) 97%);
     background: linear-gradient(to bottom, rgba(233,196,125,1) 0%,rgba(216,160,57,1) 69%,rgba(213,155,44,1) 94%,rgba(173,129,25,1) 97%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9c47d', endColorstr='#ad8119',GradientType=0 );
}
.case_price_slider{
     position:absolute;
     bottom:0;
     right:0;
     width:200px;
     height:60px;
     display:flex;
     flex-direction:column;
     justify-content:center;
     text-align:center;
     color:#FFF;
     z-index:1000;
     background-color:#c20e45;
}
.line-my-booking-day-plane-ficheproduit{
	float:left;
	width:100%;
	border-bottom: solid 1px #CCC;
}
.contener-scroller-day-option-ficheproduit{
  float:left;
  width:100%;
  height:100px;
  max-height:150px;
  overflow-y:scroll;
  overflow-x:hidden;
  background-color:#FFF;
  border: solid 1px #e1e1e2;
}
.check-class-options-ficheproduit{
  float:left;
  width:20%;
  height:40px;
  display: flex;
  padding-top:7px;
  justify-content: center;
}
.mon-option-check-form-ficheproduit{
  float:left;
  width:60%;
  font-size:11px;
  height:40px;
  border-left:0px;
  font-weight:600;
  border-right:0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.card-active{
  border:solid 1px #CCC;
  float:left;
  width:100%;
  height:auto;
}
.mon-option-card-form-ficheproduit{
  float:left;
  width:100%;
  font-size:11px;
  height:40px;
  border-left:0px;
  font-weight:600;
  /*border-right: solid 1px #f3f3f3;*/

  border-top: solid 1px #f3f3f3;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.checkbox-form-style-for-ficheproduit{
  margin-left:auto;
  margin-right:auto;
  width:15px;
  height:15px;
}
/* option */

/* End ancre 1 */


/* ancre 2 */
.title_page_tdm{
     float:left;
     width:100%;
     height:auto;
     font-weight:600;
     margin-top:50px;
     color:#202045;
     font-size:24px;
     text-align:center;
}
.name_avantage{
	float:left;
	width:calc(100% - 80px);
	height:auto;
}
.contener_fiche{
     float:left;
     width:100%;
     height:auto;
     padding-left:50px;
     padding-right:50px;
     color:#2b2b4e;
}
.onglet_avantage_tdm{
     float:left;
     width:200px;
     height:40px;
     color:#FFF;
     text-align:center;
     display: flex;
     border-radius: 0px 5px 0px 0px;
     flex-direction: column;
     justify-content: center;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9c47d+0,d8a039+69,d59b2c+94,ad8119+97 */
     background: rgb(233,196,125); /* Old browsers */
     background: -moz-linear-gradient(top, rgba(233,196,125,1) 0%, rgba(216,160,57,1) 69%, rgba(213,155,44,1) 94%, rgba(173,129,25,1) 97%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(233,196,125,1) 0%,rgba(216,160,57,1) 69%,rgba(213,155,44,1) 94%,rgba(173,129,25,1) 97%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(233,196,125,1) 0%,rgba(216,160,57,1) 69%,rgba(213,155,44,1) 94%,rgba(173,129,25,1) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9c47d', endColorstr='#ad8119',GradientType=0 ); /* IE6-9 */
}
.avantage_bloc_tdm{
     float:left;
     width:100%;
     height:auto;
     padding:18px;
     border:solid 1px #ffbf5b;
     margin-bottom:40px;
}
.line_avantage{
     float:left;
     width:20px;
     height:20px;
     display: flex;
     text-align:center;
     flex-direction: column;
     justify-content: center;
     background: -webkit-linear-gradient(#daa339, #daa339);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* ancre 2 */

/* ancre 3 */
/* ancre 3 */

/* ancre 4 */
.contener_slider{
     float:left;
     width:100%;
     height:270px;
     position:relative;
     margin-bottom:50px;
}
.day_show{
     position:absolute;
     top:0px;
     left:10px;
     width:60px;
     z-index:1000;
     height:60px;
     border-radius:50%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2c061+0,d8a036+50,f2c061+100 */
	background: rgb(242,192,97); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(242,192,97,1) 0%, rgba(216,160,54,1) 50%, rgba(242,192,97,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(242,192,97,1) 0%,rgba(216,160,54,1) 50%,rgba(242,192,97,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(242,192,97,1) 0%,rgba(216,160,54,1) 50%,rgba(242,192,97,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c061', endColorstr='#f2c061',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
     display: flex;
     text-align:center;
     flex-direction: column;
     justify-content: center;
     color:#FFF;
     font-size:14px;
}
.slidejours{
     float:left;
     width:100%;
     height:100%;
}
.slidejoursIti{
     float:left;
     width:100%;
     height:100%;
	position:relative;
	padding-top:15px;
}
.cadre_photo_tdm{
     float:left;
     width:45%;
     position:relative;
     height:100%;
     background-repeat:no-repeat;
     background-position:center;
     background-size:cover;
}
.heure_tdm{
     position:absolute;
     bottom:10px;
     left:0;
     height:auto;
     width:100%;
}
.affiche_heure{
     margin-left:auto;
     margin-right:auto;
     width:80%;
     height:40px;
     color:#2b2b4e;
     background-color:rgba(255, 255, 255, 0.85);
}
.heure_DepAr{
     float:left;
     height:100%;
     width:50%;
     color:#2b2b4e;
     font-weight:600;
     display: flex;
     text-align:center;
     flex-direction: column;
	border-right:solid 2px #FFF;
     justify-content: center;

}
.heure{
    float:left;
    height:100%;
    width:100%;
    color:#2b2b4e;
    font-weight:600;
    display: flex;
    text-align:center;
    flex-direction: column;
    justify-content: center;
}
.cadre_description{
     float:left;
     width:55%;
     padding:20px;
     height:100%;
     background-color:#f8f8f8;
}
.header_description_slide{
     float:left;
     width:100%;
     height:40px;
     font-weight:600;
     color:#2b2b4e;
}
.separator_jour_tdm{
     float:left;
     width:100%;
     height:1Px;
     margin-top:5px;
     margin-bottom:20px;
     background-color:#dead4f;
}
.description_text_tdm{
     float:left;
     width:100%;
     height:120px;
     overflow-y:scroll;
}
.style_select_tdm, .style_select_tdm2{
	background-color:#f8f8f8;
	border: solid 1px !important;
	border-radius:0px !important;
	border-color:#c2c2c2 !important;
	background-repeat:no-repeat;
	background-image:url('../../../images/arrow_select.png');
	background-position: right;
	background-size: 23px 23px;
	width:120px;
	height:23px;
	text-align:center;
}
.style_select_tdm2{
	background-size: 30px 30px;
	height:30px;
	width:100%;
}
.style_select_tdm select, .style_select_tdm2 select {
	background: transparent;
	-webkit-appearance:none;
	-webkit-border-radius:20px;
	border: none;
	font-size: 12px;
	height: auto;
	text-align:center;
	padding-left:10px;
	padding-right:23px;
	outline:none;
	width:100%;
}
.style_select_tdm2 select {
	height:30px;
}
.name_escale_tdm{
     float:left;
     width:40%;
     height:40px;
     line-height:40px;
}
.meteo_slide_tdm{
     float:right;
     width:auto;
     height:40px;
     line-height:40px;
	size:12px;
}
.meteoInfo_fiche{
	float:left;
	width:135px;
	text-align:right;
	height:100%;
}
/* ancre 4 */

/* ancre 5 */
.avantage_desavantage, .avantage_desavantage2{
     float:left;
     width:50%;
     height:auto;
     border:solid 1px #dead4f;
     background-color:#f8f8f8;
}
.avantage_desavantage2{
	width:100%;
}
.prix_comprend_case{
     float:left;
     width:100%;
     height:40px;
     display: flex;
     text-align:center;
     flex-direction: column;
     justify-content: center;
     background-color:#2b2b4e;
     color:#dead4f;
}
.description_comprends{
     float:left;
     width:100%;
     height:auto;
     color:#2b2b4e;
     padding:30px;
}
.description_comprends2{
    float: left;
    width: 50%;
    height: auto;
    color: #2b2b4e;
    border: solid 1px #dead4f;
    padding: 30px;
}
.icon_comprend {
    float: left;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 15px;
}
.text_comprend {
    float: left;
    width: calc(100% - 25px);
    height: auto;
    padding-left: 5px;
}
/* ancre 5 */

/* ancre 6 */
.navire_slider{
	float:left;
	width:100%;
	height:100%;
}
#cabine_render{
	float:left;
	width:100%;
	height:auto;
}
.content_slider{
	float:left;
	width:100%;
	height:275px;
}
.title_cabine {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 18px;
    color: #202045;
    padding-bottom:5px;
    border-bottom:solid 2px #d69c30;
}
.icone_boat{
	float:left;
	width:50px;
	height:51px;
}
.title_boat{
	float:left;
	width:calc(100% - 80px);
	height:51px;
	line-height:60px;
	margin-left:15px;
}
.left_arrow_cabine {
    height: 35px;
    width: 35px;
    position: absolute;
    left: -17.5px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #dead4f;
    text-align: center;
    color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 999;
    cursor: pointer;
}
.right_arrow_cabine{
	height: 35px;
	width: 35px;
	position: absolute;
	right: -17.5px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #dead4f;
	text-align: center;
	color: #FFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 999;
	cursor: pointer;
}
.img_navire_slide {
    height: 275px;
    background-position: center;
    background-size: cover;
}
/* ancre 6 */


/* ancre 7 */
.conteneur_expert{
	float:left;
	width:100%;
	min-height:150px;
	height:auto;
	background-color:#f8f8f8;
	padding:30px 30px 30px 30px;
	position:relative;
	margin-top:20px;
	margin-bottom:40px;
}
.avatar-aventure-expert-temoignage-ficheproduit {
    float: left;
    margin-left: 10px;
    margin-top:15px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: none;
    background-position: center;
    background-size: cover;
    background-repeat:no-repeat;
}
.text-contener-presentation-expert-ficheproduit {
    float: left;
    width:calc(100% - 120px);
    margin-left:20px;
    height: auto;
}
.title_expert_tdm{
	float:left;
	width:100%;
	height:30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color:#2b2b4e;
	font-weight:600;
	border-bottom:solid 2px #dead4f;
	margin-bottom:20px;
}
.signature_expert{
	float:left;
	width:100%;
	height:40px;
	text-align:right;
	margin-top:20px;
}
.name_expert_com{
	color:#c20e45;
}
/* ancre 7 */

/* ancre 8 */
.blue_case{
     float:left;
     width:100%;
     height:60px;
     display: flex;
     text-align:center;
     flex-direction: column;
     justify-content: center;
     background-color:#2b2b4e;
     color:#dead4f;
}
.title_equipement{
    float: left;
    width: calc(100% - 25px);
    height: auto;
    color:#c20e45;
    padding-left: 5px;
}
/* ancre 8 */

/* ancre 9 */
.bg_white_f{
    background-color:#FFF!important;
    padding-left:10px!important;
}
.input_type_fiche{
    background-color:#FFF!important;
    padding-left:10px!important;
    height:40px;
}
.description_fiche{
    float:left;
    width:100%;
    height:auto;
    position:relative;
    background-color:#FFF;
    padding: 40px 5% 0px 5%;
}
.title_fiche{
    float:left;
    width:70%;
    height:auto;
}
.fiche_price{
    float:left;
    width:30%;
    text-align:right;
    height:50px;
    line-height:50px;
    color:red;
    font-size:18px;
}
.left_devis_fiche{
    height:auto;
    padding: 20px 20px 60px 20px!important;
    background-color:#F4F4FA;
}
.right_devis_fiche{
    height:auto;
    padding: 20px 10px 10px 20px!important;
    background-color:#F4F4FA;
}
.red_circle_fiche_title{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    background-color:#fb6150;
    text-align:center;
    color:#FFF;
    display:flex;
    flex-direction:column;
    justify-content: center;
    font-size:14px;
}
.title_todo_devis_fiche{
    float:left;
    width:auto;
    height:20px;
    line-height:30px;
    color:#362d86;
    font-size:14px;
    font-weight:600;
    padding-left:15px;
}
.mois_depart_fiche{
    float:left;
    width:130px;
    height:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    color:#FFF;
    background-color:#222246;
}
.meilleur_tarif_fiche{
    float:right;
    width:auto;
    height:12px;
    size:11px;
    margin-top:18px;
}

#render_cabine{
    float:left;
    width:100%;
    height:auto;
    position:relative;
}
.left_rang_cabine_devis{
    float:left;
    width:200px;
    height:auto;
    position:relative;
    border-bottom: solid 0.5px #212247;
}
.photo_type_cabine{
    float:left;
    width:100%;
    height:auto;
    position:relative;
}
.libelle_devis_date {
    float: left;
    width: 100%;
    height: 40px;
    background-color: #212146;
    color: #dead4f;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.photo_type_cabine{
    float:left;
    width:100%;
    height:auto;
    background-color:#FFF;
}

.contener_photo_cabine {
    float: left;
    width: 100%;
    height: 135px;
}
.maphoto_cabine{
    float:left;
    width:100%;
    height:100%;
    background-position:center;
    background-size:cover;
    position:relative;
}
.open_it_cabine{
    position:absolute;
    right:0px;
    top:0px;
    background-color:#fb6150c2;
    height:25px;
    width:25px;
    color:#FFF;
    cursor:pointer;
    text-align:center;
    padding-top:4px;
}
.nom_cabine {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    color: #FFF;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #212247;
}

#mydate_libelle{
    float:left;
    height:auto;
    width:calc(100% - 200px);
    position:relative;
    overflow:hidden;
    border-right: solid 0.5px #dead4f;
}
.affichage_date_fiche{
    float:left;
    height:auto;
    max-height:600px;
    width:100%;
    position:relative;
    border-bottom: solid 0.5px #dead4f;
    border-right: solid 0.5px #dead4f;
}
.colonne_devisFiche{
    /*float:left;
    width:calc(100% / 5);
    height:auto;*/
    position:relative;
    background-color:#FFF;
}
.date_prev{
    float:left;
    width:auto;
    height:auto;
    cursor:pointer;
    color: #222246;
}
.date_next{
    float:right;
    width:auto;
    height:auto;
    cursor:pointer;
    color: #222246;
}
.case_date_container {
    float: left;
    width: 100%;
    height: 135px;
    text-align: center;
    border: solid 0.5px #dead4f;
    cursor: pointer;
}
.case_date {
    float: left;
    width: 100%;
    height: 100%;
    padding: 10px 15px 10px 15px;
    text-align: center;
    background-color: #f8f8f8;
}
.case_complet{
    float:left;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    flex-direction: column;
    text-align:center;
    font-weight:600;
    color:#362d86;
    cursor:initial;
}
.case_price{
    float: left;
    width: 100%;
    height: 100%;
    color: #c20e45;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* End ancre 9 */
#Es_vue_cabine{
    float:left;
    width:100%;
    height:150px;
    overflow-y:scroll;
}

/* metro skill */
.box_temp{
    float:left;
    width:100px;
    height:auto;
    position:relative;
}
.arrow_metro{
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    z-index:900;
    font-size:11px;
    width:35px;
    height:16px;
}
.text_jourMetro{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    color:#daa43a;
    background-color:#FFF;
    z-index:900;
    font-size:11px;
    width:35px;
    height:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
}
.nameIti_metro{
    float:left;
    width:100%;
    height:45px;
    text-align:center;
    font-size:10px;
    color:#24222f;
    background-color: #FFF;
    white-space: normal;
}
.line_SpaceIti_metro{
    float:left;
    width:100%;
    height:38px;
    text-align:center;
}
.window_metro{
    height:196px;
    background:url('../../../images/fiche_produit/arrow_yellow_metro.png') no-repeat right top 50%;
}
.circle_metro{
    float:left;
    width:30px;
    height:30px;
    border-radius:50%;
    background-color:#FFF;
    border: solid 1px #daa43a;
    color:#24222f;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    cursor:pointer;
}
.circle_metro:hover{
    background-color:#daa43a;
    color:#FFF;
}
.Bgactive_metro{
    background-color:#daa43a;
    color:#FFF;
}
.mintimeline_metro{
    float:left;
    width:calc(50% - 15px);
    height:3px;
    background-color:#daa43a;
    margin-top:14px;
}
.timeline_metro{
    float:left;
    width:calc(100% - 65px);
    height:5px;
    background-color:#daa43a;
    margin-top:14px;
}
/* metro skill */