*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
} 

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


body{
	font-family: 'Arial', sans-serif;
	font-size: 15px; 
    overflow-x: hidden;
}
p{
    color: #61657e;
    line-height: 22px;
}
a{
	text-decoration: none;  
}
ul li{
	list-style: none;
}
input, textarea.form-input{
    outline: none;
    color: #fff;
}
h1 {
    font-size: 40px; 
}
h2 {
    font-size: 26px; 
    padding: 0 0 20px;
} 
h3 {
    padding: 20px 0;
}
h1, h2, h3{
    color: #1c1c1c;
}
.container{
    max-width: 1200px;
    margin: auto;
    width: 100%;
    padding: 0 20px;
} 
.top_head.fixed-top {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 9999;
    top: 0;
    transition: .7s all;
}
.top_head.fixed-top a.logo img {
    filter: brightness(0.5);
}
.block_menu {
    position: relative;
    z-index: 9999;
    display: flex;
    justify-content: space-between;
    padding: 20px 155px 20px 189px;
    align-items: center;
    text-align: center;
    gap: 30px;
}
.nav ul.col.nav-list {
    display: flex;  
}
.megaMenu {
    transform: scaleY(0);
    opacity: 0;
    visibility: hidden;
    position: absolute; 
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s;
    z-index: 9999 !important;  
    background: #ffff;
    padding: 20px;
    width: 396px;
    border-radius: 4px;
}
.Desktop .nav-item:hover .megaMenu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}
li.nav-item a {
    color: #0c1239;  
    font-weight: 600;
    font-size: 14px;
} 
.btn_cont { 
    padding: 20px 32px; 
}
.btn_cont:after {
    position: absolute;
    content: '';
    background-color: #131944;
    width: 300px;
    height: 100%;
    left: -40px;
    z-index: 0;
    bottom: -64px;
    transition: .5s;
    border-radius: 50%;
}
.btn_cont:hover:after{
  bottom: 0;
  transition: .5s;
  border-radius: 0;
}
span.span-btn {
    position: relative;
    z-index: 9;
}
a.btn_cont img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    position: relative;
    z-index: 999;
}
.btn_top a {
    background: #d14104;
    border: none;
    color: #fff; 
    font-size: 18px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 15px;
}
.btn_top.button_head {
    min-width: 205px;
} 
li.nav-item.active a,
li.nav-submenu-item.active a {
    color: #d14104!important;
}
li.nav-submenu-item a {
    color: #0c1239 !important;
}
li.nav-submenu-item {
    margin: 15px 0;
    text-align: left;
}
li.nav-item:hover a,
li.nav-submenu-item:hover span{
    color: #d14104;
    transition: .3s;
}
li.nav-item {
    margin: 0 7px;
}
.prt_head{
    position: relative;
}
.prt_head:before {
    position: absolute;
    content: '';
    width: 415px;
    height: 100%;
    background-image: url(../images/img/banner_shape.webp);
    background-repeat: no-repeat;
    background-size: cover;
}
.prt_head:after {
    position: absolute;
    content: '';
    background-color: rgba(209, 65, 4, 80%);
    width: 415px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.homeslider {
    position: relative;
    z-index: 99;
}
a.logo img {
    width: 200px;
    height: 80px;
    object-fit: contain;
}
.pad_cap {
    padding: 0 0 0 240px;
}
@media screen and (max-width: 1300px){
   .pad_cap {
        padding: 0 0 0 150px;
    }
    .block_menu{
        padding: 20px 35px;
    } 
    .prt_head:before { 
        width: 262px;
    }
    .partenaire { 
        gap: 40px!important; 
    }
    .cage_hov { 
        padding: 0 20px!important; 
    } 
    .img3  { 
        right: 15px!important;
    }
    .blockF { 
        grid-template-columns: 80% 20%!important; 
    }
    .prt_head:after{
        width: 263px;
    } 
    .footer{
        padding: 115px 70px!important;
    }

}
@media screen and (max-width: 1440px){
    .partenaire{
        gap: 75px!important;
        padding: 25px 0 25px 213px!important;
    }
}
.bg-slider { 
    height: 700px; 
    border-radius: 10px 0 0 10px;
} 
.bg-slider:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, .5) 50.52%, transparent 80.54%);
    border-radius: 10px 0 0 10px;
    z-index: -1;
}
.capion {
    position: absolute;
    top: 13%;
    padding: 0 115px;
    gap: 40px;
    align-items: center;
    display: flex; 
}
.caption_text .h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 600; 
    padding: 0 0 40px;
} 
.Desktop .caption_text .h1::first-line{
    font-size: 50px;
}
a.btn_cont.cont-btn {
    width: 238px;
}
.inp-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.fond-devis {
    width: 500px;
    height: 500px;
    background: rgba(0, 0, 0, 80%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.titre-formulaire {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    padding: 0 0 20px;
    text-transform: uppercase;
}
input.form-input,
textarea.form-input {
    padding: 15px;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 4px;
}
textarea.form-input {
    width: 100% !important;
    margin-top: 10px;
    margin-bottom: 8px;
    height: 100px !important;
}
input.form-input::placeholder,
textarea.form-input::placeholder{
    color: #fff;
}
input.btn-devis {
    background: #d14104;
    border: none;
    padding: 15px 20px;
    cursor: pointer;
    border-radius: 4px;
    margin: auto;
    display: block;
    font-size: 17px;
    font-weight: 600;
}
.partenaire img {
    width: 90px;
    height: 79px;
    object-fit: contain;
}
.partenaire {
    display: flex;
    align-items: center;
    gap: 120px;
    padding:  25px 0 25px 250px;
    background: #F4F6FF;
}
section {
    padding: 120px 0 0;
    overflow: hidden;
}
.cage {
    display: flex; 
    position: relative;
    justify-content: center;
}
.cage_hov {
    position: relative;
    padding: 0 50px; 
    margin: 0 10px;
}
.cage_hov:before {
    position: absolute;
    content: '';
    background: #FDF1EB;
    width: 100%;
    height: 150px;
    border-radius: 10px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.cageText {
    background: #fff;
    padding: 45px 48px 50px;
    box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    overflow: hidden;
    position: relative; 
    width: 360px;
}
.titre-cage {
    font-size: 22px;
    font-weight: 600;
}
.cage1 p {
    padding: 13px 0;
}
.cage_icon {
    position: absolute;
}
.cage_icon:before {
    position: absolute;
    content: '';
    width: 155px;
    height: 155px;
    background: #d14104;
    opacity: .2;
    border-radius: 50%;
        left: 215px;
    bottom: -109px;
    z-index: 9;
    transition: .5s;
}
.cageText:hover .cage_icon:before{
    opacity: 1;
    transition: .5s;
}
.cage_icon:after {
    position: absolute;
    content: '';
    background: #FEF2EC;
    width: 200px;
    height: 200px;
    z-index: 0;
    border-radius: 50%;
        right: -393px;
    bottom: -134px;
}
.cage_icon img {
    position: absolute;
        right: -297px;
    bottom: -26px;
    z-index: 9;
    transition: .5s;
    width: 50px;
    height: 35px;
    object-fit: contain;
}
.cageText:hover img{
    filter: brightness(0) invert(1);
}
.icon_i img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    filter: grayscale(1);
}
.cageText:hover .icon_i img{
    filter: none;
}
.icon_i {
    background: #fff;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1);
    width: 50px;
    height: 50px;
    border-radius: 50px; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.cageText .bloc-flch {
    display: flex;
    align-items: center; 
    gap: 17px;
}
.cageText .bloc-flch a {  
    text-transform: capitalize;
    font-size: 19px;
    color: #7a7a7a;
}
.cageText:hover .bloc-flch a {
    color: #d14104;
    transition: .5s;
}
span.petit_titre {
    font-size: 20px;
    color: #d14104;
}
.block_sect2 {
    display: grid;
    grid-template-columns: 40% 60%;
    align-items: center;
    gap: 80px;
} 
.check > div {
    display: flex;
    align-items: center;
    gap: 20px; 
    font-size: 19px;
    color: #1c1c1c;
    margin: 15px 0;
}
.icon_chek {
    background: #d14104;
    box-shadow: 4px 4px 20px rgba(254, 93, 20, 0.4);
    width: 25px;
    height: 25px;
    border-radius: 50px; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon_chek img {
    left: 4px;
    top: 4px;
    width: 15px;
    height: 15px;
}
.titre01 {
    padding: 0 0 50px;
}
.sect2_right {
    display: grid;
    gap: 20px;
    align-items: center;
    grid-template-columns: repeat(2, 1fr); 
}
.img2_1 img {
    width: 370px;
    height: 100%;
    display: block;
    background: #ddd;
    border-radius: 10px;
    object-fit: cover;
}
.img2_1.img_none img {
    width: 223px;
}
.spatule1 {
    background: #fff;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 20px;
    width: 352px;
    border-radius: 10px;
    margin: auto;
    position: relative;
    bottom: 172px;
    left: 50px;
    padding: 15px;
}
.spatule1.spt_2 {
    bottom: 152px;
    left: 120px;
} 
.icon-spat {
    background: #d14104;
    width: 63px;
    height: 63px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 17%;
}
.icon-spat img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}
.btn_top.top-btn {
    margin-top: 40px;
}
.check {
    padding: 15px 0 0;
}
.p_spat p {
    color: #1c1c1c;
    font-size: 16px;
}
.img2_1.img_none {
    height: 90%;
}
.titre-cat {
    font-size: 3em;
    font-weight: 600;
    padding: 20px 0 30px;
    color: #1c1c1c;
}
.titre_cat {
    text-align: center;
}
.block_cat {
    display: grid;
    justify-content: space-between;
    gap: 30px;
    grid-template-columns: repeat(3, 1fr); 
}
.cat-item {
    padding: 50px;
    border-radius: 10px;
    width: 100%; 
    position: relative;
    overflow: hidden;
    height: 303px;
}
.cat-item:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    transition: .5s;
}
.section-cat {
    background: #F4F6FF; 
}
.img_cat {
    background: #d14104;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin-bottom: 55px;
    box-shadow: 4px 4px 20px rgba(254, 93, 20, 0.4);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img_cat img { 
    width: 40px;
    height: 40px;
    object-fit: contain;
}
span.ancre-cat,
.cat-text {
    position: relative;
    font-size: 21px;
    font-weight: 600;
}
.cat-text {
    position: absolute;
    bottom: 0;
    padding: 50px;
    transition: .5s;
    background: linear-gradient(100.16deg, #d14104 1.96%, rgba(28, 28, 28, 0) 198.08%);
    left: 0;
    top: 340px;
    width: 100%;
}
.cat-item:hover .cat-text{
    top: 0;
    transition: .5s;
}
.Desktop .cat-item:hover:before, 
.Desktop .cat-item:hover .img_cat,
.Desktop .cat-item:hover .img_cat img {
    height: 0;
    transition: .5s;
}
.Desktop .cat-item:hover .ancre-none {
    opacity: 0;
}
span.ancre-cat.ancre-none {
    color: #0c1239;
}
span.ancre-cat.ancre-sous{ 
    color: #fff;
}
.cat-text a {
    color: #fff;
    font-size: 18px;
    position: absolute;
    bottom: 50px;
    left: 50px;
}
.cat-text a:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/img/fleche.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    right: -28px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.cat-text a:after {
    position: absolute;
    content: '';
    background: #000;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    left: 0;
    z-index: 0;
    transition: .5s;
    top: 50%;
    transform: translateY(-50%);
}
.cat-text a:hover:after{
    width: 122px;
    transition: .5s;
}
.cat-text a span {
    position: relative;
    z-index: 9;
    margin-left: 13px;
}
.cat-item .numero {
    position: absolute;
    font-size: 85px;
    background: linear-gradient(180deg, rgba(254, 93, 20, 0.14) 0%, rgba(254, 93, 20, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    right: 10px;
    top: 0;
} 
.titre-sect2 p {
    color: #fff;
    font-size: 2.5em;
    font-weight: 600; 
    padding: 30px 0 0;
}
.top-sect2 {
    display: flex;
    justify-content: space-between;
    padding: 0 0 106px;
} 
.text01 h2{
    padding: 25px 0;
}
.titre-sect2 span.petit_titre,
.boxText6 span.petit_titre,
.text6-p h2{
    color: #fe5d14;
}
.blockText-2 h2 { 
    color: #d14104; 
}
.text-2 {
    background: #fff;
    padding: 30px 0 30px 40px;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 50% 50%;
    position: relative;
}
.img3 {
    background: #ddd;
    transform: translateY(-50%) rotate(19deg);
    position: absolute;
    top: 50%;
    border-radius: 20px;
    right: 0;
}
.img3 img {
    width: 500px;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.bg{
    padding: 120px 0;
}

.text5 h2 { 
    line-height: 28px;
}
.textB h2 {
    font-size: 23px;
    line-height: 25px;
}
.box-text {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 40px;
}
.text_box { 
    position: relative; 
    padding: 16px 24px 24px;  
    z-index: 1;
    margin: 10px 10px 30px 0; 
} 
.text_box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px 60px 6px 6px;
    background: #fff;
    z-index: -1;
}
.text_box:before {
    position: absolute;
    content: '';   
    width: 96%;
    height: 98%; 
    z-index: -1;
        top: 2px;
    left: 20px;
    border-radius: 6px 60px 6px 6px;
    background: #131944;
    transform: skew(-2deg, -2deg);
}
.text_box:hover:before{ 
    background: #d14104;
    transition: .3s; 
}
.features-item-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} 
.icon_text img {
    width: 50px;
    height: 40px;
    object-fit: contain;
}
.icon_text {
    width: 78px;
    height: 78px;
    border: 1px solid #d14104;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.textB h2 {
    position: absolute;
    top: 12px;
    margin-left: 100px;
}
.textB {
    padding: 25px 0 0;
}
.img4 img {
    background: #ddd;
    width: 100%;
    height: 250px;
    display: block;
    border-radius: 4px; 
    transform: scale(1);
    transition: .5s;
    object-fit: cover;
}
.text_box:hover .img4 img,
.fondText5:hover .img5 img{
    transform: scale(1.1);
    transition: .5s;
}
.img4{
    margin-top: 20px;
}
.img4,
.img5 { 
    width: 100%;
    overflow: hidden; 
    border-radius: 6px;
}
section.sectText-3.bg .btn_top.top-btn {
    margin-top: 30px;
    justify-content: center;
    display: flex;
}
section.sectText5.bg .titre-sect2 {
    text-align: center;
    padding: 0 0 50px;
}
.fondText5 {
    border-radius: 6px;
    padding: 30px;
    width: 100%;
    box-shadow: 0 0 12px #ddd;
    background: #fff;
}
.img5 img {
    background: #ddd;
    width: 100%;
    height: 300px;
    display: block;
    object-fit: cover;
    transform: scale(1);
    transition: .5s;
    border-radius: 6px;
}
.fondCg4 {
    background: #d14104;
    width: 80px;
    height: 80px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center; 
    margin-top: -36px;
    position: relative;
}
.fondCg4 img{
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.text5 {
    margin-top: -44px;
    margin-left: 96px;
}
.text5 h2 {
    padding: 20px 0 15px;
}
.chifre {
    color: #fe5d14;
    font-size: 45px;
    font-weight: 900;
}
.titreC {
    color: #fff;
    font-size: 20px;
}
.compteur {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: center; 
    margin-top: 120px;
}
.cB{
    position: relative;
}
.cB:before{
    content: "";
    position: absolute; 
    top: 50%;
    transform: translateY(-50%) rotate(15deg);
    background: #fff;
    width: 1px;
    height: 142px;
    opacity: .28;
    right: 0;
}
.boxText6 {
    background: #131944;
    border-radius: 0 150px 12px 0;
    padding: 80px 80px 80px 240px;
    position: relative;
}
.textFond6 h2 {
    color: #fff;
    padding: 25px 0;
}
.textFond6 p,
.textFond6 h3,
.text6-p p {
    color: #fff;
}
.blockF {
    display: grid;
    grid-template-columns: 50% 50%;  
    margin-top: 200px;
}
.blockImg6 {
    background-color: #ddd !important;
    position: absolute;
    width: 75%;
    height: 800px;
    min-height: 800px;
    border-radius: 200px 0 0 012px;
    right: 0;
}
.boxtextV {
    display: flex;
    gap: 40px;
}
.rapel {
    color: #fff;
    font-size: 20px;
    padding: 0 0 7px;
}
.grTitre {
    color: #fff;
    font-size: 35px;
    font-weight: 800;
}
.bg_rapel {
    padding: 87px 0;
    position: relative;
}
.bg_rapel:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0f1437;
    opacity: .92; 
}
.box-rapel {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rappel input.form-input {
    padding: 18px 50px;
    color: #61657e;
    background: #fff;
    border: none;
}
.rappel input.form-input::placeholder{
    color: #61657e;
}
.rappel form#rappel_immediat {
    display: flex;
    gap: 20px;
}
.rappel input.btn-devis {
    padding: 20px 40px;
    font-size: 18px;
} 
.prt-foot { 
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 60px;
}
.footer{
    padding: 115px 149px;
}
.box_foot {
    color: #fff;
}
.box_foot a{
    color: #b8b8b8;
}
.titre-foot {
    font-size: 23px;
    font-weight: 600;
    margin: 0 0 20px;
}
ul.services-footer li {
    margin: 15px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.text-agence {
    line-height: 22px;
    color: #b8b8b8;
}
ul.services-footer img {
    width: 14px;
    height: 14px;
    object-fit: contain;
}
div#Map {
    width: 100%;
    height: 185px;
    z-index: 0;
}
.boxLogo-foot {
    background: #131944;
    border-radius: 5px;
    padding: 24px 50px;
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tel_foot a,
.suivre {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}
.tel_foot {
    background: #d14104;
    padding: 15px;
    border-radius: 5px;
}
.icon_tel img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.icon_tel{
    background: #ffff;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tel_foot {
    display: flex;
    align-items: center;
    gap: 40px;
}
.boxTel-f {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.suivre {
    margin: 0 0 15px;
}
.reseux img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.fond-R {
    background: #fff;
    width: 42px;
    height: 42px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prt_R {
    display: flex;
    gap: 12px;
}
.boxLg-foot a.logo img {
    filter: brightness(0) invert(1);
}
.cop_foot {
    background: #131944;
    padding: 22px 0;
}
.bloc-copyright {
    color: #fff;
}
.box-mention a {
    color: #fff;
}
.box-mention {
    color: #b8b8b8;
    display: flex;
    align-items: center;
    gap: 20px;
}
.copyright {
    display: flex;
    justify-content: space-between;
}
.block_bf{
    position: relative;
    padding: 0 0 120px;
}
.block_bf:before {
    position: absolute;
    content: '';
    background-image: url(../images/img/bf-sect.webp);
    width: 43%;
    height: 324px;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    z-index: 9;
}
section.sect_bg.bg .blockText-2 h1 {
    font-size: 30px;
    padding: 0 0 20px;
} 
.prest-2 {
    padding: 120px 0;
}
.prest-2 .titre-sect2 p {
    color: #1c1c1c;
}
.titre-sect2 {
    text-align: center;
    padding: 0 0 50px;
}
.font-textP {
    width: 60%;
    background: rgba(209, 65, 4, 90%);
    padding: 40px;
    border-radius: 0 10px 10px 0;
}
.boxP_2 {
    background-color: #ddd !important;
    width: 100%;
    height: 590px;
} 
.boxP_2 h2,
.boxP_2 h3,
.boxP_2 p{
    color: #fff;
}
.box-text3-P { 
    border-radius: 4px 50px 4px 4px;
    padding: 40px;
    display: grid;
    grid-template-columns: 19% 78%;
    gap: 35px;
     box-shadow: 0 0 12px #d8d8db;
}
.img3-P img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    background: #ddd;
    display: block;
}  
.text3_p p {
    border-left: 1px solid #d14104;
    padding: 0 25px;
} 
.apost img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.text3P-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 20px;
}
section.sectText6_p .titre-sect2 p {
    color: #1c1c1c;
} 
.boxText6-p { 
    position: relative;
}
.imgText-6 img {
    background: #ddd;
    border-radius: 10px;
    width: 330px;
    height: 500px;
    display: block;
}
.text6-p {
    background: #131944;
    padding: 40px;
    border-radius: 10px 0 0 10px;
    position: absolute;
    bottom: 40px;
}
.imgText-6 {
    display: flex;
    justify-content: flex-end;
}
.prt-Text6p {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 40px;
} 
section.prest-7 {
    padding: 120px 0;
}
.blockText5.text1-p h1 {
    font-size: 30px;
    padding: 20px 0;
}
.block_devis input.form-input, 
.block_devis textarea.form-input {
    background: #fff;
    border: 1px solid #b8b8b8;
    padding: 22px 10px;
    color: #000;
}
.block_devis {
    padding: 65px;
}
.titreCont {
    font-size: 38px;
    font-weight: 800;
    color: #1c1c1c; 
    padding: 0 0 15px;
}
p.p_cont {
    padding: 0 0 40px;
}
.block_cont {
    display: flex;
    gap: 30px;
    align-items: center;
}
.sect1_cont {
    padding: 120px 0;
}
.img_phone {
    background: #d14104;
    width: 60px;
    height: 60px;
    border-radius: 50px; 
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
}
.img_phone img { 
    width: 25px;
    height: 25px;
    object-fit: contain;
}

div#Messages {
    text-align: center;
    background-color: #000;    
    padding: 10px;
    width: 100%;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
}

div#Messages p {
    margin: 0;
    color: #fff;     
    font-size: 20px;
}
.Tablet div#Messages p,
.Mobile div#Messages p {
    font-size:14px;
}

.mentions h2 {
    padding: 40px 0;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
}
.mentions ol {
    max-width: 100%;
    width: 80%;
    margin: auto;
    padding: 0 0 30px;
}
body.Mobile.mentions ol {
    width: 100%; 
    padding:0 20px 20px;
}
.block-adr {
    background: #F4F6FF;
    padding: 45px;
}
.phone {
    display: flex;
    align-items: center;
    gap: 20px;
}
.block_phone {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.tels_cont a {
    color: #000;
    font-size: 17px;
}
.tels_cont {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
input.btnContact {
    background: #d14104;
    border: none;
    padding: 15px;
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    cursor: pointer;
}
.contact .devis_formulaire,
.devis .devis_formulaire {
    display: none;
}
.contact .capion,
.devis .capion{
    top: 40%;
}
.btn_top.top-btn.btnP {
    display: flex;
    justify-content: center;
}
section.sectText5.bg.prestB-1 {
    padding: 120px 0 0;
}
a.swipebox img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
}
b.titre-album {
    width: 100%;
    font-size: 36px;
    color: #000;
    font-weight: bold;
    display: block;
    margin: 15px;
    text-align: center;
    text-transform: uppercase;
}
div#realisations .row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.Mobile div#realisations .row { 
    grid-template-columns: repeat(1, 1fr); 
}
.Tablet div#realisations .row { 
    grid-template-columns: repeat(3, 1fr); 
}
div#realisations {
    padding: 40px 0 80px;
}

.Mobile ul.col.nav-list,
.Tablet ul.col.nav-list {
    position: absolute;
    width: 100%; 
    background: #fff;
    flex-direction: column;
    padding: 30px 0; 
    top: 130px;
    left: 0;
}
body:not(.Desktop) li.nav-item {
    margin: 10px 30px;
}
body:not(.Desktop) .block_menu .btn_top {
    display: none;
}
body:not(.Desktop) .megaMenu {
    visibility: visible;
    opacity: 1;
    display: none;
    position: static;
    width: 100%;
    transform: none;
    border-radius: 0px;
    background: #ddd;
    margin-top: 10px;
}
body:not(.Desktop) span.nav-click i::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(../images/drop.png);
    background-size: cover;
    right: 10px;
    filter: brightness(0);
}
body:not(.Desktop) li.nav-submenu-item { 
    text-align: center;
}
body:not(.Desktop) .nav-list{
    display: none;
}
.Mobile .menu-top,
.Tablet .menu-top {
    display: none;
}
.menu-top.show{ 
    display: block;
}

