@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');


a, ul a {  text-decoration: none !important; transition: all 0.3s ease;  }
a:visited {	color: inherit !important; }

.quicksand-regular {
  font-family: "Quicksand", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}


/*
rose : fbbfca
orange : f49f0a
vert : bfff00
bleu : bbdef0
bleu marine: 2b3a67
brique: 875053
*/

.col-menu {font-family: "quicksand", serif; font-weight: 700; font-size: 2em;  }
.col-images {   box-shadow: 2px 0px 10px #000000; }
.box-gauche { box-shadow: 2px 0px 10px #7b7b7b;}
.box-2 {   -webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222;}
.site-titre {font-family: "quicksand", serif; font-weight: 700; font-size: 2.5em; text-transform: uppercase;}
.site-soustitre {font-family: "quicksand", serif; font-weight: 300; font-size: 2.5em; text-align: right;}
.rotate { writing-mode: tb-rl; transform: rotate(-180deg);}
.img-accueil {height: 98%; object-fit: cover; width: 100%;}
.img-full {height: 100%; object-fit: cover; width: 100%;}
/*.img-fullh {max-height: max-content; object-fit: cover; width: 100%;}*/
.titre-container {height: 9vh; padding-top: 2vh;}
.titre-container a {color:inherit !important;}
.images-container {height: 91vh;}
.col-sm-3 .color-block {    width: 100%;  height: 98%; /* Ajuste automatiquement à la hauteur du parent */ display: flex;}
.accordion-button {text-align: center !important; display: block !important;}

.no-padding {padding:0 !important; margin:0 !important;}

.rose {background-color: #fbbfca;}
.orange {background-color: #f49f0a;}
.bleu {background-color: #bbdef0; }
.bleuma {background-color: #2b3a67; }
.vert {background-color: #bfff00; }
.brique {background-color: #875053; }
.p-bleuma {color: #2b3a67;}
.p-brique {color:#875053;}
.p-blanc {color:#ffffff;}

.p-brique a {color: inherit;}
.p-brique a:hover { color: #bbdef0 !important; }


.image-container {
    position: relative;
}

.stretched-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*MENU*/

.col-menu:hover {cursor:ew-resize;}
.menu li {font-weight: 500 !important; list-style: none; padding-top: 1em; line-height: 1.2em !important;}
.menu  ul {padding-left: 1em; font-weight: 500 !important; font-size: 0.7em !important; margin-bottom: 0 !important;}
.menu li:hover, .menu ul a:hover {color:white !important; cursor: pointer; transition: all 0.3s ease; }
.menu li a, .menu ul a {color:inherit !important;}

p.titre {font-family: "quicksand", serif; font-weight: 400; font-size: 3em; line-height: 1.2em; padding-top: 0.5em;}
p.sous-titre {font-family: "quicksand", serif; font-weight: 300; font-size: 2.5em;}
.texte p {font-family: 'helvetica'; font-size: 1.2em; line-height: 1.2em;}

.info-contact p {font-size: 1.2em; line-height: 1.2em; margin-bottom: 0;}




/* OUVERTURE MENU*/
.col-menu.choice {width: 3%;      transition: all 0.3s ease; }
.col-images.choice {width: 97%;      transition: all 0.3s ease;}
.col-menu.expand{     width: 15%;     transition: all 0.3s ease;}
.col-images.small{     width: 85%; transition: all 0.3s ease; }
.unset > div > p {     opacity: 0;}
.expand > div {     transition-delay: 200ms; transition: all 0.3s ease;     opacity: 1;}
.col-menu * {    opacity: 0;   transition: opacity 0.1s ease-in-out;}
.col-menu .rotate {    opacity: 1 !important; }
.col-menu.expand * {    opacity: 1; }
.col-menu.expand .rotate {    opacity: 0 !important; }


.col-menu .menu {
    max-height: 0; /* Cache le menu quand replié */
    overflow: hidden; /* Empêche le scroll interne */
    transition: max-height 0.3s ease-in-out; /* Animation fluide */
}

.col-menu.expand .menu {
    max-height: 100%; /* Ajuste la hauteur maximale quand ouvert */
}


/*!!!!!!!!!!!!  MOBILE  !!!!!!!!!!!!*/

@media (max-width: 991.98px) { 

.site-titre, .site-soustitre {font-size: 1.9em; display: block !important; line-height: 1.2em; }
.img-accueil {height: 98%; width:100%; object-fit: cover;}
.images-container .col-sm-3 {height: 23vh;}
.images-container  {height: 93vh;}
.col-images.choice {width: 100%}
.titre-container{height: 16vh; padding-top: 2vh;}

.menu-sm { box-shadow: 1px 0px 10px #DCDCDC; width: 100%; font-family: "quicksand", serif; font-weight: 700; font-size: 1em; }
.menu li, .menu ul {font-size: 1em !important;}
.menu ul {color: #875053 !important; }
.menu li {color: #f49f0a !important; }

p.titre {font-size: 2em; padding-top: 1vh; font-weight: 600;}
p.sous-titre {font-size: 2em;  font-weight: 400;}

.stretched-image {    position: relative;}

}