/* :root {
	--bs-primary: var(--bs-primary);
	--bs-secondary: #001B39;
} */
@font-face {
  font-family: 'TrajanPro';
  src: url('/font/TrajanPro3ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'TrajanPro';
  src: url('/font/TrajanPro3Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'TrajanPro';
  src: url('/font/TrajanPro3Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'TrajanPro';
  src: url('/font/TrajanPro3SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'TrajanPro';
  src: url('/font/TrajanPro3Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'TrajanPro';
  src: url('/font/TrajanPro3Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue';
  src: url('/font/HelveticaNeue-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue';
  src: url('/font/HelveticaNeue-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue';
  src: url('/font/HelveticaNeue-Roman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue';
  src: url('/font/HelveticaNeue-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue';
  src: url('/font/HelveticaNeue-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

.quotes-right, .quotes-left{
	font-family: "TrajanPro" !important;
	font-weight: bold;
	font-size: 260px;
	line-height: 60px;
	letter-spacing: -23px;
	color: #cdc2a4;
}
.quotes-left {
  	transform: rotate(180deg) translateY(40px);
  	display: block;
	
}
.quotes-right {
	transform: translateY(40px);
	display: block;
}
.citation {
	width: 50%;
	padding: 0 !important;
}
body {
	font-family: "HelveticaNeue";
	overflow-x: hidden;
}
.btn{
	font-family: "HelveticaNeue" !important;
	text-decoration: none;
	/* padding-top: 11px !important; */
}
.container-defaut {
	max-width: 1240px;
	margin: 0 auto;
}
h2 {
	font-family: "TrajanPro";
	font-weight: bold;
}
h3 {
	font-family: "TrajanPro";
}
p {
	font-family: 'Helvetica Neue', sans-serif;
	font-weight: 300; /* Light */
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 0px;
}
a{
	text-decoration: none;
}
.btn-primary{
	color: var(--bs-light);
}
.size-height{
	height: inherit;
}
.size-width{
	width: inherit;
}
.dropdown-toggle::after {
    content: "";
    border: none;
    font-family: "bootstrap-icons";
    content: "\f282";
    margin-left: 0.5rem;
    font-size: 0.8rem;
	font-weight: bold !important;
}

.vagues {
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
.vagues .fond {
	background-color: rgba(140, 140, 140, 0);
	/* background-image: url(../img/effet.png); */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 150px;
	transition: background 0.3s, border 0.3s, border-radius 0.3s,
		box-shadow 0.3s;
	margin-top: -7% !important;
	margin-bottom: -1%;
	position: relative;
	z-index: 50;
}
.bold {
	font-weight: 800;
}
.merriweather {
	font-family: "Merriweather";
}
.text-gray {
	color: #6a6866;
}
.main {
	background-color: #f4f0ea;
	width: 100%;
}
.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
#footer {
	padding-top: 10px;
	font-family: "HelveticaNeue";
}
/* #footer .title-aranui {
	font-family: "Simonetta";
	font-size: 1.4rem;
} */
#footer .mt-5 p {
	font-size: 1rem;
}
#footer a {
	/* font-family: "HelveticaNeue"; */
}
#masthead .container,
.ast-header-breadcrumb .container {
	max-width: 100%;
	padding-left: 35px;
	padding-right: 35px;
}
.header {
	width: 100%;
	background-color: #001b39;
}
.header #mobHead2 {
	text-align: right;
	padding: 10px 0 12px 0;
	z-index: 100 !important;
	background-color: #001b39;
}
.lien-depart {
	color: #ab9165;
	margin-left: 25px;
	text-transform: uppercase;
	font-size: 0.85em;
	font-weight: 700;
	margin: 15px 0 50px 0;
}
.lien-depart a,
.lien-depart span {
	font-family: "HelveticaNeue";
	color: #ab9165;
	font-weight: 700;
}

#mobHead ul {
	margin: 0 0 0 0 !important;
	padding-left: 25px;
}
#mobHead li {
	display: inline;
}
#mobHead ul li a {
	color: white;
	padding-right: 15px;
	font-family: "HelveticaNeue";
	font-size: 12px;
}
#mobHead2 ul {
	list-style: none;
	margin: 0;
}
#mobHead2 ul li {
	display: inline-block;
}
#mobHead2 ul li a {
	color: white;
	padding-right: 15px;
}
.dropdown-menu {
	--bs-dropdown-link-active-bg: none;
}
a {
	text-decoration: none !important;
	color: var(--bs-primary);
	font-weight: 700;
	font-family: "HelveticaNeue";
	transition: all 0.2s ease-in-out;
}

a:hover {
	color: color-mix(in srgb, var(--bs-primary) 80%, transparent);
}
ul {
	list-style: none !important;
}
.fs-xl {
	font-size: 3.5em !important;
}
.header #mobHead {
	padding: 12px 0 0 0;
	z-index: 100 !important;
	background-color: #001b39;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 400ms;
	transition-delay: 0ms;
}
.header-text {
	font-family: "Merriweather", Sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: white;
	position: absolute;
	top: 45%;
	left: 5%;
	width: 40%;
	text-align: justify;
}
.header-title {
	font-family: "Simonetta", Sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	position: absolute;
	top: 35%;
	left: 5%;
	text-align: justify;
}
.button-white {
	font-family: "Simonetta", Sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	position: absolute;
	top: 60%;
	left: 3%;
	width: 35%;
	text-align: justify;
}
.carousel2 .button-white {
	top: 65% !important;
	left: 60% !important;
	transform: translate(-50%, -50%);
}

.carousel2 .button-white button {
	border-width: 1px !important;
	border-radius: 1px !important;
	color: #ffffff;
	border-color: #ffffff;
	font-size: 13px !important;
	padding: 10px 20px !important;
}
.button-white button {
	font-family: "HelveticaNeue", Sans-serif;
	background: transparent;
	border: 2px solid #fff;
	font-size: 15px;
	padding: 12px 24px;
	border-radius: 3px;
}
.button-white span {
	color: white;
}
.carousel-control-next,
.carousel-control-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3%;
	padding: 0;
	color: #fff;
	text-align: center;
	background: 0 0;
	border: 0;
	opacity: 0.5;
	transition: opacity 0.15s ease;
}
.cadre-image-depart {
	padding: 2%;
}
.carrousel-depart {
	padding: 2%;
	height: 325px;
}
.carrousel-depart .carousel {
	height: 325px;
}
.carrousel-depart .carousel div div img {
	object-fit: cover;
	object-position: center;
	min-width: auto;
}
.cadre-infos-depart {
	padding: 2%;
	color: #001b39;
}
.base-depart {
	background-color: white;
	width: 100%;
	padding: 25px;
	text-align: center;
	font-family: "Merriweather";
}
.base-depart input.prix-button {
	cursor: pointer;
	height: 16px;
	width: 16px;
}
label {
	display: inline-block;
}
.base-depart label.prix-button {
	font-size: 22px;
	font-weight: 700;
	color: #001b39;
	cursor: pointer;
	margin-right: 20px;
	font-family: "Merriweather";
}
.base-depart p {
	vertical-align: text-top;
	font-size: 12px;
	font-weight: 800;
	color: #001b39;
	display: inline;
	margin-right: 50px;
	font-family: "Merriweather";
}
.cadre-infos-depart h4 {
	color: var(--bs-primary);
	font-weight: 800;
	font-family: "Simonetta";
	font-size: 1.3333333333333rem;
	line-height: 1.2em;
}
.cadre-infos-depart p {
	font-size: 12px;
	font-family: "Merriweather";
}
.superficie {
	margin-bottom: -5px;
}
.derniere {
	background-color: #ed7d31;
}
.free {
	background-color: #00b050;
}
.complet {
	background-color: #ff0000;
}
.dispo {
	text-transform: uppercase;
	color: white;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
}
.encadre-dispo {
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}
.trait-depart {
	background-color: #f4f0ea;
	height: 5px;
}
.filter {
	color: #001b39;
	font-size: 25px;
	font-weight: 800;
	line-height: 15px;
	font-family: "Merriweather";
}
.surcharge {
	color: red;
	font-size: 13px;
	line-height: 15px;
	font-family: "Merriweather";
}
.double span,
.single span {
	font-size: 13px;
}
.tabcontent {
	margin-top: 5px;
	padding: 0px 20px;
	background-color: white;
}
#formalite .col-sm-4,
#option .col-sm-4 {
	padding: 2%;
}
#formalite div .col-sm-8,
#option div .col-sm-8 {
	padding-right: 2% !important;
}
#formalite div div p,
#option div div p {
	font-family: "Merriweather";
	color: var(--bs-black);
	margin-bottom: 1.75em;
	font-size: 15px;
}
#option div div ul {
	list-style: disc !important;
	margin: 0 0 1.5em 3em;
	font-family: "Merriweather";
	color: var(--bs-black);
	font-size: 15px;
}
#option div div ul li {
	margin-bottom: 0.5em;
}

