body{
    overflow-x: hidden;
}
header {
    position: fixed;
    width: 100%;
    z-index: 999;
}
header.fixed nav ul li a {
    padding: 20px 10px;
}
header.fixed .logo {
    max-width: 250px;
}
nav ul li a {
    background: #DB052C;
    color: #F5ECDA;
    font-family: Manrope;
    font-weight: 500;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: 1.75px;
    text-transform: uppercase;
    padding: 40px 11px 45px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: end;
}

nav ul {
    display: flex;
    list-style: none;
    padding: 0;
    gap: 10px;
    position: relative;
}

header nav {
    padding: 0 !important;
    margin-left: 10%;
}

div#navbarNav {
    display: block;
    position: relative;
}

nav ul li {
    max-width: 310px;
}

nav ul li a:hover {
    color: #F5ECDA;
    background: #0B0D14;
}
body {
    background-color: #F5ECDA !important;
}
section#banniere {
    position: relative;
    overflow: hidden;
}
section#banniere img {
    width: 100%;
}
section#banniere::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 20%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.0001) 0%, #000000 50%);
    opacity: 80%;
}

section#banniere::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 80%;
    opacity: 80%;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.0001) 0%, #000000 50%);
    transform: rotate(180deg);
}
.bg-rouge {
    background: #DB052C;
    padding: 100px 0;
}
.ctn-block, .bg-rouge{
    position: relative;
    z-index: 2;
}

section h1 {
    font-family: 'Urbanist';
    font-weight: 900;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #F5ECDA;
    border-bottom: 2px solid;
    padding: 0 0 25px;
    margin-bottom: 35px;
    text-transform: uppercase;
}

.content-w {
    max-width: 1300px;
    margin: 0 auto;
}

.atout-wrp {
    display: flex;
    justify-content: center;
    text-align: center;
    color: #F5ECDA;
    gap: 40px;
    margin-top: 80px;
}
span.label {
    font-family: 'Urbanist';
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 19px;
    display: block;
}

span.label strong {
    font-size: 15px;
}

.bg-rouge .col-md-5 {
    display: flex;
    justify-content: center;
    align-items: end;
}
.bg-rouge p {
    color: #F5ECDA;
    font-family: 'Urbanist';
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 1px;
}

.ctn-block ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ctn-block ul li a {
    display: block;
    font-family: 'Urbanist';
    font-weight: 600;
    font-size: 25px;
    line-height: 113px;
    letter-spacing: 0px;
    text-align: center;
    padding: 0 35px;
    color: #F5ECDA;
}

.ctn-block {
    position: relative;
    max-width: 1135px;
    margin-top: -129px;
    margin-left: auto;
}

.ctn-block ul li:nth-child(1) a {
    background: #db052c;
}
.ctn-block ul li a:hover {
    background: #000;
}
footer.footer {
    background: #0B0D14;
    padding: 50px 0 30px;
}
footer.footer ul li {
    margin-bottom: 10px;
}
footer.footer li a, footer.footer p {
    color: #F5ECDA;
}
footer.footer li a{
    font-family: 'Urbanist';
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: right;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration: none;
}
footer.footer li a:hover {
    color: #db052c;
}
footer.footer p{
    font-family: 'Urbanist';
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 0px;
}
.txt-adress {
    width: fit-content;
    margin: -10px auto 0;
}
ul.menu-footer-left {
    list-style: none;
    padding: 0;
    text-align: right;
}
footer.footer ul.menu-footer-right li a, footer.footer ul.menu-footer-right li{
    font-size: 15px;
}
ul.menu-footer-right {
    padding: 0;
    list-style: none;
}
footer.footer li a.mail {
    text-decoration: underline;
}

h2.red {
    font-family: 'Urbanist';
    font-weight: 700;
    font-size: 26px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #DB052C;
    text-align: center;
    /* width: fit-content; */
    margin: 0 auto;
}

section#produit {
    margin: 50px 0;
}

h2.red::after {
    content: "";
    display: block;
    width: 342px;
    height: 3px;
    background: #DB052C;
    margin: 20px auto;
}

.card-pdt {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 50px;
}
.pdt-item img {
    max-height: 105px;
    object-fit: contain;
}
.pdt-item {
    background: #DB052C;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #F5ECDA;
    padding: 50px 30px 25px;
    max-width: 330px;
    width: 100%;
}

.pdt-item a {
    color: #F5ECDA;
    font-family: 'Urbanist';
    font-weight: 700;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 5px;
    text-align: center;
    border: 2px solid;
    display: block;
    width: 100%;
    padding: 10px 15px;
    margin: auto 0 0;
}
.pdt-item a:hover {
    background: #F5ECDA;
    color: #db052c;
}
.card-pdt .label {
    font-family: 'Urbanist';
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 1px;
    text-transform: none;
    text-align: left;
    margin: 35px 0 25px;
    min-height: 44px;
    width: 100%;
}

.card-pdt .desc {
    font-family: 'Urbanist';
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 35px;
}

section#secteurs a.pdt-item {
    background: transparent;
    padding: 0 15px;
}
a.pdt-item:hover {
    box-shadow: 0px 4px 10px 0px #00000080;
}
section#secteurs span.label {
    color: #DB052C;
    font-family: 'Urbanist';
    font-weight: 600;
    font-size: 20px;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: capitalize;
    margin-top: 0;
}
.pdt-item.has-bg img {
    max-height: 215px;
    position: absolute;
}

.pdt-item.has-bg {
    position: relative;
}

section#secteurs .pdt-item.has-bg .label {
    z-index: 1;
    position: relative;
    top: -15px;
    box-shadow: 3px 3px 10px 0px #000000B2;
    background: #F5ECDA;
    color: #1E1E1E;
    padding: 5px 7px;
}
.pdt-item:hover {
    background: #1E1E1E;
}
.card-secteur {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    gap: 100px;
    margin: 50px 0;
}

