text/css anticosti.css ( assembler source, UTF-8 Unicode text )

/******************************/
/* TITLE */
/******************************/

h1,h2,h3,h4,h5,h6 {
    font-family: 'Sorts Mill Goudy', serif;
    letter-spacing: -0.5px;
}
h2 {
    font-size: 3.5em;
    letter-spacing: -1.5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-family: 'Sorts Mill Goudy', serif;
    text-transform: uppercase; 
    line-height: 45px;
}
h3 {
    font-size: 1.5em;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #000000;
    letter-spacing: -1px;
}
h4 {
    font-size:1.5em;
}
hr {          
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.path-user .main-container {
    background:#fff;
    padding:15px;
}


/******************************/
/* CONTENT */
/******************************/
.region-content h2 {
    font-size: 2.5em;
    font-weight: 100;
    color: #1b1b1b;
    letter-spacing: -2px;
    line-height: 40px;
    font-family: 'Sorts Mill Goudy', serif;
    margin-top:50px;
    text-transform:none;
}
.region-content h2:first-child {
    margin-top:0px;   
}
.region-content h3, .field--type-file .field--label {
    font-size: 1.5em;
    font-weight: 300;
    color: #1b1b1b;
    letter-spacing: -1px;
    line-height: 50px;
    font-family: 'Sorts Mill Goudy', serif;
    margin-top:30px;
}
.section_antiscosti h3:first-child {
    margin-top:0px;
}
a.btnTelephone {
    font-size: 2em;
    font-weight: 300;
    display: block;
    color: #555;
    margin-bottom: 20px;
    margin-top: 20px;
}
.region-content h3::before, .field--type-file .field--label::before {
    content: " ";
    width: 15%;
    height: 2px;
    background: #ffb100;
    display: block;
    margin-bottom: 10px;
    margin-top: 20px;
}
.block-text-resize {
    margin-bottom:20px;
}
@media(min-width:1200px){ 
    .block-text-resize {
        margin-bottom:5px;
    }
    .region-content h3::before, .field--type-file .field--label::before {
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .region-content h2 { 
        font-size: 3em;
        line-height: 45px;
        font-weight: 100;
    }
    .region-content h3, .field--type-file .field--label {
        font-size: 2.5em;
        font-weight: 300;
    }
    a.btnTelephone {
        font-size: 3em;
    }

}


/******************************/
/* FILE */
/******************************/
.file {
    display: table;
    font-size: 75%;
    margin: 5px 0;
    border: 1px solid #eee;
    padding:5px;
    width:100%;
    font-size:0.8em;
}
.file>span:first-child, .file>span, .file>span:last-child {
    border:0px;
}
.section_antiscosti .file-link a {
    font-family: roboto;
    font-weight: 400;
    color:#555;
}
.file .text-primary {
    color: #ffb100 !important;
}
.file-link a, .file>span {
    color: #555;
}
.file .file-icon {
    display:none;
}
.file>span:last-child, .file>span:first-child {
    display:none;
}
@media(min-width:1200px){ 
    .file {
        padding: 15px;
        font-size:0.9em;
    }
    .file .file-icon {
        display:block;
        font-size: 1.5em;
        margin-top: 1px;
    }
    .file>span:last-child, .file>span:first-child {
        display:block;
    }
    .file span {
        float:left;
    }
    .file .file-link {
        padding-left:20px;
        padding-right:20px;
    }
    .file span.file-size {
        float:right;
    }
}



/******************************/
/* CONTENT */
/******************************/
.region-content p, .region-content table td, .region-content ul li, .region-content ol li {
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    color: #555;
    line-height: 26px;
    font-weight: 300;
}
.page-node-type-page .region-content ul  {
    padding:0px;
    margin:0px;
    margin-bottom:20px;
    list-style-position: inside;
    list-style-type: circle;
}
.page-node-type-page .region-content ul.pagination   {
    list-style-type: none;
}
.page-node-type-page .region-content ul.pagination li   {
    border:0px;
}
.page-node-type-page .region-content ul li, .page-node-type-page .region-content ol li  { 
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 1em;
    font-size: 1em;
    color: #555;
    line-height: 26px;
    font-weight: 300;
    list-style-position: outside;
    margin-left: 20px;
}
.page-node-type-page .region-content ul li ul  {
    margin-bottom:0px;
    border:0px;
    margin-left:50px;
}
.page-node-type-page .region-content ul li ul li {
    border:0px;
}
.page-node-type-page .region-content em {
    font-size:0.8em;
}
.sidebar-droite {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #f5f5f5;
}

/******************************/
/* TABLE */
/******************************/
table {
    width:100%;
}
table td {
    padding:15px;
    vertical-align: middle;
    border-left:1px solid #ffb100;
}
table tr {
    border-bottom:1px solid #ffb100;
}
table th {
    padding: 15px;
    background: #ffb100;
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-weight: bold;
    font-size: 0.9em;
    border-top: 1px solid rgba(0,0,0,0.1);
}

/******************************/
/* DATEPICKER */
/******************************/
.datepicker table th {
    background:initial;
    border-radius:0px;
}
.datepicker table tr {
    border:initial;
}


/******************************/
/* ACCUEIL */
/******************************/
.section-1 {
    height:100vh;
    background:#ffb100;
    position:relative;
}
.section-2 .container .row .col-lg-8 {
    padding:0px;
}
.section-2 .bloc-txt, .section-2 .container, .section-2 .container .row, .section-2 .container .row .col-lg-8 {
    min-height:95vh;
}
.section-3 .bloc-txt, .section-3 .container, .section-3 .container .row, .section-3 .container .row .col-lg-8 {
    min-height:95vh;
}
.section-4 .bloc-txt, .section-4 .container, .section-4 .container .row, .section-4 .container .row .col-lg-7 {
    min-height:95vh;
}
.section-5 .bloc-txt, .section-5 .container, .section-5 .container .row, .section-5 .container .row .col-lg-8 {
    min-height:95vh;  
}
.section-2, .section-3, .section-4, .section-5 {
    height:auto;
    min-height:95vh;
    background-size:cover !important;
    background-repeat:no-repeat !important;
}
.section-2 .bloc-txt.bg-black {
    background: rgba(55, 59, 72, 0.6);
}
.section-4 .bloc-txt.bg-black {
    background: rgba(66, 58, 54,0.7)
}
.section-2 .bloc-txt, .section-3 .bloc-txt, .section-4 .bloc-txt, .section-5 .bloc-txt {
    padding-top:90px;
    padding-bottom:90px;
}

.section-2,.section-4,.section-5 {
    background-repeat:no-repeat;
}
.section-2 {
    background-image:url(img/section2_final-min.jpg);
    background-position:60% center;
}
.section-4 {
    background-image:url(img/section4_final-min.jpg);
    background-position:left center;
}
.section-5 {
    background-image:url(img/section5_final-min.jpg);
    background-position:right center;
}
@media(min-width:960px){
    .section-2,.section-4,.section-5 {
        background-position:center center;
    }
}

@media(min-width:1200px){
    .section-2,.section-4,.section-5 {
        background-attachment:fixed;
    }
}

.lbl-white .bloc-txt h2,  .lbl-white .bloc-txt p {
    color:#fff;  
}
.section-4 .col-lg-7, .section-2 .col-lg-7 {
    padding:0px;
}
.bloc-txt h2 {
    font-family: 'Sorts Mill Goudy', serif;
    color: #000;
    font-size: 2em;
    width:100%;
    line-height: 40px;
    text-transform:none;
    font-weight:100;
}
@media(min-width:1200px){
    .bloc-txt h2 {
        width:90%;
    }
}
.bloc-txt.text-center h2 {
    width:100%;
}
.bloc-txt h2:after {
    height: 2px;
    background: #000;
    width: 25%;
    margin-top: 20px;
    margin-bottom: 20px;
    content: "";
    display: block;
}
.bloc-txt.text-center h2:after {
    height:0px;
}
.bloc-txt p {
    margin-bottom: 25px;
    font-family: 'Roboto', sans-serif;
    line-height: 28px;
    opacity: 0.8;
    letter-spacing: -0.25px;
    font-size: 1.25em;
    font-weight: 300;
}
.bloc-txt p:last-child {
    margin-bottom:0px;
    opacity:1;
}
.section-5 .bloc-txt p:last-child {
    width:100%;
}
.bloc-txt.bg-black p {
    color:#fff;
}
.bloc-txt.bg-black h2 {
    color:#fff;
}
.bloc-txt.bg-black h2:after {
    background: #fff;
}
.bloc-section-2 {
    background:yellow;
}
.bg-color {
    background: rgba(0, 0, 0, 0.35);
}
.bg-transparent {
    background:transparent   !important;
}
.lbl-color {
    color:#ffb100 !important;
}
.d-flex {
    display:flex;
    align-items: center;
    height:100%;
    justify-content: center;
}

/******************************/
/* BOUTON */
/******************************/
.btn.btn-primary {
    background:#ffb100;
    border-radius:300px;
    padding:15px;
    padding-left:30px;
    padding-right:30px;
    color:#000;
    text-transform:uppercase;
    border:none;
    font-family: 'Roboto', sans-serif;
    text-transform:uppercase;
    font-weight: bold;
    letter-spacing: 0px;
    font-size:12px;
}
.btn.btn-primary.btn-sm {
    padding: 10px;
    font-size: 0.8em;
}
@media(min-width:768px){
    .btn.btn-primary.btn-sm {
        padding: 10px;
        font-size: 0.9em;
    }
}
.btn.btn-primary.btn-black {
    background:black;
    color:#fff;
}
.btn:before {
   font-family: 'Font Awesome 5 Pro';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    margin-right:10px;
}
.btn.icon-document:before {
    content: "\f07c";
}
.btn.icon-loupe:before {
    content: "\f002";
}
.btn.icon-map:before {
    content: "\f279";
}


/******************************/
/* NODE TYPE PAGE */
/******************************/
.page-node-type-page {
    padding-top:0px;
    margin:0px;
}
.user-logged-in.page-node-type-page {
    padding-top:60px !important;
}


/******************************/
/* ENTÊTE */
/******************************/
.section-banniere-secondaire {
    height:50vh;
    min-height:200px;
    background:none;
}
@media(min-width:1200){
    .section-banniere-secondaire { 
        height:35vh;
    }
}
.section-banniere-secondaire .region-header {
    display: flex;
    height: inherit;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );
}
.section_antiscosti .bg-light {
    background:#fff;
}
.section-banniere-secondaire .region-header h1 {
    align-self: flex-end;
    border: 0px;
    font-size: 2em;
    color: #fff;
    letter-spacing: -3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    background: #ffb100;
    color: #000;
    padding: 25px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    display: block;
    margin-bottom: 0px;
    width:100%;
}
@media(min-width:768px){
    .section-banniere-secondaire .region-header h1 { 
        padding-left:50px;
        padding-right:50px;
        font-size: 3.5em;
        width:auto;
    }
}


/******************************/
/* BODY */
/******************************/
.main-container {
    background:none;
}
body {
    font-size:16px;
    background:#f5f5f5;
    background-image:url(img/vacance/vac6-min.jpg);
    background-size: 150%;
    padding-top:0px !important;
    margin-top:0px;
    background-position: center -100px;
    background-repeat:no-repeat;
}
body.path-frontpage {
    background:none;
}
@media(min-width:768px){ 
    body {
        background-size: cover;
        background-attachment: fixed;
        background-position: bottom center;
    }
}
/******************************/
/* PHOTO DE FOND */
/******************************/
.path-node-14  {
    background-image:url(img/chasse/cha3-min.jpg);
}
.path-node-15  {
    background-image:url(img/vacance/vac3-min.jpg);
}
.path-node-6 {
    background-image:url(img/hebergement/heb4-min.jpg);
}
.path-node-35  {
    background-image:url(img/vacance/vac6-min.jpg);
}
.path-node-32  {
    background-image:url(img/vacance/vac6-min.jpg);
}
.path-node-5  {
    background-image:url(img/vacance/vac2-min.jpg);
}
.path-node-27  {
    background-image:url(img/chasse/cha8-min.jpg);
}
.path-node-8 {
    background-image:url(img/chasse/cha5-min.jpg);
}
.path-node-16   {
    background-image:url(img/vacance/vac10-min.jpg);
}
.path-node-16 .main-container, .path-node-5 .main-container, .path-node-8 .main-container,
.path-node-6 .main-container, .path-node-18 .main-container, .path-node-32 .main-container, 
.path-node-13 .main-container, .path-node-8 .main-container, .path-node-13 .main-container, .path-node-27 .main-container, .path-node-28 .main-container,
.path-node-12 .main-container {
    background:none;
}
.path-node-18, .path-node-31 , .path-node-17   {
    background-image:url(img/chasse/cha6-min.jpg);
}
.path-node-12   {
    background-image:url(img/chasse/cha7-min.jpg);
}
.path-node-13, .path-node-33, .path-node-7  {
    background-image:url(img/vacance/vac2-min.jpg);
}
.path-node-28  {
    background-image:url(img/vacance/vac15-min.jpg);
}
/******************************/



/******************************/
/*  AUTRE  */
/******************************/
.fixed-top {
    position:absolute;
}


/******************************/
/* NAVBAR */
/******************************/

.navbar-default {
    background:transparent;
    padding-top: 50px;
    position: absolute;
    z-index: 2222;
    left: 0px;
    width: 100%;
    border: 0px;
    top:0px !important;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.page-node-type-page .navbar-default {
    background:none;
    border:0px;
}
.navbar-nav {
    width: 100%;
}
.navbar .navbar-nav > .nav-item > a {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    letter-spacing: -1px;
    color: #fff;
    font-size: 24px;
    padding-top:10px;
    padding-bottom:10px;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #ffb100;
}
.navbar .dropdown-menu > .nav-item > a {
    font-size: 2em;
}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.12em solid;
    border-right: 0.12em solid transparent;
    border-bottom: 0;
    border-left: 0.12em solid transparent;
}
#block-syganticosti-main-menu {
    clear: both;
}
.region-navigation-collapsible {
    margin-left:auto;
}
.navbar .dropdown > .nav-item > a {
    white-space: nowrap;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    letter-spacing: -0.25px;
    font-size: 1.25em;
    padding-top: 10px;
    padding-bottom: 10px;
}
.dropdown > .active > a, .dropdown-menu > .active > a:hover, .dropdown > .active > a:focus {
    color: #555;
    background-color: #ffb100;
}
.navbar-nav .open .dropdown > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar {
    padding:0px;
}
.navbar-brand {
    padding-left:1rem;
}
.collapse.show,  .collapsing {
    background:#ffb100;
    padding-bottom:20px;
    padding-top:20px;
}
.collapse.show .nav-item a,  .collapsing .nav-item a {
    padding-left:20px;
    padding-right:20px;
}
@media(min-width:1200px){
    .navbar-brand {
        padding-left:0;
    }
    .navbar {
        padding: 0.5rem 1rem;
    }
}