/* Affiche la flèche à la fin de "DESTINATIONS" */
li.has-submenu::after {
	content: "\f105"; /* Code Unicode pour une flèche vers la droite */
	font-family: FontAwesome; /* Utilisez une police d'icônes comme FontAwesome pour la flèche */
	position: absolute;
	/* top: 20px; */
	right: 10px;
}

li.dropdown-item.has-submenu {
	padding-right: 0;
}

/* Ajuste la position du sous-menu à droite du bloc parent */
li.has-submenu ul.submenu {
	position: absolute;
	top: 0px;
	left: 100%; /* Place le sous-menu à droite du bloc parent */
	display: none; /* Cache le sous-menu au départ */
	background-color: #fff;
	padding: 20px;
	padding-top: 0;
	padding-bottom: 0;
	border-top: 2px solid var(--bs-primary);
}

/* Affiche le sous-menu lorsque l'élément parent est survolé */
.desktop-menu li.has-submenu:hover ul.submenu {
	display: block;
	top: -2px; /* Garantit que le sous-menu s'ouvre au même niveau que l'élément parent */
	left: 100%; /* Ajustez la position à droite */
}

ul.submenu li {
	display: block;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

ul.submenu li a {
	color: #6a6866;
}

ul.submenu li a:hover {
	color: var(--bs-primary);
}

img.img-fluid.w {
	height: 20px;
}

h1.title-default.text-center {
	text-transform: uppercase;
	font-family: "Simonetta";
	font-size: 45px;
	font-style: normal;
	font-weight: 900;
}

a.font-weight-bold.text-danger {
	font-size: 12px;
	font-family: "HelveticaNeue";
	font-weight: 700;
	text-transform: uppercase;
}

ul.breadcrumbs-trail {
	display: flex;
	color: var(--bs-primary);
	padding: 20px;
	padding-top: 0;
}

ul.breadcrumbs-trail span {
	font-size: 12.75px;
	margin-right: 0px;
	font-family: "HelveticaNeue";
}

.breadcrumbs-trail span {
	margin-right: 5px;
	margin-left: 5px;
	font-size: 16px;
}

.breadcrumbs-trail li.current {
	text-transform: uppercase;
	text-decoration: underline;
}

.breadcrumbs-trail li {
	text-transform: uppercase;
	font-weight: 700;
}

.breadcrumbs-trail a {
	font-size: 12.75px;
	font-weight: 700;
	margin-left: 5px;
}

.links-group .links li a {
	line-height: 1.2 !important;
	font-family: "HelveticaNeue";
}

.actif {
	/* background-image: url(//www.aranui.com/wp-content/uploads/2019/09/lenavire.png) !important; */
	background-repeat: no-repeat;
	background-size: 100% 85%;
	
}

a.actif {
	color: var(--bs-primary) !important;
	padding-left: 20px !important;
}

/* Cookies */
h1.cc_dialog_headline {
	display: none;
}

a.lwstyle {
	font-weight: 300;
}

.mobile-menu {
	display: none;
}

.header-brochure {
	font-weight: 700;
}

#footer a.mentionsLink {
	color: var(--bs-dark);
	font-size: 1rem;
	cursor: pointer;
}