.card-secteur a {
    display: block;
    width: 100%;
    max-width: 317px;
    height: 215px;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: end;
    gap: 15px;
}
a.cta-devis {
    display: block;
    font-family: 'Urbanist';
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 4px;
    text-align: center;
    color: #F5ECDA;
    background: #DB052C;
    max-width: 323px;
    padding: 25px 60px;
    margin: 52px auto;
    border: 1px solid #DB052C;
}
a.cta-devis:hover {
    background: transparent;
    color: #DB052C;
}
section#temoignage {
    background: url(../img/temoingnage.jpg);
    padding: 100px 0;
    margin: 100px 0;
    position: relative;
    background-size: cover;
}
section#temoignage h2 {
    color: #F5ECDA;
}
.txt-temoignage {
    color: #F5ECDA;
    font-family: 'Urbanist';
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 1px;
    margin: 0;
}

.txt-temoignage h3 {
    font-family: 'Urbanist';
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0px;
    margin: 35px 0;
}

section#temoignage .content-w {
    position: relative;
    z-index: 1;
    /* max-width: 1420px; */
}
.slide-temoignage .slick-slide img {
    max-height: 100px;
    height: 100%;
}
.txt-temoignage {
    margin: 0 35px;
}
section#temoignage::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #000000b0;
}

.eng-txt-1 {
    font-family: 'Urbanist';
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #1E1E1E;
    text-align: justify;
}
.text-justify{
    text-align: justify;
}
.eng-txt-1 .row {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 25px 0;
}

a.decouvrir {
    font-family: 'Urbanist';
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 4px;
    color: #1E1E1E;
    text-align: center;
    border: 2px solid #db052c;
    display: block;
    padding: 10px;
    margin: 25px 0 0;
}
a.decouvrir:hover, a.decouvrir.bdr-black:hover, section .bg-rouge.bg-white a.decouvrir.bdr-black:hover {
    color: #db052c;
    border-color: #1e1e1e;
}
section h2 {
    font-family: 'Urbanist';
    font-weight: 700;
    font-size: 26px;
    line-height: 40px;
    letter-spacing: 0px;
    color: #1E1E1E;
    margin: 0 0 25px;
    text-transform: uppercase;
    margin-bottom: 35px;
}
section .expertise h2 {
    border-bottom: 3px solid #db052c;
    padding: 0 0 15px;
    margin-top: 30px;
}

section#engagement .row {
    /* display: flex;
    gap: 50px; */
    /* flex-wrap: nowrap; */
    margin: 22px 0;
}

section#engagement p {
    font-family: 'Urbanist';
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #1E1E1E;
    margin-bottom: 20px;
}
#engagement-page section#texte p {
    font-weight: 600;
}
.logo-eng-wrp {
    display: flex;
    gap: 25px;
    justify-content: center;
}
a.decouvrir.bdr-black {
    border: 2px solid #db052c;
}
section#engagement h2.red {
    margin-bottom: 65px;
}
section#blog {
    background: #DB052C;
    padding: 50px 0;
    margin: 60px 0 0;
}

#blog h2 {
    color: #F5ECDA;
    text-align: center;
    margin: 0 0 15px;
}

span.blog-text {
    color: #F5ECDA;
    font-family: 'Urbanist';
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 4px;
    text-align: center;
    display: block;
    max-width: 535px;
    margin: 0 auto;
    border: 3px solid;
    padding: 15px 0;
    position: relative;
}
#blog .txt-bloc:hover {
    background: #000;
    color: #f5ecda;
}
.blog-slide {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 50px 0;
}
.blog-item img {
    width: 100%;
}

.blog-item {
    margin: 0 10px;
}
.txt-bloc {
    background: #F5ECDA;
    padding: 15px 25px 15px;
    font-family: 'Urbanist';
    font-weight: 900;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #000000;
}

.txt-bloc span {
    display: block;
}

.txt-bloc span.titre {
    font-weight: 700;
}

span.blog-text::after {
    content: "";
    display: block;
    height: 3px;
    width: 93px;
    background: #000;
    margin: 0 auto;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
}
ul.sub-menu {
    position: absolute;
    flex-direction: column;
    display: none;
    gap: 10px;
    padding-top: 10px;
}

nav ul.sub-menu li a {
    padding: 15px 25px;
    margin: 0;
    background: #000000cf;
}
nav ul li .sub-menu a {
    text-align: left;
}
nav ul.sub-menu li a:hover {
    background: #F5ECDA;
    color: #000;
}
nav ul.sub-menu li {
    margin: 0;
}

#engagement span.label {
    color: #1E1E1E;
}
.item-atout span.label strong {
    font-weight: 900;
}
.blog-slide .slick-next::before{
    content: "";
    display: block;
    width: 42px;
    height: 36px;
    background: url(../img/arrow-right.png) no-repeat;
    background-size: contain;
}
.blog-slide .slick-prev::before{
    content: "";
    display: block;
    width: 42px;
    height: 36px;
    background: url(../img/arrow-left.png) no-repeat;
    background-size: contain;
}
.blog-slide .slick-next {
    right: -35px;
}
.blog-slide .slick-prev {
    left: -55px;
}
.slick-dots li.slick-active {
    background: #db052c;
}

ul.slick-dots {
    list-style: none;
    padding: 0;
    text-align: center;
    bottom: -50px;
}

.slick-dots li {
    background: #F5ECDA;
    font-size: 0;
}

.slick-dots li button {
    font-size: 0;
}

.slick-dots li button:before {
    display: none;
}
span.italic {
    font-family: Urbanist;
    font-weight: 400;
    font-style: Italic;
    font-size: 15px;
    color: #db052c;
    line-height: 22px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 25px;
}