.navbar-default .navbar-nav > li > span {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
    font-size: 0.85em;
    padding: 10px 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
}
.navbar > .container .navbar-brand img {
    width:50%;
}
@media(min-width:1200px){
    .navbar > .container .navbar-brand img {
        width:auto;
    }
}
.navbar-default .navbar-nav > li > a:hover, .navbar-nav > li:hover > a {
    background: #ffffff;
    color: #000 !important;
}
.navbar-default .navbar-nav > li > a.is-active {
    color:#ffb100;
}
.navbar-nav > li > .dropdown-menu {
    border: 0px;
    border-radius: 0px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #fff;
    text-shadow: none;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color:#fff;
}
/******************************/
/* NAVBAR TOGGLE MOBILE */
/******************************/
.navbar-toggler {
    background-color: #ffb100;
    width: 60px;
    height: 60px;
    padding: 0px;
    border: 0px;
    border-radius:0px;
    position: absolute;
    top: 0px;
    right: 0px;
}


/******************************/
/* SÉLECTEUR DE LANGUE */
/******************************/
#block-selecteurdelangue {
    margin-top: 20px;
    margin-bottom: 10px;
}
#block-selecteurdelangue ul.links {
    padding:0px;
    margin:0px;
}
#block-selecteurdelangue ul.links li {
    display:inline-block;
    list-style-type:none;
}
#block-selecteurdelangue ul.links li a {
    color:#000;
    font-family: roboto;
    font-weight: 100;
}
#block-selecteurdelangue ul.links li.is-active,
#block-selecteurdelangue nav.links span.is-active,
#block-selecteurdelangue nav.links .nav-link.is-active {
    display: none !important;
}
#block-selecteurdelangue {
    margin-top:0px;
    float:left;
}
@media(min-width:768px){
    #block-selecteurdelangue {
        float:right;
    }
} 
#block-selecteurdelangue ul.links li a {
    margin-left:20px;
    color:#fff;
}