#mentionsModal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}

#mentionsModal .elementor-container {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 20px;
	min-width: 1110px;
	max-height: 470px;
	overflow-y: auto;
}

#closeModalText {
	position: fixed;
	top: 40px;
	right: 35px;
	padding: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	font-family: "Merriweather";
	z-index: 1000; /* Pour s'assurer que le texte est au-dessus de la modale */
}

#closeModalText:hover {
	background-color: #555;
}

.elementor-container p {
	font-size: 15px;
	font-weight: 400;
	font-family: "Merriweather";
	color: rgb(122, 122, 122);
}

p.title-mentions {
	font-size: 24px;
	font-family: "Merriweather";
	color: rgb(122, 122, 122);
	font-weight: 700;
}

a.clicked {
	color: #ff0000; /* Remplacez cette valeur par la couleur de votre choix */
}

.main-header-bar {
	z-index: 4;
	position: relative;
	line-height: 4;
	margin-left: auto;
	margin-right: auto;
}
.header-main .flex.main-header-container {
	align-content: center;
	-webkit-box-align: center;
	align-items: center;
}
header {
	height: 100px;
}
.logo {
	line-height: 1;
	align-self: center;
}
.logo div {
	padding: 1em 0;
}
.nav-item {
	padding: 0 1em;
}
.nav-item a {
	font-weight: 700;
	font-size: 14px;
	margin-right: 0.5em;
	white-space: nowrap;
}
.navbar-nav {
	position: relative;
	/* padding-top: 3em; */
	margin: auto;
}