#produit-page section h1 {
    border-color: #000;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #db052c;
    font-weight: 900;
    line-height: 35px;
}
#produit-page section#banniere .bg-rouge {
    background: #F5ECDA;
}
#produit-page section#banniere .bg-rouge p{
    color: #000;
}
#produit-page section#banniere .bg-rouge p a {
    color: inherit;
    text-decoration: underline;
}
#produit-page section#banniere .bg-rouge a.decouvrir.bdr-black {
    color: #db052c;
    border-color: #000;
    margin-bottom: 15px;
    max-width: 307px;
}
#produit-page .bg-rouge a.decouvrir.bdr-black {
    color: #F5ECDA;
    border-color: #000;
    margin-bottom: 15px;
}
.beige {
    color: #F5ECDA !important;
}
div#services.bg-rouge h2.red::after {
    background: #000;
    width: 100%;
}
#produit-page .bg-rouge a.decouvrir.bdr-black:hover {
    border-color: #F5ECDA;
    color: #000;
}
#produit-page section#procede h2::after {
    content: "";
    height: 3px;
    width: 200px;
    background: #000;
    display: block;
    margin: 35px auto;
}
#produit-page section#procede{
    margin-top: 0;
}
#produit-page section#procede .content-w {
    max-width: 1580px;
}
#produit-page .procede-item .label{
    margin-bottom: 0;
    position: relative;
    top: -10px;
    text-transform: none;
}
#produit-page .procede-item {
    width: 100%;
    height: auto;
    max-width: 381px;
    padding: 15px 15px;
}
.page-template-nos-produit #produit-page .procede-item:nth-child(5), .page-template-nos-produit #produit-page .procede-item:nth-child(6), .page-template-nos-produit #produit-page .procede-item:nth-child(7) {
    max-width: 382px;
    height: 219px;
}

.page-template-nos-produit #produit-page .procede-item:nth-child(8), .page-template-nos-produit #produit-page .procede-item:nth-child(9) {
    max-width: 182px;
    height: 219px;
}
.text-bottom.beige {
    max-width: 937px;
    margin: 50px auto;
    text-align: center;
}

a.devis-black {
    color: #F5ECDA;
    font-family: Urbanist;
    font-weight: 600;
    background: #000;
    font-size: 18px;
    padding: 25px 30px;
    line-height: 30px;
    letter-spacing: 4px;
    text-align: center;
    display: block;
    border: 1px solid #000;
    width: fit-content;
    margin: 0 auto;
}

a.devis-black:hover {
    background: transparent;
    color: #000;
}
.card-proceder {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 50px;
    justify-content: center;
}

.procede-item {
    width: 247px;
    height: 247px;
    box-shadow: 0px 4px 10px 0px #00000080;
    background: #F5ECDA;
    padding: 15px 25px;
}

.procede-item .label {
    font-family: Urbanist;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 1px;
    text-transform: capitalize;
    text-align: left;
    color: #db052c;
    margin-bottom: 35px;
    min-height: 44px;
}
.procede-item span.desc {
    color: #000;
    font-family: Urbanist;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: justify;

}
.procede-item:hover {
    background: #1E1E1E;
}
.procede-item:hover span.label, .procede-item:hover span.desc {
    color: #F5ECDA;
}
section#procede {margin-top: 65px;}
section#procede h2.red::after {
    background: #1E1E1E;
}
#produit-page section#temoignage {
    margin-bottom: 50px;
    background-image: url(https://pierotti.e-vcomk.com/wp-content/uploads/2025/07/VIVA-UV-Pers-dark-1-1.jpg);
}
#produit-page #temoignage::after {
    background: #00000052;
}
#produit-page section#engagement {
    margin-bottom: 0;
}
#produit-page section#temoignage p {
    font-family: Urbanist;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #F5ECDA;
    margin-bottom: 20px;
}
.page-template-nous-et-nos-engagement section#temoignage p {
    font-weight: 600;
}
.page-template-nous-et-nos-engagement section#temoignage::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #000000d4;
}
.page-template-nous-et-nos-engagement #expertise .atout-wrp span.label {
    color: #1E1E1E;
    font-weight: 600;
}
#produit-page div#services.bg-rouge {
    padding: 30px 0 50px;
}
div#imprimerie {
    margin: 50px 0 !important;
}
#produit-page section#temoignage h2.red {
    margin: 0;
    color: #F5ECDA;
    margin-bottom: 25px;
    text-align: left;
}

#produit-page section#temoignage h2.red::after {
    display: none;
}

#produit-page section#temoignage a.cta-devis {
    margin: 45px 0 0;
}
a.plus {
    display: block;
    font-family: Urbanist;
    font-weight: 600;
    color: #000;
    font-size: 18px;
    background: #F5ECDA;
    line-height: 30px;
    letter-spacing: 4px;
    text-align: center;
    width: fit-content;
    padding: 5px 20px;
    margin-top: 25px;
    border: 1px solid #F5ECDA;
}
a.plus:hover{
    background: transparent;
    color: #000;
}
.bg-rouge.bg-white {
    background: #F5ECDA !important;
}

section .bg-rouge.bg-white h1 {
    color: #1E1E1E;
}

section .bg-rouge.bg-white h1 span {
    color: #db052c;
}

section .bg-rouge.bg-white h1 {
    border-color: #db052c;
}

.bg-rouge.bg-white p {
    color: #1e1e1e;
}

.bg-rouge.bg-white .col-md-4 {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: baseline;
    gap: 55px;
}

section .bg-rouge .col-md-5 img {
    max-width: 353px;
}

span.big-text {
    font-family: Urbanist;
    font-weight: 600;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: 0px;
    display: block;
    max-width: 365px;
    color: #1e1e1e;
}

section .bg-rouge.bg-white  a.decouvrir.bdr-black {
    padding: 10px 0;
    color: #000;
    border-color: #db052c;
}
section#banniere .col-md-4.pl-5 img {
    max-width: 353px;
    width: auto;
}
.grt-wrp {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px 35px;
}

.grt-item {
    max-width: 410px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    box-shadow: 0px 4px 10px 0px #00000080;
    min-height: 93px;
    font-family: Urbanist;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
    color: #F5ECDA;
    padding: 15px;
}

#service-page #procede h2 {
    margin: 0 auto 50px;
    color: #F5ECDA;
}

