@import "../style.css";

.imageMetier1{width: 350px;object-fit: cover;position: absolute;/* top: 50%; */transform: translateY(20%);}
.imageMetier2{height: 86px;}
.imageMetier3 {aspect-ratio: 16/8;object-fit: cover;width: 100%;object-position: top;}
.imageMetier4 {width: 100%;object-fit: cover;position: absolute;transform: translateY(0%);}
.orangeLine{border-bottom: 1px var(--orange) solid;margin-top: 50px;opacity: 1;}
.resizeWidth{max-width: 50%;}
.BlocsPresta{display: flex;justify-content: space-between;margin-top: 50px;color: var(--bleu);font-size: 22px;}
.borderOrange{border-right: 1px var(--orange) solid;}
.borderOrange:last-of-type{border-right: none;}
.BlocsPresta div:last-child{border-right: none;}
.ListConseils{color: var(--bleu);max-width: 500px;}
.ListConseils ul li {margin-bottom: 1.2rem;list-style: url(../img/design/bulletPointFiam.svg) inside;}
.presta h3{color: var(--orange);font-size: 32px;width: 100%;margin-top: 15px;}
.orangeMobileLine{border-bottom: 1px var(--orange) solid;margin-top: 35px;opacity: 1;width: 100%;}
.orangeMobileLine:last-of-type{border-bottom: none;}

.sectionConseil{position:relative;}
.sectionConseil::after {content: "";background-image: url(../../img/design/sigleFiam2x2.svg);background-repeat: no-repeat;background-size: contain;position: absolute;right: 15%;top: -40%;width: 30%;max-width:480px;height: 100%;max-height:240px;aspect-ratio: 2;}
.sectionPrestations hr{border:1px solid var(--orange);opacity:1}
.section-prestation .row > div{padding-left:2rem;padding-right:2rem;}
.section-prestation .row > div:first-child{padding-left:0;}
.section-prestation .row > div:last-child{padding-right:0;}
.sectionIntervention{position:relative;}
.sectionIntervention::after {content: "";background-image: url(../../img/design/sigleFiam1x1.svg);background-repeat: no-repeat;background-size: contain;position: absolute;right: 0%;top: -11%;width: 25%;max-width: 330px;height: 50%;max-height: 330px;aspect-ratio: 1;}

@media (max-width: 1815px) {}
@media (max-width: 1400px) {}
@media (max-width: 1200px) {}
/* Écran 15' */
@media screen and (min-device-width: 1200px) and (max-device-width: 1599.8px) and (-webkit-min-device-pixel-ratio: 1) {}
/* Écran 13 pouces ou MDPI */
@media screen and (min-device-width: 992px) and (max-device-width: 1279.8px) {}
/* Écran 13 pouces ou HDPI */
@media screen and (min-device-width: 992px) and (max-device-width: 1440px) {}
@media (max-width: 1280px) {}
@media (max-width: 992px) {}
/* Smartphone Portrait / Paysage & Tablette Portrait */
@media (max-width: 810px) {}
/* Smartphone Portrait + Paysage */
@media (max-width: 749px) {

    .borderOrange{border-right: none;border-bottom: 1px var(--orange) solid;}
    .borderOrange:last-of-type{border-right: none;border-bottom: none;}
    .BlocsPresta{margin-bottom: 30px;}
    .containerConseils{margin-bottom: 150px;}
    .containerConseils2{margin-top: 110px;}
    .imageMetier1{width: 350px;height: 300px;object-fit: cover;position: absolute;transform: translateY(0%);}
    .imageMetier4 {position:relative;transform: translateY(0%);}
    .sectionConseil::after{top:13%;width: 40%;}
    .sectionPrestations .presta:not(:last-child){border-bottom:1px solid var(--orange);}
    .presta h3{font-size:1.0625rem;font-weight:700;}
    .sectionIntervention::after{top: -5%;right: 5%;}
}

/* Smartphone paysage */

@media (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {}
/* Smartphone portrait */
@media only screen and (max-width: 767px) and (orientation: portrait) {}
/* iphone X , XS, 11 Pro, iphone XR, 11,  iphone XS Max, 11 Pro Max...  */
@media only screen and (min-device-width: 375px) and (max-device-height: 896px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}
/* Tablette ALL*/
@media (min-width: 768px) and (max-width: 1024px) {}
/* Tablette Portrait */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {}

@media (max-width: 420px) {}