:root {

	--gris-cl: #7c7069;
	--orange:#f08400;
	--brun-cl:#e6e1df;
	--brun-my:#cfc6c3;
	--brun-fc:#44372f;
	--text:#44372f;
}

body {
	/*background-color: var(--gris-cl);*/
	font-family: "acme-gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}

h1, h2, h3, h4, h5{
	font-family: "acme-gothic", sans-serif;
	font-weight: 700;
	font-style: normal;
}
h3{
	color:var(--text);
	font-size:22px;
}
strong{
	font-family: "acme-gothic", sans-serif;
	font-weight: 800;
	font-style: normal;
}
p, li{ color:var(--text); }

.wow, .animated { animation-duration: 4s !important; }


.navbar {
	font-family: "acme-gothic", sans-serif;
	font-weight: 700;
	padding-top : 10px;
	padding-bottom : 10px;
	border-bottom: 2px solid var(--brun-my);
	background-color:var(--brun-cl);
}

.navbar img.logo {
	width:150px;
	margin-top:-100px;
	margin-bottom:-40px;
	margin-right:20px;
	 margin-left:5%;
}
.navbar-brand{
	padding-top:10px;
}
.navbar span.titre{
	margin-top:10px;
	display: inline-block;
	color:var(--orange);
	line-height: 20px;
	font-weight: 800;
	font-size:30px;
}
.navbar span.titre strong{ color: var(--brun-fc);font-weight: 700;font-size:20px;display: block; margin-top:10px; }
@media (max-width: 1368px) { 
	.navbar img.logo {}
}

@media (max-width: 700px) { 
	.navbar span.titre strong{ visibility: hidden;display: none; }
	.navbar img.logo { margin-left:5%; margin-top:-40px; width:100px;}
}
@media (max-width: 564px) { 
	.navbar span.titre{
		line-height: 18px;		
	}
	.navbar img.logo {
		margin-left:5%;
	}
}

	
.navbar a{ color: var(--brun-fc);font-weight:700; text-transform: uppercase; }


.navbar-nav li.nav-item{
	border-radius:6px;
	margin-left:10px;
	padding:2px  7px 0px 7px;
	font-size: 16px;
}
.navbar-nav li.nav-item:hover{ background-color:var(--orange); }
.navbar-nav li.nav-item:hover a.nav-link { color:#fff; }

.navbar-nav li.active{ 	background-color:var(--orange); }
.navbar-nav li.active a.active { 	color:#fff; }

.navbar-nav ul.dropdown-menu li{
	font-size: 14px
} 
.navbar-nav ul.dropdown-menu a{
	padding-top:7px;
}
.navbar-nav ul.dropdown-menu a:hover{
background-color:var(--orange);
}
.navbar-nav ul.dropdown-menu a.active{ 
	background-color:var(--orange);
} 
@media (max-width: 992px) {
	.navbar-nav li.nav-item{
		border-radius:4px;
		margin-left:10px;
		margin-bottom:3px;
		padding:2px  7px 0px 15px;
		font-size: 16px;
		background-color:#fff; 
	}
	.navbar-nav li.active{ 	background-color:var(--orange); }
	.navbar-nav ul.dropdown-menu { margin:0px 5px 7px -7px; }
}

.titre_ht{
	margin-top:100px;
	padding:50px 50px 0px 50px;
	margin-bottom:20px;
	
}

.breadcrumb{
	margin-top:0px;
	padding-bottom:20px;
	border-bottom:2px solid var(--orange);
}

.breadcrumb .breadcrumb-item a {
	color:var(--brun-my);
	text-decoration: none;
	font-weight: 700;
}
.breadcrumb .breadcrumb-item a:hover {
	color:var(--orange);	
}
.breadcrumb .active {
	color:var(--brun-my);	
}
.breadcrumb .bi{
	fill:var(--orange);
}

h1{
	color:var(--orange);
}
h2{
	color:var(--orange);
}
a{
	color:var(--orange);
	text-decoration: none;
	font-weight:600;
}
a:hover{
	color:var(--orange);	
}
i.fa { color:var(--orange); }

.btn-primary{
	background-color:var(--brun-fc);
	border-color: var(--brun-fc);
	color:#fff;
	margin:5px;
}
.btn-secondary {
	background-color:var(--orange);
	border-color: var(--orange);
	color:#fff;
	margin:5px;
}
.btn-secondary:hover {
	background-color:var(--brun-fc);
	border-color: var(--brun-fc);
	color:#fff;
}


section.acc{
	margin-top:120px;
}
section.marketing {
	padding-bottom:60px;
}

section.marketing img{
	width:50%;
}
section.marketing h1{
	padding-top: 30px;
	padding-bottom:40px;	
}
section.marketing h2{
	font-size:20px;
	text-transform: uppercase;
	font-weight: 800;
	margin-top:20px;
	}

section.marketing h2 a{
	color:var(--brun-fc);
}
.fd-clair{
	background-color:var(--brun-cl); 	
	margin-top:20px;
	padding-bottom:20px;
}

.icone-cate{
	font-size:18px;
}
.icone-cate svg.bi{
	font-size:24px;
	background-color: var(--orange);
	color:#fff;
	padding:10px;
	width:80px;
	border-radius:80px;
	margin:10px;
}
.icone-cate img{
	width:120px;
	margin:10px;
}	
img.ph{	
	border-radius:30px;	
}
footer{
	background-color:var(--brun-fc); 
	color: var(--gris-cl);
	border-top: 2px solid var(--orange);
	padding-top:40px;
	padding-bottom:40px;
}

footer .logo{
	margin-top:-20px;
	margin-bottom:20px;
	width:50%;
}
footer h4 {
	color:#fff;
	font-size: 18px;
}

footer h5, footer p {
	margin-top:15px;
	color:#fff;
	font-weight:normal;
}
footer h5 a {color: #fff;font-weight: normal; }
footer svg.bi { fill:#fff; }
footer h5{
	text-align: center;
	text-transform: uppercase;
	font-size:20px;
}
footer ul.flex-column li{
	margin:5px;
	font-size:16px;
	padding-bottom:10px;
	text-align: center;
	border-bottom : 1px solid var(--gris-cl);
}
footer ul.flex-column li:last-child{
	border-bottom:none;
}
footer  ul.flex-column li a{ font-size:16px; }
footer ul.flex-column li a:hover { color:var(--gris-cl); }

footer p.copy{
	text-align: center;
	font-size:14px;
	color:var(--gris-cl);
	margin-top:50px;
}

@media (max-width: 768px) {
	footer .col-md-3{ text-align: center; }
	footer h5{ text-align: center; }
	
}


.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 99;
	background-color: var(--gris-cl);
	border:none;
}

.back-to-top .fa { color:#fff; }



/* =========================================
   GALERIE PHOTO
   ========================================= */

.photo-gallery {
    width: 100%;
}

/* Miniatures */
.gallery-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    cursor: pointer;
    border-radius: 6px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Effet au survol */
.gallery-img:hover {
    transform: scale(1.03);
    opacity: 0.85;
}


/* =========================================
   FENÊTRE AGRANDIE
   ========================================= */

.gallery-modal {
    background-color: rgba(0, 0, 0, 0.95);
    border: none;
    border-radius: 0;
}

.gallery-modal .modal-header {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}

.gallery-modal .btn-close {
    margin: 10px;
    opacity: 1;
}


/* Grande image */
.modal-gallery-img {
    max-width: 90%;
    max-height: 75vh;
    width: auto;
    height: auto;
    object-fit: contain;
}


/* =========================================
   BOUTONS PRECEDENT / SUIVANT
   ========================================= */

.gallery-prev,
.gallery-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    width: 50px;
    height: 70px;

    border: none;
    background-color: rgba(0, 0, 0, 0.45);
    color: white;

    font-size: 40px;
    line-height: 1;

    cursor: pointer;

    z-index: 10;

    transition: background-color 0.3s ease;
}

.gallery-prev:hover,
.gallery-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.gallery-prev {
    left: 10px;
}

.gallery-next {
    right: 10px;
}


/* =========================================
   COMPTEUR
   ========================================= */

.gallery-counter {
    color: white;
    font-size: 15px;
    margin-top: 15px;
}

.gallery-caption {
    color: white;
    font-size: 18px;
    text-align: center;
    margin-top: 8px;
    padding: 0 60px;
}
/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 576px) {

    .gallery-img {
        height: 200px;
    }

    .modal-gallery-img {
        max-width: 85%;
        max-height: 65vh;
    }

    .gallery-prev,
    .gallery-next {
        width: 40px;
        height: 55px;
        font-size: 30px;
    }

    .gallery-prev {
        left: 0;
    }

    .gallery-next {
        right: 0;
    }

}