#service-page #procede {
    background: #db052c;
    padding: 10px 0 65px;
    margin-top: 0;
}
#service-page #procede .grt-wrp {
    justify-content: center;
}
#service-page #procede h2::after {
    background: #F5ECDA !important;
    width: 142px;
}
#service-page .bg-rouge.bg-white p {
    font-weight: 700;
}
.grt-item:hover {
    background: #F5ECDA;
    color: #000;
}
#service-page .ctn-block ul li:nth-child(1) a {
    background: #F5ECDA;
    color: #db052c;
}
#service-page .ctn-block ul li:nth-child(1) a:hover {
    color: #F5ECDA;
    background: #db052c;
}
#service-page section#banniere::before, #produit-page section#banniere::before{
    opacity: 0;
}
main#engagement-page #engagement .descpription p {
    font-weight: 600;
}
.content-slide-wrp.chf-slide {
    max-width: 1440px;
    margin: 0 auto;
}
footer.footer .row .col-lg-7 {max-width: 1120px;}

footer.footer .row {
    justify-content: space-between;
}

/* contact */
.bloc-content-coo >* {
    color: #F5ECDA;
    font-family: Urbanist;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 1px;
}

.bloc-content-coo span {
    display: block;
    margin-bottom: 30px;
}

.bloc-content-coo {
    max-width: 222px;
    text-align: right;
    width: 100%;
}

.coo-item {
    display: flex;
    align-items: center;
    max-width: 340px;
    gap: 40px;
    justify-content: space-between;
}

.bloc-content-coo a {
    text-decoration: underline;
}

.coo-wrp {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.coo-item:nth-child(2) .bloc-content-coo {
    border-block: 3px solid #DB052C;
    padding: 35px 0;
}
section#contact h2 {
    font-family: Urbanist;
    font-weight: 700;
    font-size: 26px;
    line-height: 40px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #1E1E1E;
    position: relative;
}

.form-w {
    max-width: 1300px;
    margin: 0 auto;
}

section#contact h2::after {
    content: "";
    display: block;
    width: 142px;
    height: 3px;
    background: #db052c;
    margin-top: 10px;
}

section#contact {
    margin: 50px 0;
}

section#contact label, section#contact p.small, section#contact select {
    color: #1E1E1E;
    font-family: Urbanist;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
}
section#contact label, section#contact select{
    font-weight: 900;
}
.form-w input, .form-w select, .form-w textarea {
    box-shadow: 0px 4px 10px 0px #00000080;
    background-color: transparent;
    border: none;
    padding: 15px;
    width: 100%;
    margin-top: 10px;
}

.form-w p {
    margin-bottom: 0;
}

.form-w input.btn {
    background: #DB052C;
    font-family: Urbanist;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 4px;
    text-align: center;
    padding: 25px 50px;
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0;
}
.form-w .small p {
    font-family: Urbanist;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0px;
    margin-bottom: 15px;
}
select {
  appearance: none;
  background-image: url("../img/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.custom-file-text  input[type="file"] {
    opacity: 0;
    padding: 25px;
    margin: 0;
    z-index: 2;
    position: relative;
    font-size: 18px;
}
.custom-file-text {
    position: relative;
    background: #000000;
    color: #F5ECDA;
    font-family: Urbanist;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 4px;
    text-align: center;
    max-width: 200px;
    cursor: pointer;
}
div.file {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
}
.file-name {top: 15px;position: relative;}
span.btn-file {
    position: absolute;
    top: 25px;
    left: 40px;
    cursor: pointer;
    z-index: 0;
}
.page-template-contact section#temoignage {
    background: url(../img/DSC_0014.jpg);
    margin-bottom: 0;
}
.wpcf7-not-valid-tip {
    margin-top: 10px;
}

/* Blog */
section#article {
    margin-bottom: 75px;
}
section#article .content-w {
    max-width: 1320px;
}
section#article h1 {
    font-family: Urbanist;
    font-weight: 900;
    color: #000;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    max-width: 300px;
    margin: 50px auto 0;
    border-color: #db052c;
    border-width: 3px;
}

article h2 a {
    font-family: Urbanist;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    text-transform: none;
    color: #1E1E1E;
}

#articles-container article {
    max-width: 317px;
}

article > * {
    font-family: Urbanist;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #1E1E1E;
}
input#ajax-search-input {
    font-family: Urbanist;
    font-weight: 900;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #1E1E1E;
    border: none;
    background: transparent;
    padding: 10px;
    max-width: 90%;
}
input#ajax-search-input::placeholder {
    color: #000;
}
form#ajax-search-form {
    max-width: 320px;
    border: 2px solid #000000;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
    margin-bottom: 35px;
}

form#ajax-search-form button {
    background: transparent;
    border: none;
    padding: 0;
}

.categories-list ul {
    padding: 0;
    list-style: none;
}

a.filter-category {
    font-family: Urbanist;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #F5ECDA;
    background: #000;
    display: block;
    max-width: 320px;
    padding: 15px;
    /* text-transform: uppercase; */
    margin-bottom: 15px;
}
.cat-heading {
    font-family: Urbanist;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #F5ECDA;
    background: #000;
    display: block;
    max-width: 320px;
    padding: 15px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
a.filter-category:hover {
    color: #f5ecda;
    background: #db052c;
}
div#articles-container {
    margin-top: 80px;
    display: flex;
    gap: 35px;
    flex-wrap
}
section article .category {
    text-transform: uppercase;
    font-family: Urbanist;
    font-weight: 900;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #1E1E1E;
}
section .article-content h2 {
    margin-bottom: 15px;
    font-family: Urbanist;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #1E1E1E;
    text-transform: inherit;
}
.article-content p{
    font-family: Urbanist;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #1E1E1E;
    text-transform: inherit;
}
.article-content {
    padding: 35px;
    box-shadow: 0px 4px 10px 0px #00000080;
}
.article-content:hover {
    background: #000;
}

.article-content:hover > *, .article-content:hover a {
    color: #F5ECDA;
}
div#ajax-content {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}
.single section#banniere img {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
}
span.category-titre {
    font-family: Urbanist;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    border-bottom: 2px solid;
    width: fit-content;
    margin: 0 auto;
    padding-bottom: 15px;
}

span.category-titre a {
    color: #000;
}

section#content-page-article {
    margin-top: 65px;
}

section#content-page-article h1 {
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    border: none;
    margin: 50px auto;
}