/******************************/
/* DIAPORAMA */
/******************************/
.region-accueil-diaporama-1, .region-accueil-diaporama-1 section, 
.region-accueil-diaporama-1 .form-group, .region-accueil-diaporama-1 .view-diaporama, .region-accueil-diaporama-1 .view-content, .region-accueil-diaporama-1 .carousel, .region-accueil-diaporama-1 .carousel-inner,
.region-accueil-diaporama-1 .carousel-item {
    height: 100%;
    width: 100%;
}
.carousel-fade .carousel-inner .carousel-item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.carousel-item-prev,
.carousel-fade .carousel-inner .active.carousel-item-next {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-end {
    opacity: 1;
}
.carousel-fade .carousel-inner .carousel-item-next,
.carousel-fade .carousel-inner .carousel-item-prev,
.carousel-fade .carousel-inner .active.carousel-item-prev,
.carousel-fade .carousel-inner .active.carousel-item-next {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control-prev, .carousel-fade .carousel-control-next {
    z-index: 2;
}
.region-accueil-diaporama-1  .diapo-image {
    width:100%;
    height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: 65% center;
}
@media(min-width:768px){
    .region-accueil-diaporama-1  .diapo-image {
        background-position:center center;
    }
} 
.region-accueil-diaporama-1 .contextual {
    display:none;
}
.carousel-control {
    z-index:2;
    background:none !important;
}
.section-1-txt {
    position: absolute;
    height: 100vh;
    top: 0px;
    width: 100%;
}



/******************************/
/*  FOOTER */
/******************************/
.region-footer-section-1 .navbar-nav  {
    display:block;
    width:100%;
}
.region-footer-section-1 .navbar-nav > li {
    float: left;
    width: 100%;
}
.region-footer-section-1 .navbar-nav > li:last-child {
    display:none;
}
@media(min-width:768px){
    .region-footer-section-1 .navbar-nav > li {
        float: left;
        width: 25%;
    }
}
.region-footer-section-1 ul li a {
    width:100%;
    display:block;
}
.region-footer-section-1 .navbar-nav  {
    margin:0px;
}

footer p {
    margin:0px;
    font-size:1.1em;
    padding: 0.25rem 0px;
}
.region-footer-section-1 .navbar-nav > li > a {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
    color: black;
    padding-left: 0px;
    padding-right:0px;
}
.region-footer-section-1 .navbar-nav > li > .dropdown-menu {
    display: block;
    position: relative;
    box-shadow: none;
    background: none;
    overflow: hidden;
}

.region-footer-section-1 .dropdown-menu > li > a {
    white-space: nowrap;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: -0.25px;
    font-size:13px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:0px;
    padding-right:0px;
    color: black;
}
.region-footer-section-1 .dropdown-menu > .active > a {
    color:#ffb100;
    background:none;
}
.region-footer-section-contact {
    margin-top: 20px;
    border-top: 1px solid #ccc;
    border-top: 1px solid #E5E5E5;
    padding-top: 20px;
    font-size:0.9em;
    letter-spacing: -0.25px;
}
.region-footer-section-contact .col-md-4 {
    margin-bottom:30px;
}
.region-footer-section-contact img {
    margin-top: 20px;
}
.region-footer-section-contact .nom-footer strong {
    font-size: 2em;
    font-family: 'Sorts Mill Goudy', serif;
    text-transform: uppercase;
    line-height: 35px;
    width: 70%;
    display: block;
    color: black;
    font-weight: 100;
}
.region-footer-section-contact p strong { 
    font-size:1em;       
}
.region-footer-section-contact hr {
    border-top: 1px solid rgba(0, 0, 0, 0);
}
.region-footer-section-contact a {
    color: #212529;
    text-decoration: none;
    padding-top: 0 0 ;
    display: block;
}
.region-footer-section-copyright {
    font-size: 0.8em;
    color: #888;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #E5E5E5;
}
.footer {
    margin-top:0px;
    background: #f5f5f5;
    padding-top: 40px;
    font-family: 'Roboto', sans-serif;
}

/******************************/
/* ACCUEIL SECTION */
/******************************/
.bloc-txt {
    min-height:400px;
    padding:20px;
    padding-top:40px;
    padding-bottom:40px;
}
.section-5 .bloc-txt h2 {
    width:100%;
    margin:0px auto;
}
.section-5 .bloc-txt p {
    width:100%;
    margin: auto;
    margin-bottom: 25px;
}
.bloc-section-1 {
    font-family: 'Sorts Mill Goudy', serif;
    color: #fff;
    font-size: 2em;
    line-height: 35px;
    text-transform: uppercase;
}

@media(min-width:1200px){
    .bloc-section-1 {
        font-size: 2.75em;
        line-height: 49px;
    }
    .bloc-txt h2 {
        font-size: 3.5em;
        line-height:55px;
    }
    .section-5 .bloc-txt h2 {
        width:60%;
    }
    .section-5 .bloc-txt p {
        width:60%;
    }
    .btn.btn-primary {
        letter-spacing: 1px;
        font-size:16px;
    }
    .bloc-txt {
        padding:10%;
    }
    .path-frontpage body {
        padding:40px;
    }
}
/******************************/
/* TABS  */
/******************************/
.tabs {
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    background:#fff;
    z-index:6666;
}

/******************************/
/* TABLE FORFAITS */
/******************************/
.table-forfait td {
    width:50%;
    text-align: right;
}
.table-forfait {
    font-size:0.9em;
}
.table-forfait td i {
    text-align: center;
    width: 100%;
    font-size:1.5em;
}
.table-forfait td i.fa-times {
    color:#ccc;
}
.view-hebergement .views-row {
    margin-bottom:50px;
}
.forfait p {
    border-bottom:1px solid #eee;
    margin:0px;
    padding-bottom:5px;
    padding-top:5px;
    font-size:0.9em;
    line-height: 20px;
}
.forfait table {
    font-size:0.9em;
}
.forfait p strong {
    width: 100%;
    display: inline-block;
    color: #000;
}
@media(min-width:768px){ 
    .forfait p {
        padding-bottom:0px;
        padding-top:0px;
        line-height: 26px;
    }
    .forfait p strong {
        background: #eee;
        width: 50%;
        display: inline-block;
        padding: 10px;
        margin-right: 10px;
        color: #000;
    }
}
.forfait table {
    border: 1px solid #ffb100;
    width: 100%;
    text-align: center;
    width:100% !important;
    margin-top: 30px;
}
.forfait table tr:first-child td, .forfait table tr:nth-child(2) td {
    background:#ffb100;
    color:#000;
}

/******************************/
/* FORMULAIRE */
/******************************/
.form-group {
    margin-bottom:15px !important;
}
.form-control {
    box-shadow: 0px 0px 0px;
    padding: 15px;
    border: 1px solid rgba(0,0,0,0.2);
    background: #f5f5f5;
    border: 0px 0px 0px 0px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
    box-shadow: none;
    outline: none;
}
.form-control:hover, .form-control:focus  {
    box-shadow:none;
}
label {
    font-size: 1em;
    font-weight: 300;
    font-family: roboto;
}
select.form-control:not([size]):not([multiple]) {
    height: auto;
}


/******************************/
/* ? */
/******************************/
#cboxTitle, #cboxCurrent, #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    display:none !important;
}
#cboxOverlay {
    background: #000;
}
#cboxLoadedContent {
    padding:0px;
}
#cboxContent {
    margin-top:0px;
}


