@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tiro+Devanagari+Marathi&display=swap');

@charset "UTF-8";
:root {
    --star-size: 40px;
    --star-color: transparent;
    --star-background: #fff;
}

.Stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
.Stars::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgb(255 254 254 / 55%);
}
#more_guide_ville[data-readmore] {
    transition: height 500ms;
    overflow: hidden;
}
.weather {
    color: #fff;
    font-family: 'Barlow condensed';
    font-size: 28px;
    margin-top: -10px;
}
.top-30 {
    top: 30%;
}
.top-70 {
    top: 70% !important;
}
.continent-name {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.75rem;
}
.btn-pluspays {
    color: #f4911a;
    font-family: 'Barlow condensed',sans-serif;
    text-decoration: underline;
    font-size: 18px;
    font-weight: 500;
}
.btn-pluspays:hover { color:#febe15;}
.btn-pluspays i {
    font-size: 14px;
}

ul.guide-ville li a {
    font-family: 'Poppins',sans-serif;
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 400;
}

.topbar {
	font-family: 'Poppins';
    font-size: 14px; 
	color: #000;}
.topbar .fa-phone {
	color: #6a589d;
    transform: rotate(114deg); 
	margin-right: 10px;}
.navbar { background-color: #fff!important;}
.nav-link-text { 
	color: #434343;
    font-family: 'Poppins',sans-serif;    
	font-size: 16px;    
	word-break: break-word;    
	font-weight: 400;    
	text-transform: uppercase;    
	letter-spacing: .025rem;    
	-webkit-transition: all .2s ease-in-out;    
	-o-transition: all .2s ease-in-out;    
	transition: all .2s ease-in-out;
}
.navbar-light .navbar-nav .nav-link:hover .nav-link-text{ color: #6096bc;}
.nav-link-text .fa-angle-down { color: #5293cb;}
.dropdown-toggle::after { display: none;}
.dropdown:hover {  transition:2s;}
.dropdown:hover>.dropdown-menu {  display: block;}
.dropdown-menu {
	background: #00aeef; 
	border: none;  
	border-radius: unset; 
	padding: 0;}
.dropdown-menu.dropdown-menu-end {
    background: #f4911a;
    color: #000;
    min-width: 1000px;
}
.left-mega-menu {
}
.right-mega-menu .tab-pane h5 {
    font-family: 'Tiro Devanagari Marathi';
    color: #000;
    border: none;
    margin: 0;
    font-size: 18px;
    padding-top: 8px;
    text-transform: capitalize;
}
.dropdown-menu .dropdown-item { 
	color: #fff;    
	font-family: 'Poppins';    
	font-size: 12px;    
	font-weight: 400;    
	text-transform: uppercase;    
	border-bottom: 1px solid #fff;    
	line-height: 24px;    
	letter-spacing: .025rem;    
	padding: 7px 10px;
}.dropdown-menu .dropdown-item:last-child {border-bottom: none;}
.dropdown-item:hover, .dropdown-item:focus { 
	text-decoration: none;    
	background-color: #D9EDFF;    
	color: #00aeef!important;
}

.dropdown-menu.dropdown-menu-end .dropdown-item {
    color: #000;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    line-height: 24px;
    letter-spacing: .025rem;
    padding: 7px 10px;
}
.dropdown-menu.dropdown-menu-end span {
    color: #fffefe;
    font-family: 'Tiro Devanagari Marathi', serif;
    font-size: 20px;
}
.dropdown-menu.dropdown-menu-end .dropdown-header {
    padding-left:0;
    font-family: 'Poppins';
    font-size: 15px;
    font-weight: 400;
    color:#fff;
    text-transform: capitalize;
}
.dropdown-menu.dropdown-menu-end .nav-pills .nav-link.active,.dropdown-menu.dropdown-menu-end .nav-pills .show > .nav-link {
    color: #FFFEFE!important;
    background-color: #febe15;
    width: 100%;
    margin: 0;
    text-align: left;
    border-radius: unset;
    padding-left: 5px;
}
.right-mega-menu {
    min-height: 250px;
}
.right-mega-menu.tab-content > .tab-pane {
    min-height: 400px;
}
.bg-holder { 
	position: relative;    
	background-size: cover;    
	background-position: center;    
	overflow: hidden;    
	will-change: transform, opacity, filter;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;    
	background-repeat: no-repeat;    
	z-index: 0;
}
.bg-holder::after { 
	content: '';    
	background: rgb(0 0 0/50%);    
	position: absolute;    
	top: 0;    
	width: 100%;    
	height: 100%;    
	z-index: 1;
}
.bg-holder-content{z-index: 2;}
.bg-holder-h1 {
    font-family: 'Barlow condensed',sans-serif;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: .075rem;
    margin-bottom: 50px;
}
.search-div .select2-container { 
	vertical-align: sub;    
	width: 100%!important;
}
.search-filter-form .select2-container { 
	vertical-align: sub;    
	width: 100%!important;
}
.select2-dropdown {
    border: 1px solid #accae5!important;
    top: 12px!important;
}
.search-div .select2-container--default .select2-selection--single,.search-filter-form .select2-container--default .select2-selection--single { 
	background-color: transparent;    
	border: none;    
	border-radius: unset;
}
.search-div select, .search-div .select2-selection__rendered {
    border: none;
    border-radius: unset;
    padding: 1rem 2.8rem 1rem 1rem!important;
    height: 70px;
    color: #000!important;
    width: 100%!important;
    font-family: 'barlow condensed',sans-serif;
    font-size: 18px;
    letter-spacing: .025rem;
    font-weight: 400;
    text-transform: uppercase;
    background: rgb(255 255 255/80%) url(../images/angle-down-select.png);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
}
.search-div .select2-container--default .select2-selection--single .select2-selection__arrow,
.search-filter-form .select2-container--default .select2-selection--single .select2-selection__arrow { display: none;}
.search-div .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 2.2;}
.search-filter-form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.5;}
.search-filter-form .select2-container .select2-selection--single .select2-selection__rendered {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    padding: 0.5rem 1.5rem;
    font-family: 'barlow condensed',sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #303030;
    background-color: #f9fcff;
    background-clip: padding-box;
    border: 1px solid #ACCAE5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.playlist-link { 
	color: #fff; 
	font-size: 18px;
    font-family: 'Poppins'; 
	text-transform: uppercase;}
.playlist-link:hover { 
	color: #00a1fc;   
	text-decoration: none;}
.circuit{background: #ebebeb;}

.title {
    text-align: center;
}
.title h1 { 
	color: #5f4b96; 
	font-family: 'Barlow condensed',sans-serif;  
	font-weight: 400; 
    letter-spacing: .075rem;
	font-size: 34px;  
	margin: 0;}
.title h2 {
    color: #5f4b96;
    font-family: 'Barlow condensed',sans-serif;
    font-weight: 500;
    font-size: 30px;
    letter-spacing: .075rem;
    margin: 0;
    text-transform: uppercase;
}
.title h3 { 
	color: #5f4b96; 
	font-family: 'Barlow condensed',sans-serif; 
	font-weight: 300;  
	font-size: 24px;  
	margin: 0;}
.circuit .card { 
   border-radius: unset;
   border: none;}
.circuit .card .card-img {
    width: 100%;
    height: 280px; 
	overflow: hidden;}
.circuit .card .card-img img {
    height: 100%;
    object-fit: cover;}
.circuit .circuit-content {
    color: #353535; 
	font-family: 'Arial',sans-serif;
    font-size: 16px;   
	font-weight: bold; 
	text-align: left;}
.circuit .circuit-content span{color:#e0991a;}
.circuit .circuit-content p{
    color: #2a2a2a;
    font-family: 'Arial',sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin: 0;}
.circuit .price1 {
    color: #3095e6; 
	font-family: 'Arial',sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	text-align: center;}
.circuit .price1 span{
    font-size: 12px;
    font-weight: 400;}
.sejours .card { border-radius: unset;}
.sejours .card .card-img {
    position: relative;
    height: 220px;
    overflow: hidden;}
.sejours .card .card-img:hover .mask-destination {
    background: rgb(2 2 2 / 70%);
}
.sejours .card .card-img img {
    width:100%;
    height: 100%; 
	object-fit: cover;
    transition:3s;
}
.sejours .card:hover .card-img img {
    transition: 3s;
    transform: scale(1.2);
}
.sejours .card .card-img .after-img {
    background: rgb(48 149 230 / 85%);
    color: #fff; 
	width: 83px; 
	height: 83px; 
	text-align: center; 
	border-radius: 50%;
    padding-top: 18px; 
	border: 2px solid #fff;}
.sejours .card .card-img .after-img p{
    margin: 0;
    font-family: 'Arial'; 
	font-weight: bold;
    font-size: 14px;}
.circuit .border-bottom,.sejours .border-bottom { border-bottom: 1px dotted #dadada!important;}
.sejours-title h3 {
    color: #3095e6;
    font-family: 'Arial',sans-serif;
    font-size: 16px;
    font-weight: 400; 
	padding: 15px 0; 
	margin: 0;}
.sejours-content ul{list-style: none;margin: 0;}
.sejours-content ul li:before{
    content: '\f101';
    font-family: 'Fontawesome';
    color: #df9512;
    font-size: 18px; 
	padding-right: 10px;}
.sejours-content ul li {
    font-size: 12px; 
	color: #3c3c3c;
    font-family: 'Arial',sans-serif;
    font-weight: 400;
    text-align: left;}
.sejours-content ul li span {
    color: #e0981a;
    font-size: 15px;
    font-weight: 600;
}
.sejours-btn {
    color: #0a4f86;
    font-family: 'Arial',sans-serif; 
	font-size: 14px;
    font-weight: 400; 
	text-transform: uppercase; 
	border: 1px solid #0a4f86;
    margin: 10px auto; 
	position: relative; 
	display: inline-block; 
	z-index: 1;}
.travel .destination-btn {width:30%;}
.destination-btn {
    color: #0a4f86; 
	font-weight: 600;
    font-family: 'barlow condensed';
    font-size: 16px;
    text-transform: uppercase;
    border: 2px solid #0a4f86;
    margin: 10px auto;
    position: relative;
    display: inline-block;
    z-index: 1;}
.sejours-btn{
    color: #5f4b96;
    border: 1px solid #5f4b96;
    width: 80%;}
.destination-btn{
    color: #3095e6; 
	border: 2px solid #3095e6;}
.sejours-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0; 
	width: 100%;
    height: 100%;
    background: #5f4b96;
    z-index: 1;
    transition: transform 0.5s; 
	transition-timing-function: ease;
    transform-origin: 0 0;
    transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
    transform: scaleX(0);}
.sejours-btn:hover{
    color: #fff;
    border: 1px solid #5f4b96;}
.voyage .destination-btn {
    color: #fff;
    border: none;
    text-decoration: underline;
}
.voyage .destination-btn:hover {
    color: #fff;
    border: none;
}

.destination-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0; 
	width: 100%;
    height: 100%;
    background: #3095e6;
    z-index: 1;
    transition: transform 0.5s; 
	transition-timing-function: ease;
    transform-origin: 0 0;
    transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7); 
	transform: scaleX(0);}
.destination-btn:hover{
    color: #fff; 
	border: 2px solid #3095e6;}
.voyage .destination-btn::before {
    background:#fff;
}

.voyage .theme .destination-btn:hover {color:#f4911a;}
.voyage .mois .destination-btn:hover {color:#5f4b96;}
.voyage hr,.voyages-monde hr,.guide_pays_hr hr {
    color: transparent;
    border-bottom: 1px dashed #fff;
}
.sejours-btn:hover::before,.destination-btn:hover::before {
    transform: scaleX(1);
    color: #fff !important;
    z-index: -1;}
.sejours-price {
    background: #3095e6;
    color: #fff;
    font-family: 'Arial',sans-serif;
    font-size: 14px; 
	font-weight: 400;
    text-transform: uppercase;}
.topbar ,.destination,.magazine,.avant-partir,.experience,.raisons-voyage,.planification { background: #ebebeb;}

.sejours .ou_partir .card:hover .mask-destination{ display:none;}

.sejours .ou_partir .card .description_partir {
    display: none;
    background: rgb(0 0 0 / 67%);
    width:100%;
    height:100%;
}
.description_partir .name_partir {
    font-family: "Rochester",cursive;
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding: 5px 30px;
}

.description_partir .desc_partir {
    overflow: hidden;
    text-align: justify;
    text-align-last: center;
}
.description_partir .desc_partir p,.description_partir .desc_partir span {
    font-family: 'Arial',sans-serif;
    color: #fff;
    font-size: 14px;
    text-align: justify;
    padding: 0px 30px;
    margin: 0;
}
.sejours .ou_partir .card:hover .description_partir{ display:block;}

.carousel-control-prev { left: -50px; width: 5%;}
.carousel-control-next { right: -50px; width: 5%;}
.destination .product-img { position: relative;}
.destination h3 {
    position: absolute; 
	bottom: 20px; 
	left: 40px;  
	color: #fff; 
	font-size: 26px;
    font-weight: 400; 
	font-family: 'Poppins';
    text-transform: capitalize;
    margin: 0;
    background: rgb(142 142 142 / 40%);
    padding: 5px 10px;}
.grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 4px;
  max-width: 1500px;
  padding: 0 15px;
  margin: 30px auto;
  list-style: none;
}

.grid li {
  height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--gray);
  position: relative;
  cursor:pointer;
}
.voyage h2,.voyage h3{color :#fff;}
.grid li:nth-child(10n + 1):not(:nth-last-child(-n + 3)),
.grid li:nth-child(10n + 8):not(:last-child) {
  grid-row: auto / span 2;
  height: 100%;
}

.grid li:nth-child(5) ~ li {
  display: none;
}
.voyage .img-card {
    width: 160px; 
	height: 160px;
    border-radius:50%;
    /*margin: auto;*/ 
	overflow: hidden;}
.voyage .img-card img {
    width: 100%;
    object-fit: cover;}
.title-voyage {
    color: #2d2d2d;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;}
.voyages_monde_par_continent{ background:#ebebeb;}
.voyages_monde_par_continent_content .monde{background:#ebebeb; }
.voyages-monde .title h2 {
    text-transform: uppercase;
    color: #fff;
}
.voyages-monde .title h2 span { font-weight: 700;}
.monde {
    margin:0;
    background: #fff;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
}
.monde .map {
    transform: translate(0px, 25px);
    height: 90px;
    margin: auto;
}
.monde:hover {
    background: rgb(48 17 188 / 25%);
}
.monde a { text-decoration: none;}
.monde .map img {
    height: 80px;
    object-fit: contain;
}
.monde a:hover img {
    filter: drop-shadow(2px 4px 6px black);
}
.monde a:hover h4 { color: #000;}
.monde h4 {
    font-family: 'Barlow condensed';
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding-top: 10px;
    color: #5f4b96;}
.magazine .card{
    border: none;
    border-radius: unset;
    background: unset;}
.magazine .card .card-img {
    border: none;
    border-radius: unset;}
.magazine .card .card-img img {
    height: 220px;
    width: 100%; 
	object-fit: cover;}
.magazine .card .card-body {
    background: #fff; 
	width: 90%;
    margin: 0 auto;
    margin-top: -50px;
    height: 100%;
    display: flex;
    flex-direction: column;}
.magazine .card .card-body h3 {
    color: #df9512;
    font-family: 'Barlow condensed';
    font-size: 20px;
    font-weight: 400;
}
.magazine .card .card-body .text-content {
    font-size: 14px;
    color: #373737;
    font-family: 'Arial',sans-serif;
    font-weight: 400;}
.right-magazine .card-img {
    overflow: hidden;
    height: 250px;}
.right-magazine .card-img img {
    width: 100%;
    height: inherit;
    object-fit: cover;}
.test .filter-img { position: relative;}
.test .filter-img img {
    width: 100%;
    height: inherit;
    object-fit: cover;}
.test .filter-img .mask {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 50%; 
	transform: translateX(-50%)!important;
    background: rgb(29 29 29 / 86%); 
	width: 100%; 
	padding: 10px;}
.test .filter-img .mask a {text-decoration: none;}
.test .filter-img .mask h4 {
    color: #df9512;
    font-family: 'barlow condensed';
    font-size: 22px; 
	font-weight: 600;}
.test .destination-btn {
    color: #3095e6;
    border: 2px solid #3095e6; 
	font-weight: 600; 
	font-family: 'barlow condensed'; 
	font-size: 16px;}
.test .destination-btn:hover {
    color: #fff;
    border: 2px solid #3095e6;}
.avant-partir .title h2{ position: relative;}
.avant-partir .title h2:after {
    content: '';
    border-bottom: 1px solid #5f4b96;
    display: block;
    line-height: 0;
    position: absolute;
    width: 70%; 
	top: 50%;   
	right: 0;}
.avant-partir h3 {
    color: #df9512; 
	font-family: 'barlow condensed';
    font-size: 26px;
    font-weight: 400;}
.avant-partir p {
    font-size: 14px;
    color: #373737;
    font-family: 'Arial',sans-serif;
    font-weight: 400;
    text-align: justify;}
.avant-partir .destination-btn {
    color: #fff;
    background: #479de8;
    border: 2px solid #479de8;
    font-weight: 600;
    font-family: 'barlow condensed'; 
	font-size: 16px;
    margin: 0;}
.avant-partir .destination-btn:hover {
    color: #fff;
    border: 2px solid #3095e6;}
.experience .experience-img {
    width: 340px;
    height: 190px;
    overflow: hidden;
    position:relative;
}
.experience .experience-img img {
    width: 100%;   
	height: inherit;
    object-fit: cover;
}
.experience .experience-img:hover .mask-experience, .experience .galerie-img:hover .mask-experience {
    background: #0000006e;
    width: 100%;
    height: 100%;
    bottom:0;
}
.experience .galerie-img .mask-experience .fa {opacity:0;}
.experience .galerie-img:hover .mask-experience .fa {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
}
.service img {
    width: 100%;
    height: inherit;
    object-fit: cover; 
	max-height: 300px;}
.service1 {
    background: #f1f1f1; 
	border: 8px solid #479de8;
    padding: 20px 30px;}
.service1 h2{
    color: #479de8;
    font-family: 'Barlow condensed';
    font-size: 30px; 
	font-weight: 400;}
.service2,.service5,.service3,.service7{ position: relative;}
.service2 .mask,.service5 .mask {
    position: absolute;
    background: rgb(0 0 0 / 50%);
    top: 0;  
	width: 100%; 
	height: 100%;}
.service3 .mask,.service7 .mask {
    position: absolute;
    background: rgb(0 0 0 / 25%);
    top: 0; 
	width: 100%;  
	height: 100%;}
.service2 .mask h2,.service5 .mask h2 {
    color: #fff; 
	font-family: 'Barlow condensed';  
	font-size: 30px;  
	font-weight: 400;  
	margin-left: 50px;}
.service2 .mask h2 {margin-top: 50%;}
.service5 .mask h2 {margin-top: 30%;}
.service4 {
    background: #479de8;
    padding: 20px 50px;}
.service6 {
    background: #df9512; 
	padding: 20px; 
	position: relative;}
.service6 h2 {
    position: absolute;
    bottom: 20%;}
.service4 h2, .service6 h2 {
    color: #fff;
    font-family: 'Barlow condensed';
    font-size: 30px;
    font-weight: 400;
    line-height: 32px;
    margin: 0;
}
.suivez-nous {
    background: url(../images/voyage-photo-images-du-monde-2.png) no-repeat;
    position: relative;
    background-size: cover;}
.suivez-nous::before {
    content: '';  
	display: block;   
	background: rgb(95 75 150 / 76%);
    position: absolute;   
	width: 100%;  
	height: 100%;  
	top: 0;   
	left: 0;   
	right: 0;}
.suivez-nous .title h2{
	color: #fff;
	text-align: center; }
.planification .planification-content {
	position: relative;    
	height: 415px;
    overflow: hidden;}
.planification .planification-content img {
	width: 100%;
    height: inherit;
    object-fit: cover;}
.planification .planification-content .mask {
    position: absolute;   
	background: rgb(0 0 0 / 50%); 
	top: 0;    width: 100%;  
	height: 100%;  
	text-align: center; 
	display: flex;    
	flex-direction: column; 
	justify-content: center; 
	align-items: center;}
.planification .planification-content a { height: 100%;}
.planification .planification-content .mask a { height: auto;}
.planification .planification-content .mask h3 {
    color: #fff;
    font-family: 'Barlow condensed';
    font-size: 36px;
    font-weight: 300;
}
.planification .planification-content .mask h4 {
    color: #fff;  
	font-family:  'Barlow condensed';
	font-size: 24px;  
	line-height: 34px;
    font-weight: 300;  
	letter-spacing: .025rem; 
	margin: 20px 70px;}
.planification .planification-content .mask .btn-list {
    color: #fff;  
	background: #479de8;   
	border: 2px solid #479de8;
    font-weight: 600;
    font-family: 'Barlow condensed';
	font-size: 16px;
    margin: 0;  
	text-transform: uppercase;  
	letter-spacing: .1rem;}
.planification .planification-content .mask .btn-list:hover {
	color: #fff;
    background: #3095e6;}
.blog .blog-content {
	position: relative; 
	height: 280px;  
	overflow: hidden;}
.blog .blog-content img {
	width: 100%;  
	height: inherit; 
	object-fit: cover;}
.blog .blog-content .mask-blog {
    position: absolute;
    background: rgb(0 0 0 / 50%);
    top: 0;  
	width: 100%;  
	height: 100%;
    outline: 1px solid #707070;  
	outline-offset: -20px; 
	text-align: center;  
	display: flex;  
	flex-direction: column; 
	justify-content: space-around;
    align-items: center;}
.blog .blog-content .mask-blog h3 {
    color: #fff;
    font-size: 22px;
    line-height: 32px;
    margin: 0 70px;
    margin-top: 50px;
    font-family: 'barlow condensed';
    font-weight: 400;
}
.blog .blog-content .mask-blog .btn-devis {
    font-size: 16px;
    font-family: 'barlow condensed'; 
	font-weight: 500; 
	color: #000;   
	background: #fff; 
	width: fit-content; 
	margin-bottom: 50px;}
.raisons-voyage .raison {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    min-height: 146px;
    justify-content: space-between;
    align-items: center;
}
.raisons-voyage .raison img {
    max-width: 93px;
    min-height: 95px;
    object-fit: contain;
}
.raisons-voyage .raison h3 {
    color: #2d2d2d;
    font-size: 16px;
    font-family: 'barlow condensed'; 
	font-weight: 500;   
	line-height: 28px; 
	margin-top: 15px;  
	text-transform: uppercase;}
.tout-parle { background: #5f4b96;}
.tout-parle .title h2{
    color: #fff; 
	font-weight: 500;}
.travel-store {
    background: #df9512; 
	padding: 20px 60px; 
	margin-bottom: 10px;}
.travel-store span {
    font-family:  'Barlow condensed'; 
	font-size: 30px;   
	color: #fff;    
	font-weight: 500;}
.travel-store p {
    font-family: 'Barlow condensed';
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin: 0;
}
.newsletter {
    background: url(../images/bg-newsletter.png) no-repeat;
    position: relative;
    background-size: cover;
	background-position: center;}
.newsletter .title h2 {
    color: #3a3a3a;
    font-family: 'barlow condensed';
    font-weight: 500; 
	font-size: 24px;  
	margin-bottom: 10px;}
.newsletter .title h2 span{ font-weight: 700;}
.newsletter .title h3 {
    color: #3a3a3a;
    font-family: 'barlow condensed';
    font-weight: 500;
    font-size: 18px; 
	margin-bottom: 10px;}
.newsletter .input-sm {
    border-right: none;
    border-radius: unset;
    height: 60px;
    max-width: 570px;}
.newsletter .btn-newsletter {
    background: #4486cf;
    border-radius: unset;
    color: #fff;  
	font-family: 'Poppins';
    font-size: 24px;  
	font-weight: 500;}
.newsletter .btn-newsletter:hover {color: #fff;background: #3d90eb;}
footer ul li { margin-bottom: 10px;}
footer ul li a {
    font-family: 'Barlow condensed',sans-serif;
    color: #4b4b4b;  
	font-size: 16px; 
	font-weight: 400;}
footer ul li .fa-angle-double-right {
    color: #4b4b4b; 
	font-size: 14px;}
.title-ul {
    font-family: 'Barlow condensed';
    font-size: 22px;  
	font-weight: 400; 
	color: #3095e6;   
	line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 15px;}
.contact{ background: #f5f2ef;}
.contact h4 {
    font-family: 'Barlow condensed'; 
	font-size: 20px;  
	font-weight: 500; 
	color: #5f4b96;   
	line-height: 22px;
    text-transform: uppercase;
    margin: 10px 5px;}
.contact a { max-width: 50px; max-height: 50px;}
.contact p {
    font-family: 'Barlow condensed';
    font-size: 18px; 
	font-weight: 500;
    color: #303030;  
	line-height: 24px; 
	margin: 0;}
.pied-page p {
    margin: 0;
    font-family: 'Arial',sans-serif;
    font-size: 13px;   
	font-weight: 400; 
	color: #484848;}
.photoGrid {overflow:hidden; }
.photoGrid .photoGrid-item {
	float: left; 
	margin: 5px; }
.photoGrid .photoGrid-item img {
	width: 100%;
	max-width: 100%;
	max-height: 100%;}
	
.agence-bloc h2 {
    font-family: 'Barlow condensed';
    font-size: 22px;
    font-weight: 500;
    color: #303030;
    line-height: 28px;
}
.btn-3a {
    color: #fff;
    background: #479de8;
    border: 2px solid #479de8;
    font-weight: 600;
    font-family: 'Poppins';
    font-size: 16px;
    position: relative;
    display: inline-block;
    z-index: 1;
    margin: 0;
    padding: 10px 50px;
}
.btn-3a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #3095e6;
    z-index: 1;
    transition: transform 0.5s;
    transition-timing-function: ease;
    transform-origin: 0 0;
    transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
    transform: scaleX(0);
}
.btn-3a:hover {
    color: #fff;
    border: 2px solid #3095e6;
}
.btn-3a:hover::before{
    transform: scaleX(1);
    color: #fff !important;
    z-index: -1;
}
.agence-bloc{background: #f9fafd;}
.agence-bloc .bi, .agence-bloc .svg-inline--fa, .agence-bloc .fa {
    color: #68559b;
}
.agence-bloc p,#contact-form .styl-inf-ctct {
    color: #303030;
    font-family: 'Poppins';
}
.contact-form .form-control {
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #303030;
    background-color: #f9fafd;
    background-clip: padding-box;
    border: 1px solid #eee;
    border-radius: 0.2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.filter-section, .filter-section select {
    font-family: 'Barlow condensed';
    font-weight: 400;
}

.filter-section .card-header h4 {
    font-family: 'Poppins';
    font-size: 18px;
    color: #5f4b96;
    font-weight: 500;
}
.hotel_list .card .card-img,.voyage_list .card .card-img {
    position: relative;
    height: 220px;
    overflow: hidden;
}
.hotel_list .card .card-img img,.voyage_list .card .card-img img {
    height: 100%;
    object-fit: cover;
}
.hotel_list .price1 {
    font-size: 20px;
    color: #4486cf;
    font-weight: 600;
    font-family: 'Poppins';
    background: aliceblue;
    padding: 5px 10px;
}
.title .ville {
    color: #3095e6;
	font-family:'Poppins';
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    text-transform: none;
}
.detail_croisiere .right_detail_croisiere .title_right_detail_croisiere, .title_right_detail_croisiere {
    color: #5f4b96;
    font-size: 18px;
    font-family: 'Poppins';
    font-weight: bold;
    border-bottom: 1px solid #5f4b96;
    margin-bottom: 5px;
    text-transform: uppercase;
	padding:0;
}
.detail_croisiere .right_detail_croisiere .price_croisiere, .price_croisiere {
    border-bottom: 1px solid #5f4b96;
    color: #353535;
    font-size: 14px;
    font-family: 'Poppins';
    padding: 10px 0;
}
.price_croisiere .price {
    font-size: 44px;
    color: #df9512;
    font-weight: 600;
    font-family: 'Barlow Condensed', sans-serif;
    padding: 5px 10px;
}
.right_detail_croisiere .compagnie {
    color: #353535;
    font-size: 14px;
    margin-top: 10px;
	text-align:justify;
}
.tab-pane h4 {
    font-family: 'Poppins';
    font-weight: 600;
}
.tab-pane h5 {
    font-size: 26px;
    font-family: 'Poppins';
    font-weight: 500;
    color: #3011bc;
}
.tab-pane ul li, .tab-pane p span, .tab-pane span, .tab-pane p, #summary {
    font-size: 15px!important;
    font-family: 'Poppins';
    color: #303030;
}
.btn-3aa {
    color: #fff;
    background: #df9512;
    border: 2px solid #df9512;
    font-weight: 600;
    font-family: 'Poppins';
    font-size: 16px;
    position: relative;
    display: inline-block;
    z-index: 1;
    margin: 0;
    padding: 10px 50px;
}
.btn-3aa::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #cd880d;
    z-index: 1;
    transition: transform 0.5s;
    transition-timing-function: ease;
    transform-origin: 0 0;
    transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
    transform: scaleX(0);
}
.btn-3aa:hover {
    color: #fff;
    border: 2px solid #cd880d;
}
.btn-3aa:hover::before{
    transform: scaleX(1);
    color: #fff !important;
    z-index: -1;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #FFFEFE;
    background-color: #5f4b96;
}
.datepicker.dropdown-menu {
    background: #fffefe;
    border: none;
    width: 250px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}
.exclusivites_sejours .nav.nav-tabs .nav-tab-link {
    transition: background-color .3s .2s;
    padding: 15px 45px;
    margin: 10px;
    background: #febe15;
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%), 0 13px 24px -11px #febe15;
    border-radius: 25px;
    color: #fff;
    font-family: 'Poppins';
    letter-spacing: .025rem;
	text-decoration: none;
}
.exclusivites_sejours .nav.nav-tabs .nav-tab-link.active {
    background: #edc864;
}
.exclusivites_sejours .tab-content {
    padding: 10px;
    background: #f7f1e9;
}
#v-pills-reserver-tab {
    background: #febe15;
    color: #fff;
}
.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 0.25rem;
    width: fit-content;
    margin-right: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}
.content_excursion {
    color: #303030;
    font-size: 14px;
}
#dtp_PvldC .dtp-buttons .btn-success {
    color: #FFFEFE;
    background-color: #26c6da!important;
    border-color: #26c6da!important;
}
h4.titr-etap {
    font-size: 16px;
    color: #febe15;
    padding: 10px;
    margin: 10px 0;
	font-weight: 500;
}
.form-content label{
	color:#303030;
	font-family:'Poppins';
	font-size:14px;
	font-weight:400;
}
label{margin:0}
.txt-detail-label label {
    color: #303030;
    font-family: 'Poppins';
}
.pri-detail-label {
    color: #5f4b96;
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 600;
}
.reservation-form .form-control{color:#303030;font-family: 'Poppins';}
.input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #303030;
    text-align: center;
    background-color: #f9fcff;
    border: 1px solid #ACCAE5;
    border-radius: .25rem;
}
#liste_prix table th {
    color: #5f4b96;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 600;	
}
#liste_prix table td {
    color: #303030;
    font-family: 'Poppins';
	font-size:14px;
}

#liste_prix table td.pri-chmbr {
    color: #5f4b96;
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 600;
}
#total_table {
    background: #5f4b96;
    margin: 10px 0;
}
#total_table tr td{
    color: #fff;
    font-family: 'Poppins';
    font-size: 14px;
}
#total_table tr td .total_text{
	font-size: 18px;
    font-weight: 500;
	text-transform: uppercase;
}
#total_table tr td .prix-bleu {
    font-size: 22px;
    font-weight: 500;
}
.brdr-sou-pack {
    border-bottom: 1px dashed #d9d9d9;
}
.tab_detail_offre .meteo_voyage{display:block}
.tab_detail_offre .meteo_voyage_responsive{display:none}
.detail_croisiere .right_detail_croisiere .mois_croisiere .mois, .mois_croisiere .mois {
    color: #353535;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 600;
    padding: 5px 0 5px 0;
}
.nom_pays {
    font-size: 20px;
    text-align: center;
    font-family: 'Poppins';
    color: #3095e6;
    font-weight: 600;
    margin: 10px 0;
}
.info_utile_responsive {
    display: none;
}
.pays_slide .img_contenu_detail_croisiere {
    position: relative;
	height:260px;
}
.info_utile_detail.drapeau {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.pays_slide .drapeau .haut_info_utile {
    position: relative;
}
.pays_slide .drapeau .haut_info_utile .pin1 {
    position: absolute;
    border-radius: 50% 50% 50% 0;
    border: 2px solid #000;
    width: 44px;
    height: 44px;
    transform: rotate(-45deg) translate(-15px, -20px);
    overflow: hidden;
    background: #fff;
    z-index: 1;
}
.pays_slide .drapeau .haut_info_utile .pin1:before {
    position: absolute;
    content: '';
    width: 36px;
    height: 36px;
    border-radius: 50%;
    top: 5%;
    left: 5%;
    border: 1px solid #000;
    z-index: 2;
    overflow: hidden;
}
.pays_slide .drapeau .haut_info_utile .pin1 img {
    z-index: 1;
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    top: 5%;
    left: 5%;
    object-fit: cover;
}
.contenu_guides_pays .img_contenu_detail_croisiere {
    position: relative;
}
.contenu_guides_pays .info_utile {
    background: rgba(95,75,150,0.8);
    height: 180px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.pays_slide .info_utile {
    height: 200px;
    color: #000;
    background: transparent;
    box-shadow: 0px 5px 17px #aaa;
}
.info_utile_detail {
    max-height: 140px;
}
.haut_info_utile {
    height: 40px;
    font-size: 20px;
    text-align: center;
}.title_info_utile {
    font-size: 14px;
    font-family: 'Barlow Condensed';
    color: #39434d;
    text-transform: uppercase;
    letter-spacing: .05rem;
    font-weight: 500;
    height: 30px;
}
.haut_info_utile img {
    max-width: 50px;
}
.text_info_utile {
    font-size: 18px;
    font-family: 'Barlow Condensed';
    width: 70%;
    margin: auto;
    text-align: center;
}
.text_info_utile span {
    font-weight: 500;
    color: #000;
}
.extensions_voyage {
    margin-bottom: 10px;
    width: 100%;
    /* height: 165px; */
}
.extensions_voyage .box_extension {
    border: 1px solid #dddddd;
    position: relative;
    text-align: center;
    vertical-align: middle;
    margin: auto;
    height: 165px;
    float: none;
    width: 100%;
    margin-bottom: 10px;
}
.extensions_voyage .box_extension img {
    height: 100%;
    width: 100%;
    display: inline-block;
}
.extensions_voyage .box_extension .title_extension {
    background: rgba(255,255,255,0.85);
    color: #292929;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    top: 5px;
    left: 10px;
    padding: 10px;
    width: 90%;
    text-align: left;
    text-transform: uppercase;
}
.prix_extension {
    font-size: 16px;
    color: #df9512;
    font-weight: 600;
    font-family: 'Poppins';
}
.w-10 {
    width: 10%;
}
.w-90 {
    width: 90%;
}
.w-35{
    width:35%;
}
.w-65{
    width:65%;
}
.liste_voyages ul {padding:0;}
.liste_voyages ul li  {
	list-style: url(../images/puce.png) inside;
    padding: 5px;
}
.liste_voyages ul li , .liste_voyages ul li span {
    font-family: 'Poppins';
    font-size: 14px!important;
    text-align: left;
}
.avis_specialiste .text_avis p,.avis_specialiste .text_avis p span {
    font-family: 'Poppins';
    font-size: 14px!important;
	text-align:center;
	font-weight:400;
}
.avis_specialiste .text_avis p:last-child{margin:0}

.details-fancy ul li , .details-fancy ul li span {
    font-family: 'Poppins';
    font-size: 16px!important;
}

.destination_moment .card-img {
    position: relative;
}
.destination_moment .card-body {
    position: absolute;
    background: rgba(53, 53, 53, 0.4);
}
.destination_moment .sejours-title h3 {
    color: #fff;
    font-family: "Rochester",cursive;
    font-size: 36px;
    font-weight: 400;
    padding: 15px 0;
    margin: 0;
}
.destination_moment .sejours-content p {
    color: #fff;
    font-size: 14px;
    margin: 0;
    font-family: 'Arial',sans-serif;
}
.line-separator.line {
    width: 50%;
    margin: 0 auto;
    height: 1px;
    background: #fff;
    margin-bottom: 10px;
}

.mask-destination{
    font-family: "Rochester",cursive;
    font-size: 24px;
    margin: 10px;
    padding: 5px 30px;
    background: rgb(38 45 51 / 41%);
    color: #fff;
}
.continent-destination .mask-destination{
    background:linear-gradient(to top, #000000d4 5%,#ffffff00 60%);
}
.continent-destination .mask-destination:hover {
    background: linear-gradient(to top, #000000d4 5%,#000000d4 5%);
}
.themes .mask-destination {
    font-family: "Rochester",cursive;
    font-size: 24px;
    padding: 5px 30px;
    background: rgb(68 68 68 / 70%);
    color: #fff;
    width: 100%;
    font-weight: 900;
    height: 100%;
    margin: 0;
}
.tabs_mois input {
    display: none;
}
.tabs_mois label {
    text-transform: uppercase;
    float: left;
    margin: 0 0 -1px;
    margin-bottom: 10px;
    padding: 10px 28px;
    text-align: center;
    color: #fff;
    background: #febe15;
    width: auto;
    border: 1px solid transparent;
    border-right: 1px solid #eee;
	cursor:pointer;
}
.tabs_mois label:hover {
    background: #dca820;
}
.tabs_mois input:checked + label {
    color: #fff;
    background: #dca820;
}
.tabs_mois_responsive {
    display: none;
}

.avis-like,.avis-share {
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 24px;
    border: 1px solid #fff;
    border-radius: 50%;
}
.avis-like:hover,.avis-share:hover {
    background: #fff;
}
.avis-like .fa,.avis-share .fa {
    transform: translate(0%, 30%);
}
.avis-like:hover .fa {
    color: red;
}
.avis-share:hover .fa {
    color: #3011bc;
}
#share .contenu_modal .avis-share{color: #291096;border: 1px solid #291096;text-align: center;}
#share .contenu_modal .avis-share:hover {
    background: #291096;
}
#share .contenu_modal .avis-share:hover .fa {
    color: #fff;
}
.categorie_blog .fa,.date_blog .fa {color:#000;}
.categorie_blog a {
    background: #febe15;
    color: #fff;
    padding: 3px 8px;
    border-radius: 5px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
}
.date_blog {
    color: #000;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
}
.titre_blog {
    color: #3011bc;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    font-size: 32px;
    border-bottom: 1px solid #000;
    padding: 10px 0;
}
.articles_blog p, .articles_blog p span {
    color: #000;
    font-family: 'Arial',sans-serif;
    font-size: 16px!important;
}
.categories_blog_droite .titre_categ a {
    font-size: 16px;
    color: #303030;
    font-family: 'Barlow condensed';
    font-weight: 500;
}
.categories_blog_droite ul li:before {
    content: '|—';
    padding-right: 10px;
    color: #303030;
    font-weight: 500;
}
.categories_blog_droite ul li a {
    color: #febe15;
    font-family: 'Barlow condensed';
    font-weight: 400;
    font-size: 15px;
}
.vols .alert p{margin:0}
/*-------------------------------------------------------------- # pagination --------------------------------------------------------------*/
.page-link {
    padding: 0.375rem 1rem;
    font-family: 'Barlow condensed';
    font-size: 14px;
    background: #febe15;
    border: none;
    margin: 2px;
    color: #fff;
}
.page-link:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #f8cc59;
    border: none;
}
.page-item.disabled .page-link {
    color: #869DB2;
    pointer-events: none;
    background-color: #eee;
    border-color: #C5E0FA;
}
.page-item.active .page-link {
    z-index: 3;
    color: #FFFEFE;
    background-color: #5f4b96;
    border-color: #5f4b96;
}
.page-item:not(:first-child) .page-link {
    margin-left: 2px;
}
.header-details .cover__mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.28);
    z-index: 1;
}
.header-details .cover__mask .title h1 {
    color: #fff;
    font-size: 60px;
    font-family: 'Barlow Condensed', sans-serif;
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: .05rem;
}
.header-details .cover__mask .description p {
    color: #d9edff;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 22px;
    margin: 0;
    line-height: 28px;
}
.header-details .cover__mask .pays {
    color: #402e70;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 18px;
    background: rgb(250 235 215 / 57%);
    margin: 0 10px;
    letter-spacing: .05rem;
    border-radius: 20px;
}
.header-details .cover__mask .btn-button-voyage {
    color: #402e70;
    font-family: 'Barlow condensed' , sans-serif;
    font-weight: 500;
    font-size: 18px;
    background: #fffefe;
    margin: 0 10px;
    letter-spacing: .05rem;
    border-radius: 20px;
}
.header-details .cover__mask .pays a:hover {
    color: #fff;
    text-decoration: none;
}
.header-details .cover__mask .btn-button-voyage:hover {
    color: #fff;
    background:#402e70;
    text-decoration: none;
}
.header-details .cover__mask .villes {
    color: #fff;
    font-size: 24px;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: .05rem;
}
.header-details .a-partir-vignette {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    bottom: -50px;
    right: 0;
    width: 320px;
    height: 320px;
    padding: 30px;
    text-align: center;
    border-radius: 50%;
    z-index: 2;
    font-size: .875rem;
    letter-spacing: .5px;
    background: #262d33;
    outline: 1px solid #fffefe;
    outline-offset: -7px;
}
.header-details .a-partir-vignette .title_vignette {
    color: #fff;
    font-size: 16px;
    font-family: 'Poppins';
    letter-spacing: .1rem;
}
.header-details .a-partir-vignette .btn-3a {
    color: #fff;
    background: transparent;
    border: 1px solid #fffefe;
    font-weight: 400;
    border-radius: 20px;
    font-family: 'Poppins';
    font-size: 12px;
    position: relative;
    display: inline-block;
    z-index: 1;
    margin: 0;
    padding: 10px 20px;
	overflow: hidden;
}
.header-details .a-partir-vignette .btn-3a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: #febe15;
    z-index: 1;
    transition: transform 0.5s;
    transition-timing-function: ease;
    transform-origin: 0 0;
    transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
    transform: scaleX(0);
}
.header-details .a-partir-vignette .btn-3a:hover::before {
    transform: scaleX(1);
    color: #fff !important;
    z-index: -1;
}
.popup_ville h2 {
    font-size: 28px;
    letter-spacing: .075rem;
    font-family: 'Barlow Condensed', sans-serif;
    margin-bottom: 20px;
}
.btn-decouv {
    text-transform: uppercase;
    color: #fff;
    background: #000;
    border-radius: 0;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 400;
    letter-spacing: .05rem;
}
.avis-voyageur h2 {
    font-size: 28px;
    text-align: center;
    letter-spacing: .075rem;
    font-family: 'Barlow Condensed', sans-serif;
    margin-bottom: 20px;
}
.avis a, .avis{
    color: #fff;
    font-size: 22px;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: .05rem;
}

.avis-voyageur .commentaire_avis,.avis-voyageur .commentaire_avis p,.avis-voyageur .commentaire_avis p span {
    text-align: justify;
    font-size: 14px!important;
    color: #303030;
    font-family: 'Arial',sans-serif;
}
.avis-voyageur .commentaire_avis:before {
    content: '\f10d';
    font-family: Fontawesome;
    color: #5f4b96;
    margin-right: 10px;
	font-size: 10px;
}
.avis-voyageur .commentaire_avis:after {
    content: '\f10e';
    font-family: Fontawesome;
    color: #5f4b96;
    margin-left: 10px;
	font-size: 10px;
}
.avis-voyageur .nom_avis {
    font-size: 20px;
    color: #3011bc;
    font-family: 'Barlow Condensed', sans-serif;
}
.btn-galerie {
    z-index: 1;
    display: inline-block;
    border: 1px solid;
    border-radius: 30px;
    color: #fff;
    padding: 10px 50px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-galerie:hover {
    color: #febe15;
    text-decoration: none;
}

.breadcrumbs ol li, .breadcrumbs ol li a {
    color: #fff;
    font-family: 'Barlow Condensed';
    letter-spacing: .025rem;
    line-height: 20px;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
    line-height: 20px;
}
.sous_ban .breadcrumbs ol li,.sous_ban .breadcrumbs ol li a {
    color:#5f4b96;
}
.breadcrumb-item.active,.sous_ban .breadcrumb-item.active {
    color: #febe15;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #fff;
    content: var(--bs-breadcrumb-divider, "\F285");
	font-family:'bootstrap-icons';
	font-size:12px;
}
.sous_ban .breadcrumb-item + .breadcrumb-item::before {
    color:#5f4b96;
}
.villes-header span:last-child {
    display: none;
}
.envie_right {
    background: url(../images/parc-national-de-joshua.jpg) no-repeat center center;
    position: relative;
    z-index: 0;
    background-size: cover;
    display: flex;
    flex-direction: column;
	border-radius: 20px;
	min-height:150px;
}
.envie_right:before {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    background: rgba(0,0,0,.25);
	border-radius: 20px;
}
.envie_right .envie_right_content {z-index: 2;}
.envie_right .title_right {
    font-family: Barlow Condensed,sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 24px;
    color: #fff;
}
.envie_right .module__seo__tags {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    max-width: 650px;
    margin: 5px 0;
    font-size: 12px;
    line-height: 2.9166666667;
}
.envie_right .module__seo__tags li {
    margin: 3px;
    list-style: none;
	padding: 0;
}
.envie_right .button.tag {
    padding: 0px 16px;
    text-transform: none;
    letter-spacing: .5px;
	z-index: 1;
	font-family:'Barlow condensed',sans-serif;
    display: inline-block;
    border: 1px solid;
    border-radius: 5px;
    color: #fff;
	cursor: pointer;
	user-select: none;
}
.envie_right .button.tag:hover {
    background-color: #fff;
    color: #000;
    border-color: #fff;
    text-decoration: none;
}
.img_contenu_guide_ville {
    background: #262d338f;
    padding: 10px 25px;
    left: 12%;
}
.img_contenu_guide_ville .title h1 {
    color: #febe15;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 34px;
    letter-spacing: .05rem;
    margin: 0;
    text-transform: uppercase;
    text-shadow: -2px 4px 0px #303030;
}
.btn-theme {
    color: #000;
    background: transparent;
    border: 1px solid #000;
    font-weight: 500;
    border-radius: 5px;
    font-family: 'Barlow condensed';
    font-size: 18px;
    position: relative;
    display: inline-block;
    z-index: 1;
    margin: 0;
    padding: 0px 20px 0px 0;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .05rem;
}

.btn-theme:hover {
	background:#000;
	color:#fff;
	border:1px solid #000;
}


.btn-theme .icone-noir{ display:inline-block; }

.btn-theme .icone-blanc{ display:none; }

.btn-theme:hover .icone-blanc{  display:inline-block; }

.btn-theme:hover .icone-noir{  display:none; }

.themes_section .btn-theme:hover {
    background: #fff;
    color: #000!important;
}
.themes_section .btn-theme .icone-blanc{ display:inline-block; }

.themes_section .btn-theme .icone-noir{ display:none; }

.themes_section .btn-theme:hover .icone-noir{  display:inline-block; }

.themes_section .btn-theme:hover .icone-blanc{  display:none; }

#more_guide_ville h2,.ville_guide_pays h2 {
    font-size: 32px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    color: #3011bc;
}
#more_guide_ville p, #more_guide_ville p span ,.ville_guide_pays p,.ville_guide_pays p span{
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 14px!important;
	text-align: justify;
}
#more_guide_ville p strong,.ville_guide_pays p strong {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 20px;
}
.read_more,.all_articles a {
    color: #3011BC;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 20px;
    font-weight: 500;
    padding: 8px 15px;
    border: 1px solid #3011bc;
}
.name_guide_ville {
    margin: 5px 0;
    font-family: 'Barlow Condensed', sans-serif;
    color: #3095e6;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
	text-align: center;
}
.box_circuit .img_circuit {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.box_circuit .img_circuit a {
    height: 100%;
}
.box_circuit .img_circuit img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 2px dashed rgb(48 17 188 / 25%);
    padding: 3px;
}
.bottomMenu {
    display: none;
    width: 80%;
    border-left: 1px solid #303030;
}
.bottomMenu .bottomMenu_title {
    font-size: 25px;
    line-height: 1.12;
    padding: 0 20px;
	font-family: Barlow Condensed,sans-serif;
    font-weight: 600;
    font-style: normal;
	color:#000;
}
.bottomMenu .bottomMenu_title_content .header__sticky__travel__term {
    font-size: 16px;
    padding: 5px 0 0px 20px;
	font-family: Barlow Condensed,sans-serif;
	font-weight: 400;
    font-style: normal;
	color:#000;
}
.bottomMenu .bottomMenu_title_content .header__sticky__travel__price {
    font-size: 16px;
    padding: 5px 5px 0;
    color: #fe7a15;
	font-family: Barlow Condensed,sans-serif;
	font-weight: 400;
    font-style: normal;
}
.bottomMenu .contact_bottomMenu .btn-reservation {
    font-family: Barlow Condensed,sans-serif;
    font-weight: 400;
    font-style: normal;
    background: #febe15;
    border: 1px solid #febe15;
    border-radius: 50px;
    font-size: 18px;
    color: #fff;
}
.bottomMenu .contact_bottomMenu .btn-reservation:hover {
	background:#f9ca4e;
    border: 1px solid #f9ca4e;
}
.bottomMenu .contact_bottomMenu .tel_number {
    border-left: 1px solid #d8d8d8;
}
.bottomMenu .contact_bottomMenu .tel_number a {
    color: #000;
    font-family: Barlow Condensed,sans-serif;
    font-weight: 600;
    font-style: normal;
	padding: 0 10px 0 14px;
    white-space: nowrap;
    font-size: 21px;
	text-decoration:none;
}
.mask-card-img {
    background: #262d33cc;
    color: #fff;
    font-family: 'Barlow condensed',sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}
.iles_home .mask-card-img {
    height: 45px;
    overflow: hidden;
    transition: 1s;
}
.iles_home .card:hover .mask-card-img{
    height: 90px;
}
.discover a {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    background: #febe15;
    padding: 5px 15px;
    border-radius: 20px;
    margin-top: 10px;
}
.discover a .fa {
    font-size: 14px;
}
.voyage_plus .sejours-title h3 {
    color: #3011bc;
    font-family: 'Barlow condensed',sans-serif;
    font-size: 22px;
    font-weight: 500;
    padding: 15px 0;
    margin: 0;
}
.voyage_plus .sejours-title .linkpays {
    color: #3a1bc5;
    font-family: 'Barlow condensed',sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 0 10px;
    margin: 0;
    letter-spacing: .05rem;
}

.voyages_pays .voyages_pays_title h2 {
    font-size: 30px;
    font-family: 'Barlow condensed',sans-serif;
    color: #5f4b96;
    font-weight: 500;
    letter-spacing:.075rem;
    text-transform: uppercase;
}
.voyages_pays .voyages_pays_content,.voyages_pays .voyages_pays_content p {
    color: #000;
    font-family: 'Arial',sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height:22px;
}

.voyages_pays .right_guide_pays h3 {
    font-size: 24px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    color: #3011bc;
}
.h-35 {
    height: 35%;
}
.articles_pays .img_blog .card_img {
    height: 250px;
	overflow:hidden;
	box-shadow: inset 1px 1px 3px #ececec, inset -1px 0 3px #ececec;
}

.articles_pays .img_blog .card_img img {
    width: 100%;
    object-fit: cover;
    height: -webkit-fill-available;
}
.articles_pays .detail_blog .title a,.articles_pays .detail_blog .title {
    font-size: 20px;
    font-family: "barlow condensed",sans-serif;
    letter-spacing: .075rem;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}
.articles_pays .detail_blog .date {
    font-size: 16px;
    font-family: "barlow condensed",sans-serif;
    letter-spacing: .075rem;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
}
.articles_pays .detail_blog .lire_suite a,.articles_pays .detail_blog .morelink  {
    font-size: 16px;
    font-family: "barlow condensed",sans-serif;
    letter-spacing: .05rem;
    color: #3011bc;
    font-weight: 600;
    text-decoration: underline;
}
.arrow_block {
    position: relative;
    width: 45px;
    height: 45px;
    margin: auto;
    overflow: hidden;
	cursor:pointer;
}
.arrow,.less-arrow{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.arrow span{
    display: block;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}

.less-arrow span{
    display: block;
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(225deg);
    margin: -10px;
    animation: less-animate 2s infinite;
}
.less-arrow span:nth-child(2){
    animation-delay: 0.2s;
}
.less-arrow span:nth-child(3){
    animation-delay: 0.4s;
}
@keyframes less-animate {
    0%{
        opacity: 0;
        transform: rotate(225deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(225deg) translate(20px,20px);
    }
}
.sejours .continent-destination .card .card-img {
    height: 220px;
    border-radius: 50%;
    background: transparent;
    width: 220px;
    margin: auto;
}
/*--------------------------------------------------------------# sliks--------------------------------------------------------------*/
.slick-slide img { width: 100%;}
.slick-slider{
    position: relative;
    display: block; 
	box-sizing: border-box;  
	-webkit-user-select: none;
    -moz-user-select: none;   
	-ms-user-select: none;    
	user-select: none; 
	-webkit-touch-callout: none; 
	-khtml-user-select: none; 
	-ms-touch-action: pan-y;  
	touch-action: pan-y; 
	-webkit-tap-highlight-color: transparent;}
.slick-list{  
	position: relative; 
	display: block;   
	overflow: hidden;  
	margin: 0;  
	padding: 0;}
.slick-list:focus{ outline: none;}	
.slick-list.dragging{
	cursor: pointer;
	cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0); 
	-o-transform: translate3d(0, 0, 0); 
	transform: translate3d(0, 0, 0);}
.slick-track{
    position: relative;
    top: 0; 
	left: 0;
    display: block;}
.slick-track:before,.slick-track:after{
    display: table;
    content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{
    display: none;
    float: left; 
	height: 100%;
    min-height: 1px; 
	text-align: center;}
.slick-slide::before {
    content: '';  
	display: inline-block;
    height: 100%;  
	vertical-align: middle;}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.boxs_circuit .slick-slide,.sejour_boxs  .slick-slide{ margin:10px;}
.slick-initialized .slick-slide{
    float: none;  
	display: inline-block; 
	vertical-align: middle;}
.voyages-monde .slick-initialized .slick-slide {
    float: none;
    display: inline-flex;
    vertical-align: middle;
}	
.customer-megaMenu .slick-initialized .slick-slide{ text-align: left;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{
    display: block;
    height: auto;  
	border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.customer-logos,.customer-megaMenu{
	padding: 0;
	overflow: visible;  }
.slick-prev, .slick-next {
    position: absolute;
    top: 45%;   
	font-size: 1.8rem; 
	z-index: 9999;  
	cursor: pointer;}
.slick-prev { left: -30px;}
.slick-next { right: -30px;}
.slick-arrow {
    color: #444444;
    border: 1px solid #e1e1e1;
    padding: 5px 15px;  
	border-radius: 5px; 
	background: #fff;}
.slick-prev:hover,.slick-next:hover {
	background: #77c243; 
	color: #fff;}



/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
.bottom_menu.fixed-top .collapse:not(.show) {
    display: none!important;
}
.bottom_menu.fixed-top.navbar {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 1rem;
    padding-left: 1rem;
    border-bottom: 1px dashed #febe15;
}
.bottom_menu.fixed-top .navbar-toggler {
    display: block!important;
}
.bottom_menu.fixed-top .navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block !important;
    margin-top: 1.8rem !important;
}
.bottom_menu.fixed-top .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.bottom_menu.fixed-top .navbar-nav {
  display: flex;
  flex-direction: column; 
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.bottom_menu.fixed-top .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.bottom_menu.fixed-top .dropdown-menu {
    position: static;
}

.bottom_menu.fixed-top .border-top {
    border-top: 1px solid #C5E0FA !important;
}

.bottom_menu.fixed-top .nav-link-text {
    color: #434343;
    font-family: 'Poppins',sans-serif;
    font-size: 16px;
    word-break: break-word;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .025rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/*--------------------------------------------------------------*/


/*-------------------------------------------- Responsive ----------------------------------------------*/
@media (max-width: 1539px){
    .travel-store { 
	margin-bottom: 25px;padding: 20px 40px; }
	.travel .destination-btn { width:50%;}
}
@media (max-width: 1400px) and (min-width: 992px){
    .nav-link-text { font-size: 13px; }
}
@media (max-width: 1300px){
    .carousel-control-prev { left: 0; } 
	.carousel-control-next { right: 0; }
	.cover_contenu{padding-bottom:100px;}
}
@media (min-width: 1200px) and (max-width: 1539px){
    .container.container-custom {
        max-width: 1340px;
    }
}

@media (min-width: 992px) and (max-width: 1200px){
    .container.container-custom {
        max-width: 1140px;
    }
}

@media (max-width: 1110px){
.title_info_utile{height:50px;}
.pays_slide .info_utile{height:220px;}
}

@media (max-width: 992px){
    .avant-partir .title h2:after { width: 50%; }
	.travel .destination-btn { width: 70%;}
    .container.container-custom {
        max-width: 920px;
    }
}

@media (max-width: 920px){
    .bottomMenu {
        width: 100%;
        border-left: none;
    }
}
@media (max-width: 768px){
    .travel-store {
        margin-bottom: 25px;
        width: 100%; }
	.experience .experience-img {
        width: 100%; 
		height: 300px; }
	.travel .destination-btn { width:100%;}
	.tabs_mois {
		display: none;
	}
	.tabs_mois_responsive {
		display: block;
	}
	.header-details .cover__mask .title h1{font-size:40px;}
	.avis a, .avis{font-size:18px;}
	.btn-galerie{padding: 10px 15px;}
	#chartdiv {
        width: auto!important;
    }
}

@media only screen and (max-width: 767px) {
	.tab_detail_offre .meteo_voyage{display:none}
	.tab_detail_offre .meteo_voyage_responsive{display:block}
	.contenu_guides_pays .info_utile{ display:none}
	.info_utile_responsive{ display:block; background:rgba(95,75,150,0.8); height:135px; width:100%;}
	.info_utile_responsive{ height:260px; overflow:hidden}
	.text_info_utile {
    font-size: 14px;
    width: 100%;}
	.pays_slide .img_contenu_detail_croisiere {
		height:auto;
	}
	.pays_slide .info_utile_responsive{
		height: 260px;
		color: #000;
		background: transparent;
		box-shadow: 0px 5px 17px #aaa;
	}


}

@media only screen and (max-width: 722px) {
    
	.pays_slide .info_utile_responsive{
		height: 380px;
	}
	/*.pays_slide .drapeau .haut_info_utile .pin1 { left:40%;}*/
}

@media (max-width: 540px){
    .info_utile_detail {
        min-height: 160px;
    }
}

@media (max-width: 500px){
    .avant-partir .title h2:after { width: 0; }
    /*.pays_slide .drapeau .haut_info_utile .pin1 {
        left: 0;
    }*/
}

@media (max-width: 480px){
    /*.pays_slide .drapeau .haut_info_utile .pin1 {
        left: -10px;
    }*/
}
@media (max-width: 400px){
    .bg-holder-h1 {
        font-size: 45px;
        margin: 50px 0; }
	.planification .planification-content .mask h4 { margin: 20px; }
    .title h2 { font-size: 25px; }
    .magazine .card .card-body  h3 { font-size: 18px; }
    .avant-partir h3 { font-size: 22px; } 
	.destination-btn { font-size: 14px; }
}

@media (max-width: 390px){
	.info_utile_responsive{ height:280px; overflow:hidden}
}