:root {
--cassiopeia-color-primary: #181212;
--cassiopeia-color-link: var(--primary-color);
--primary: var(--primary-color);
--cassiopeia-color-hover: var(--hover-color);
--body-color: #555555;
}

/* -- Je fais sauter le css grid du template pour pouvoir coller l'ancien css à la place... à revoir quand on aura le temps -- */
.site-grid {display: block;}
.row {margin-bottom:0; --gutter-x: 0!important;}
.row [class*="col"] {margin-left: 2.127659574%; }
.row [class*="col"]:first-child {margin-left:0!important;}

/* -- Je fixe la largeur des containers modules de la mm largeur que les div inner pour pas que ça étire trop sur écrans très larges --*/
.container-top-a, .container-top-b, .container-bottom-a, .container-bottom-b, .container-footer, .container-newsletter, .container-copyright, .container-component {max-width:1250px !important; width: 100% !important; margin:auto;}
.container-banner {margin:0 !important;}

/* -- Background et typo -- */
html {  height: 101%;}

body { margin: 0; padding: 0; position: relative; background-color: #f7f7f7; color: #555555;	text-align: left;	line-height: 1.7;	font-size: 16px;font-family: 'Open Sans', sans-serif;	font-weight:400; height: auto;}

body.contentpane {  background: #fff;}
* { padding: 0;    margin: 0;}

h1, h2, h3, h4, h5, h6, div.contentheading, .componentheading {  padding: 3px 0;  margin: 0;  font-style: normal;  font-weight: normal; text-align: left;}
h1, div.componentheading {font-family: 'Poppins', sans-serif; font-size: 32px;  font-weight: 600; padding: 30px 0; text-align: left;}
h1 a, h2 a {	color: #000;}
h2, div.contentheading, .t2 {font-size: 25px; font-family: 'Poppins', sans-serif; font-weight:600;     padding: 10px 0;}
.tagt2 {
    font-family: 'Satisfy', cursive;
    color: var(--hover-color)!important;
    font-size: 35px!important;
}
h3, .t3 {	line-height: 1.7rem;  	font-size: 120%;	font-family: 'Open Sans', sans-serif; font-weight:600; padding: 10px 0;}
.t4 {font-weight: 600;}
ul, ol {  padding: .75em 0 .75em 0;  margin: 0 0 0 35px;}
ul.menu {	margin: 0;	padding: 0;}
ul.menu li {    list-style: none;}
ul.menu_usermenu li {	float: left;    list-style-type: disc;    margin: 0 20px 5px 0;}
address {  margin: .75em 0;  font-style: normal;}
a {	color: var(--primary-color);	text-decoration: none;	line-height: 20px;}
a:hover {	color: var(--hover-color);	text-decoration: none;}
a:focus {    color: var(--hover-color);	outline: none;}
a:not([class]){text-decoration: none;}
img {  border: none;}
em {  font-style: italic;}
strong {  font-weight: 600;}
.clr {	clear : both;}
.column.column2 {    width: 35%;}
.column.center {    width: 65%;}
.noright .column.center {   width: 100%;}
.flexiblemodule, .column {    float: left;}
.well {padding:15px !important; background:#fff; margin-bottom:15px; border:1px solid #ddd;}
.blockquote {padding: 0 0 0 15px; margin: 0 0 18px; border-left: 5px solid #eee; font-size:unset;}
.small {font-size:0.8rem;}
.legend {font-weight: 600; border-bottom: 5px solid var(--primary-color); margin-bottom:15px; padding-bottom: 5px;}
.input-block-level {width:100%;}
.alert-info {background-color: #cfe2ff;}
ul.actions {	margin: 0;}
ul.actions li a {	text-decoration: none;}
.icon-eye-open:before {color: red; content: "\f069";}

/** Tableaux **/
.table th {font-weight:600;}

/*-- BTN --*/
.button, button, button.btn, input.btn, :not(.btn-group) > .btn, .btn-group > .btn.active {line-height:25px;border-radius:0;transition: all 300ms ease-in;}
.input-append input, .input-append select, .input-append .uneditable-input, .input-append .dropdown-menu, .input-append .popover, .input-prepend input, .input-prepend select, .input-prepend .uneditable-input, .input-prepend .dropdown-menu, .input-prepend .popover {font-size: 13px;}
.btn {color: #fff; --btn-font-size: 1rem; border:none;}
.btn, .btn-primary {background: var(--primary-color);}
.btn-black {background:#555555;}
.btn-white {background:#fff; color:#001B4C; border:1px solid #001B4C;}
.btn:hover, .btn:active, .btn:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {background-color: var(--hover-color); color:#fff;}
.btn-block {display:block; width:100%;}
.btn-lg {font-size: 1rem; padding: 1rem 2.5rem;}
.btn-sm {font-size: 1rem; padding:.25rem 1rem;}
.btn-group, .btn-group label {border-radius:0;}

/* -- FORMULAIRES -- */
form, fieldset {  margin: 0;  padding: 0;  border: none;}
input, button {vertical-align: middle;}
select {width:100% !important; background-color:var(--primary-color) !important; border: 1px solid #ccc !important; border-radius: 0 !important;}

option {padding: 2px 5px; background-image:none !important; cursor:pointer !important;}

input, .chosen-single {border-radius: 0 !important;}
input[type="radio"], input[type="checkbox"] {border: 2px solid #555;}

.chosen-container .chosen-results li:hover, .chosen-container .chosen-results li:focus, select option:hover, select option:focus {background-color:var(--primary-color) !important; color:#FFF !important;}
.chosen-container .chosen-results li.highlighted {background:var(--primary-color) !important; color:#FFF;}
.chosen-container .chosen-results .result-selected, .chosen-container .search-choice, select option:checked, select option:active {background-color:var(--hover-color) !important; color:#FFF !important;}
.chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {top:2px;}

.plg-date input {cursor: pointer;}

.calendar .button {padding:10px !important; font-size:12px; background: #f2f2f2;}
.calendar .button:hover {cursor:pointer;}
.calendar thead tr .button:first-child, .calendar thead tr.headrow .button:last-child {display:none;}
.calendar thead tr td:hover {border:none !important;}
.calendar thead .title {background:var(--primary-color) !important; color:#FFF !important; font-size:13px !important;}
.calendar .button.nav {font-size:11px; font-weight:bold; padding:15px 5px !important;}
.calendar .headrow .button:nth-child(2) div::after {content: " mois prec.";}
.calendar .headrow .button:nth-child(4) div::before {content: "mois suiv. ";}
.calendar tbody .day {padding:10px 15px 10px 10px !important; background:#fff !important; border:1px solid #ccc;}
.calendar tbody .day:hover {cursor:pointer;}
.calendar tbody .rowhilite td {background:#fff !important; color:#000 !important;}
.calendar tbody td.hilite {background:var(--primary-color) !important; color:#FFF !important;}
.calendar tbody td.selected {background:var(--hover-color) !important; color:#FFF !important;}
.calendar tfoot .ttip {display:none;}

.chosen-container.chosen-container-single .chosen-single {background:var(--primary-color) url("../images/select-bg.svg") right 0 center no-repeat;}
.fabrikForm {box-sizing:border-box;}
textarea, ul.chosen-choices {border: var(--border-width) solid #ced4da !important; padding: .6rem 1rem !important; color:var(--body-color) !important; background:#fff !important;}
.chosen-container .chosen-results li {padding: 6px 15px !important; font-size: 1rem;}

/* -- FORMULAIRES FRONT -- */
.btn-toolbar {display: block; text-align: center;}
select {background-color: #fff !important;}
.form-check:hover {cursor:pointer;}
.form-actions .btn {font-size: 1rem; padding: 1rem 2.5rem;}
.row .fabrikElement {margin-left:0 !important;}
.readonly {background-color: #fff !important; border:none !important; background-image: none !important; pointer-events:none; cursor: default;}

/* -- FORMULAIRE SUR MESURE -- */
#form-user-front #fk_demandes___destinations .row {display: block;}
#form-user-front #fk_demandes___destinations .form-check {display: inline-block; margin-bottom: 15px; padding: 5px 0; position: relative; margin-left: 0; text-align: center; max-width: 220px; vertical-align: top; margin-right: 15px;}
#form-user-front #fk_demandes___destinations .form-check .form-check-input {margin-top: 5px; margin:auto; float:none;}
#form-user-front #fk_demandes___destinations .option-img {margin:10px 0 10px 0;}
#form-user-front #fk_demandes___destinations .option-link {display: block; clear: both; text-align: center;}

/* FORMULAIRE VOYAGE */
#form-user-front #group135 .fb_el_fk_demandes___voyage_img {float:left; margin-right:15px;}
#form-user-front #group135 #fk_demandes___voyage_calc {font-weight:600;}
#form-user-front #group135 .fabrikinput {padding:0;}

/* FORMLAIRE DEVIS */
#form-devis-front h2.legend {margin-top:2rem;}
#form-devis-front h2.legend:first-of-type {margin-top:0;}
#form-devis-front .readonly {background-color: #fff !important; border:none !important; background-image: none !important; pointer-events:none; cursor: default;}

#etapes-resa {font-weight: 600; margin: 3rem 0; text-align:center;}
#etapes-resa .btn-etapes-resa {padding:10px 20px; border: 1px solid var(--primary-color);}
#etapes-resa .etape-selected {color: #fff;}
#etapes-resa .chevron-etapes {font-size: 1.8em; color: var(--primary-color);}

#form-devis-front .fabrikRepeatGroup___devis_produits___designation_texte label {display: none !important;}
#form-devis-front #fk_devis___formule_assurance .row, #group579, #group453 {padding: 15px !important; background: #fff; margin-bottom: 15px; border: 1px solid #ddd;}
#form-devis-front #group369 #fk_devis___formule_assurance .row:last-of-type {margin-bottom:0;}
#form-devis-front .fb_el_fk_devis___formule_assurance {margin-bottom:0 !important;}

#form-devis-front #group368 .product-title {margin: 0 0 15px 0; padding:0; font-size:1.2rem; font-weight:600;}
#form-devis-front #group368 .form-control-plaintext {padding:0;}

#form-devis-front #group369 #fk_devis___formule_assurance .row {margin-bottom: 30px;}
#form-devis-front #group369 input {margin-top: 0.5em; border: 2px solid #555;}
#form-devis-front #group369 .assurance-title {font-size:1.2rem; font-weight:600;}
#form-devis-front #group369 .assurance-link {margin-top: 15px;}

#group375 .fabrikGroupRepeater {display:none;}
#group375 .fabrikSubGroup .rpt-gp-intro {font-size: 1.2rem; font-weight: 600;}

#col-right-scroll {margin-top:2rem; top: 15px; padding: 0 15px !important; background: #fff; margin-bottom: 15px; border: 1px solid #ddd;}
#col-right-devis .row, #col-right-paiement .row {border-bottom: 1px solid #ccc !important; padding: 8px 5px; box-sizing: border-box;}
#col-right-devis #devis-front-total {background-color: #181212; color:#FFF; font-weight:600;}
#col-right-devis #devis-front-acompte {border-bottom: none !important; font-weight:600;}

/** LISTE DOCUMENTS VOYAGE **/
#liste-documents .fabrik_groupheading {margin-bottom: 15px; font-size: 1.2rem; font-weight:600; color:#555; border-bottom: 5px solid var(--primary-color);}
#liste-documents .fabrik_groupdata {margin-bottom: 3rem;}
#liste-documents .groupTitle, #liste-documents .icon-arrow-down {background:none;}
#liste-documents .title-document {font-weight:600;}

/*-- TOP et FOOTER --*/
.header {background-color:#FFFFFF !important; background-image:none; border-bottom: 5px solid var(--primary-color) !important;}
.container-header .navbar-brand {padding:0;}
#bannertop {background-color:#FFFFFF !important; }
#bannertop .brand-logo img {width:250px;}
#bannertop a, .container-topbar {color: #555555;}
#main-menu {padding:.5em 0 0 0;}
.img-circle {border-radius: 50%;}
.logo-nl {float: left; margin: 10px 15px 10px 0;}
.footer {background-color: #181212 !important; background-image:none; --gutter-x: 0;}
#footer h3, #contact-bottom h3, .footer-titre {color: #fff; text-transform: uppercase; text-align: left; font-size: 18px; margin: 20px 0 10px; font-weight: 600;}
.footer a:not(.btn), .footer .btn-link {color: var(--primary-color);}
.footer a:not(.btn):hover, .footer a:not(.btn):focus {	color: var(--hover-color);	text-decoration: none;}
.container-footer {column-gap:2em; align-items: flex-start !important;}
.container-footer > * {flex: 1; margin: .5em 0; }

/* -- Menu principal -- */
#main-menu .mod-menu ul {margin-left:0;}
.metismenu.mod-menu li.level-1 {padding:0;}
#main-menu .mod-menu li:hover > ul, #main-menu .mod-menu li:hover > ul li {display: block;}
#main-menu .mod-menu li.level-1 a, #main-menu .mod-menu li.level-1 button {padding: .5em 1em; color: #555555!important;}
#main-menu .mod-menu li.level-1 a:hover, #main-menu .mod-menu li.level-1 button:hover, #main-menu .mod-menu li.level-1.mm-active {color: var(--hover-color)!important;}
#main-menu .mod-menu ul.mm-collapse {padding:0.5em;}
#main-menu .mod-menu li.level-2 {display:block; padding:0;}
#main-menu .mod-menu li.level-2 a {width:100%;padding: 10px;}
#main-menu .mod-menu li.level-2.active a, #main-menu .mod-menu li.level-2 a:hover {color:var(--hover-color)!important; opacity:1; text-decoration:none;}
#main-menu .offcanvas-title {font-size:1.2rem;}

/* -- Menu principal qui s'ouvre au survol -- */
/* #main-menu .mod-menu li:hover > ul {display: flex; position: absolute; top: 100%; left: 0; min-width: 250px;}
#main-menu .mod-menu li:hover > ul li, .metismenu.mod-menu .metismenu-item > ul {display: flex;} */

/* Messages systeme */
#system-message-container {margin: 30px 5%;}

/* -- Pano header -- */
.container-component > :first-child, .container-sidebar-left > :first-child, .container-sidebar-right > :first-child, .container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
	margin-top: 0;
}

/*-- Pano header accueil (sans fil ariane) -- */
.layout-accueil-voyage-featured #wrapper {	margin-top: -20px;}
.header-standard {margin: auto;    padding: 30px 0;}
.header-pano-wrapper {height:400px; min-height:400px; position:relative; overflow:hidden; margin-top:0; margin-bottom:20px;}
#details_35_6 .header-pano-wrapper { margin-top: 0px;}
#header-accueil .header-pano-title {    padding: 20px 0 10px;    position: absolute;    text-align: center;    text-shadow: 5px 2px 3px rgba(0, 0, 0, 0.2);    top: 200px;    width: 100%;    z-index: 2;}
#header-accueil .header-pano-title h1 {   font-size:70px;}
.header-pano-wrapper-video {height:500px}
.header-pano-bg {	position: absolute;	left: -1000px;	right: -1000px;	text-align: center;	height: 500px;		z-index: 1;}
.header-pano-wrapper-video .header-pano-bg {    overflow: hidden;    height: 500px;    position: relative;    left: 0;}
.header-pano-bg img {width: 100%; max-width: fit-content; min-height: 500px;}
.header-pano-trip-wrapper {    box-sizing: border-box;	position: relative;	width: 1140px;    margin: auto;	z-index: 2;	height: 475px;} 
.header-pano-opacity {position:absolute; top:0; left:0; width:100%; z-index:1; height:100%; background:#000; opacity:0.1;}
.header-pano-title {	position:absolute;	text-align:center;	top:35%;	width:100%;	text-shadow: 5px 2px 3px rgba(0, 0, 0, 0.2);  	padding: 20px 0 10px 0;      z-index: 2;}
.header-pano-title h1, .header-pano-title h2 {	color:#FFFFFF;	padding: 0 15px;	box-sizing: border-box;}
.header-pano-title h1 {	font-size: 65px;     font-weight: 600; text-align: center;}
.header-pano-title h2 {	font-size: 25px;      margin-top: 20px;  font-weight: 400;     text-align: center;}
.header-intro {	padding: 10px 0px 20px 0px;}
.header-pano-intro {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; box-sizing: border-box; height: 500px; width: 400px; color: #ffffff; float: right; padding: 20px 30px; position: relative; z-index: 2; overflow: hidden; right: 0; overflow-y: auto;}
.header-pano-intro-text {margin: 20px 0;}
.header-pano-pays { text-transform: uppercase;  font-size: 23px;    padding-bottom: 15px;    color: var(--hover-color);    font-weight: 700;  padding-top: 20px;}
/*.header-pano-opacity {    background-color: #000;    opacity: 0.3;    height: 100%;    z-index: 1;    position: absolute;    top: 0;    width: 100%;}*/


.recherche-header {
	overflow: visible !important;
    height: 75px;
    top: -95px;
	padding-top:15px;
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
}
.search-box .form-control-plaintext {padding:0;}
.search-box fieldset + fieldset {margin-top:0;}
.search-box .form-group {margin-bottom:0 !important;}

/* -- COMPOSANTS -- */
/* -- Containers -- */
.inner-accueil, .inner-form, .inner-list, .inner-detail {
	box-sizing: border-box;	
	width: 100%;
	max-width: 1250px;    
	margin: auto;
	padding: 0 30px;
} 
.container-newsletter {padding:30px !important;}
.container-newsletter .btn-newsletter {margin-top:15px;}
.container-footer, .container-copyright {padding:0 30px 30px 30px !important;}
.inner-search {
	box-sizing: border-box;	
	width: 100%;
	max-width: 1250px;    
	margin: auto;
	padding: 0 30px;
}

/* -- Accueil featured --*/
.featured-themes, .featured-articles, .featured-voyages-groupes, .featured-voyages, .featured-pays, #featured-seo, #homepage-presentation, .featured-guides, .custom_engagements, .featured-voyages h2, .featured-voyages.btn, .featured-custom {	text-align: center;}
.featured-voyages .text-featured-intro {text-align: justify;    height: 85px;    overflow: hidden;    clear: both;    padding-bottom: 15px; }
.text-featured {padding-bottom:30px;}
#featured-seo img {	margin-bottom:10px;  height:300px;}
.texte-presentation, .text-article-featured  {text-align:left;}
.featured-reviews, .featured-themes, .featured-articles, .featured-voyages-groupes, .featured-pays, #featured-seo {padding: 60px 30px; box-sizing: border-box; overflow: hidden;}.featured-voyages {box-sizing: border-box; overflow: hidden;}.featured-voyages-groupes {	padding: 30px 0 60px 0;}

#homepage-sur-mesure {	min-height: 450px; background-size: cover;}
.btn-sur-mesure {	 text-align: center; padding: 60px 0}
.btn-sur-mesure .btn {padding:20px 100px;color: #fff;background-color: var(--primary-color);}
.btn-sur-mesure .btn:hover {background-color: var(--hover-color);}
#homepage-sur-mesure h2 {   color: #fff;    text-align: center;    padding: 100px 0 20px 0;}

.featured-voyages  {padding-top: 60px;}
.reviews-summary {padding-top:60px;}
.text-featured-pays ul {    list-style-type: none;    margin: 0;}
.featured-guides .btn-black, .featured-articles .btn-black, #related-trips .btn-black {    color: #fff; border: none;font-weight: bold;text-transform: uppercase; margin-top: 30px; padding-top: 18px; padding-bottom: 18px;  display: block;  display:none;}
.moduletable_presentation .btn {margin-top: -50px;}
.featured-themes {background-color: #181212;     color: #fff;}
.featured-themes h2 {color: #fff !important;}
.featured-reviews  {  /*background-color: var(--hover-color);*/}
.reviews-average-stars .note-wrapper {  margin: auto; float: none;height: 16px; width: 80px; background: transparent url("/images/stories/rating_stars5.png") repeat-x scroll 0px 0px;}
.featured-themes h2, .featured-voyages h2, .featured-reviews h2, .featured-articles h2, .featured-voyages-groupes h2, .featured-pays h2, .featured-guides h2, #homepage-presentation h2, #featured-seo h2, .btn-sur-mesure h2, .featured-custom h2 {     font-weight: 600;  color:#555555;  font-size: 50px; text-align: center; line-height: 1.1em;}
.featured-articles {background-color: #f3f3f3; }
.moduletable_presentation {background-image: url("/images/accueil/bg-beige.gif");}
.featured-subtitle {margin-bottom:25px;   padding-top: 10px; text-align: center;}
.featured-reviews .featured-subtitle {color:#fff}
.custom_presentation .featured-subtitle {margin-bottom:0px}
.featured-reviews h2  {padding-bottom: 10px;}
.featured-guides h2  {	color: var(--hover-color);}
.featured-articles img, .featured-voyages-groupes img { /*height: 170px; */ 	margin-bottom: 5px;}
.featured-articles img {	    width: 100%;    height: auto; 	margin-bottom: 5px;}
.featured-pays img, .pays-img img, .inspirations-img img {	width: 310px;	height: 220px;	margin-bottom: 0px;  transition: transform 1s;}
.featured-themes .featured-subtitle {/*color:#fff*/}
.featured-pays img:hover, .pays-img img:hover, .inspirations-img img:hover {	 transform: scale(1.1);     transition: transform 1s;}
.inspirations-list img, .pays-list img {height:150px;	width:100%;}
.inspirations-list .well, .pays-list .well{background:none;}
.featured-themes .featured-row {	position: relative;	overflow:hidden;}
.inspirations-list .inspirations-row, .pays-list .pays-row {	position: relative;	height:150px;	overflow:hidden;	text-align: center;	background: #ccc none repeat scroll 0 0;}
.featured-pays .featured-row {	position: relative;	height:220px;	overflow:hidden;	text-align: center;}
.inspirations-list .inspirations-img, .pays-list .pays-img, .featured-pays .featured-img {	position:absolute;	width: 100%;}
.inspirations-list .inspirations-title, .featured-pays .featured-title {	position:absolute;	top:0%;	width:100%;}
.pays-list .pays-title {position: absolute; bottom: 0; text-align: center; width: 100%; background: rgba(0, 0, 0, 0.5);}
.inner-accueil .well {padding:0;}
.featured-themes .row-inspi { margin-bottom: 15px; padding:0; background-color: #181212;}
.featured-voyages img, .featured-voyages-groupes img {width: 100%;}
.featured-themes h3, .featured-voyages h3, .featured-reviews h3, .featured-voyages-groupes h3, .featured-pays h3, .featured-articles h3 {	font-size: 18px;      font-weight: 400;}
.featured-voyages-groupes h3 a, .featured-articles h3 a {	color:var(--hover-color);}
.featured-voyages-groupes h3 a:hover, .featured-articles h3 a:hover, .featured-voyages h3 a:hover {	color:var(--hover-color);}
.featured-voyages-groupes h3 {padding-bottom:5px; text-align: center; /*min-height: 40px;*/ }
.featured-voyages-duree {    font-size: 18px;    font-weight: 600;    float: left;    padding-right: 10px;    margin-top: 18px;}
.featured-voyages-prix {font-size:15px;  float: left;    padding-top: 10px;    padding-right: 20px;    margin-top: 10px;font-weight: 600;}
.featured-voyages .well { padding-bottom: 10px!important;    margin-bottom: 30px;}
.img-featured {position:relative;overflow: hidden;margin-bottom:15px;}
.featured-voyages .img-featured {background-color: #000; position:relative;}
.featured-voyages .img-featured .img-overlay {position:absolute; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0; overflow:hidden; width:100%; height:0; transition:.3s ease;}
.featured-voyages .img-featured .img-text {color:white; font-size:16px; position:absolute; overflow:hidden; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); width:80%;}
.featured-voyages .img-featured:hover .img-overlay {height: 100%;}
.img-featured .statut-depart, .img-voyages .statut-depart {position:absolute;right:0;top:20px; background:var(--hover-color); color:#FFFFFF; padding:3px 10px; text-transform:uppercase;}
.text-featured-duree-prix {}
.title-featured-guides {text-transform:uppercase; font-weight:600; margin:10px; font-size: 16px;}
.featured-guides-expertise {    margin: 10px 0; text-transform:uppercase; font-weight:bold; color:var(--hover-color); font-size: 16px;    text-align: left;}
#presse h3 {    margin: 10px 0; font-size: 16px;    text-align: left;}
.featured-guides-expertise {margin-top:20px;}
.prix-old { text-decoration: line-through;}
.prix-promo {font-weight: bold; color:var(--hover-color);}
.featured-voyages-groupes .prix-current  {}
.inspirations-list h3, .pays-list h3, .featured-pays h3 {  font-weight: 600;  text-transform: uppercase;    font-size: larger;	color: #fff;  text-decoration:none;}
.featured-themes h3 {       margin-top: 15px;      margin-bottom: 15px; text-align: center;}
.inspirations-list h3:hover, .pays-list h3:hover, .featured-pays h3:hover { }
.featured-voyages h3 {	/*min-height: 40px;*/ text-align: center;}
.featured-articles h3 {	/*min-height: 40px;*/}
.featured-voyages ul.fabrikRepeatData, .featured-voyages-groupes ul.fabrikRepeatData {margin:0; padding:0;}
.featured-voyages li, .featured-voyages-groupes li {list-style-type:none; margin-right:5px; display:inline;}
.featured-voyages li:after, .featured-voyages-groupes li:after {content:",";}
.featured-voyages li:last-child:after, .featured-voyages-groupes li:last-child:after {content:"";}
.featured-voyages-groupes .text-featured-date {background: #333; color: #fff; padding: 5px 10px; text-align:left;}
.featured-voyages-groupes .text-pays {text-transform: uppercase;}
/*.featured-voyages-groupes h3 {	min-height: 50px;}*/
.featured-reviews .review-note {	 margin: auto;  margin-bottom: 20px;    overflow: hidden;}
.featured-reviews .review-resume {	margin-top: 5px;	font-style: italic;}
.featured-voyages strong {  font-size:larger;}
.featured-reviews-name, .nom-related-reviews {color:#fff; }
.featured-reviews h3 {text-align:left;    margin-bottom: 5px;}
.featured-reviews-voyage {    color: #fff;}
.review-note {float:left;     margin-bottom: 5px;}
.featured-reviews-resume {    clear: both; text-align: justify; color:#fff; margin-bottom: 20px; font-size: 15px; line-height: 22px; }
.reviews-nb {color: #fff;    font-size: 54px; font-weight: 900;}
.reviews-avis {font-size:27px; font-weight:700;     color: #fff;}
.reviews-average, .reviews-average-stars {position: absolute; bottom: 50%; left: 0; right: 0; text-align: center; margin: auto;}
.valeur-moyenne-avis {font-size: 54px; font-weight: 900;}
.reviews-average-note {padding-top: 10px;font-size: 20px;    font-weight: 400;}
.review-average {position: relative; text-align: center; margin-bottom: 15px;}

.review-average.span4 {margin-top: -70px;}
.featured-reviews-img img {max-width: 300px;}
.note-featured {float: left;    clear: left;            padding: 5px 5px 0 0;}
.featured-custom-intro {margin-top:15px}
.flight ul {    list-style-type: none;    margin: auto;}
.note-featured .note-voyages, .text-featured .niveau-voyages {    float: right;    }
.text-featured .niveau-voyages, .note-featured  {padding: 10px 0;}
.note-featured {    float: right;    clear: right;    }
.text-featured-pays {float:left;}
.presentation-accueil {     padding:0 10px;}
#featured-contenus {margin-bottom:50px!important ;     }
/*.accueil-sur-mesure {background-image: url(/images/accueil/activites.jpg); text-align: center;    height: 400px;}
.accueil-sur-mesure .btn {margin-top:150px;}*/
.article-blog-featured {    height: 200px;    overflow: hidden}

/* LISTE VOYAGES */

#voyages {margin-top:60px;}
#voyages .voyages_row {margin-bottom: 30px;}
#voyages .fabrik_row, #reviews .fabrik_row {margin-bottom:0 !important;}
.note-voyages, .niveau-voyages {    float: left;    padding: 5px 0;    font-size: 0.8rem; margin-right:10px;}
.niveau-voyageurs {background: rgba(0,0,0,0) url(/images/stories/niveau-equestre.png) repeat-x scroll 0 -32px; height: 16px;}
.niveau-wrapper {margin: 3px 2px;float: right;height: 16px;width: 64px;background: transparent url("/images/stories/niveau-rando.png") repeat-x scroll 0px 0px;}
.niveau-voyageurs {background: rgba(0, 0, 0, 0) url('/images/stories/niveau-rando.png') repeat-x scroll 0 -32px;height: 16px;}
.note-wrapper {margin: 3px 2px;float: right;height: 16px;width: 80px;background: transparent url(/images/stories/rating_stars5.png) repeat-x scroll 0px 0px;}
.note-voyageurs {background: rgba(0, 0, 0, 0) url('/images/stories/rating_stars5.png') repeat-x scroll 0 -32px;height: 16px;float: left;}
#voyages .text-voyages {clear:both; margin-bottom:10px;}
#voyages .departs-voyages {font-size: 0.8rem; margin-bottom: 15px;}
#voyages .departs-voyages .departs-voyages-label, .voyages-privatifs {float: left; padding-right: 10px; font-weight: 600;}
#voyages .mois-depart {text-transform: uppercase; text-decoration: line-through; text-decoration-thickness: 0.2em; background: #f0edec; font-size: 0.7rem; display:inline-block;}
#voyages .voyages_row .mois-depart.mois-possible {text-decoration:none;}
#voyages .pays-voyages, #voyages .prix-voyages {text-align:center; font-size: 0.8rem; margin-top: 10px;}
#voyages .pays-voyages {text-transform: uppercase;}
#voyages .pays-voyages li {list-style-type:none;}
#voyages .lead-prix {font-size: 22px; font-weight: 600;}
#voyages  h2.groupTitle {margin-bottom:10px;}
#voyages .voyages_row .date-depart {background: #333; padding:5px 10px; color: #fff; font-size: 1rem; text-align: center;}
#voyages .voyages_row .date-depart i {margin-right:5px;}
#voyages .voyages_row .btn-liste-groupes {margin-top:15px;}
.footer-standard img {margin: auto; display: block;}.footer-standard .inner-detail {    max-width: 710px;    background-color: #fff;    padding: 10px 20px;}

/* LISTE GUIDES */
#guide-search .fabrikActions {display:none;}

/* LISTE REVIEWS */
#reviews-invite  {margin: 15px 0 30px 0;}
#reviews-invite .btn {margin-left: 15px;}
.reviews-resume, .reviews-note {float: left; padding: 5px 0; margin-right:10px;}
.reviews-resume {font-size: 1rem;}
.reviews-comment {clear:both; color: #333333; font-weight: 100; font-size:0.8rem;}

/* LISTE BLOG */
#blog .title-blog {text-align:center;}
#blog .img-blog {text-align:center; margin:15px 0;}
#blog .img-blog img {width:100%;}
#blog .blog-right {background:#fff;}

/* DETAILS VOYAGE */
#trip-detail #trip-banner {background-size: cover; background-position: center; width: 100%; height: 500px; z-index: 0; position: relative; opacity: 0.8;}
#trip-banner-top-overlap {width: 100%; position: absolute; top: 0; height: 150px; opacity: 0.8; background-image: linear-gradient(to top,rgba(0,0,0,0),#000);}
#trip-banner-wrapper {position: relative;}
#trip-detail .trip-title {text-align: center; width: 100%; padding-top: 15%; text-shadow: 5px 2px 3px rgba(0, 0, 0, 0.4);}
#trip-detail .trip-title h1 {font-size: 50px; font-weight: 600; text-align: center; color: #FFF; line-height: 1.4em;}

#trip-detail-menu {position: -webkit-sticky; position:sticky; top:0; background: #181212; z-index:1000;}
#trip-detail-menu .navbar .nav {margin-left:0;}
#trip-detail-menu .navbar .nav > li > a {color: #DDD; opacity:0.8;}
#trip-detail-menu .navbar .nav > li > a:hover, #trip-detail-menu .navbar .nav > li > a:focus {opacity:1;}
#trip-detail-menu .navbar .nav > li > a.active {color: #333; background: #f2f2f2; border-radius:0; opacity:1;}

#trip-detail-body {padding-top:30px; display:flex; overflow:unset;}
#intro-voyage {margin-bottom: 30px;}
#trip-detail .t2 {margin: 30px 0 0px 0; padding: 15px; color: #fff; text-align: center; background-color: #181212; font-weight: 400; font-size: 35px; font-family: 'Satisfy', cursive;}
#trip-detail #resume-etapes ul {margin: 15px 0;}
#trip-detail #resume-etapes ul li {list-style-type: none; margin-bottom: 8px;}
#trip-detail .row-etape {background:#fff; margin-bottom: 15px;}
#trip-detail .row-etape h2 {line-height: 1.3em;}
#trip-detail .row-etape-destination {margin-top:15px;}
#trip-detail .row-etape-destination, #trip-detail .row-etape-hebergement, #trip-detail .row-etape-activite {margin-top:15px; font-size:1rem;}
#trip-detail .row-etape .infos-etape {margin-bottom:10px;}
#trip-detail .infos-vols {padding: 10px 0; font-weight: 600;}
#trip-detail #departs-groupes table {font-size:0.9rem;}
#trip-detail #prix-dates th, #trip-detail .prix-current {font-weight: 600;}
#trip-detail .row-package {background: #f2f2f2; margin: 15px 0; padding: 15px; box-sizing: border-box;}
#trip-detail .package-title {font-weight:600;}

#trip-detail #col-right-scroll {position: -webkit-sticky; position:sticky; top:60px; margin-bottom:15px; background: #fff; border: 1px solid #f1f1f1;}
#trip-detail #countries-list, #voyage-slider-top {color: #fff; font-size: 0.8rem;text-align: center; padding: 10px; background-color: #181212; border-bottom: 1px solid #fff;}
#trip-detail .lead-prix {font-size:1.4rem; font-weight:600;}
#trip-detail .voyage-expert-prenom {font-weight:600;}
#trip-detail .voyage-expert-photo img {height: 90px; border-radius: 50%; width: auto;}
#voyage-slider-top {color: #fff; font-size: 0.8rem;}
#trip-detail .voyage-slider-links {padding: 10px; text-align:right; border-bottom: 1px solid #eee;}
.voyage-niveau, .voyage-notes {font-size: 13px; box-sizing: border-box; overflow: hidden; padding: 5px 0;}
.niveau-voyage-slider, .note-voyage-slider {padding: 0 5px; float: right;}
.voyage-link-niveau {float:right;}
#trip-detail #voyage-slider-btn {padding: 15px; border-bottom: 1px solid #eee;}
#trip-detail .btn-groupe {margin-bottom:10px}
#trip-detail #voyage-slider-infos-agency {padding: 15px;}
#trip-detail #voyage-slider-agency-text {font-size: 1rem; font-weight: 600; text-align: center; margin-bottom: 15px;}
#trip-detail #voyage-slider-horaires {margin-top: 15px; font-size: 0.8rem;}
#trip-detail .link-back-top {text-align: right; padding: 0 15px 15px 15px;}

#bottom-voyage, #bottom-guide {background: #fff; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; margin: 15px 0 30px 0; padding-bottom: 15px;}
#bottom-voyage .title-related-trips, #bottom-guide .title-related-trips, #trip-detail .titre-related-reviews, #review-detail .titre-related-reviews, #review-detail .title-related-trip {margin:10px 0; font-weight:600;}

/* HEADER DES PAGES DE DETAIL : GUIDE, INFOS, BLOG */
.header-article {margin-bottom: 30px;}
.header-article img {width:100%;}
.header-gallery {position: relative; height: 500px!important; overflow: hidden; max-height:500px; margin-bottom:30px; background:#181212;}
.header-gallery>div:first-of-type {height:500px !important;}
.header-gallery #myCarousel {margin: 0px !important; height: 500px !important;}
.carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img {display: block; line-height: 1; width:auto; height:auto; margin:auto;}
.carousel-control-prev, .carousel-control-next {
	z-index: 3; 
	top: 45%; 
	bottom: auto;     
	position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border: 3px solid #fff;
	background: #222;
    -moz-border-radius: 30px;
    border-radius: 30px;
    opacity: 0.4;
    filter: alpha(opacity=50);
}
.carousel-control-prev {margin-left:15px;}
.carousel-control-next {margin-right:15px;}

/* DETAIL GUIDE */
#guide-detail, #blog-detail, #review-detail {margin-top:30px;}
#guide-detail .liste-pays {font-size: 1rem; text-align: center; font-weight: 600; margin-bottom:0;}
#guide-detail .guide-slider-agency-text, #blog-detail .guide-slider-agency-text {font-size: 1rem; text-align: center; font-weight: 600; margin:10px 0;}

/* DETAIL INFOS ET BLOG */
#col-right-guide .t3, #col-right-blog .t3 {text-align:center;}
#guide-detail .row-related-infos, #col-right-blog .row-related-infos {margin: 15px 0;}
#guide-detail .title-related-articles, #col-right-blog .title-related-articles  {margin-bottom:25px;}
#blog-detail .comments-notes {text-align:right;}
#blog-detail blockquote {padding: 0 0 0 15px; margin: 0 0 18px; border-left: 5px solid #eee;}
#blog-detail #related-comments {margin-top:30px;}
#blog-detail .row-related-comments {margin: 30px 0 15px 0;}
#blog-detail #comments .text-answer {margin-left: 10%;}

/* DETAIL AVIS */
#review-detail .note-review {float:left;}
#review-detail .row-related-trip, #review-detail .row-related-reviews {margin: 15px 0;}


/* --- MOBILE ---*/
/* BREAKPOINT xl = 1200px */
@media (width >= 1200px) {
	.btn-phone-top, .btn-mail-top {display: none;}
	#guide-detail .header-gallery, #guide-detail .header-gallery>div:first-of-type, #guide-detail .header-gallery #myCarousel {height:500px !important;}
	/* Menu horizontal avec images 
	#main-menu .container-nav, #main-menu .container-nav .navbar, #main-menu .container-nav .navbar li.level-1 {position: static; height:70px;}
	#main-menu .container-nav .navbar li.level-1 ul {width: 94%; left: 0px; top:75px;}
	#main-menu .container-nav .navbar li.level-1 ul li.level-2 {flex: 1 1 0px;}
	#main-menu .container-nav .navbar li.level-1 ul li.level-2 a {flex-direction: column;text-align: center;color: #22262a;	padding: 15px;}
	#main-menu .container-nav .navbar li.level-1 ul li a:hover {opacity:0.8;}
	#main-menu .container-nav .navbar li.level-1 ul li.active a, #main-menu .container-nav .navbar li.level-1 ul li a:hover {background-color:var(--hover-color); color:#FFF; opacity:1; text-decoration:none;}
	#main-menu .container-nav .navbar li.level-1 ul li.level-2 img {border-radius: 50%;}
	#main-menu .container-nav .navbar li.level-1 ul li.level-2 .image-title {margin-top:10px;} */
	
}

@media (width < 1200px) {
	.row [class*="col-xl"] {margin-left: 0 !important;}
	.container-nav {width: 110px;}
	.container-nav .navbar {width: auto !important;}
	.container-header .container-nav {padding-bottom:0;}
	.container-header .navbar-toggler {display:block; color: #22262a; border: 1px solid #22262a; border-radius:0; line-height: 1.2; padding: .6rem 1rem; margin-bottom: .3rem;}
	#bannertop-right {display:none;}
	#main-menu {padding: .5em !important; display: flex !important; justify-content: flex-end !important; position: absolute; top: 0; right: 0;}
	#main-menu .container-nav .navbar li.level-1 ul {margin-left: 0;}
	#main-menu .container-nav .navbar li.level-1 ul li a {width:100%; padding:5px 10px;}
	#main-menu .container-nav .navbar li.level-1 ul li.level-2 {padding-bottom:0; flex: 1 1 0px;}
	#main-menu .container-nav .navbar li.level-1 ul li.level-2 img {display:none;}
	.container-header .mod-menu {flex-direction: column; flex: 1; display: flex;}
	#main-menu .mod-menu li:hover > ul, #main-menu .mod-menu li:hover > ul li {display: block;}
	.header-pano-title {top: 25%;}
	.header-pano-title h1 {font-size: 45px;}
	.recherche-header {top: 0; background: none; height:auto;}
	.header-gallery, .header-gallery>div:first-of-type, .header-gallery #myCarousel {height:420px !important;}
}

/* BREAKPOINT lg = 992px */
@media (width >= 992px) {
	.col-lg-1 {
	  max-width: 6.382978723%;
  }
  .col-lg-2 {
	  max-width: 14.89361702%;
  }
  .col-lg-3 {
	  max-width: 23.404255317%;
  }
  .col-lg-4 {
	  max-width: 31.914893614%;
  }
  .col-lg-6{
	  max-width: 48.936170208%;
  }
  .col-lg-8 {
	  max-width: 65.957446802%;
	}
  .col-lg-9 {
	  max-width: 74.468085099%;
  }
}
@media (width < 992px) {
	#voyages .voyages_row .pays-voyages {display:none;}
	.row [class*="col-lg"] {margin-left: 0 !important;}
	.hidden-phone {display:none !important;}
	#trip-detail #voyage-slider-btn {position: fixed; bottom: 0; left: 0; width: 100%; display: flex; justify-content:center; overflow: hidden; color: #fff; padding: 10px; background: #fff;}
	#bottom-voyage .related-trip-row, #bottom-guide .related-trip-row {text-align: center; margin-bottom: 30px;}
	#bottom-voyage .note-wrapper, #bottom-guide .note-wrapper {margin: 0 auto 10px auto; float: none;}		    
	#trip-detail-menu .navbar .nav > li > a {        text-shadow: none;        font-size: 15px;         padding: 15px;  }
}

/* BREAKPOINT md = 768px */
/* Fabrik change la gestion des rows pour la taille "sm" = 576px, mais on veut que ça passe en block à la taille "md" = 768px, donc on override le css de la taille "sm" */
@media (width >= 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    flex: 1 0;
    width: auto;
  }
  .col-sm-1, .col-md-1 {
	  max-width: 6.382978723%;
  }
  .col-sm-2, .col-md-2 {
	  max-width: 14.89361702%;
  }
  .col-sm-3, .col-md-3 {
	  max-width: 23.404255317%;
  }
  .col-sm-4, .col-md-4 {
	  max-width: 31.914893614%;
  }
  .col-sm-6, .col-md-6{
	  max-width: 48.936170208%;
  }
  .col-sm-8, .col-md-8 {
	  max-width: 65.957446802%;
	}
  .col-sm-9, .col-md-9 {
	  max-width: 74.468085099%;
  }
  .col-sm-12, .col-md-12 {width:100%;}
}

@media (width < 768px) {
	.row [class*="col-sm"], .row [class*="col-md"] {margin-left: 0 !important;}
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    flex: 100%;
	width: 100%;
    max-width: 100%;
  }
  #homepage-sur-mesure h2 {padding-top:30px;}
  #voyages .voyages_row img {width:100%;}
  /* Responsive tables pour section prix des vayages */
 #prix-dates table, #prix-dates thead, #prix-dates tbody, #prix-dates tr, #prix-dates th, #prix-dates td  {display: block;}
 #prix-dates thead th {position: absolute; top: -9999px; left: -9999px;}
  #prix-dates tbody tr { border: 1px solid #eee; }
 #prix-dates td  {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left;}
 #prix-dates td:before {position: absolute;top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;text-align:left;font-weight: bold;  content: attr(data-title); }
 .header-gallery, .header-gallery>div:first-of-type, .header-gallery #myCarousel {height:350px !important;}
 .btn-group, .btn-group label {display: block;}  
 #trip-detail .trip-title h1 {    font-size: 35px;}
}