section#content-page-article h1 a {
    color: #000;
}
.single h3 {
    font-family: Urbanist;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 35px;
}

.single section p, .single section ul li {
    color: #000;
    font-family: Urbanist;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
}

.bloquote {
    display: flex;
    max-width: 956px;
    margin: 75px auto 100px;
}

img.gui1 {
    position: relative;
    left: -40px;
    top: -40px;
}

img.gui2 {
    position: relative;
    right: -40px;
    bottom: -20px;
}

.single .bloquote p {
    font-family: Urbanist;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
}
.bordered-bot {
    position: relative;
    padding-bottom: 50px;
    margin: 50px 0;
}

.bordered-bot::after {
    content: "";
    display: block;
    max-width: 309px;
    width: 100%;
    height: 3px;
    background: #db052c;
    position: absolute;
    bottom: 0;
}

.resumer {
    background: #000;
    padding: 35px;
    margin-top: 50px;
}

.single .resumer > *, .single .resumer ul li{
    color: #fff;
}
.categories-select select {
    background-color: transparent;
    border: 2px solid;
    padding: 15px 50px 15px 15px;
    width: fit-content;
    font-family: Urbanist;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    max-width: 320px;
}

.categories-select select option {
    font-family: Urbanist;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 1px;
}

.categories-select {
    position: relative;
    margin-bottom: -40px;
}
section#banniere video {
    width: 100%;
    max-height: 767px;
    object-fit: cover;
    object-position: center;
}
main#activite-page #banniere .bg-rouge {
    background: #f5ecda;
}

main#activite-page #banniere .bg-rouge p {
    color: #000;
}

main#activite-page #banniere .bg-rouge h1 {
    color: #DB052C;
    border: none;
    margin-bottom: 0;
}
main#activite-page #banniere .bg-rouge h1 span {
    text-transform: none;
}
main#activite-page #banniere .bg-rouge a {
    color: #DB052C;
    border-color: #000;
}

main#activite-page #banniere .bg-rouge span.italic.text-red {
    border-bottom: 2px solid #000;
    padding-bottom: 25px;
}

main#activite-page .procede-item {
    max-width: 361px;
    width: 100%;
    height: auto;
}

/* main#activite-page .procede-item:nth-child(4), main#activite-page .procede-item:nth-child(5), main#activite-page .procede-item:nth-child(6) {
    height: auto;
} */
main#activite-page #services.bg-beige a.plus {
    color: #F5ECDA;
    background: #000;
}

main#activite-page #services.bg-beige a.plus:hover {
    background: #db052c;
}
main#activite-page section#procede h2::after {
    content: "";
    display: block;
    height: 3px;
    max-width: 142px;
    width: 100%;
    background: #000;
    margin: 30px auto 0;
}

main#activite-page  .card-proceder {
    margin: 100px;
    margin-inline: 0;
}

a.pdt-nam {
    color: #F5ECDA;
    font-family: Urbanist;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
    background: #000;
    padding: 5px 15px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.pdt-nam:hover {
    background: #F5ECDA;
    color: #000;
}

main#activite-page section#engagement h2.red {
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 0;
    color: #000;
}

main#activite-page section#temoignage {
    margin-bottom: 50px;
}
main#activite-page h2.beige::after {
    content: "";
    display: block;
    height: 3px;
    max-width: 142px;
    width: 100%;
    background: #db052c;
    margin: 30px auto 0;
}

main#activite-page h2.beige {
    text-align: center;
}
main#activite-page section#temoignage .row {
    justify-content: center;
}

main#activite-page section#temoignage .row img {
    width: 100%;
}
main#activite-page section#engagement h2.red.mb-0::after {
    margin: 10px 0 0;
}
#imprimerie h2.red::after {
    width: 100%;
}
main#sitemap #section-1 {
    padding: 150px 0 50px;
    min-height: 80vh;
}


main#sitemap #section-1 h1 {
    color: #000;
    width: fit-content;
}

main#sitemap #section-1 ul#menu-plan-du-site li a {
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
}

main#sitemap #section-1 ul#menu-plan-du-site li {
    margin-bottom: 15px;
}

main#sitemap #section-1 ul#menu-plan-du-site  ul.sub-menu {
    position: relative;
    display: block;
}
.page-template-default section {
    padding: 125px 0 50px;
}

.page-template-default section h1 {
    color: #db052c;
    width: fit-content;
}

.page-template-default section, .page-template-default section a {
    color: #000;
}

.page-template-default section h2 {
    margin: 35px 0 15px;
}
body.error404 .sidebar {
    display: none;
}

body.error404 main section {
    text-align: center;
    padding: 150px 0 50px;
    min-height: 80vh;
}

body.error404 main section h1 {color: #db052c;width: fit-content;margin: 25px auto;}
#contact-page section#temoignage::after{
    background: #000000c7;
}
#contact-page .coo-wrp {
    height: 100%;
    justify-content: center;
}
.main-archive .ctn-block ul li:nth-child(1) a {
    background: #F5ECDA;
    color: #DB052C;
}
.main-archive .ctn-block ul li:nth-child(1) a:hover {
    color: #F5ECDA;
}

#service-page #procede.bg-beige {
    background: transparent;
}

#service-page h3 {
    font-family: 'Urbanist';
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #1E1E1E;
    margin: 0 0 25px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#service-page #procede {
    text-align: center;
    padding-top: 50px;
}

#service-page #procede p {
    font-family: Urbanist;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #f5ecda;
}

.grt-wrp {
    margin: 35px 0;
}

#service-page #procede h3 {
    color: #f5ecda;
}

#service-page #procede.bg-beige h3 {
    color: #1e1e1e;
}

#service-page #procede.bg-beige {
    padding-top: 0;
}

#service-page #procede.bg-beige p {
    color: #1e1e1e;
}

#service-page .bg-rouge.bg-white ul li {
    font-family: 'Urbanist';
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 1px;
    font-size: 15px;
    color: #1e1e1e;
}
#service-page #procede a.decouvrir.bdr-black:hover {
    background: #000;
}