.first-link ul li a {
	font-size: 1rem;
	margin-bottom: 2px;
	float: left;
	width: 100%;
	font-weight: normal !important;
	/* margin-left: -25px; */
	color:var(--bs-dark);
}
.title-aranui {
	font-family: "TrajanPro";
	font-size: 1.7rem !important;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.links p {
	font-size: 0.75rem;
	line-height: 1.2;
	color: var(--bs-dark);
}
.footer-pgi {
	color: var(--bs-dark);
	width: 100%;
}
.custom-title {
	position: absolute;
	z-index: -1;
	margin-top: -16px;
	margin-left: -25px;
	width: 200px;
	height: 50px;
}

.title-aranui.text-color-white {
	text-transform: uppercase;
}

.carousel .item img {
	max-height: 768px;
	min-width: auto;
}
.custom-main {
	width: 100%;
	height: 50px;
	margin-top: -48px;
	position: absolute;
	z-index: 10;
}
.title {
	font-family: "TrajanPro";
	font-weight: bold;
	color: var(--bs-primary);
	font-size: 23px;
	max-width: 900px;
  	margin: auto;
	font-weight: bold;
	font-size: 40px;
	line-height: 50px;
	letter-spacing: -1px;
}
.title2 {
	font-family: "TrajanPro";
	font-weight: bold;
	color: var(--bs-primary);
	font-size: 20px;
}
.subtitle {
	font-family: "HelveticaNeue";
	font-size: 16px;
	color: var(--bs-black);
}
.text {
	color: var(--bs-black);
}
.text-justify {
	text-align: justify;
	color: var(--bs-black);
	padding-right: 52px;
	padding-left: 52px;
}
.text-home {
	margin: 0% 10% -1% 9%;
	/* text-align: justify; */
	font-family: "HelveticaNeue";
	font-size: 15px;
}
.text-img {
	position: absolute;
	top: 35%;
	left: 0;
	width: 100%;
}
.title-default {
	font-family: "TrajanPro";
	font-weight: 900;
	font-size: 45px;
	color: white;
	line-height: 1.2em;
}
.contact-button-beige {
	margin: auto;
	margin-bottom: 10px;
	background-image: url(/webroot/img/newsletters.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 295px 70px;
	height: 100px;
	width: 300px;
	text-align: center;
}
.contact-button-beige b a {
	color: var(--bs-primary) !important;
	font-weight: 800;
	font-family: "HelveticaNeue";
	font-size: 15px;
}
.contact-button-beige b {
	text-decoration: underline;
}
.contact-button-blanc {
	margin: auto;
	margin-bottom: 10px;
	background-image: url(/webroot/img/fond_savoir_plus_clair.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 295px 70px;
	height: 100px;
	width: 300px;
	text-align: center;
}
.contact-button-blanc b a {
	color: var(--bs-primary) !important;
	font-weight: 800;
	font-family: "HelveticaNeue";
	font-size: 15px;
}
.contact-button-blanc b {
	text-decoration: underline;
}
.plus-button-bleu {
	margin: auto;
	margin-bottom: 10px;
	background-image: url(/webroot/img/fond_savoir_plus_clair.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 160px 45px;
	height: 105px;
	width: 300px;
	text-align: center;
}
.plus-button-bleu b a {
	color: var(--bs-primary) !important;
	font-weight: 500;
	font-family: "HelveticaNeue";
	font-size: 14px;
}
.plus-button-marron {
	margin: auto;
	margin-bottom: 10px;
	background-image: url(/webroot/img/fond_savoir_plus.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 150px 50px;
	height: 105px;
	width: 300px;
	text-align: center;
}
.plus-button-marron b a {
	color: white !important;
	font-weight: 500;
	font-family: "HelveticaNeue";
	font-size: 14px;
}
.plus-button {
	text-decoration: underline;
	margin: auto;
	margin-bottom: 10px;
	background-image: url(/webroot/img/icone/title.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 295px 70px;
	height: 100px;
	width: 300px;
	text-align: center;
}
.plus-button b a,
.plus-button2 b a {
	color: var(--bs-primary) !important;
	font-weight: 800;
	font-family: "HelveticaNeue";
	font-size: 1em;
}
.carousel {
	width: auto;
	overflow: hidden;
}

.row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.container-fluid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.social-icon {
	display: flex;
	padding-top: 20px;
	justify-content: center;
	margin: auto;
}

.icon-social {
	width: inherit;
	height: inherit;
	
	/* display: inline-block;
	border-radius: 50%;
	font-size: 25px;
	line-height: 25px;
	width: 50px;
	height: 50px;
	box-shadow: none;
	padding: 13px 13px;
	text-decoration: none; */
}
.icon-facebook {
	/* background-color: #3b5998; */
}
.icon-youtube {
	/* background-color: #cd201f; */
	/* padding: 13px 11px !important; */
}
.icon-instagram {
	/* background-color: #262626; */
	/* padding: 13px 14px !important; */
}

.icon-social i {
	/* color: white; */
	width: inherit;
	height: inherit;
	padding: 0.25rem;
	position: relative;
	display: flex;
	justify-content: center;
  	align-items: center;
	font-size: 2.5rem;
}

.logo-traveller {
	/* width: 160px; */
	display: flex;
	text-align: center;
  	justify-content: center;
}
.logo-traveller .logo {
	/* width: 150px; */
	width: 130px;
}
.logo-traveller-2 {
	/* width: 160px; */
	text-align: center;
}
.logo-traveller-2 .logo {
	/* width: 150px; */
	width: 130px;
}

.mb-5.fond_bleu {
	margin-bottom: 0px !important;
}

.links.first-link ul {
	margin-bottom: 0px;
}

.links.mt-5 {
	margin-top: 30px !important;
}

.links.mt-5 p {
	margin-bottom: 50px !important;
	width: 85%;
}

p.text-center.footer-text {
	font-family: "HelveticaNeue";
	font-size: 12px;
}

#back-to-top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 100px;
	background: rgba(0, 0, 0, 0.192);
	color: var(--bs-light);
	padding: 10px;
	border-radius: 3px;
	cursor: pointer;
	transition: all ease-in 0.2s;
	font-family: "HelveticaNeue";
	font-size: 15px;
	font-weight: 400;
	z-index: 999999;
	backdrop-filter: blur(4px);
}

#back-to-top:hover {
	background: var(--bs-primary);
}

.carousel:hover {
	visibility: visible;
	color: white;
	bottom: 17%;
}

.carousel .carousel > .carousel-control {
	visibility: hidden;
}

.carousel .carousel-control {
	visibility: visible;
	color: white;
}

.carousel .carousel-inner {
	background-color: #000000;
	min-height: 500px;
}

.carousel .carousel-caption {
	position: relative;
	left: auto;
	right: auto;
	padding-bottom: 0;
}

.carousel .item img {
	margin-left: auto;
	margin-right: auto;
	min-width: 100%;
}
.carousel .carousel-inner .carousel-item img {
	max-height: 500px;
	object-fit: cover;
	object-position: center;
	min-width: auto;
}

.carousel2 .carousel-inner .carousel-item img {
	max-height: 305px !important;
	object-fit: cover;
	object-position: center;
	min-width: auto;
}
.carousel2 {
	margin: 0 50px 0 50px;
}
.fond_repetitif {
	background-image: url(/webroot/img/fond_repetitif.png);
	background-color: white;
}
.text-home p {
	text-align: justify;
}
div.photo img {
	width: 100%;
}
div.photo {
	padding: 0;
}
div.infos.left {
	margin-left: 3%;
	margin-top: 3%;
	padding: 20px 30px 20px 20px;
}
div.infos {
	/* background-color: #fff; */
	z-index: 1;
	height: fit-content;
}
div.photo.right {
	margin-left: -3%;
}
.custom-footer {
	margin-left: 0px !important;
	margin-right: 0px !important;
	width: 100%;
}
.footer-pgi {
	width: 100%;
}
.collapse {
	z-index: 100;
}
.nav-link {
	color: #6a6866 !important;
	font-weight: 700;
	font-size: 14px !important;
	font-family: "HelveticaNeue";
}
.dropdown-item {
	border-width: 0 0 1px;
	padding: 0.9em 1em;
	display: block;
	word-wrap: break-word;
	color: #6a6866 !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	margin-right: 0.5em;
	font-family: "HelveticaNeue";
}
.dropdown-menu {
	--bs-dropdown-border-radius: 0rem;
	--bs-dropdown-border-width: 0rem;
}
.desktop-menu .nav-item.dropdown:hover > ul.dropdown-menu {
	display: block;
	border-top: 2px solid var(--bs-primary);
}

a.nav-link:hover, a.dropdown-item:hover {
	color: var(--bs-primary) !important;
}

a.nav-link.actif:hover {
	color: var(--bs-primary-text-emphasis) !important;
}

img.custom-logo {
    height: 50px;
}

.navbar-expand-lg .navbar-collapse {
    align-items: baseline;
}

@media screen and (min-width: 1580px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		display: flex;
		/* padding-bottom: 15px; */
	}
	.dropdown-toggle::after {
		margin-top: 7px;
	}
	.mid-desktop {
		display: none;
	}
}

@media screen and (min-width: 992px) {
	#reserv {
		margin-top: 12%;
	}
}

@media screen and (min-width: 769px) {
	.container {
		max-width: 88vw;
	}
	.main-header-bar {
		border-bottom-width: 0;
		border-bottom-color: #ffffff;
	}
	
}

@media screen and (max-width: 1580px) {
	.desktop-menu {
		display: none;
	}

	.mid-desktop {
		display: block;
	}

	.mid-desktop .nav-item.dropdown:hover > ul.dropdown-menu {
		display: block;
		border-top: 2px solid var(--bs-primary);
	}

	.mid-desktop li.has-submenu:hover ul.submenu {
		display: block;
		top: -2px; /* Garantit que le sous-menu s'ouvre au même niveau que l'élément parent */
		left: 100%; /* Ajustez la position à droite */
	}

	.mobile-menu {
		display: none;
	}

	.navbar-nav {
		position: relative;
		padding-top: 1em;
	}

	ul.navbar-nav.ms-auto.mb-2.mb-lg-0.text-uppercase {
		margin-left: 0px !important;
	}

	.dropdown-toggle::after {
		position: absolute;
		top: 10px;
    	right: 0px;
	}

	img.custom-logo {
		margin: 16px auto;
		width: auto;
		display: flex;
	}

	li.nav-item {
		padding-left: 5px;
		padding-right: 5px;
	}

	ul.dropdown-menu li.nav-item {
		padding-left: 16px;
		padding-right: 16px;
	}
	header {
		height: 150px;
	}
}

@media screen and (max-width: 1200px) {
	 .nav-item:has(.btn) {
        border-bottom: none;
    }

	img.custom-logo{
		height: 32px;
		margin: O !important;
	}
	.dropdown-toggle::after {
        top: -5px !important; 
    }
	.btn.dropdown-toggle::after {
        top: 3px !important; 
    }
	img.custom-logo {
		margin-left: 0;
		margin-top: 0;
	}

	.mid-desktop {
		display: none;
	}

	.carousel-header,
	.carousel-header .carousel-inner,
	.carousel-header .carousel-inner .carousel-item {
		height: 612px !important;
	}
	.text-img .title-default {
		margin-top: 100px !important;
	}
	.carousel-header .carousel-inner .carousel-item img {
		height: 612px !important;
		max-height: 612px !important;
		object-fit: cover;
		object-position: center;
		min-width: auto;
	}
	.logo,
	.toggler {
		width: 100%;
		text-align: center;
	}
	.navbar-toggler {
		border: none !important;
		color: white;
	}
	.collapse {
		background-color: white;
		text-align: center;
		margin: 0 !important;
		top: -15px;
		position: relative;
		z-index: 999999;
	}
	.navbar-nav {
		margin: 0 !important;
	}
	.nav-item {
		border-bottom: 2px solid #dddddd;
		padding: 0 0 !important;
	}
	.main {
		margin-top: 50px;
	}
	.container-fluid {
		padding: 0 !important;
		margin: 0 !important;
	}
	.navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28153, 121, 68, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
	}
	.dropdown-menu {
		border: none;
		text-align: left;
		line-height: 3;
		padding-left: 3px;
		padding-right: 3px;
		background-color: #f9f9f9;
		padding-top: 0 !important;
	}
	.dropdown-item {
		padding-left: 30px;
		border-top: 2px solid #dddddd;
	}
	.nav-link {
		line-height: 2;
	}
	.dropdown-toggle::after {
		right: 20px;
		position: absolute;
		margin-top: 5px;
		font-size: 24px;
	}

	.links-group {
		margin-bottom: 20px !important;
	}
	.text-home {
		margin: 0% 0% -1% 0%;
		text-align: justify;
	}
	/* .navbar-nav {
		margin-left: 8% !important;
	} */
	.nav-item a {
		font-size: 13px;
	}
	li.has-submenu ul.submenu {
		position: static; /* Réinitialise la position */
		width: auto;
		text-align: center;
	}

	li.has-submenu::after {
		content: "\f107";
		font-family: FontAwesome;
		margin-left: 0px;
	}

	li.nav-item.dropdown-item.has-submenu {
		border-bottom: none !important;
		padding: 15px !important;
		padding-left: 30px !important;
	}

	li.has-submenu > a {
		font-size: 14px;
	}
	.container.container-links {
		margin-top: 30px;
	}
	header {
		height: 75px;
		margin-top: 20px;
	}
	.toggler {
		text-align: end;
	}
	.logo {
		text-align: center;
	}
	button.navbar-toggler {
		position: relative;
		top: -35px;
	}

	.links-group.col-lg-4.col-md-12.col-sm-12.px-0 {
		margin-bottom: 20px !important;
	}

	.actif {
		background-size: 25% 85%;
		background-position: center;
	}
	.mobile-menu {
		display: block;
	}
	.desktop-menu {
		display: none;
	}
	li.has-submenu::after {
		top: 60px;
		right: 20px;
		display: none;
	}
	a.actif::after {
		color: rgb(106, 104, 102);
	}
	.nav-text {
		width: 33%;
		margin: 0 auto;
	}
	.nav-text.dest {
		margin-left: 0;
	}
	div#carouselOffres {
		margin-left: 0px;
	}
}

