


/* Large screens */
@media only screen and (max-width: 1824px) {

}
@media only screen and (max-width: 1380px) {

/* Header : réduction de l'espacement pour éviter le débordement */
.logo_header {
    width: 200px;
}
.header .navbar-nav {
    padding-left: 8px;
    padding-right: 8px;
}
.header .navbar-nav .nav-link {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 16px;
}
.header .separator {
    margin: 0;
}
.header .btn-contact {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
    width: auto;
}
.card-link+.card-link{
margin-left:0;
}

}

@media only screen and (max-width: 1250px) {

/* Header : réduction supplémentaire pour les petits laptops (1280px, 1366px) */
.logo_header {
    width: 170px;
}
.header .navbar-nav {
    padding-left: 4px;
    padding-right: 4px;
}
.header .navbar-nav .nav-link {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
}
.header .separator {
    display: none !important;
}
.header .btn-contact {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    width: auto;
}

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
    position: relative;
}
.navbar-nav {
    flex-direction: column;
}
.header .navbar .nav-item .dropdown-menu {
    display: block;
    border: none;
    margin-top: 0;
    top: 150%;
    opacity: 1;
    visibility: visible;
    transition: .5s ease;
    border-radius: 0px;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
}

/* Footer mobile */
.footer .d-flex.flex-column.justify-content-start {
    align-items: flex-start;
}
.footer .copyright_bottom .d-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.footer .copyright_bottom .d-flex .mb-0.ml-3.mr-3 {
    display: none;
}

/* Navbar mobile : scroll si contenu dépasse */
.navbar-mobile-scroll {
    max-height: 80vh;
    overflow-y: auto;
}

/* Bandeau : texte en overlay sur l'image */
.slide-item {
    position: relative;
    min-height: 485px;
    flex-direction: row;
    align-items: stretch;
}
.slide-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    min-height: 320px;
    z-index: 1;
}
.slid_content {
    position: relative;
    z-index: 2;
    width: 100% !important;
    background: rgba(29, 53, 87, 0.72);
    padding: 40px 24px;
    align-self: flex-end;
}
.titre-bandeau-one {
    font-size: 24px;
    color: #fff;
}
.titre-bandeau-two {
    font-size: 26px;
}

/* Food */
.cards-container {
    display: block !important;
}
.card-item {
    height: 180px;
    width: 100%;
    margin-bottom: 20px;
}

/* Transport */
.section-pageTwo .content-text ul {
    padding-left: 0 !important;
}
.section-logistique .circle1 {
    left: -20px;
}

/* Conditionnement */
.section-pageTwo .white-circle-numbered {
    height: 295px;
    width: 100%;
}
.section-services {
    padding-top: 0 !important;
}

/* Nos valeurs */
img[src*="valeur.jpg"] {
    width: 100%;
}

/* Notre histoire */
.badge-experience {
    position: relative !important;
    top: -10px !important;
}

/* Section à propos */
.section-propos {
    padding-bottom: 0 !important;
}
.section-propos .image-container {
    width: 100%;
}
.section-propos .image-container img {
    width: 100%;
}
.valeurs-container {
    align-items: center;
}

/* Section savoir-faire */
.marginLeft {
    margin-left: 0 !important;
}
.content-left {
    padding: 0 !important;
}
.content-right {
    margin-top: 0 !important;
    margin-left: 0 !important;
}
.nd-satellite2 {
    display: none;
}

/* Section savoir-faire : image sans marge gauche */
.image-wrapper {
    margin-left: 0 !important;
}

/* Bouton savoir plus (commun) */
.btn-savoir-plus {
    position: relative !important;
    left: auto !important;
    transform: none !important;
}
.btn-savoir-plus:hover {
    transform: translateY(-4px) !important;
}

/* Bouton savoir plus section savoir-faire : ne doit pas flotter sur le texte */
.btn-sf {
    display: block;
    margin-top: 24px;
    bottom: auto !important;
}

/* Cards secteurs : centrer et supprimer marges entre cards */
.card-link + .card-link {
    margin: 0 !important;
}
.section-secteurs .row_cards {
    justify-items: center;
}

/* Actualités : afficher les flèches */
.owl-actu.owl-carousel .owl-nav {
    display: block !important;
}
.owl-actu.owl-carousel .owl-nav button {
    top: 40%;
}

/* Qualité : sections cercles */
.section-pageFive {
    padding-bottom: 0 !important;
}
.section-pageFiveTwo {
    padding-top: 0 !important;
}

/* Qualité : cercles en flux normal */
.section-pageTwo {
    position: static !important;
}
.image_container_qualite {
    flex-wrap: wrap;
    min-height: auto;
}
.image_container_qualite .cercle_qualite {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}

/* Icônes qualité */
.icon-qualite {
    width: 100px !important;
    height: 100px !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
}

/* Breadcrumb */
.breadcrumb {
    width: 100%;
}

/* Titre section : centrage du rectangle décoratif */
.titre-section .rec-titre-section {
    left: 50%;
    transform: translateX(-50%) !important;
    width: 100%;
}
.titre-section2 .rec-titre-section2 {
    right: auto;
    left: 50%;
    transform: translateX(-50%) !important;
    width: 100%;
}

/* Contact : checkbox et recaptcha hors colonne Bootstrap */
.contact-wrap .row > .check,
.contact-wrap .row > .form-group {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    width: 100%;
}

}

/* Large Devices : réaffichage du cercle décoratif */
@media only screen and (min-width: 992px) {
    .nd-satellite2 {
        display: block;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

}

/* Extra Small Devices, Phones */
@media (max-width: 667px) {

}

@media (max-width: 568px) {

}

@media only screen and (max-width : 479px) {


}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
	.g-recaptcha{
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
}