body:not(.Desktop) .block_menu .logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
button.navMobile {
    background: transparent;
    border: none;
    position: absolute;
    right: 20px;
}
.navMobile img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}
body:not(.Desktop) .block_menu {
    padding: 10px 0;
}
body:not(.Desktop) .bg-slider{
    height: 500px;
} 
body:not(.Desktop) .pad_cap {
    padding: 0;
}
body:not(.Desktop) .bg-slider:before { 
    background: linear-gradient(90deg, rgba(0, 0, 0, .5) 79.52%, transparent 109.54%); 
}
body:not(.Desktop) .capion { 
    padding: 0 20px; 
}
.Mobile a.btn_cont {
    margin: 15px 0;
    width: 260px;
    justify-content: center;
}
.Tablet .capion .btn_top {
  display: flex;
  gap: 20px;
}
.Tablet .capion { 
    top: 30%;
}
.tel_mob {
    position: absolute;
    z-index: 9999;
    background: #474545;
    padding: 8px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 15px;
}
body:not(.Desktop) .top_head {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
    top: 0;
    left: 0;
}
body:not(.Desktop) .prt_head:after,
body:not(.Desktop) .prt_head:before{
    display: none;
} 
.tel_mob a {
    background: #d14104;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    font-weight: 600;
}
body:not(.Desktop) .homeslider {
    margin-top: 149px;
}
body:not(.Desktop) .partenaire { 
    padding: 25px 20px!important; 
    gap: 20px!important;
    justify-content: center;
} 
.Mobile .partenaire {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
body:not(.Desktop) .block_menu a.logo img {
    filter: brightness(0.5);
}
body:not(.Desktop) section {
    padding: 80px 0 0; 
}
body:not(.Desktop) .cage { 
    flex-direction: column;
    gap: 20px;
}
body:not(.Desktop) .cageText{
    width: 100%;
    padding: 30px;
} 
body:not(.Desktop) .titre-cage {
    font-size: 20px; 
}
.Tablet .cage_icon { 
  left: 338px;
  margin-top: 10px;
}
.Tablet .cage_icon img { 
  right: -314px;
  bottom: -9px; 
}
.Mobile h1 {
    font-size: 30px;
}
.Mobile .block_sect2 { 
    grid-template-columns: 100%; 
}
body:not(.Desktop) .img2_1.img_none{
    display: none;
}
.Mobile .img2_1 img{
    width: 100%;
    height: 400px;
}
.Mobile .sect2_right { 
    grid-template-columns: 100%;
}
.Mobile .spatule1 { 
    width: 300px; 
    left: 0px; 
}
.Mobile .spatule1.spt_2 {
    bottom: 143px;
    left: 10px;
}
.Tablet .spatule1{
    left: 197px;
}
.Tablet .spatule1.spt_2{
    left: 100px;
}
 body:not(.Desktop) .bg {
    padding: 80px 0;
}
.Mobile .block_cat { 
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.Mobile .titre-cat {
    font-size: 2em; 
}
body:not(.Desktop) .cat-item {
    padding: 20px; 
    height: 235px;
}
body:not(.Desktop) span.ancre-cat { 
    font-size: 15px; 
}
body:not(.Desktop) .cat-text {
    display: none;
}
.Mobile .img_cat{
    margin-bottom: 30px;
}
.Mobile .top-sect2 { 
    padding: 0 0 60px;
    flex-direction: column;
}
body:not(.Desktop) .titre-sect2 p { 
    line-height: 39px;
}
.Mobile .titre-sect2 { 
    padding: 0;
}
.Tablet .top-sect2 { 
  padding: 0 0 40px;
  gap: 20px;
}
body:not(.Desktop) .text-2 { 
    padding: 20px; 
    grid-template-columns: 100%; 
}
body:not(.Desktop) .img3{
    display: none;
}
body:not(.Desktop) .box-text { 
    grid-template-columns: 100%;
    gap: 30px;
}
.Mobile .textB h2 {
    position: relative;
    top: 0;
    margin-left: 0;
}
.Mobile .text_box:before{
    left: 12px;
}
body:not(.Desktop) .fondText5{
    padding: 20px;
}
.Mobile .img5 img{
    height: 250px;
}
.Mobile .text5 {
    margin-top: 0;
    margin-left: 0;
}
body:not(.Desktop) .boxtextV { 
    flex-direction: column;
}
.Mobile .compteur { 
    grid-template-columns: repeat(2, 1fr); 
    margin-top: 77px;
    gap: 20px;
}
.Mobile .cB:before{
    display: none;
}
.Mobile .boxText6{
    padding: 20px;
}
.Mobile .block_bf:before{
    height: 277px;
}
.Tablet .boxText6 { 
  padding: 80px 80px 80px 100px; 
}
.Mobile .box-rapel {
    flex-direction: column;
    gap: 20px;
}
.Mobile .rappel form#rappel_immediat { 
    gap: 15px;
    flex-direction: column;
}
body:not(.Desktop) .grTitre { 
    font-size: 30px; 
}
.Mobile .rappel input.btn-devis,
.Mobile .block-rappel{
    width: 100%;
} 
.Mobile .prt-foot { 
    grid-template-columns: 100%;
    gap: 40px;
}
.Mobile .footer {
    padding: 40px 20px !important;
}
.Mobile .bg_rapel {
    padding: 40px 0; 
}
.Tablet .prt-foot { 
  grid-template-columns: repeat(2, 1fr); 
}
.Mobile .boxLogo-foot {
    flex-direction: column;
    gap: 30px;
    padding: 20px;
}
.Mobile .tel_foot a, .suivre { 
    font-size: 18px; 
}
.Mobile .tel_foot {  
    gap: 15px;
}
.Mobile .prt_R {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.Tablet .boxLogo-foot {
  padding: 20px;
  flex-wrap: wrap;
  gap: 20px;
}
.Mobile .copyright {
    flex-direction: column;
    text-align: center;
}
.Mobile .box-mention {
    flex-direction: column;
    margin: 15px 0;
}
body:not(.Desktop) .prest-2 {
    padding: 80px 0;
}
.Mobile .prest-2 .titre-sect2 p { 
    padding: 20px 0;
}
.Mobile .font-textP{
    width: 100%;
    padding: 20px;
}
.Mobile .boxP_2{
    height: 100%;
}
body:not(.Desktop) .box-text3-P {  
    grid-template-columns: 100%; 
    padding: 20px;
}
.Mobile .img3-P img{
    width: 100%;
}
.Mobile .text3P-btn {
    flex-direction: column;
}
body:not(.Desktop) section.prest-7 {
    margin-bottom: 80px;
}
.Mobile.contact .capion, 
.Mobile.devis .capion {
    top: 26%;
}
.realisations section {
    padding: 60px 0;
}
body:not(.Desktop) .block_cont {
    flex-direction: column;
}
body:not(.Desktop) .sect1_cont {
    padding: 80px 0;
}
body:not(.Desktop) .cont_left {
    width: 100%;
}
.Mobile .block_devis {
    padding: 20px;
}
.Mobile .inp-grid { 
    grid-template-columns: 100%; 
}
.Tablet .blockCont-left {
  width: 100%;
}
body:not(.Desktop) .titreCont{
    font-size: 30px;
}
.contact input.form-input::placeholder,
.devis input.form-input::placeholder,
.devis textarea.form-input::placeholder,
.contact textarea.form-input::placeholder {
    color: #303030;
}


.blog_pageIntrouvable {
    background: #fff;
    position: fixed;
    height: 100%;
    width: 100%;
    font-size: 18px;
    z-index: 10000 !important;
    text-align: center;
    top: 0;
    left: 0;
}
.blog_pageIntrouvable .d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.blog_pageIntrouvable span {
  color: #000;
}

.blog_pageIntrouvable > div {
  height: 100%;
  color: #333
}
.blog_pageIntrouvable h1 {
    font-size: 200px;
    color: #000000;
}
.blog_pageIntrouvable p {
    font-size: 36px;
    line-height: 100%;
    margin-top: -21px;
    text-transform: uppercase;
    letter-spacing: 10px;
    color: #000000;
}
.blog_pageIntrouvable a {
    color: #333
}
.blog_pageIntrouvable a:hover {
    text-decoration: underline;
}
#noDesktop { display: none; }
@media(max-width: 767px) {
  .blog_pageIntrouvable {
    font-size: 14px;
  }
  .blog_pageIntrouvable a {
      display: block;
  }
  .blog_pageIntrouvable p {
      font-size: 17px;
      letter-spacing: 5px;
      margin-top: -10px;
  }
  .blog_pageIntrouvable h1 {
    font-size: 100px;
  }
}

.titre_cat span.petit_titre{
    color: #ca3e03;
}

.btn-gradient {
    background: linear-gradient(45deg, #ff6b6b, #ee5a24, #d14104, #131944);
    background-size: 300% 300%;
    color: white;
    animation: gradientShift 3s ease infinite;
    box-shadow: 0 8px 25px rgba(255, 107, 107, 0.3);
}

.btn-gradient:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(255, 107, 107, 0.4);
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

textarea{
    font-family: inherit;
}
a.btn-gradient {
    padding: 15px 25px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 17px;
}
.tel-head {
    display: flex;
    gap: 15px;
    margin-top: 40px;
}