@media screen and (max-width: 1200px) {
	#mentionsModal .elementor-container {
		min-width: 90%;
	}
}

@media screen and (max-width: 1200px) {
	.container.container-links {
		margin-left: 0px;
		margin-top: 30px;
	}
	.links.mt-5 p {
		margin-bottom: 0px !important;
	}
	.links-group.first-link.col-lg-3.col-md-12.col-sm-12 ul {
		padding-left: 0;
	}
	.links-group {
		margin-bottom: 40px !important;
	}
	h4.title-aranui.text-color-white {
		margin-top: 40px;
	}
	.header-title {
		font-size: 24px;
		padding-left: 5px;
		padding-right: 5px;
		line-height: 25px;
	}
	.header-text {
		width: 80%;
	}
	.carousel {
		/* Pushes out the margins on mobile devices so it lines up with the article body. */
		/* margin-left: -20px !important;
        margin-right: -20px !important; */
		width: inherit !important;
	}
	.container.container-links {
		margin-top: 30px;
	}
	.container {
		max-width: 100%;
	}
}

@media screen and (max-width: 575px) {
	#mobHead{width:70%}
	#mobHead2{width:30%}
	#mobHead ul {padding-left: 5px}
	.header #mobHead {padding: 10px 0 0}
	.actif {
		background-size: 65% 85%;
		background-position: center;
	}

	.nav-text {
		width: 45%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 400px) {
	.header-title {
		font-size: 19px;
	}

	#mobHead ul li a {
		padding-right: 0px;
	}

	h4.title-aranui.text-color-white.text-center.mb-5.rmt-3 {
		width: 95%;
	}

	.breadcrumbs-trail a {
		font-size: 10.75px;
		font-weight: 700;
		margin-left: 3px;
	}

	/* #mentionsModal {
		width: 95%;
	} */
}