/******************************/
/* GALERIE PHOTO */
/******************************/
.grid .field--items  { width: 100%; }
.grid .grid-sizer, .grid .field--item  { width: calc(33.33%);     float: left; }
.grid  .field--item.first { width: 100%; }

.grid3 .field--items  { width: 100%; }
.grid3 .grid-sizer, .grid3 .field--item  { width: calc(33.33% - 4px); padding:2px }
.grid3  .field--item.first { width: calc(66.66% - 12px); }

.galerie-photo .grid-sizer {
    width: calc(50%);
    float: left;
}
.galerie-photo .field--item {
    width: 50%;
    float: left;
    border: 2px solid #fff;
}
.galerie-photo .field--item:first-child  {
    width: 100%;
}
.galerie-photo .field--item:nth-child(18), .galerie-photo .field--item:nth-child(35)  {
    width: 100%;
}

@media(min-width:768px){  
    .galerie-photo .grid-sizer {
        width: 20%;
    }
    .galerie-photo .field--item {
        width: 20%;
    }
    .galerie-photo .field--item:first-child  {
        width: 40%;
    }
    .galerie-photo .field--item:nth-child(18), .galerie-photo .field--item:nth-child(35)  {
        width: 40%;
    }
}

.galerie-photo .img-fluid {
    border-radius: 2px;
}
.galerie-photo .field--item {
    background:#ffb100;
}
.galerie-photo img {
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}
.galerie-photo img:hover {
    opacity:0.5;
}
.field--name-field-section-image-1, .field--name-field-section-image-2, .field--name-field-section-image-3 {
    overflow:hidden;
    margin-bottom: 50px;
}