#activite-page .logo-eng-wrp div {
    max-width: 240px;
}

#activite-page .logo-eng-wrp div img {
    max-height: 65px;
    object-fit: contain;
    height: 100%;
}
a.decouvrir.border-black:hover {
    color: #1E1E1E;
    border-color: #db052c !important;
}
a.decouvrir.border-black {
    border: 3px solid #1E1E1E;
    color: #db052c;
}
main#activite-page #banniere .bg-rouge span.italic.text-red{
    color: #000;
    padding-bottom: 35px;
    margin-bottom: 35px;
}
main#activite-page #banniere .bg-rouge a{
    margin-top: 40px;
}
main#activite-page #banniere .bg-rouge a:hover {
    background: #000;
}
.has-before{
    list-style: none;
    padding: 0;
    font-family: 'Urbanist';
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #1E1E1E;
}
.has-before li{
    position: relative;
    margin-bottom: 15px;
}
.has-before li::before{
    content: "";
    width: 16px;
    height: 20px;
    display: inline-block;
    background: url(../img/list-before.svg) no-repeat;
    background-size: contain;
    top: 5px;
    position: relative;
    margin-right: 10px;
}
.has-before li ul li {
    margin-bottom: 0;
}

.has-before li ul {
    margin-top: 10px;
    padding-left: 25px;
}

.has-before li ul li::before {
    display: none;
}
section.lien-utile {
    padding: 50px 0;
}

section.lien-utile h3 {
    text-align: center;
    font-size: 26px;
    color: #000;
}

ul.lien-perttninant {
    display: flex;
    list-style: none;
    justify-content: center;
    gap: 25px;
    margin-top: 25px;
}

ul.lien-perttninant a {
    font-weight: 600;
    color: #000;
    text-decoration: underline;
}
.pdt-intro {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #000;
}
.expertise .logo-eng-wrp img {
    max-height: 70px;
    object-fit: contain;
    object-position: left;
    width: auto;
}
.page-template-nos-produit .expertise .logo-eng-wrp div:nth-child(1) img {
    max-height: 68px;
    position: relative;
    top: 3px;
}
.search section {
    padding: 125px 0;
}

.search section h1 {
    color: #db052c;
}

.search section article {
    max-width: 310px;
}
#engagement h2 {
    max-width: fit-content !important;
}

#engagement h2.red::after {
    max-width: 100%;
    width: 100%;
}
body.page-template-activite #activite-page .logo-eng-wrp div img {
    height: 64px;
    max-height: 64px;
}

body.page-template-activite #activite-page .logo-eng-wrp div {
    max-width: fit-content;
    min-width: 240px;
}
body.page-template-activite #activite-page .col-md-6 .logo-eng-wrp div {
    min-width: auto;
}
section#produit  h2.red::after, section#engagement h2.red::after{
    width: 100%;
}

section#produit h2.red, section#engagement h2.red {
    width: fit-content;
}
.blog-slide span.titre {
    margin-bottom: 15px;
}
.page-template-nous-et-nos-engagement #engagement h2.red::after {
    width: 142px;
}
@media screen and (max-width: 1640px) and (min-width: 1024px) {
.content-w, .form-w{
    padding-inline: 35px;
}
}
@media screen and (min-width: 1240px) {
.col-md-6.pl-2 {
    padding-left: 30px;
}
main#produit-page section#banniere .bg-rouge .col-md-6 img {
    height: 100%;
    object-fit: cover;
}
main#service-page #banniere a.decouvrir {
    margin-top: 40px;
}

main#service-page #banniere h1 {
    margin-bottom: 40px;
}
a.navbar-brand.logo img {
    max-width: 441px;
    width: 100%;
}
.fixed a.navbar-brand.logo img {
    margin-top: 0;
}
#produit-page section#procede {
    padding-top: 65px;
}
/* .pdt-item:nth-child(3) img {
    max-height: 137px;
    position: relative;
    margin-top: -32px;
} */
 .logo-eng-wrp{
    gap: 65px;
 }
header .logo {
    padding-top: 15px;
}
}
@media screen and (min-width: 1024px) {
    
li.menu-item-has-children:hover ul.sub-menu {
    display: flex;
}
div#navbarNav {
   justify-content: center;
}
.item-atout img {
    width: 119px !important;
}
.col-md-6.pr-5 {
    padding-right: 50px;
}

.col-md-6.pl-5, .col-md-8.pr-5{
    padding-left: 50px;
}
.page-template-activit .expertise .logo-eng-wrp {
    justify-content: center;
    gap: 100px;
}
.expertise .logo-eng-wrp {
    margin-bottom: 40px;
}
.page-template-activit .expertise .logo-eng-wrp div {
    max-width: 353px;
}