@media screen and (max-width: 355px) {
	.breadcrumbs-trail a {
		font-size: 9.75px;
		font-weight: 700;
		margin-left: 3px;
	}
	h1.title-default.text-center {
		font-size: 35px;
	}
}

@media screen and (max-height: 800px) {
	.text-img {
		top: 45%;
	}
	#closeModalText {
		top: 15px;
	}
}

.card-newsletter{
	margin-top: -19px;
}

 .navbar-brand img {
            /* height: 45px; */
        }

/* Styles de base communs */
.container-split-right, 
.container-split-left {
    display: flex;
    flex-direction: column;
    height: fit-content;
    max-width: 94vw !important;
	padding: 0 20px;
}

.header-split-flex,
.footer-split-flex {
    height: fit-content;
    /* background-color: #fd2c2c; */
    display: flex;
    align-items: center;
    padding: 0 20px;
    flex-direction: column;
    text-align: center;
}

.content-split {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: center;
}

.left-split-flex,
.right-split-flex {
    flex: 1;
	padding-right: calc(var(--bs-gutter-x) * .5);
  	padding-left: calc(var(--bs-gutter-x) * .5);
}

/* Styles des images */
.left-split-flex img,
.right-split-flex img {
    /* Largeur : 700px pour 1440px = 48.61vw, avec limites min/max */
    width: clamp(350px, 48.61vw, 933px);
    height: clamp(275px, 38.19vw, 550px);
    object-fit: cover;
}