/******************************/
/* ? */
/******************************/
.table-container {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
    position:relative;
}
.table-container table {
    white-space: nowrap;
}


/******************************/
/* ACTUALITÉS */
/******************************/
.view-actualite .views-row {
    padding-bottom:30px;
    margin-bottom:30px;
    border-bottom:1px solid #eee;
}
.view-actualite .views-row .views-field-field-date-de-l-actualite {
    margin-bottom:10px;
    color:#555;
    font-family:roboto;
}

.view-actualite .views-row .views-field-body {
    margin-bottom:30px;
}
.nouvelle .mois, .nouvelle .annee, .nouvelle .jour {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 3em;
    display: block;
    line-height: 50px;
}
.nouvelle .date {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1.2em;
    color: #888;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.nouvelle .jour {
    font-weight: 500;
    color: #ffb100;
}
.nouvelle-image {
    max-height: 500px;
    overflow:hidden;
    margin-bottom:30px;
}
.region-content .nouvelle h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 2.5em;
    display: block;
    line-height: 40px;
    margin-top:0px;
}
.region-content img {
    max-width: 100%;
}
.nouvelle-galerie, .nouvelle-document  {
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #eee;
}
.nouvelle-galerie a:first-child img {
    width:100%;
    float:none;
}
.nouvelle-galerie img {
    width:50%;
    float:left;
}
@media(min-width:1200px){  
    .region-content .nouvelle h2 {
        font-size: 3.75em;
        line-height: 50px;
    }
    .nouvelle-galerie img {
        width:33.33%;
    }
}
.edit a {
    color: #ffb100;
    font-family: roboto;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 300;
}
.view-empty {
    font-family: roboto;
    font-size: 1.25em;
    font-weight: 100;
    color: #555;
    line-height: 40px;
    margin-bottom: 20px;
}
.page-link {
    color: #ffb100;
}
.page-item.active .page-link {
    background-color: #ffb100;
    border-color: #ffb100;
}
.section_antiscosti a {
    color:#ffb100;
}


/******************************/
/* STRONG */
/******************************/
b, strong {
    font-size: 0.9em;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #1b1b1b;
}



