main.metier .intro{padding-bottom:120px}main.metier.gestion .intro{background-color:var(--rose);background-image:url(../img/big-v-bg-rose.png);background-repeat:no-repeat;background-position:center}main.metier.syndic .intro{background-color:var(--blanc);background-image:url(../img/big-v-bg-beige.png);background-repeat:no-repeat;background-position:center}main.metier.estimation .intro{background-color:var(--cyan);background-image:url(../img/big-v-bg-cyan.png);background-repeat:no-repeat;background-position:center}main.metier .intro article{width:100%;padding:0 50px;text-align:center}main.metier .intro article .ssti+.bigti{margin-top:35px}main.metier .intro article .ssti+.txt,main.metier .intro article .bigti+.txt{margin-top:50px}main.metier .intro article .txt{max-width:900px;margin:0 auto}main.metier .intro .bt{margin:75px auto 0}main.metier .intro .logo_v{position:absolute;bottom:-15px;right:75px;max-width:76px;transform:rotate(15deg)}main.metier .avantages{padding-bottom:90px}main.metier .avantages>article{text-align:center}main.metier .avantages>article .txt+.ti{margin-top:120px}main.metier .avantages>article .ti+.ckeditor{margin-top:35px}main.metier .avantages>article .ckeditor{max-width:785px;margin:0 auto}main.metier .avantages .liste_avantages{position:relative;margin-bottom:-60px;overflow:hidden}main.metier .avantages .liste_avantages .line{width:2px;height:0;position:absolute;top:0;left:50%;transform:translateX(-50%);background-color:var(--bleu)}main.metier .avantages .liste_avantages .avantage{position:relative;width:100%;display:flex;align-items:center}main.metier .avantages .liste_avantages .avantage:not(:first-of-type){transform:translateY(-60px);margin-bottom:-60px}main.metier .avantages .liste_avantages .avantage:last-of-type{margin-bottom:0}main.metier .avantages .liste_avantages .avantage:nth-of-type(even){flex-direction:row-reverse}main.metier .avantages .liste_avantages article{border-radius:30px;overflow:hidden;display:flex;background-color:var(--beige);width:calc(50% - 100px);margin-left:35px}main.metier .avantages .liste_avantages .avantage:nth-of-type(even) article{margin-right:35px}main.metier.gestion .avantages .liste_avantages .avantage:nth-of-type(even) article{background-color:var(--rose)}main.metier.estimation .avantages .liste_avantages .avantage:nth-of-type(even) article{background-color:var(--cyan)}main.metier .avantages .liste_avantages article .img,main.metier .avantages .liste_avantages article .img+.txt{width:50%}main.metier .avantages .liste_avantages article .img{position:relative;padding-top:57%}main.metier .avantages .liste_avantages article .img img{position:absolute;top:0;left:0;object-fit:cover;object-position:center;width:100%;height:100%}main.metier .avantages .liste_avantages article .txt{padding:50px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}main.metier .avantages .liste_avantages article .txt .xsti+.ckeditor{margin-top:25px}main.metier .avantages .liste_avantages .count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--blanc)}main.metier.gestion .chiffres_cles article{background-color:var(--rose);background-image:url(../img/v-bg-rose.png);background-size:contain}main.metier.syndic .chiffres_cles article{background-color:var(--beige);background-image:url(../img/v-bg-blanc.png);background-size:contain}main.metier.estimation .chiffres_cles article{background-color:var(--cyan);background-image:url(../img/v-bg-cyan.png);background-size:contain}main.metier.syndic section:last-of-type{padding-bottom:35px}main.metier.estimation .intro{padding-bottom:0;overflow:hidden;background-size:calc(100% - 100px);background:linear-gradient(180deg,var(--cyan) calc(100% - 100px),var(--blanc) 100px)}main.metier.estimation .iframe_estimation{position:relative;width:1165px;margin:50px auto 0;max-width:100%;z-index:5}main.metier.estimation .intro .ariane,main.metier.estimation .intro article{position:relative;z-index:10}main.metier.estimation .v_bg{position:absolute;top:0;left:50%;transform:translateX(-50%);width:auto;height:100%;object-fit:contain;object-position:center}main.metier.estimation .iframe_estimation iframe{background-color:var(--blanc)}main.metier.estimation .chiffres_cles .mention{font-size:15px;opacity:.6;text-align:center;margin-bottom:20px}main.metier .panel{position:fixed;height:100%;right:0;top:0;width:50%;z-index:200;background-color:var(--blanc);transform:translateX(100%);transition:transform .5s}main.metier .panel.open{transform:none}main.metier .panel .toggle_panel{background-color:var(--bleu);color:var(--blanc);font-family:var(--supply);text-transform:uppercase;padding:20px;position:absolute;left:0;top:50%;transform:translate(-100%,-50%);border-top-left-radius:10px;border-bottom-left-radius:10px;writing-mode:sideways-lr;text-orientation:mixed;transition:all .5s}main.metier .panel .toggle_panel:hover{border-top-left-radius:30px;border-bottom-left-radius:30px;padding-right:30px}main.metier .panel .content{padding:75px 50px;height:100%;overflow-y:auto}main.metier .panel .close{display:block;position:absolute;top:25px;right:25px;width:20px;cursor:pointer;z-index:200}main.metier .panel .ti{text-align:center;margin-bottom:35px}main.metier .panel .form_wrapper{width:710px;margin:0 auto;max-width:100%}main.metier .formulaire .checkbox{margin-top:10px}main.metier .panel .form_wrapper.envoye .merci{display:block}main.metier .panel .form_wrapper.envoye .formulaire{display:none}main.metier .bg_panel{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;cursor:pointer;background-color:rgba(255,255,255,.5);display:none}main.metier .bg_panel.open{display:block}@media screen and (max-width:1380px){main.metier .avantages>article .txt+.ti{margin-top:75px}main.metier .avantages .liste_avantages article{width:calc(50% - 70px)}main.metier .avantages .liste_avantages article .txt{padding:25px}main.metier .avantages{padding-bottom:40px}}@media screen and (max-width:1180px){main.metier .avantages .liste_avantages .count,main.metier .avantages .liste_avantages .line{left:35px;transform:none}main.metier .avantages .liste_avantages{margin-bottom:0}main.metier .avantages .liste_avantages .avantage{justify-content:flex-end}main.metier .avantages .liste_avantages .line{transform:translateX(12px)}main.metier .avantages .liste_avantages .avantage{padding:0 25px}main.metier .avantages .liste_avantages article{width:calc(100% - 100px);margin:0}main.metier .avantages .liste_avantages .avantage:not(:first-of-type){margin-bottom:0;transform:none}main.metier .avantages .liste_avantages .avantage:nth-of-type(even) article{margin:0}main.metier .avantages .liste_avantages .avantage:nth-of-type(even){flex-direction:row}main.metier .avantages .liste_avantages .avantage+.avantage{margin-top:35px}main.metier .avantages .liste_avantages article .img{padding-top:calc(50% - 100px)}}@media screen and (max-width:980px){main.metier .intro{padding-bottom:75px}main.metier .intro article .ssti+.txt,main.metier .intro article .bigti+.txt{margin-top:35px}main.metier .intro article{padding:0 25px}main.metier .intro .bt{margin:50px auto 0}main.metier .intro .logo_v{bottom:50px;right:50px;max-width:50px}main.metier .avantages>article .txt+.ti{margin-top:50px}main.metier .avantages .liste_avantages .line{height:100%}main.metier .avantages .liste_avantages article{width:calc(100% - 40px)}main.metier .avantages .liste_avantages article .img{padding-top:calc(50% - 40px)}main.metier .avantages .liste_avantages .avantage+.avantage{margin-top:25px}main.metier .avantages .liste_avantages .count,main.metier .avantages .liste_avantages .line{left:25px}main.metier .avantages{padding-bottom:15px}main.metier .panel{width:calc(100% - 60px)}}@media screen and (max-width:680px){main.metier .avantages .liste_avantages .line{transform:translateX(8px)}}@media screen and (max-width:500px){main.metier .intro{padding-bottom:50px}main.metier .avantages .liste_avantages .avantage:nth-of-type(even),main.metier .avantages .liste_avantages .avantage{flex-direction:column-reverse}main.metier .avantages .liste_avantages .count{position:relative;left:0}main.metier .avantages .liste_avantages .line{display:none}main.metier .avantages .liste_avantages article{width:100%}main.metier .avantages .liste_avantages article{flex-direction:column}main.metier .avantages .liste_avantages article .img,main.metier .avantages .liste_avantages article .img+.txt{width:100%}main.metier .avantages .liste_avantages article .img{padding-top:50%}main.metier .panel .content{padding:50px 25px}main.metier .panel .toggle_panel{padding:10px;top:-38px;left:initial;right:0;transform:translate(0,0);border-bottom-left-radius:0;writing-mode:initial;text-orientation:initial}main.metier .panel .toggle_panel:hover{padding-right:10px}main.metier .panel{transform:translateY(100%);width:100%}main.metier .intro .logo_v{display:none}}