.header_bar {
	position: fixed;
	width: 100%;
	background-color: rgba(255,255,255,0.75);
}

.logo-box {
	display: flex;
	align-items: center;
}

/*setting*/
.setting-title {
	top: 0;
	margin-right: 22px;	display:none;
}
.setting-title .title {
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: #efefef;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 13px;
}
.setting-content {
	right: auto;
	left: -450px;
}
.setting-content.active {
	left: 0;
	right: auto;
}
.setting-content::before {
	right: auto;
	left: 390px;
}
.setting-content .container {
	float: left;
}
/*end setting*/

/*megamenu*/
.jms-megamenu .nav > li > a {
	padding: 37px 0;
}
/*end megamenu*/

/*instagram*/
.instagram-carousel .owl-stage-outer {
	display: none;
}
.instagram-images {
	padding: 0 30px;
}
.instagram-images > div {
	width: 33.3333%;
	display: inline-block;
}
.instagram-images .instagram_elements {
	margin: 0 5px;
}
/*end instagram*/

/*slideshow*/
.s-slideshow {
	margin-bottom: 0;
}
/*end slideshow*/

/*banner*/
.s-banner.banner-text {
	background-color: #f9f9f9;
	padding: 24px 0;
	margin-bottom: 30px;
}
.s-banner.banner-text p {
	color: #444;
	font-size: 15px;
	margin: 0 auto;
	max-width: calc(100% - 180px);
}
.s-banner.banner-text p a,
.s-banner.banner-text p span {
	font-family: 'Catamaran', sans-serif;
	font-size: 15px;
	font-weight: 700;
	text-transform: capitalize;
}
.s-banner.banner-text p a {
	font-size: 16px;
	margin-left: 20px;
}
.s-banner.banner-text p .icon {
	font-size: 22px;
	color: #d8ba67;
	transform: rotate(-45deg);
	margin-right: 7px;
}
.banner-box > a {
	overflow: hidden;
}
.banner-box:hover > a > img {
	/*transform: scale(1);*/
}
.s-banner-1 .row {
	display: flex;
	align-items: center;
}
.s-banner-1 .banner-box-1 .banner-content {
	text-align: right;
	left: auto;
	right: 50px;
	top: 60px;	background-color: rgba(255, 255, 255, 0.5);    padding: 10px;
}
.s-banner-1 .banner-box-1 .text {
	font-size: 26px;
	letter-spacing: 0;
	font-weight: 600;
	text-transform: initial;
	color: #000;
	padding: 0 12px;
	font-family: 'Catamaran', sans-serif;
}
.s-banner-1 .banner-box-1 {
	max-width: 600px;
}
.s-banner-1 .banner-box-1 .text-2 {
	
	padding-bottom: 5px;
	position: relative;
	display: inline-block;
	margin: 0;	font-family: 'Catamaran', sans-serif;
	font-size: 20px;
    font-weight: 300;
}
.s-banner-1 .banner-box-1 .text-2 span {
	position: relative;
	z-index: 2;
}
.s-banner-1 .banner-box-2 {
	top: -10px;
}
.s-banner-1 .banner-box-2 .banner-content {
	top: auto;
	bottom: 20px;
	left: 35px;		background-color: rgba(255, 255, 255, 0.5);    padding: 10px;
}


.banner-content-hex {
	top: auto;
    left: auto;
    font-size: 33px;
    color: #000;
    letter-spacing: 0.05em;
    padding: 30px;
	
	max-width:950px;
	background-color: rgba(255, 255, 255, 0.5);    
	
}

.s-banner-1 .banner-box-2 .text-1 {
	font-size: 20px;
	letter-spacing: 0.03em;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 26px;
}
.s-banner-1 .banner-box-2 .text-2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 80px;
	color: #000;
	letter-spacing: 0;
	font-weight: 800;
	position: relative;
}
.s-banner-1 .banner-box-2 .text-2 span {
	font-size: 24px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #000;
	position: relative;
	top: -40px;
	margin-left: -10px;
	text-shadow: none;
}
.s-banner-1 .banner-box-2 .text-2 span ~ span {
	position: absolute;
	bottom: 3px;
	top: auto;
	right: 13px;
}
.s-banner-1 .banner-content-2 {
	position: absolute;
	width: 100%;
	height: auto;
	transform: rotate(90deg);
	top: 310px;
	bottom: auto;
	right: -313px;
	display: flex;
	justify-content: center;
}
.s-banner-1 .banner-content-2 .text {
	font-size: 22px;
	font-weight: 600;
	color: #000;
	letter-spacing: 0.11em;
	margin-right: 70px;		background-color: rgba(255, 255, 255, 0.5);    padding: 10px;
}
.s-banner-1 .banner-content-2 .text span {
	display: block;
	font-size: 36px;
	letter-spacing: 0.05em;
	font-weight: 800;
	margin-top: 3px;
}
.s-banner-2 {
	margin: 60px 0;
}
.s-banner-2 .banner-content {
	position: relative;
	top: auto;
	left: auto;
	padding-top: 49px;
	padding-bottom: 60px;
}

.s-banner-2 .banner-content .text-1 {
	font-size: 33px;
	color: #000;
	letter-spacing: 0.05em;
	line-height: 50px;
	margin-bottom: 16px;
}




.banner-content-hex {
	position: relative;
	top: auto;
	left: auto;
	font-size: 33px;
	color: #000;
	letter-spacing: 0.05em;
	margin-bottom: 16px;
}



.s-banner-2 .banner-content .text-2 {
	font-size: 14px;
	margin-bottom: 53px;
}

.banner-content-hex .text-2 {
	font-size: 14px;
	margin-bottom: 20px;
}