/******************************/
/* TEXTE RESIZE */
/******************************/
a#text_resize_increase {
    background: #ffb100;
    color: #000;
    font-family: roboto;
    display: block;
    font-weight: bold;
    float: right;
    width: 28px;
    height: 28px;
    margin: 6px 0 0 0;
    outline: none;
    text-indent: 0px;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    line-height: 31px;
    font-size: 16px !important;
    text-decoration:none;
}
a#text_resize_reset {
    background: #ffb100;
    font-family: roboto;
    display: block;
    font-weight: bold;
    float: right;
    width: 25px;
    height: 25px;
    margin: 9px 0 0 3px;
    outline: none;
    text-indent: 0px;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    line-height: 28px;
    color:#000;
    font-size: 16px !important;
    text-decoration:none;
}
a#text_resize_decrease {
    background: #ffb100;
    font-family: roboto;
    display: block;
    font-weight: bold;
    float: right;
    width: 23px;
    height: 23px;
    margin: 12px 0 0 3px;
    outline: none;
    text-indent: 0px;
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    line-height: 25px;
    color:#000;
    font-size: 16px !important;
    text-decoration:none;
}
a#text_resize_increase:hover, a#text_resize_decrease:hover, a#text_resize_reset:hover {
    background:#000;
    color:#ffb100;
}
#text_resize_clear {
    clear: both;
}
.block-text-resize .contextual {
    right: -20px; /* LTR */
}
.block-text-resize [dir="rtl"] .contextual {
    left: -20px;
}


/******************************/
/* IFRAME */
/******************************/
iframe {
    border:0px;
}




/******************************/
/* ADMIN DRUPAL */
/******************************/
#toolbar-administration {
    display:block;
}
.side-collapse-container {
    position:relative;
}

/******************************/
/* BOUTON WEBFORM SUBMIT  DRUPAL*/
/******************************/
.webform-button--submit {
    margin-top:40px;
}


/******************************/
/* ALERT DRUPAL */
/******************************/
.alert {
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    width: 100%;
    margin: 0px;
    left: 0px;
    border-radius: 0px;
}

/* ************ PORTION COOKIES ************ */

.explications {
    position: absolute;
    margin: 50px 180px;
    width: 80%;
    max-width: 1500px;
    text-align: center;
    padding: 80px 60px;
    font-size: 22px;
    font-weight: 500;
    background: #fff;
    border-radius: 8px;
}
  
.titre {
    padding-bottom: 10px;
}

.message {
    padding-top: 10px;
}

.policytitre {
    padding-bottom: 10px;
}

.policymessage {
    padding-top: 10px;
    padding-bottom: 100px;
}

.cookies-eu-banner {
    background: rgba(68, 68, 68, 0.9);
    color: rgba(255, 255, 255, 1);
    padding: 10px;
    font-size: 16px;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
}

.cookies-eu-banner .boutonAccepter  {
    text-decoration: none;
    background: #ffb100;
    color: #000;
    border: 1px solid #000;
    cursor: pointer;
    padding: 6px 9px;
    margin: 2px 0;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
}

.cookies-eu-banner button:hover {
    background: #222;
    color: #fff;
}

.hidden {
    display: none;
}

/* === BS5 carousel fixes for full-screen diaporama (added in D9 migration) === */
.region-accueil-diaporama-1 .carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100% !important;
    display: block !important;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.region-accueil-diaporama-1 .carousel-item.active {
    opacity: 1;
    z-index: 1;
}


/* ====================================================================
   D9 MIGRATION - BS5 carousel fixes (single consolidated block)
   ==================================================================== */

/* Section 1 = full viewport, no overflow */
.section-1 {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: #000;
    margin: 0;
    padding: 0;
}

/* Force entire chain to fill section-1, override BS5 .row gutter */
.section-1 > .row,
.section-1 .region-accueil-diaporama-1,
.section-1 .views-element-container,
.section-1 .views-element-container > .content,
.section-1 .views-element-container > div,
.section-1 .view-diaporama,
.section-1 .view-content,
.section-1 #carousel-example-generic,
.section-1 .carousel-inner,
.section-1 .carousel-item,
.section-1 .diapo-image {
    height: 100vh !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
}

/* Carousel crossfade behavior (BS5) - both slides visible during transition */
.section-1 .carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    /* Disable BS5's default transform transition on slides */
    transform: none !important;
}
.section-1 .carousel-item.active {
    opacity: 1;
    z-index: 1;
}
/* During transition: incoming slide fades in (z-index higher), outgoing stays visible */
.section-1 .carousel-item-next.carousel-item-start,
.section-1 .carousel-item-prev.carousel-item-end {
    opacity: 1;
    z-index: 2;
}
.section-1 .active.carousel-item-start,
.section-1 .active.carousel-item-end {
    opacity: 1;
    z-index: 1;
}

/* Image fills its slide */
.section-1 .diapo-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* Text overlay visible above carousel */
.section-1-txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 100;
    pointer-events: none;
}
.section-1-txt a,
.section-1-txt button,
.section-1-txt .btn {
    pointer-events: auto;
}

/* Carousel controls visible */
.section-1 .carousel-control-prev,
.section-1 .carousel-control-next {
    z-index: 50;
}

/* ====================================================================
   D9 MIGRATION - Menu/Dropdown style fixes for BS5/bootstrap_barrio
   ==================================================================== */