/* Suppression du padding pour les conteneurs avec images */
.left-split-flex:has(div img),
.right-split-flex:has(div img) {
    padding: 0;
}

/* Styles spécifiques pour les headers/footers dans les containers split */
.container-split-right .header-split-flex,
.container-split-left .header-split-flex {
    margin-left: 6.3vh;
}

.container-split-right .footer-split-flex,
.container-split-left .footer-split-flex {
    margin-right: 6.3vh;
    margin-left: 6.3vh;
}

/* LOGIQUE POUR container-split-left - Image à GAUCHE */
.container-split-left .left-split-flex {
    /* background-color: #55d422; */
    margin-right: 0;
}

.container-split-left .left-split-flex img {
    transform: translateX(-2rem);
}
.container-split-right .right-split-flex img {
    transform: translateX(10rem);
}

.container-split-left .right-split-flex {
    /* background-color: #4821d4; */
    margin-left: 6.3vh;
}

.container-split-left .right-split-flex .text.compact {
    padding-left: 3rem;
}

/* LOGIQUE POUR container-split-right - Image à DROITE */
.container-split-right .left-split-flex {
	/* background-color: #55d422; */
    /* margin-left: 13vh; */
	padding: 0 12px;
}

.container-split-right .left-split-flex .text.compact {
    padding-right: 3rem;
}

