/* -- 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 {max-width:1250px;}

/* -- 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;}

.grid-child {max-width: 1250px}

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: #c7700f!important;
    font-size: 35px!important;
}
h3, .t3 {	line-height: 1.3em;  	font-size: 130%;	font-family: 'Open Sans', sans-serif; font-family: 'Poppins', sans-serif; font-weight:600;     padding: 15px 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: #f78300;	text-decoration: none;	line-height: 20px;}
a:hover {	color: #c7700f;	text-decoration: none;}
a:focus {    color: #c7700f;	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 #f1f1f1;}
.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-size: 1.2rem; font-weight: 600; border-bottom: 5px solid #f78300; margin-bottom:15px; padding-bottom: 5px;}
.input-block-level {width:100%;}
ul.actions {	margin: 0;}
ul.actions li a {	text-decoration: none;}

.underlined {border-bottom: 2px solid #f78300;}

/*-- 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: #f78300;}
.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: #c7700f; 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:#f78300 !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;}

.chosen-container .chosen-results li:hover, .chosen-container .chosen-results li:focus, select option:hover, select option:focus {background-color:#f78300 !important; color:#FFF !important;}
.chosen-container .chosen-results li.highlighted {background:#f78300 !important; color:#FFF;}
.chosen-container .chosen-results .result-selected, .chosen-container .search-choice, select option:checked, select option:active {background-color:#c7700f !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:#f78300 !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:#f78300 !important; color:#FFF !important;}
.calendar tbody td.selected {background:#c7700f !important; color:#FFF !important;}
.calendar tfoot .ttip {display:none;}

.chosen-container.chosen-container-single .chosen-single {background:#f78300 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 -- */
#form-user-front .btn-toolbar {display: block; text-align: center;}
#form-user-front select {background-color: #eaedf0 !important;}
#form-user-front .form-check:hover {cursor:pointer;}
#form-user-front .form-actions .btn {font-size: 1rem; padding: 1rem 2.5rem;}
#form-user-front .row .fabrikElement {margin-left:0 !important;}

/*-- TOP et FOOTER --*/
.brand-logo img {width:115px; margin-top:-60px; margin-bottom:-5px; background: #fff; border-radius: 50%;}
#bannertop, .footer, .header {background: #55422a !important;; --gutter-x: 0;}
.img-circle {border-radius: 50%;}
.logo-nl {float: left; margin: 10px 15px 10px 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: #f78300!important;}
.footer a:not(.btn):hover, .footer a:not(.btn):focus {	color: #c7700f;	text-decoration: none;}
.container-footer {column-gap:2em;}

/* -- 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: #fff;}
#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: #f78300!important;}
#main-menu .mod-menu li.level-1 ul li a, #main-menu .mod-menu li.level-1 button ul li a {padding: .5em 1em; color: #555555!important;}
#main-menu .mod-menu li.level-1 ul li a:hover {color: #c7700f!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:#c7700f!important; opacity:1; text-decoration:none;}
#main-menu .offcanvas-title {font-size:1.2rem;}
#main-menu .submenu-title {margin-top: 10px; background: #55422a; display: block; color: #fff; padding: 3px 7px; text-transform: uppercase;}

/* Menu sur mobiles */
#joffcanvas132 .offcanvas.show .offcanvas-body li.level-1 a, #joffcanvas132 .offcanvas.show .offcanvas-body li.level-1 button {color: #c7700f!important;}
#joffcanvas132 .offcanvas.show .offcanvas-body > a:hover, #joffcanvas132 .offcanvas.show .offcanvas-body > button:hover {color: #f78300!important;}
#joffcanvas132 .offcanvas.show .offcanvas-body .active > a, #joffcanvas132 .offcanvas.show .offcanvas-body .active > button {color: #f78300!important;}

/* -- 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: 0 auto 15px auto;    padding: 30px 0;}
.header-pano-wrapper {height: 500px; display: flex !important; position: relative; overflow: hidden; margin-top: 0; margin-bottom: 30px;}
#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:55px;}
.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.3;}
.header-pano-title {text-align: center; align-self: center !important; 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: 55px; 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: #c7700f;    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%;}*/

/* -- COMPOSANTS -- */
/* -- Containers -- */
.inner-accueil, .inner-form, .inner-list, .inner-detail {
	box-sizing: border-box;	
	width: 100%;
	max-width: 1250px;    
	margin: auto;
	overflow: hidden;
} 
.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 --*/
#homepage-presentation {margin:60px auto;}
.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: #f78300;}
.btn-sur-mesure .btn:hover {background-color: #c7700f;}
#homepage-sur-mesure h2 {   color: #fff;    text-align: center;    padding: 100px 0 20px 0;}

#detail-accueil .header-pano-title h2 {font-size: 40px;}

.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: #55422a !important;}
.featured-themes h2 {color: #fff !important;}
.featured-themes a {color: #fff!important;}
.featured-reviews  {  /*background-color: #c7700f;*/}
.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: 40px; 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: #c7700f;}
.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;}
.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:#c7700f;}
.featured-voyages-groupes h3 a:hover, .featured-articles h3 a:hover, .featured-voyages h3 a:hover {	color:#c7700f;}
.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:#c7700f; 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:#c7700f; 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:#c7700f;}
.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}

/* LISTES */
.date-guide {border-bottom: 2px solid #f78300;}
.footer-standard img {margin: auto; display: block;}.footer-standard .inner-detail {    max-width: 710px;    background-color: #fff;    padding: 10px 20px;}

/* AGENDA */
#agenda .groupTitle {text-align:center; font-size:25px; margin-top:15px;}
#blog .img-blog {text-align:center; margin:15px 0;}
#blog .img-blog img {width:100%;}
#blog .blog-right {background:#fff;}

/* HEADER DES PAGES DE DETAIL : GUIDE, INFOS, BLOG */
.header-standard .col-md-4 {text-align:center;}
.header-standard img {max-height:300px;}
.header-article {margin-bottom: 30px;}
.header-article img {width:100%;}

/* DETAIL AGENDA */
.row-para {margin-bottom:30px;}
#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;}


/* --- MOBILE ---*/
/* BREAKPOINT xl = 1200px */
@media (width >= 1200px) {
	.btn-phone-top, .btn-mail-top {display: none;}
}

@media (width < 1200px) {
	#bannertop {display:none !important;}
	.brand-logo img {width: 100px; margin-top: -10px;}
	h1 {padding: 30px 15px;}
	.intro-list {padding:0 15px;}
	.row [class*="col-xl"] {margin-left: 0 !important;}
	.container-nav {width: 180px;}
	.container-nav .navbar {width: auto !important;}
	.container-header .container-nav {padding-bottom:0;}
	.container-header .navbar-toggler {background:#FFF; color: #22262a; border: 1px solid #22262a; border-radius:0; line-height: 1.2; padding: .6rem 1rem; margin-bottom: .3rem;}
	#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;}
	#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) {
	.header-pano-wrapper, .header-pano-bg {height:400px;}
	.header-pano-bg img {min-height:400px;}
	.row [class*="col-lg"] {margin-left: 0 !important;}
	.hidden-phone {display:none !important;}
}

/* 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) {
	.header-pano-wrapper, .header-pano-bg {height:350px;}
	.header-pano-bg img {min-height:300px;}
	.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%;
	}
 .btn-group, .btn-group label {display: block;}  
}