/* Items du sous-menu dropdown : appliquer dropdown-item au lien <a> aussi */
.navbar .dropdown-menu li.dropdown-item {
    padding: 0;
}
.navbar .dropdown-menu li.dropdown-item > a {
    display: block;
    width: 100%;
    padding: 8px 20px;
    color: #212529;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.5;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    white-space: nowrap;
}
.navbar .dropdown-menu li.dropdown-item > a:hover,
.navbar .dropdown-menu li.dropdown-item > a:focus {
    background-color: #f8f9fa;
    color: #1e2125;
}
/* Active item dans dropdowns du HEADER uniquement (pas footer) */
header.navbar .dropdown-menu li.dropdown-item.active > a,
header.navbar .dropdown-menu li.dropdown-item > a.is-active {
    background-color: #ffb100;
    color: #fff;
}
/* Active item dans le FOOTER: juste couleur orange du texte */
.region-footer-section-1 .dropdown-menu li.dropdown-item.active > a,
.region-footer-section-1 .dropdown-menu li.dropdown-item > a.is-active,
.region-footer-section-1 li.dropdown-item.active > a,
.region-footer-section-1 li.dropdown-item > a.is-active {
    background: none !important;
    color: #ffb100 !important;
    font-weight: bold;
}

/* Dropdown menu container : fond blanc propre */
.navbar .dropdown-menu {
    background-color: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    padding: 10px 0;
    margin-top: 0;
    min-width: 200px;
}

/* Menu parent <span> avec dropdown-toggle - même style que les <a> standards */
.navbar .navbar-nav > .nav-item > span.dropdown-toggle.nav-link {
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    letter-spacing: -1px;
    color: #fff;
    font-size: 24px;
    padding: 10px 15px;
}
.navbar .navbar-nav > .nav-item > span.dropdown-toggle.nav-link:hover {
    background: #fff;
    color: #000 !important;
}

/* Si dropdown ouvert : encadré blanc sur le parent */
.navbar .navbar-nav > .nav-item.dropdown.show > span.nav-link,
.navbar .navbar-nav > .nav-item.dropdown > span.nav-link[aria-expanded="true"] {
    background: #fff;
    color: #000 !important;
}

/* ====================================================================
   D9 MIGRATION - Page title (banner) + content typography fixes
   ==================================================================== */

/* Style du h1 (titre de page) dans la bannière secondaire - cibler la nouvelle structure D9 */
.section-banniere-secondaire #block-syganticosti-page-title h1.title,
.section-banniere-secondaire #block-syganticosti-page-title h1 {
    border: 0;
    font-size: 2em;
    color: #000;
    letter-spacing: -3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    background: #ffb100;
    padding: 25px 20px 30px;
    display: inline-block;
    margin-bottom: 0;
    width: auto;
}
@media(min-width:768px){
    .section-banniere-secondaire #block-syganticosti-page-title h1.title,
    .section-banniere-secondaire #block-syganticosti-page-title h1 {
        padding-left: 50px;
        padding-right: 50px;
        font-size: 3.5em;
        width: auto;
    }
}
.section-banniere-secondaire #block-syganticosti-page-title h1 .field {
    text-transform: none;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
    background: transparent;
}

/* Aligner le bloc titre en bas et à gauche de la bannière (largeur auto) */
.section-banniere-secondaire {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.section-banniere-secondaire #block-syganticosti-page-title {
    display: inline-block;
    width: auto;
    max-width: 90%;
}

/* Annuler le uppercase forcé sur les h2 dans le contenu (préserver le style prod) */
.region-content h2,
.region-content h2:first-child,
.section_antiscosti h2 {
    text-transform: none !important;
}

/* ====================================================================
   D9 MIGRATION - Force Roboto font globally (BS5 default is system-ui)
   ==================================================================== */
body,
.region-content,
.region-content div,
.region-content span,
.region-content a,
.region-content strong,
.region-content em,
.region-content blockquote,
.field,
.field .field__item,
.section_antiscosti,
.section_antiscosti div,
.section_antiscosti span {
    font-family: 'Roboto', sans-serif;
}

/* ====================================================================
   D9 MIGRATION - Navbar dark gradient backdrop (BS5 navbar-light)
   ==================================================================== */

/* Dégradé sombre derrière la navbar pour la lisibilité (toute la largeur) */
header.navbar.navbar-light.fixed-top {
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
    padding-top: 50px;
    border: 0;
    max-width: 100% !important;
    width: 100% !important;
    left: 0;
    right: 0;
}

/* Page interne : dégradé sombre un peu plus fort pour lisibilité du menu blanc (toute la largeur) */
.page-node-type-page header.navbar.navbar-light.fixed-top {
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
    border: 0;
    max-width: 100% !important;
    width: 100% !important;
    left: 0;
    right: 0;
}

/* Liens du menu blancs et plus contrastés */
header.navbar.navbar-light .navbar-nav > .nav-item > a,
header.navbar.navbar-light .navbar-nav > .nav-item > span.nav-link {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

/* Hover : fond blanc, texte noir (comme prod) */
header.navbar.navbar-light .navbar-nav > .nav-item > a:hover,
header.navbar.navbar-light .navbar-nav > .nav-item:hover > a,
header.navbar.navbar-light .navbar-nav > .nav-item > span.nav-link:hover,
header.navbar.navbar-light .navbar-nav > .nav-item:hover > span.nav-link {
    background: #fff !important;
    color: #000 !important;
    text-shadow: none;
}

/* Item actif */
header.navbar.navbar-light .navbar-nav > .nav-item > a.is-active {
    color: #ffb100 !important;
}


/* ====================================================================
   D11 MIGRATION - Language switcher styling (BS5 nav structure)
   ==================================================================== */
#block-selecteurdelangue {
    float: right;
    margin-top: 0;
}
#block-selecteurdelangue nav.links {
    display: block;
    text-align: right;
}
#block-selecteurdelangue nav.links .nav-link {
    display: inline-block;
    padding: 0;
}
#block-selecteurdelangue nav.links .nav-link a {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-decoration: none;
    margin-left: 20px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
#block-selecteurdelangue nav.links .nav-link a:hover {
    color: #ffb100;
}