.page-template-activit .expertise .logo-eng-wrp div img {
    width: 100%;
    max-width: 100%;
    max-height: 96px;
}
.page-template-accueil #banniere .item-atout:nth-child(3) img {
    left: -8px;
    position: relative;
}
section#temoignage h2 {
    margin-bottom: 75px;
}
section#temoignage ul.slick-dots {
    position: relative;
    margin-top: 50px;
}
header nav ul li {
    max-width: 200px;
}
header nav ul li ul li {
    max-width: 100%;
}
button.sub-menu-toggle {
    display: none;
}
}
@media (min-width: 992px) {
    .navbar-expand-lg {
        align-items: flex-start !important;
    }
    section#engagement .row .col-md-6:nth-child(1) {padding-right: 25px;}

    section#engagement .row .col-md-6:nth-child(2) {
        padding-left: 25px;
    }
}
@media screen and (max-width: 1890px) {
    nav ul li a {
        font-size: 16px;
    }
    header nav ul li a, header.fixed nav ul li a {
    padding: 20px 10px;
    }
    .logo {
        max-width: 230px;
    }
}
@media screen and (max-width: 1024px) {
    nav ul.sub-menu li {
        margin-bottom: 15px;
    }
    .menu-item-has-children {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        max-width: 100%;
    }

    .menu-item-has-children > a {
        flex: 1; 
    }

    .sub-menu-toggle {
        background: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.3s ease;
        font-size: 30px;
        font-weight: bold;
        color: #fff;
    }

    .sub-menu-toggle.active {
        transform: rotate(180deg);
    }

    .menu-item-has-children .sub-menu {
        display: none;
        flex-basis: 100%;
        width: 100%;
        margin-top: 0;
        gap: 0;
    }

    .menu-item-has-children.sub-menu-open > .sub-menu {
        display: block;
    }
    .banniere-image {
        min-height: 40vh;
        object-fit: cover;
    }
    section#engagement .row {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
    }
    section#engagement .row .col-md-4 {
        max-width: 33%;
    }
    section#blog .content-w {
        overflow-x: hidden;
    }
    .card-pdt {
    flex-wrap: wrap;
    justify-content: center;
    }

    .pdt-item {
        max-width: 48%;
    }

    .card-secteur .pdt-item img {
        height: 100%;
        max-height: 100%;
        position: relative;
    }

    nav ul {
        flex-direction: column;
    }

    header nav {
        margin-left: 0;
    }

    nav ul li a {
        padding: 10px 25px;
        font-size: 16px;
    }


    nav ul.sub-menu li a {
        background: #DB052C;
    }

    header.fixed nav ul li a {
        padding: 10px 7px;
    }

    div#navbarNav {
        background: #DB052C;
    }

    nav ul.sub-menu li a {
        padding: 3px 15px;
    }
    .collapse:not(.show) {
        display: none !important;
    }
    .ctn-block ul li a {
        font-size: 15px;
        line-height: 40px;
    }
    .bg-rouge {
        padding-block: 25px;
    }
    .ctn-block {
        margin-top: -20%;
    }
    main#contact-page .ctn-block{
        margin-top: -22%;
    }
    main#contact-page .item-2, main#contact-page .item-3 {
        position: relative;
        transform: none;
        left: 0;
    }
    section h1 {
    font-size: 22px;
        line-height: 24px;
    }
    section#temoignage {
    padding: 25px 0 45px;
    margin: 50px 0;
    }
    section#engagement h2.red {
        margin-bottom: 35px;
    }
    .card-pdt {
        flex-wrap: wrap;
        justify-content: center;
    }

    .pdt-item img {
        /* max-width: 75px; */
    }

    nav ul {
        flex-direction: column;
        margin-top: 20px;
    }

    header nav {
        margin-left: 0;
    }

    nav ul li a {
        padding: 10px 25px;
        font-size: 16px;
    }

    ul.sub-menu {
        position: relative;
        display: none;
        padding-left: 35px;
    }

    nav ul.sub-menu li a {
        background: #DB052C;
    }

    header.fixed nav ul li a {
        padding: 10px 7px;
    }

    div#navbarNav {
        background: #DB052C;
        padding-inline: 30px;
    }

    nav ul.sub-menu li a {
        padding: 3px 15px;
    }

    .ctn-block ul li a {
        line-height: 24px;
        padding: 7px 12px;
        height: 100%;
    }

    .atout-wrp {
        margin-top: 10px;
    }

    .item-atout img {
        /* max-width: 50px; */
    }
    section#secteurs .pdt-item.has-bg .label{
        top: -20px;
    }
    span.label {
        font-size: 13px;
        line-height: 1.3;
    }

    .card-secteur {
        justify-content: center;
        gap: 0 20px;
        margin: 0 0 0;
    }
    a.cta-devis{
        padding: 15px 35px;
        margin: 35px auto;
    }
    section .bg-rouge .col-md-5 img{
        max-width: 90px;
    }
    section#blog .slick-slide img {
        max-height: 155px;
        object-fit: cover;
    }
    section#secteurs a.pdt-item {
        max-width: 45%;
        height: 170px;
        width: 100%;
        padding: 5px;
        justify-content: center;
        gap: 0;
    }
    section#blog {
        padding: 20px 0 0;
    }
    section#secteurs span.label {
        font-size: 18px;
        display: block;
        width: 100%;
        top: -20px;
    }

    button.navbar-toggler.collapsed {
        background-color: transparent !important;
        border: none;
        margin-right: 10px;
    }
    .hamburger {
        width: 50px;
        height: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: transparent !important;
        border: none;
        cursor: pointer;
        padding: 5px;
    }

    .hamburger span {
        display: block;
        height: 3px;
        width: 100%;
        background: #db052c;
        border-radius: 4px;
        transition: 0.3s ease;
    }

    /* État ouvert (Bootstrap ajoute .collapsed lorsque ce n’est PAS ouvert) */
    .hamburger:not(.collapsed) span:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }

    .hamburger:not(.collapsed) span:nth-child(2) {
        opacity: 0;
    }

    .hamburger:not(.collapsed) span:nth-child(3) {
        transform: translateY(-13px) rotate(-45deg);
    }

    .pdt-item a {
        font-size: 18px;
        padding: 10px 10px;
        line-height: 1.5;
    }
    .navbar-toggler:focus {
        outline: none !important;
        box-shadow: none !important;
        border: none !important;
    }
    header.fixed {
        background: #F5ECDA;
    }

    a.decouvrir {
        font-size: 14px;
        line-height: 20px;
    }

    section h2 {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    footer.footer p {
        font-size: 14px;
        line-height: 28px;
    }

    footer.footer li a {
        font-size: 14px;
        line-height: 26px;
    }

    footer.footer {
        padding: 0 0 35px;
    }

    ul.menu-footer-left {
        text-align: left;
    }

    ul.menu-footer-right {
        text-align: left;
    }

    footer.footer img {
        max-width: 341px;
    }
    span.blog-text {
        font-size: 16px;
        line-height: 18px;
    }
    .navbar-toggler {
        /* background-color: #f5ecda !important; */
        margin-right: 15px;
    }
    .blog-slide .slick-prev {
        left: -25px;
        z-index: 2;
    }
    .blog-slide .slick-next {
        right: 0;
        z-index: 2;
    }
    .txt-adress {
    margin: 0;
    }
    .col-md-4.pl-5 img {
        max-width: 270px;
    }
    span.big-text {
        font-size: 24px;
    }
    header nav ul li a, header.fixed nav ul li a {
        padding: 10px 10px;
    }
    section .expertise h2 {
        /* margin-top: 0; */
    }
    .ctn-block ul {
        padding-left: 20px;
    }

    .ctn-block ul li:nth-child(1) a {
        padding: 15px 30px;
        font-size: 18px;
        position: relative;
        margin-bottom: -1px;
    }
    #produit-page section#temoignage p br {
        display: none;
    }
    #produit-page section#temoignage .col-md-7 {
        /* padding: 0 35px; */
    }
    #produit-page .procede-item, .page-template-nos-produit #produit-page .procede-item:nth-child(5), .page-template-nos-produit #produit-page .procede-item:nth-child(6), .page-template-nos-produit #produit-page .procede-item:nth-child(7){
        max-width: 100%;
    }
    #produit-page .item-atout img {
        max-width: 75px;
    }
    iframe {
    width: 100%;
    }

    div.file {
        flex-direction: column;
        align-items: end;
    }

    .coo-wrp {
        gap: 35px;
        margin-bottom: 35px;
    }
    .bloquote img {
        max-width: 40px;
        position: absolute;
    }

    .bloquote {
        padding: 0 35px;
        position: relative;
    }

    img.gui1 {
        left: 0;
    }

    img.gui2 {
        right: 0;
    }

    section#content-page-article h1 {
        margin: 25px 0;
        padding: 0;
        font-size: 26px;
        line-height: 1.2;
    }
    .eng-txt-1 {
        /* padding-inline: 25px; */
    }
    .single section .content-w {
        padding: 0 15px;
    }
    div#articles-container {
        flex-direction: column;
        align-items: center;
        margin-top: 35px;
    }
    div#ajax-content{
        justify-content: center;
    }
    .categories-select {
        margin-bottom: 25px;
        text-align: center;
    }

    .categories-select select, .categories-select option {
        font-size: 16px !important;
    }
    .logo-eng-wrp {
        flex-wrap: wrap;
        justify-content: center;
        gap: 25px 15px;
    }
    main#activite-page #banniere .bg-rouge a {
        margin-bottom: 25px;
    }
    main#activite-page .card-proceder {
        margin: 0 0 40px;
    }

    main#activite-page .procede-item {
        height: auto;
    }

    a.pdt-nam {
        max-width: 400px;
        width: 100%;
        margin-bottom: 30px;
    }
    .page-template-nos-produit #produit-page .procede-item:nth-child(8), .page-template-nos-produit #produit-page .procede-item:nth-child(9) {
        max-width: 100%;
        height: auto;
    }
    .logo-eng-wrp div {
        max-width: 235px;
    }
    main#activite-page section#temoignage .col-md-3 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    main#activite-page section#engagement .row {
        justify-content: center;
    }
    ul.menu-footer-left, .txt-adress, ul.menu-footer-right {
        padding-left: 35px;
    }
    .content-w, .form-w{
        padding-inline: 25px;
    }
    h2.red::after{
        max-width: 100%;
    }
    body.page-template-activite #activite-page .logo-eng-wrp div {
        min-width: auto;
        max-width: 240px;
    }
    .grt-item {
        max-width: 100%;
    }
    #service-page #procede{
        padding-bottom: 35px;
    }
    span.btn-file{
        top: 15px;
    }
    .custom-file-text input[type="file"] {
        padding: 15px;
    }
    .form-w input.btn{
        padding: 15px;
    }
}
@media screen and (max-width: 500px) {
    .custom-list {
    display: flex;
    gap: 20px;
    list-style: none;
    position: relative;
    padding: 0;
    }

    .item-1 {
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
    }

    .item-2,
    .item-3 {
    position: absolute;
    top: 15px;
    left: 50%;
    }
    .item-2 {
    z-index: 2;
    transform: translateY(-35px);
    opacity: 0.9;
    }

    .item-3 {
    z-index: 2;
    opacity: 0.9;
    }
    .bg-rouge {
        padding: 25px 10px;
    }
    span.label {
    font-size: 11px;
    line-height: 1.3;
    min-height: auto !important;
    }
    .atout-wrp {
        margin-top: 10px;
        gap: 10px;
        width: 100%;
        justify-content: space-between;
    }
    section#temoignage img {
        /* max-width: 60px; */
    }
    .txt-temoignage h3 {
        font-size: 26px;
        line-height: 34px;
        margin: 20px 0;
    }
    section#secteurs a.pdt-item {
        /* max-width: 140px;
        height: 160px; */
    }
    section#secteurs span.label {
        font-size: 16px;
        display: block;
    }
    .card-secteur .pdt-item img{
        /* max-height: 50px; */
    }
    .txt-temoignage {
        margin: 0 35px;
    }
    section#engagement .col-md-6 .row {
        gap: 0;
    }
    a.decouvrir.bdr-black br {
        display: none;
    }
    section .bg-rouge .col-md-5 .item-atout img {
        max-width: 60px;
    }
    ul.menu-footer-left, .txt-adress, ul.menu-footer-right{
        padding-left: 35px;
    }
    #produit-page section#temoignage a.cta-devis {
        max-width: 100%;
    }
    #produit-page .atout-wrp {
        margin-top: 10px;
        gap: 25px;
        width: 100%;
        justify-content: center;
    }
    #produit-page section#procede h2.red {
        max-width: 300px;
    }
    .pdt-item {
        max-width: 100%;
    }
    section#expertise .atout-wrp{
        flex-wrap: wrap;
    }
    section#engagement .row .col-md-4 {
        max-width: 100%;
    }
    main#service-page section#banniere .col-md-4.pl-5 img {
        width: 100%;
    }
}
@media screen and (max-width: 380px){
    section .bg-rouge.bg-white a.decouvrir.bdr-black{
        padding: 10px 28px;
    }
    .page-template-accueil #engagement a.decouvrir {
        font-size: 12px;
        line-height: 20px;
    }
}
.col-md-6 .logo-eng-wrp img {
    max-height: 65px;
    object-fit: contain;
}