.s-banner-2 .banner-content .text span {
	display: block;
}

.s-banner-2 .banner-content .banner-content-hex .btn-banner-box {
	letter-spacing: 0.1em;
	line-height: 56px;
	padding: 0 40px;
}
.banner-box.bg-video:hover > a > img {
	transform: scale(1);
}
/*end banner*/

/*feature*/
.s-feature {
	padding: 68px 0;
	margin: 60px 0 0;
}
.feature-column {
	border-right-color: #e1e1e1;
}
.feature-img i {
	color: #d8ba67;
}
.feature-box h4 {
	color: #FFF;
}
.feature-box .text {
	color: #FFF;
}
/*end feature*/

/*footer*/
#index footer#footer{
	border: none;
	margin-top: 0;
}
.copyright a {
	color: #d8ba67;
}
.copyright a:hover {
	color: #000;
}
/*end footer*/

/*video*/
.s-video .banner-box {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	max-width: 600px;
}
.s-video .banner-content {
	position: initial;
	text-align: center;
	padding: 43px 50px 0;
}
.s-video .banner-content .text-1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 17px;
	text-transform: capitalize;
	letter-spacing: 0;
	margin-bottom: 15px;
}
.s-video .banner-content .text-2 {
	font-family: 'Catamaran';
	font-weight: 800;
	font-size: 30px;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #000;
	line-height: 48px;
	margin-bottom: 15px;
}
.s-video .bg-video {
	max-width: 100%;
}
/*end video*/











.pan-gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    padding: 10px;
}

.pan-gallery-item {
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.pan-gallery-item:hover {
    transform: scale(1.05); /* Slightly enlarges the image on hover */
}

.pan-thumbnail {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}

/* Overlay par-dessus l'image, caché par défaut */
.pan-image-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.3)); /* Dégradé plus clair */
    color: white;
    text-align: center;
    padding: 5px;
    border-radius: 0 0 5px 5px;
    opacity: 0; /* Caché par défaut */
    transition: opacity 0.3s ease; /* Transition fluide pour afficher l'overlay */
}

/* Affichage du texte au hover */
.pan-gallery-item:hover .pan-image-overlay {
    opacity: 1; /* Affiche l'overlay au survol */
}

.pan-image-overlay span {
    font-size: 14px;
    font-weight: bold;
}

/* Modal */
.pan-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

.pan-modal-content {
    margin: auto;
    display: block;
    max-width: 70%;
    max-height: 70%;
}

@media (max-width: 1200px) {
    .pan-gallery {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 900px) {
    .pan-gallery {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .pan-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 400px) {
    .pan-gallery {
        grid-template-columns: repeat(1, 1fr);
    }
}





.custom-gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    padding: 10px;
}

.custom-gallery-item {
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.custom-gallery-item:hover {
    transform: scale(1.05);
	cursor: pointer;
}

.custom-thumbnail {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}

.custom-image-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
    color: white;
    text-align: center;
    padding: 5px;
    border-radius: 0 0 5px 5px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.custom-gallery-item:hover .custom-image-overlay {
    opacity: 1;
}

.custom-modal {
    display: none;
    position: fixed;
    z-index: 100000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

.custom-modal-content {
    margin: auto;
    display: block;
    max-width: 70%;
    max-height: 70%;
    border-radius: 5px;
}

#custom-caption {
    text-align: center;
    color: white;
    padding: 10px 0;
    font-size: 18px;
}

@media (max-width: 1200px) {
    .custom-gallery {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 900px) {
    .custom-gallery {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .custom-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 400px) {
    .custom-gallery {
        grid-template-columns: repeat(1, 1fr);
    }
}



.footer-echantillons{
	padding-left:2,5%;
	padding-right:2,5%;
}

.footer-informations{
	padding-left:5%;
	padding-right:2,5%;
}



/* Styles généraux du glossaire */
.glossaire-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0px;
    font-family: Arial, sans-serif;
}

/* Navigation alphabétique */
.glossaire-nav {
    text-align: center;
    margin-bottom: 20px;
}

.glossaire-nav a {
    display: inline-block;
    padding: 8px 12px;
    margin: 5px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    background-color: #555555;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.glossaire-nav a:hover {
    background-color: #d8ba67;
}

/* Section de chaque lettre */
.glossaire-section {
    margin-bottom: 30px;
}

.glossaire-section h2 {
    font-size: 24px;
    color: #555555;
    border-bottom: 3px solid #d8ba67;
    padding-bottom: 5px;
}

/* Liste des termes */
.glossaire-list {
    list-style: none;
    padding-left: 0;
}

.glossaire-item {
    margin-bottom: 8px;
	margin-top: 8^px;
}

.glossaire-item strong {
    display: block;
    font-size: 18px;
    color: #555555;
}

.glossaire-item p {
    margin-left: 15px;
    font-size: 16px;
    color: #555;
}

/* Réactivité mobile */
@media (max-width: 600px) {
    .glossaire-nav a {
        padding: 6px 10px;
        font-size: 14px;
    }
    
    .glossaire-section h2 {
        font-size: 20px;
    }
    
    .glossaire-item strong {
        font-size: 16px;
    }
    
    .glossaire-item p {
        font-size: 14px;
    }
	
	
	
.glossaire-item li li {
    list-style-type: disc !important; /* Force l'affichage des disques */
    display: list-item !important; /* S'assure que l'élément est bien une liste */
    margin-left: 20px; /* Indentation pour une meilleure hiérarchie */
    font-size: 0.95em; /* Légèrement plus petit que le texte principal */
    color: #555; /* Couleur adoucie pour différencier du texte principal */
    line-height: 1.5; /* Améliore la lisibilité */
}



	
	
	
	
	
	
	
	
	
}