/* ====================================================================
   D11 MIGRATION - Bootstrap 4 padding classes (BS5 dropped them)
   ==================================================================== */
.pl-1, .px-1 { padding-left: 0.25rem !important; }
.pl-2, .px-2 { padding-left: 0.5rem !important; }
.pl-3, .px-3 { padding-left: 1rem !important; }
.pl-4, .px-4 { padding-left: 1.5rem !important; }
.pl-5, .px-5 { padding-left: 3rem !important; }

.pr-1, .px-1 { padding-right: 0.25rem !important; }
.pr-2, .px-2 { padding-right: 0.5rem !important; }
.pr-3, .px-3 { padding-right: 1rem !important; }
.pr-4, .px-4 { padding-right: 1.5rem !important; }
.pr-5, .px-5 { padding-right: 3rem !important; }

@media (min-width: 768px) {
    .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }
    .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }
    .pl-md-3, .px-md-3 { padding-left: 1rem !important; }
    .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }
    .pl-md-5, .px-md-5 { padding-left: 3rem !important; }
    
    .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }
    .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }
    .pr-md-3, .px-md-3 { padding-right: 1rem !important; }
    .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }
    .pr-md-5, .px-md-5 { padding-right: 3rem !important; }
}

/* Aussi margin-left/right (BS4 ml-* mr-* → BS5 ms-* me-*) */
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }

.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }

/* ====================================================================
   D11 MIGRATION - Force Roboto 300 typography in page content
   ==================================================================== */
.region-content,
.region-content p,
.region-content li,
.region-content td,
.region-content span,
.region-content div,
.region-content a,
.section_antiscosti,
.section_antiscosti p,
.section_antiscosti li,
.section_antiscosti td,
.section_antiscosti span,
.section_antiscosti div {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    color: rgb(85, 85, 85) !important;
    font-size: 16px !important;
    line-height: 26px !important;
}

/* Titres dans contenu : Sorts Mill Goudy 100, tailles spécifiques */
.region-content h2,
.section_antiscosti h2 {
    font-family: 'Sorts Mill Goudy', serif !important;
    font-weight: 100 !important;
    color: rgb(27, 27, 27) !important;
    font-size: 48px !important;
    line-height: 50px !important;
    text-transform: none !important;
    letter-spacing: -1px;
}
.region-content h3,
.section_antiscosti h3 {
    font-family: 'Sorts Mill Goudy', serif !important;
    font-weight: 300 !important;
    color: rgb(27, 27, 27) !important;
    font-size: 32px !important;
    line-height: 40px !important;
    text-transform: none !important;
}
.region-content h4,
.section_antiscosti h4 {
    font-family: 'Sorts Mill Goudy', serif !important;
    font-weight: 300 !important;
    color: rgb(27, 27, 27) !important;
    font-size: 24px !important;
    line-height: 32px !important;
    text-transform: none !important;
}
.region-content h5,
.region-content h6,
.section_antiscosti h5,
.section_antiscosti h6 {
    font-family: 'Sorts Mill Goudy', serif !important;
    font-weight: 300 !important;
    color: rgb(27, 27, 27) !important;
    text-transform: none !important;
}

/* Préserver les liens en couleur orange */
.region-content a,
.section_antiscosti a {
    color: #ffb100 !important;
}

/* ====================================================================
   D11 MIGRATION - Footer: active dropdown item should be just text orange
   (overrides BS5 default .dropdown-item.active background)
   ==================================================================== */
.region-footer-section-1 .dropdown-menu li.dropdown-item,
.region-footer-section-1 .dropdown-menu li.dropdown-item.active,
.region-footer-section-1 li.dropdown-item,
.region-footer-section-1 li.dropdown-item.active,
footer .dropdown-menu li.dropdown-item,
footer .dropdown-menu li.dropdown-item.active {
    background: transparent !important;
    background-color: transparent !important;
}
.region-footer-section-1 .dropdown-menu li.dropdown-item.active > a,
.region-footer-section-1 .dropdown-menu li.dropdown-item > a.is-active,
.region-footer-section-1 li.dropdown-item.active > a,
.region-footer-section-1 li.dropdown-item > a.is-active,
footer li.dropdown-item.active > a {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffb100 !important;
    font-weight: bold !important;
}

/* ====================================================================
   D11 MIGRATION - Photoswipe 5 images: same styling as BS4 img-fluid
   ==================================================================== */
.galerie-photo img,
.galerie-photo .image-style-galerie,
.galerie-photo .img-fluid {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    border-radius: 2px;
}
.galerie-photo .field--item img {
    width: 100% !important;
    height: auto !important;
}

/* ====================================================================
   D11 MIGRATION - Galerie photo: éliminer la bande orange sous les images
   ==================================================================== */
.galerie-photo .field--item {
    background: transparent !important;
    line-height: 0;
    font-size: 0;
}
.galerie-photo .field--item img,
.galerie-photo .field--item a {
    display: block;
    line-height: 0;
    vertical-align: top;
}


/* ====================================================================
   D11 MIGRATION - Restaurer Sorts Mill Goudy sur le titre accueil
   (override des règles Roboto forcées globalement)
   ==================================================================== */
.bloc-section-1,
.bloc-section-1 h1,
.bloc-section-1 div,
.bloc-section-1 span,
.bloc-section-1 .field--item,
.region-accueil-section-1,
.region-accueil-section-1 h1,
.region-accueil-section-1 div,
.region-accueil-section-1 span,
.region-accueil-section-1 .field--item {
    font-family: 'Sorts Mill Goudy', serif !important;
    color: #fff !important;
    font-weight: normal !important;
}
.bloc-section-1 h1,
.region-accueil-section-1 h1 {
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: -0.5px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}