/* XL width - Hauteur de réf: 930px */
@media screen and (max-width: 1920px) {
    
}

/* Laptops width - Hauteur de réf: 620px */
@media screen and (max-width: 1366px) {
    
}

@media (min-width: 1200px){
    .services-map .display,
    .services-map .map-default { min-width:1000px; height:500px; }
    .services-map .display { min-width:1090px; }
}

@media (max-width: 1199px) {
    header .header-inner {padding: 0 20px;}
    #navmenu .nav {padding: 25px 20px;}

    /* Services */
    .services-map .display, .services-map .map-default {width: 90%;}
}

@media (min-width: 992px){
    /* Services */
    .services-map .display .map,
    .services-map .map-default .map {width:70%;}
    .services-map .descriptions .default p,
    .services-map .descriptions .description p { max-width:80%; font-size:16px; }
}

@media (max-width: 992px){
    main {position: relative;}
    /* Menu */
    header {padding: 20px;}
    header .header-inner {justify-content: space-between; padding: 0;}
    header.menu-opened {background-color: #FFF;}
    header + main::before {content: ''; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(0,0,0,.7); display: block;}
    header.menu-opened + main::before {height: 100%;}
    header.menu-opened #logo svg path {fill: var(--color-dark-blue);}
    header .contact-header {display: none;}
    #logo, #logo svg {width: 100px;}
    #menuburger {display: block; background: none; border: none; color: #FFF; font-size: 2em; font-family: 'Font Awesome 6 Pro'; transition: all .3s ease-in-out; transform: rotate(0);transition: all .2s ease-in-out;}
    header.is-sticky #menuburger, header.menu-opened #menuburger {color: var(--color-dark-blue);}
    #menuburger::before {content: '\f0c9'; }
    #menuburger.close::before {content: '\f00d';}
    #menuburger.close {transform: rotate(180deg);}
    #navmenu, header.is-sticky #navmenu {position: fixed; width: 100vw; background-color: #FFF; display: none; height: auto; left: 0; -webkit-box-shadow: 0 40px 40px -40px rgba(0,0,0,.219) inset; box-shadow: 0 40px 40px -40px rgba(0,0,0,.219) inset; border-radius: 0;}
    #navmenu a {color: var(--color-dark-blue);}
    #navmenu a:hover, #navmenu li.active a {color: var(--color-yellow);}
    #navmenu .nav {flex-direction: column; align-items: center; gap: .5em; height: fit-content;}
    #navmenu .nav li {padding: 10px;}
    header.is-sticky #navmenu a::after, #navmenu a::after {bottom: -6px;}
    #navmenu a::after {height: 4px;}

    /* Banniere */
    .field_banniere div.gf_container div.controls {display: none;}

    /* Presentation */
    #video {margin: 80px 20px 0 20px;}

    /* Services */
    .services-map .display,
    .services-map .map-default { min-width:auto; width:100%; height:400px; }
    .services-map .display .map img,
    .services-map .map-default .map img { max-width:90%; }
    .services-map .display .handle,
    .services-map .map-default .handle { max-width:100px; }
    .services-map .display .handle img,
    .services-map .map-default .handle img { width:30px; margin:0 auto; }
    .services-map .display .handle span,
    .services-map .map-default .handle span { font-size:12px; line-height:14px; }
    .services-map .display .handle.audit-environnemental { left:70px; }
    .services-map .display .handle.suivi-environnemental { top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:0;}
    .services-map .display .handle.pollution { top:auto; bottom:0; left:100px; }
    .services-map .display .handle.dragage { bottom:0; left:auto; right:100px; }
    .services-map .display .handle.mouillage { top:20px; right:100px;}
    .services-map .display .handle.dossier-reglementaire { top:50%;-webkit-transform:translateY(-50%); transform:translateY(-50%); right:0; }
    .services-map .descriptions { width:90%; margin:0 auto; padding:20px; min-height:120px;border-radius:5px; border-left:0; border-bottom:6px solid var(--color-yellow); position: relative; text-align: center; }
    .services-map .descriptions .default strong,
    .services-map .descriptions .description strong { max-width:none; font-size:18px; text-align:center; display:block;}
    .services-map .descriptions .default p,
    .services-map .descriptions .description p { max-width:100%; font-size:14px; text-align:center; }
    .services-map .descriptions .default span, .services-map .descriptions .description span {max-width: 100%;}

    /* Equipements */
    .field_equipements .equipement .img {height: 330px;}
}

/* Tablets width - Hauteur de réf: 915px */
@media screen and (max-width: 767px) {

    header.is-sticky {padding: 10px 20px;}
    #logo, #logo svg {width: 70px;}

    /* Presentation */
    .field_presentation.value {width: auto; max-width: unset; margin: 0 20px;}
    .bold {font-size: 1.25em; letter-spacing: 0;}
    #player-video_1_0_box, .field_video iframe {min-width: 100% !important; min-height: unset !important;}

    /* Services */
    #services {margin: 100px 20px 0 20px;}
    .field_services .services-map {margin-bottom: 0;}
    .services-map .display,
    .services-map .map-default { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:400px; }
    .services-map .display .map,
    .services-map .map-default .map { -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; width:100%; }
    .services-map .display .map img,
    .services-map .map-default .map img { max-width:445px; width:100%; }
    .services-map .display .handle,
    .services-map .map-default .handle { position:static; padding:0 10px; }
    .services-map .display .handle span,
    .services-map .map-default .handle span { display:none; }
    .services-map .display .handle.suivi-environnemental { -webkit-transform:translateY(0); transform:translateY(0); }
    .services-map .display .handle.dossier-reglementaire { -webkit-transform:translateY(0);  transform:translateY(0); }
    .services-map .display .handle.is-active,
    .services-map .display .handle:hover,
    .services-map .map-default .handle.is-active,
    .services-map .map-default .handle:hover { -webkit-transform:translateY(0) scale(1.5);   transform:translateY(0) scale(1.5); }
    .services-map .display .handle.off,
    .services-map .map-default .handle.off { -webkit-transform:translateY(0) scale(.8);    transform:translateY(0) scale(.8); opacity:.4; }
    .services-map .display .handle.off:hover,
    .services-map .map-default .handle.off:hover {-webkit-transform:translateY(0) scale(1);  transform:translateY(0) scale(1); }
    .services-map .descriptions {top: 440px; width: 100%;}

    /* References */
    .filtres-carte-references .refFilterTrigger {font-size: 14px; padding: 10px;}

    /* Equipements */
    #equipements {padding: 20px 0 80px;}

    /* Actualites */
    .field_actualite {margin: 20px 20px 100px 20px;}
    .field_actualite .timeline::before,
    .field_actualite .timeline::after { left:-5px; -webkit-transform:rotate(90deg); transform:rotate(90deg); }
    .field_actualite .item-timeline:nth-last-of-type(2n) {-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
    .field_actualite .item-timeline {height: 240px; position: relative;}
    .field_actualite .item-timeline-date {position: absolute; left: 20px; text-align: left; width: 100%;}
    .field_actualite .item-timeline-dot {margin: 0 20px 0 0;}
    .field_actualite .item-timeline-detail {width: 100%; margin: 60px 0 20px;}
    .field_actualite .item-timeline-detail .text .title {max-width: 150px;}

    /* Contact */
    .field_equipe {display: flex; flex-wrap: wrap;}
    .field_equipe .membre-equipe {flex-direction: column; text-align: end; align-items: end;}
    .field_equipe .membre-equipe:nth-of-type(2n) {flex-direction: column; text-align: start; align-items: start; margin-top: 0; margin-bottom: 0;}
    .field_siege-social {display: inline-block;}
    #map-bounds-box115.map-bounds-box, #fc_module_map_115.fc_module_map {height: 300px !important;}
    #flexicontent {margin-bottom: 0;}
    #contact-footer {position: relative; margin-bottom: 40px;}
    .infos_contact-inner {margin: 0 20px;}
    
}