.container-split-right .right-split-flex {
	/* background-color: #4821d4; */
    /* margin-right: -14vh; */
    /* justify-content: end;
    display: flex; */
}

.container-split-right .right-split-flex img {
    object-position: left;
}

.content-img{

}

/* Media queries pour mobile */
@media (max-width: 768px) {
	
    .content-split {
        flex-direction: column;
        align-items: center;
    }
    
    .left-split-flex,
    .right-split-flex {
        flex: none;
        width: 100%;
        min-height: fit-content;
    }
    
    .left-split-flex .text.compact,
    .right-split-flex .text.compact {
        padding-left: 0;
        padding-right: 0;
    }
    
    .left-split-flex img,
    .right-split-flex img {
        /* width: min(700px, 90vw); */
		min-width: 100%;
        height: auto;
        max-height: 550px;
        transform: translateX(0);
    }
	.container-split-left .left-split-flex img,
	.container-split-right .right-split-flex img  {
		transform: none;
	}
    
    .header-split-flex,
    .footer-split-flex {
        width: 100%;
    }
    
    .container-split-right .header-split-flex,
    .container-split-right .footer-split-flex,
	.container-split-left .header-split-flex,
	.container-split-left .footer-split-flex,
	.container-split-left .right-split-flex,
	.container-split-right .left-split-flex {
        margin-left: 0;
        margin-right: 0;
    }
    .container-split-right .right-split-flex {
    margin-right:0;
}
    .container-split-right,
    .container-split-left {
        margin-left: 6vh;
        margin-right: 6vh;
    }

	.container-split-left .right-split-flex .text.compact {
		padding-left: 0;
	}
	
}