@font-face{font-family:'houzez-iconfont';src:url('../_polices/houzez-icons/houzez-iconfont.eot?jd28ud');src: url('../_polices/houzez-icons/houzez-iconfont.eot?jd28ud#iefix') format('embedded-opentype'),url('../_polices/houzez-icons/houzez-iconfont.ttf?jd28ud') format('truetype'),url('../_polices/houzez-icons/houzez-iconfont.woff?jd28ud') format('woff'),url('../_polices/houzez-icons/houzez-iconfont.svg?jd28ud#houzez-iconfont') format('svg');font-weight: normal;font-style: normal;font-display: block;}.iconeH{font-family:'houzez-iconfont' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;padding:0 0.5em 0 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.ico_parametre::before{content:"\e91b";}.ico_loupe::before{content:"\e937";}.ico_imprimer::before{content:"\e955";}.ico_telephone::before{content:"\e930";}.ico_appeler::before{content:"\e95a";}.ico_portable::before{content:"\e954";}.ico_envelope::before{content:"\e91d";}.ico_bulle::before{content:"\e92a";}.ico_repondre::before{content:"\e91c";}.ico_valider-cercle::before{content:"\e91a";}.ico_cercle::before{content:"\e938";}.ico_linkedin::before{content:"\e932";}.ico_instagram::before{content:"\e93b";}.ico_facebook::before{content:"\e93c";}.ico_youtube::before{content:"\e942";}.ico_localisation::before{content:"\e931";}.ico_plan::before{content:"\e929";}.ico_surface::before{content:"\e94d";}.ico_surface-2::before{content:"\e95f";}.ico_surface-terrain::before{content:"\e952";}.ico_equerre::before{content:"\e936";}.ico_lit-double::before{content:"\e91f";}.ico_douche::before{content:"\e915";}.ico_voiture::before{content:"\e919";}.ico_appartement::before{content:"\e916";}.ico_maison::before{content:"\e94e";}.ico_bail::before{content:"\e900";}.ico_terrain::before{content:"\e929";}.ico_partager::before{content:"\e951";}.ico_coeur-retirer::before{content:"\e927";}.ico_coeur::before{content:"\e928";}.ico_categorie::before{content:"\e943";}.ico_image::before{content:"\e94b";}.ico_croix-cercle::before{content:"\e935";}.ico_croix::before{content:"\e94a";}.ico_menu::before{content:"\e92d";}.ico_fleche-gauche-double::before{content:"\e95d";}.ico_fleche-gauche::before{content:"\e911";}.ico_fleche-droite::before{content:"\e912";}.ico_icon-pencil-circle::before{content:"\e92f";}.ico_icon-analytics-bars-circle::before{content:"\e905";}.ico_icon-analytics-bars::before{content:"\e906";}.ico_arrow-button-right-1::before{content:"\e95e";}.ico_icon-earth-1::before{content:"\e926";}.ico_icon-subtract::before{content:"\e92e";}.ico_icon-floppy-disk::before{content:"\e920";}.ico_icon-subtract-circle::before{content:"\e959";}.ico_icon-dislike::before{content:"\e957";}.ico_icon-like::before{content:"\e958";}.ico_icon-close-quote::before{content:"\e956";}.ico_icon-messaging-whatsapp::before{content:"\e953";}.ico_icon-layout-bullets::before{content:"\e94f";}.ico_icon-layout-module-1::before{content:"\e950";}.ico_icon-upload-button::before{content:"\e94c";}.ico_icon-pencil::before{content:"\e949";}.ico_icon-download-bottom::before{content:"\e948";}.ico_icon-add-circle::before{content:"\e901";}.ico_icon-add-square::before{content:"\e902";}.ico_icon-add::before{content:"\e903";}.ico_icon-alarm-bell::before{content:"\e904";}.ico_icon-answer-machine::before{content:"\e907";}.ico_icon-arrow-button-circle-down::before{content:"\e908";}.ico_icon-arrow-button-circle-left::before{content:"\e909";}.ico_icon-arrow-button-circle-right::before{content:"\e90a";}.ico_icon-arrow-button-circle-up::before{content:"\e90b";}.ico_icon-arrow-button-down-2::before{content:"\e90c";}.ico_icon-arrow-button-left-2::before{content:"\e90d";}.ico_icon-arrow-button-right-2::before{content:"\e90e";}.ico_icon-arrow-button-up-2::before{content:"\e90f";}.ico_icon-arrow-down-1::before{content:"\e910";}.ico_icon-arrow-up-1::before{content:"\e913";}.ico_icon-attachment::before{content:"\e914";}.ico_icon-calendar-3::before{content:"\e917";}.ico_icon-camera-1::before{content:"\e918";}.ico_icon-expand-3::before{content:"\e91e";}.ico_icon-hyperlink-3::before{content:"\e921";}.ico_icon-layout-dashboard::before{content:"\e922";}.ico_icon-location-target::before{content:"\e923";}.ico_icon-location-user::before{content:"\e924";}.ico_icon-lock-5::before{content:"\e925";}.ico_icon-move-expand-vertical::before{content:"\e92b";}.ico_icon-move-left-right::before{content:"\e92c";}.ico_icon-rating-half-star::before{content:"\e933";}.ico_icon-rating-star::before{content:"\e934";}.ico_icon-single-neutral-circle::before{content:"\e939";}.ico_icon-single-neutral::before{content:"\e93a";}.ico_icon-social-media-google-plus-1::before{content:"\e93d";}.ico_icon-social-media-twitter::before{content:"\e93e";}.ico_icon-social-media-yelp::before{content:"\e93f";}.ico_icon-social-pinterest::before{content:"\e940";}.ico_icon-social-video-vimeo::before{content:"\e941";}.ico_icon-task-list-plain-1::before{content:"\e944";}.ico_icon-task-list-text-1::before{content:"\e945";}.ico_icon-time-clock-circle::before{content:"\e946";}.ico_icon-video-meeting-skype::before{content:"\e947";}.ico_icon-designer-community-behance::before{content:"\e95b";}.ico_piscine{background-image: url('../_ico/piscine.png/51,51,51');background-position:top center;background-size:1.2em;width:1.5em;height:1.5em;background-repeat:no-repeat;display:inline-block;}:root{ --h1:.25em;--v1:.25em;--b1:.5em; --h2:-.5em;--v2:-.5em;--b2:.5em; --color-dark:rgba(0,0,0,.25); --color-light:rgba(255,255,255,.3); --progressbar:0; --widthHeadOpt:0; } html,body{padding:0;margin:0;width:100%;height:100%;max-width:100%;max-height:100%;min-width:100%;min-height:100%;} body{ background: rgb(240,235,250); text-align:center; color:rgb(51,51,51); } .SBformStop>*, .no-events{pointer-events:none;} .border-radius{border-radius:0.5em;} .inline-block{display:inline-block;} .block{display:block;} .gras{font-weight:bold;} .padding{padding:0.5em;}.padding-top{padding-top:0.5em;}.padding-right{padding-right:0.5em;}.padding-bottom{padding-bottom:0.5em;}.padding-left{padding-left:0.5em;} .padding1{padding:1em;}.padding1-top{padding-top:1em;}.padding1-right{padding-right:1em;}.padding1-bottom{padding-bottom:1em;}.padding1-left{padding-left:1em;} .margin{margin:0.5em;}.margin-top{margin-top:0.5em;}.margin-right{margin-right:0.5em;}.margin-bottom{margin-bottom:0.5em;}.margin-left{margin-left:0.5em;} .margin1{margin:1em;}.margin1-top{margin-top:1em;}.margin1-right{margin-right:1em;}.margin1-bottom{margin-bottom:1em;}.margin1-left{margin-left:1em;} .align-left{text-align:left;}.align-center{text-align:center;}.align-right{text-align:right;}.align-justify{text-align:justify;} .align-top{vertical-align:top;}.align-middle{vertical-align:middle;}.align-bottom{vertical-align:bottom;} .float-left{float:left;}.float-right{float:right;} .SB-bloc{display:inline-block;box-sizing:border-box;position:relative;} .SB0{display:none;} .SBflex{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;} .SBflex.align-left{justify-content:left;} .SBflex.reverse{flex-direction:row-reverse;} /* Notifications */ #SBnotif{position:fixed;top:0.5em;right:0.5em;z-index:3;} #SBnotif>div{width:15em;max-width:calc(100vw - 2em);background-color:white;padding:3.25em 1.5em 1.5em 1.5em;box-sizing:border-box;margin:0.5em;border-radius:0.5em;position:relative;box-shadow:0px 0px 1em -0.5em black;transition:opacity 300ms ease-out;} #SBnotif>div.chargement{opacity:0;pointer-events:none;} #SBnotif>div::before{content:'';min-height:2.95em;display:inline-block;box-sizing:border-box;position:absolute;left:1em;top:0;width:calc(100% - 2em);line-height:1em;color:rgb(203,89,52);text-transform:uppercase;background:url('../_ico/information/0,0,0') no-repeat 0.25em 0.75em/1.5em 1.5em transparent;padding:1em 0.5em 0.75em 2.25em;border-bottom:1px solid rgb(245,245,245);} #SBnotif>div>.fermer{width:2em;height:2em;position:absolute;top:0.5em;right:0.5em;border-radius:0.5em;padding-left:0;background:url('../_ico/croix/0,0,0') no-repeat center center/1.2em 1.2em transparent;} #SBnotif>div>.fermer:hover{background-color:rgb(245,245,245);} ._l1{width:100%;} ._l2{width:50%;} ._l3{width:33.33%;}._l3x2{width:66.66%;} ._l4{width:25%;}._l4x3{width:75%;} ._l5{width:20%;}._l5x2{width:40%;}._l5x3{width:60%;}._l5x4{width:80%;} ._l6{width:16.66%;} ._l7{width:14.2857%;} ._l8{width:12.5%;} ._l8x7{width:87.5%;} ._l9{width:11.11%;} ._l10{width:10%;} ._l10x3{width:30%;} ._l10x7{width:70%;} ._l10x9{width:90%;} ._l11{width:9.09%;} ._l12{width:8.33%;} ._l12x11{width:8.33%;} ._l20x19{width:95%;} ._h1{height:100%;} ._h2x1::before,._h3x1::before,._h3x1::before,._h4x3::before,._h1x1::before,._h3x4::before,._h16x9::before{content:'';display:inline-block;vertical-align:top;} ._h2x1._v_mid::before,._h3x1._v_mid::before,._h3x1._v_mid::before,._h4x3._v_mid::before,._h1x1._v_mid::before,._h3x4._v_mid::before,._h16x9._v_mid::before{vertical-align:middle;} ._h2x1::before{padding-top:50%;} ._h3x1::before{padding-top:33.33%;} ._h3x2::before{padding-top:66.66%;} ._h5x3::before{padding-top:60%;} ._h4x3::before{padding-top:75%;} ._h1x1::before{padding-top:100%;} ._h3x4::before{padding-top:133.33%;} ._h16x9::before{padding-top:56.25%;} ._h_{height:auto;}._h_::before{display:none;} /* TODO w0 @media screen and (max-width:640px){ .SBflex._w0_reverse{flex-direction:row-reverse;} .SBflex._w0_noreverse{flex-direction:row;} ._w0_l1{width:100%;} ._w0_l2{width:50%;} ._w0_l3{width:33.33%;}._w0_l3x2{width:66.66%;} ._w0_l4{width:25%;}._w0_l4x3{width:75%;} ._w0_l5{width:20%;}._w0_l5x2{width:40%;}._w0_l5x3{width:60%;}._w0_l5x4{width:80%;} ._w0_l6{width:16.66%;} ._w0_l7{width:14.2857%;} ._w0_l8{width:12.5%;} ._w0_l8x7{width:87.5%;} ._w0_l9{width:11.11%;} ._w0_l10{width:10%;} ._w0_l10x3{width:30%;} ._w0_l10x7{width:70%;} ._w0_l10x9{width:90%;} ._w0_l11{width:9.09%;} ._w0_l12{width:8.33%;} ._w0_l12x11{width:8.33%;} ._w0_l20x19{width:95%;} ._w0_h2x1::before,._w0_h3x1::before,._w0_h3x2::before,._w0_h4x3::before,._w0_h1x1::before,._w0_h3x4::before,._w0_h16x9::before{content:'';display:inline-block;vertical-align:top;} ._w0_h2x1::before{padding-top:50%;} ._w0_h3x1::before{padding-top:33.33%;} ._w0_h3x2::before{padding-top:66.66%;} ._w0_h5x3::before{padding-top:60%;} ._w0_h4x3::before{padding-top:75%;} ._w0_h1x1::before{padding-top:100%;} ._w0_h3x4::before{padding-top:133.33%;} ._w0_h16x9::before{padding-top:56.25%;} ._w0_padding0{padding:0.5em;} ._w0_padding{padding:0.5em;} ._w0_padding-right{padding-right:0.5em;} ._w0_padding-left{padding-left:0.5em;} ._w0_padding-top{padding-top:0.5em;} ._w0_padding-bottom{padding-bottom:0.5em;} ._w0_margin0{margin:0.5em;} ._w0_margin{margin:0.5em;} ._w0_margin-right{margin-right:0.5em;} ._w0_margin-left{margin-left:0.5em;} ._w0_margin-top{margin-top:0.5em;} ._w0_margin-bottom{margin-bottom:0.5em;} }*/ @media screen and (min-width:640px){ .SBflex._w1_reverse{flex-direction:row-reverse;} .SBflex._w1_noreverse{flex-direction:row;} ._w1_l1{width:100%;} ._w1_l2{width:50%;} ._w1_l3{width:33.33%;}._w1_l3x2{width:66.66%;} ._w1_l4{width:25%;}._w1_l4x3{width:75%;} ._w1_l5{width:20%;}._w1_l5x2{width:40%;}._w1_l5x3{width:60%;}._w1_l5x4{width:80%;} ._w1_l6{width:16.66%;} ._w1_l7{width:14.2857%;} ._w1_l8{width:12.5%;} ._w1_l8x7{width:87.5%;} ._w1_l9{width:11.11%;} ._w1_l10{width:10%;} ._w1_l10x3{width:30%;} ._w1_l10x7{width:70%;} ._w1_l10x9{width:90%;} ._w1_l11{width:9.09%;} ._w1_l12{width:8.33%;} ._w1_l12x11{width:8.33%;} ._w1_l20x19{width:95%;} ._w1_h2x1::before,._w1_h3x1::before,._w1_h3x2::before,._w1_h4x3::before,._w1_h1x1::before,._w1_h3x4::before,._w1_h16x9::before{content:'';display:inline-block;vertical-align:top;} ._w1_h2x1._v_mid::before,._w1_h3x1._v_mid::before,._w1_h3x2._v_mid::before,._w1_h4x3._v_mid::before,._w1_h1x1._v_mid::before,._w1_h3x4._v_mid::before,._w1_h16x9._v_mid::before{vertical-align:middle;} ._w1_h1{height:100%;} ._w1_h1::before{display:none !important;} ._w1_h2x1::before{padding-top:50%;} ._w1_h3x1::before{padding-top:33.33%;} ._w1_h3x2::before{padding-top:66.66%;} ._w1_h5x3::before{padding-top:60%;} ._w1_h4x3::before{padding-top:75%;} ._w1_h1x1::before{padding-top:100%;} ._w1_h3x4::before{padding-top:133.33%;} ._w1_h16x9::before{padding-top:56.25%;} ._w1_h_{height:auto;}._w1_h_::before{display:none;} ._w1_padding{padding:0.5em;}._w1_padding0{padding:0;} ._w1_padding-right{padding-right:0.5em;}._w1_padding-right0{padding-right:0;} ._w1_padding-left{padding-left:0.5em;}._w1_padding-left0{padding-left:0;} ._w1_padding-top{padding-top:0.5em;}._w1_padding-top0{padding-top:0;} ._w1_padding-bottom{padding-bottom:0.5em;}._w1_padding-bottom0{padding-bottom:0;} ._w1_margin{margin:0.5em;}._w1_margin0{margin:0;} ._w1_margin-right{margin-right:0.5em;}._w1_margin-right0{margin-right:0;} ._w1_margin-left{margin-left:0.5em;}._w1_margin-left0{margin-left:0;} ._w1_margin-top{margin-top:0.5em;}._w1_margin-top0{margin-top:0;} ._w1_margin-bottom{margin-bottom:0.5em;}._w1_margin-bottom0{margin-bottom:0;} ._w1_align-left{text-align:left;} ._w1_align-center{text-align:center;} ._w1_align-right{text-align:right;} ._w1_align-justify{text-align:justify;} ._w1_float-left{float:left;} ._w1_float-right{float:right;} ._w1_float-none{float:none;} } @media screen and (min-width:920px){ .SBflex._w2_reverse{flex-direction:row-reverse;} .SBflex._w2_noreverse{flex-direction:row;} ._w2_l1{width:100%;} ._w2_l2{width:50%;} ._w2_l3{width:33.33%;}._w2_l3x2{width:66.66%;} ._w2_l4{width:25%;}._w2_l4x3{width:75%;} ._w2_l5{width:20%;}._w2_l5x2{width:40%;}._w2_l5x3{width:60%;}._w2_l5x4{width:80%;} ._w2_l6{width:16.66%;} ._w2_l7{width:14.2857%;} ._w2_l8{width:12.5%;} ._w2_l8x7{width:87.5%;} ._w2_l9{width:11.11%;} ._w2_l10{width:10%;} ._w2_l10x3{width:30%;} ._w2_l10x7{width:70%;} ._w2_l10x9{width:90%;} ._w2_l11{width:9.09%;} ._w2_l12{width:8.33%;} ._w2_l12x11{width:8.33%;} ._w2_l20x19{width:95%;} ._w2_h2x1::before,._w2_h3x1::before,._w2_h3x2::before,._w2_h4x3::before,._w2_h1x1::before,._w2_h3x4::before,._w2_h16x9::before{content:'';display:inline-block;vertical-align:top;} ._w2_h2x1._v_mid::before,._w2_h3x1._v_mid::before,._w2_h3x2._v_mid::before,._w2_h4x3._v_mid::before,._w2_h1x1._v_mid::before,._w2_h3x4._v_mid::before,._w2_h16x9._v_mid::before{vertical-align:middle;} ._w2_h1{height:100%;} ._w2_h1::before{display:none !important;} ._w2_h2x1::before{padding-top:50%;} ._w2_h3x1::before{padding-top:33.33%;} ._w2_h3x2::before{padding-top:66.66%;} ._w2_h5x3::before{padding-top:60%;} ._w2_h4x3::before{padding-top:75%;} ._w2_h1x1::before{padding-top:100%;} ._w2_h3x4::before{padding-top:133.33%;} ._w2_h16x9::before{padding-top:56.25%;} ._w2_h_{height:auto;}._w2_h_::before{display:none;} ._w2_padding{padding:0.5em;}._w2_padding0{padding:0;} ._w2_padding-right{padding-right:0.5em;}._w2_padding-right0{padding-right:0;} ._w2_padding-left{padding-left:0.5em;}._w2_padding-left0{padding-left:0;} ._w2_padding-top{padding-top:0.5em;}._w2_padding-top0{padding-top:0;} ._w2_padding-bottom{padding-bottom:0.5em;}._w2_padding-bottom0{padding-bottom:0;} ._w2_margin{margin:0.5em;}._w2_margin0{margin:0;} ._w2_margin-right{margin-right:0.5em;}._w2_margin-right0{margin-right:0;} ._w2_margin-left{margin-left:0.5em;}._w2_margin-left0{margin-left:0;} ._w2_margin-top{margin-top:0.5em;}._w2_margin-top0{margin-top:0;} ._w2_margin-bottom{margin-bottom:0.5em;}._w2_margin-bottom0{margin-bottom:0;} ._w2_align-left{text-align:left;} ._w2_align-center{text-align:center;} ._w2_align-right{text-align:right;} ._w2_align-justify{text-align:justify;} ._w2_float-left{float:left;} ._w2_float-right{float:right;} ._w2_float-none{float:none;} } @media screen and (min-width:1240px){ .SBflex._w3_reverse{flex-direction:row-reverse;} .SBflex._w3_noreverse{flex-direction:row;} ._w3_l1{width:100%;} ._w3_l2{width:50%;} ._w3_l3{width:33.33%;}._w3_l3x2{width:66.66%;} ._w3_l4{width:25%;}._w3_l4x3{width:75%;} ._w3_l5{width:20%;}._w3_l5x2{width:40%;}._w3_l5x3{width:60%;}._w3_l5x4{width:80%;} ._w3_l6{width:16.66%;} ._w3_l7{width:14.2857%;} ._w3_l8{width:12.5%;} ._w3_l8x7{width:87.5%;} ._w3_l9{width:11.11%;} ._w3_l10{width:10%;} ._w3_l10x3{width:30%;} ._w3_l10x7{width:70%;} ._w3_l10x9{width:90%;} ._w3_l11{width:9.09%;} ._w3_l12{width:8.33%;} ._w3_l12x11{width:8.33%;} ._w3_l20x19{width:95%;} ._w3_h2x1::before,._w3_h3x1::before,._w3_h3x2::before,._w3_h4x3::before,._w3_h1x1::before,._w3_h3x4::before,._w3_h16x9::before{content:'';display:inline-block;vertical-align:top;} ._w3_h2x1._v_mid::before,._w3_h3x1._v_mid::before,._w3_h3x2._v_mid::before,._w3_h4x3._v_mid::before,._w3_h1x1._v_mid::before,._w3_h3x4._v_mid::before,._w3_h16x9._v_mid::before{vertical-align:middle;} ._w3_h1{height:100%;} ._w3_h1::before{display:none !important;} ._w3_h2x1::before{padding-top:50%;} ._w3_h3x1::before{padding-top:33.33%;} ._w3_h3x2::before{padding-top:66.66%;} ._w3_h5x3::before{padding-top:60%;} ._w3_h4x3::before{padding-top:75%;} ._w3_h1x1::before{padding-top:100%;} ._w3_h3x4::before{padding-top:133.33%;} ._w3_h16x9::before{padding-top:56.25%;} ._w3_h_{height:auto;}._w3_h_::before{display:none;} ._w3_padding{padding:0.5em;}._w3_padding0{padding:0;} ._w3_padding-right{padding-right:0.5em;}._w3_padding-right0{padding-right:0;} ._w3_padding-left{padding-left:0.5em;}._w3_padding-left0{padding-left:0;} ._w3_padding-top{padding-top:0.5em;}._w3_padding-top0{padding-top:0;} ._w3_padding-bottom{padding-bottom:0.5em;}._w3_padding-bottom0{padding-bottom:0;} ._w3_margin{margin:0.5em;}._w3_margin0{padding:0;} ._w3_margin-right{margin-right:0.5em;}._w3_margin-right0{margin-right:0;} ._w3_margin-left{margin-left:0.5em;}._w3_margin-left0{margin-left:0;} ._w3_margin-top{margin-top:0.5em;}._w3_margin-top0{margin-top:0;} ._w3_margin-bottom{margin-bottom:0.5em;}._w3_margin-bottom0{margin-bottom:0;} ._w3_align-left{text-align:left;} ._w3_align-center{text-align:center;} ._w3_align-right{text-align:right;} ._w3_align-justify{text-align:justify;} ._w3_float-left{float:left;} ._w3_float-right{float:right;} ._w3_float-none{float:none;} } .SBchargement{width:5em;text-align:center;pointer-events:none;position:absolute;transition:opacity 300ms ease-out;}.SBchargement.fixe{position:fixed;z-index:2;} #SBbodyLoad{position:fixed;z-index:5;}#SBbodyLoad{top:calc(50% - 20px - 0.6em);left:0px;width:100%;text-align:center;transition:opacity 300ms ease-out;opacity:0;pointer-events:none;} #SBbodyLoad>div,.SBchargement>div{display:inline-block;position:relative;width:80px;height:40px;vertical-align:top;} #SBbodyLoad>span{padding:0em 1em;display:block;font-size:1.5em;line-height:1em;} #SBbodyLoad>div div,.SBchargement>div div{position:absolute;top:13px;width:13px;height:13px;border-radius:50%;box-sizing:border-box;animation-timing-function:cubic-bezier(0,1,1,0);} #SBbodyLoad>div div:nth-child(1),.SBchargement>div div:nth-child(1){left:8px;animation:SBbodyLoad1 0.6s infinite;} #SBbodyLoad>div div:nth-child(2),.SBchargement>div div:nth-child(2){left:8px;animation:SBbodyLoad2 0.6s infinite;} #SBbodyLoad>div div:nth-child(3),.SBchargement>div div:nth-child(3){left:32px;animation:SBbodyLoad2 0.6s infinite;} #SBbodyLoad>div div:nth-child(4),.SBchargement>div div:nth-child(4){left:56px;animation:SBbodyLoad3 0.6s infinite;} @keyframes SBbodyLoad1{0%{transform:scale(0);} 100%{transform:scale(1);}} @keyframes SBbodyLoad3{0%{transform:scale(1);} 100%{transform:scale(0);}} @keyframes SBbodyLoad2{0%{transform:translate(0,0);} 100%{transform:translate(24px,0);}} main, header, footer, main>div, footer>div, nav{transition:all 300ms ease-out;} body.chargementBody>#SBbodyLoad, body.import-en-cours:not(.import-annonce):not(.import-termine)>#SBbodyLoad, body.chargement>#SBbodyLoad{opacity:1;} body.chargement main>div, body.chargementBody>div{opacity:0;} body.chargementBody, body.chargement{pointer-events:none;}/*overflow:hidden;*/ #SBbodyLoad>div div, .SBchargement>div div{background-color:black;} form>div:first-child button{ font-size:2em;margin: 1em .5em; } h1{ font-weight: lighter; text-transform: uppercase; font-family: sans-serif; font-size: 3.4em; letter-spacing: .1em; text-shadow: 1px 1px 1px white, -1px -1px 1px rgba(0,0,0,.5); color: rgba(51,51,51,.05); margin:0;padding:2em .5em; } /* h1{text-align:center;color:#fff;font-family:"VT323", monospace;font-size:2.5em;font-weight:300;text-transform:uppercase;padding:.75em .5em 1.25em .5em;font-weight:300;letter-spacing:.1em;} */ h1+div{font-family:"Inconsolata", monospace;padding:4rem 2rem;} /* h1>span{ display: block; text-transform: none; font-size: .5em; padding-top: 1em; letter-spacing: 0; margin: auto; width: 720px; max-width: 100%; }*/ h2{ margin: 0; font-weight: normal; letter-spacing: -.1em; text-align: justify; } button,input,textarea,label{ padding:1em 2em; font-size:1.25em; box-sizing:border-box; border-radius:.5em; } button,input[type="button"],input[type="submit"]{ background: linear-gradient(var(--bg-angle), var(--bg-start), var(--bg-end)); box-shadow: var(--h1) var(--v1) var(--b1) var(--color-dark), var(--h2) var(--v2) var(--b2) var(--color-light), 0 0 0 var(--color-dark) inset, 0 0 0 var(--color-light) inset; transition:all 300ms ease-out; border:none; cursor:pointer; color: rgba(51,51,51,.75); } button:hover,input[type="button"]:hover,input[type="submit"]:hover{ box-shadow: 0 0 0 var(--color-dark), 0 0 0 var(--color-light), .2em .2em .2em -.1em var(--color-dark) inset, -.2em -.2em .2em -.1em var(--color-light) inset; } input,textarea{ box-shadow: 0 0 0 var(--color-dark), 0 0 0 var(--color-light), var(--h1) var(--v1) var(--b1) var(--color-dark) inset, var(--h2) var(--v2) var(--b2) var(--color-light) inset; /* box-shadow: .2em .2em .2em var(--color-dark) inset, -.2em -.2em .2em var(--color-light) inset;*/ border:none; background-color:transparent; } input[type="checkbox"]+div+label,input[type="radio"]+div+label,input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]), textarea{width:100%;display:block;} form{ width: 720px; margin: auto; max-width: 100%; } form.etape{white-space:nowrap;overflow:hidden;} form.etape>div{ white-space:normal; display:inline-block; vertical-align:top; width:100%; position:relative; left:0; max-height:60em;/* TODO calc(100vh - 5.2em) */ transition:all 300ms ease-out; padding:1em; box-sizing:border-box; } #panier form.etape>div{max-height:none;} form.etape[data-etape="1"]>div{left:-100%;} form.etape[data-etape="2"]>div{left:-200%;} form.etape[data-etape="3"]>div{left:-300%;} form.etape[data-etape="4"]>div{left:-400%;} form.etape[data-etape="5"]>div{left:-500%;} form.etape[data-etape="1"]>div:not(:nth-child(2)), form.etape[data-etape="2"]>div:not(:nth-child(3)), form.etape[data-etape="3"]>div:not(:nth-child(4)), form.etape[data-etape="4"]>div:not(:nth-child(5)), form.etape[data-etape="5"]>div:not(:nth-child(6)), form.etape[data-etape="0"]>div:not(:first-child), #panier form.etape[data-etape="1"]>div:not(:nth-child(2)), #panier form.etape[data-etape="2"]>div:not(:nth-child(3)), #panier form.etape[data-etape="3"]>div:not(:nth-child(4)), #panier form.etape[data-etape="4"]>div:not(:nth-child(5)), #panier form.etape[data-etape="5"]>div:not(:nth-child(6)), #panier form.etape[data-etape="0"]>div:not(:first-child){max-height:0;opacity:0;} input[type="checkbox"]+div+label,input[type="radio"]+div+label{position:relative;display:inline-block;width:auto;cursor:pointer;} input[type="checkbox"],input[type="checkbox"][data-type="on-off"]+div{ display:none; } input[type="checkbox"][data-type="on-off"]+div+label{ } input[type="checkbox"][data-type="on-off"]+div+label::before{ content:""; display:inline-block; position:relative; height:1em; width:2.2em; box-shadow: .2em .2em .2em var(--color-dark) inset, -.2em -.2em .2em var(--color-light) inset; border-radius: .5em; vertical-align: top; margin-right: 1em; } input[type="checkbox"][data-type="on-off"]+div+label::after{ content:""; display:inline-block; position:absolute; left: 2.1em; top: 1.1em; height: .8em; width: .8em; border-radius: 50%; box-sizing: border-box; box-shadow: var(--h1) var(--v1) var(--b1) var(--color-dark), var(--h2) var(--v2) var(--b2) var(--color-light), 0 0 0 var(--color-dark) inset, 0 0 0 var(--color-light) inset; background: rgb(240,235,250); transition:all 300ms ease-out; } input[type="checkbox"][data-type="on-off"]:checked+div+label::after{ left:3.3em; background:white; } form.tout .tout-off{display:none;} .padding{padding:1em;} .padding{padding:.5em;} .Form_status, .Form_import{transition:all 300ms ease-out;} body:not(.import-annonce) .Form_status, body.import-en-cours .Form_import{opacity:0;pointer-events:none;} .Form_status{ height:50vh; padding:1em; text-align:right; position:fixed;bottom:0;left:0;right:0; } .Form_status>span{ width: calc(100% - 4em); margin: 0 1em; display: block; position: absolute; top: -1em; height: 2em; border-radius:.5em; } .Form_status>span::after{ content:""; position:absolute; top:0;left:0;right:0;bottom:0; box-shadow: .2em .2em .2em var(--color-dark) inset, -.2em -.2em .2em var(--color-light) inset; border-radius:.5em; } .Form_status>span::before{ content:""; width:var(--progressbar); background:white; position: absolute; left: 0; top: 0; bottom:0; transition:width 4000ms linear; } .Form_status>span>div{ text-align: center; line-height: 2em; text-transform: lowercase; text-shadow: 1px 1px 1px white, -1px -1px 1px rgba(0,0,0,.7); color: rgba(51,51,51,.05); position:relative; } .SBunItem{transition:all 300ms ease-out;} .SBunItem .SBchargement{left:calc(50% - 2.5em);top:calc(50% - 20px);} .SBimage .SBchargement{left:calc(50% - 2.5em);top:calc(50% - 20px);} .SBunItem:not([data-loadimg]):not([data-loadimgclass]):not(.SBimage):not(.SBloaded), .SBunItem[data-loadimg]:not(.SBloaded)>*:not(.SBchargement), .SBunItem[data-loadimg].SBloaded>.SBchargement, .SBimage.SBloaded .SBchargement, .SBimage:not(.SBloaded)>div:first-of-type{opacity:0;} .SBunItem:not([data-loadimgclass]):not(.SBloaded){transform:scale(0.75);} .SBimage.contain:not(.SBloaded)>div:first-of-type{transform:scale(0.25);} .SBunItem[data-loadimg] .SBimage.contain>div:first-of-type{transform:unset;} .SBunItem[data-loadimg] .SBimage.SBloaded .SBchargement, .SBunItem[data-loadimg] .SBimage:not(.SBloaded)>div:first-of-type{opacity:unset;} .SBimage{position:relative;} .SBimage>div>img{display:none;} .SBimage>div{position:absolute;left:0;top:0;bottom:0;right:0;background-size:cover;background-position:center;background-repeat:no-repeat;} .SBimage.contain>div{background-size:contain;} ._h1x1::before{content:'';padding-top:100%;display:inline-block;vertical-align:top;} ._h16x9::before{content:'';padding-top:calc(100% * 9 / 16);display:inline-block;vertical-align:top;} .SBunItem{ padding:1em; box-sizing:border-box; display: inline-block; vertical-align: top; } /*SBunItem._h100{height:100%;}*/ .SBunItem.op05{opacity:.5;} .SBunItem>div, .SBunItem>a, .classItem{ display:block; padding:0; background:white; box-shadow: var(--h1) var(--v1) var(--b1) var(--color-dark), var(--h2) var(--v2) var(--b2) var(--color-light), 0 0 0 var(--color-dark) inset, 0 0 0 var(--color-light) inset; border-radius: .5em; height: 100%; box-sizing: border-box; position:relative; transition:all 300ms ease-out; overflow: hidden; } .SBunItem.padding1>div, .SBunItem.padding1>a, .classItem.padding1{ padding:1em; } .SBunItem:not(._transparent)>a:hover{ box-shadow: 0 0 0 var(--color-dark), 0 0 0 var(--color-light), .2em .2em .2em -.1em var(--color-dark) inset, -.2em -.2em .2em -.1em var(--color-light) inset; } .SBunItem._transparent>div, .SBunItem._transparent>a, .classItem._transparent{background:transparent;box-shadow:none;} .SBunItem h2{padding: .5em; text-align:center; font-size: 1.25em; letter-spacing: .05em; } .SBunItem h2.left{text-align:left;} .SBunItem h2.right{text-align:right;} .SBunItem h2>span{white-space:nowrap;overflow:hidden;max-width:100%;display:inline-block;vertical-align:top;} .SBunItem.item-import{/* TODO VOIR SI CLASS ITEM IMPORT GENERALE */ padding:2em 1em 0 1em; } .SBunItem.item-import>div>div:first-child{text-align:left;line-height:1em;font-size:1.5em;font-weight:bold;padding:0 0 .5em 0;box-shadow:0 .5em .5em -.5em var(--color-dark);} .SBunItem.item-import>div>div:last-child{max-height:calc(100% - 1.5em); min-height: calc(100% - 2.25em); max-height: calc(100% - 2.25em); height: calc(100% - 2.25em); overflow: auto; padding: 1em 0 2em 0; box-sizing: border-box; } .SBunItem.item-import>div>span{position:absolute; left: 0; top: 0; right: 0; text-align: center;} .SBunItem.item-import>div>span>span{display: inline-block; margin: .25em; padding: .25em; font-size: .8em;} .SBunItem.item-import.importe>div>span>span{color:green;} .SBunItem.item-import>div>div:last-child>div:last-child{text-align:left;} .SBunItem.item-import .SBimage,.SBunItem>div>div:last-child>div:last-child>span{width:calc(33% - .5em);margin:.25em;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;vertical-align:top;position:relative;} .SBunItem.item-import .SBimage::before, .SBunItem.item-import>div>div:last-child>div:last-child>span::before{content:'';padding-top:100%;display:inline-block;vertical-align:top;} .SBchargement.image{opacity:.75;transform:scale(.75);} .SBunItem.item-import.importe .SBchargement.import{opacity:0;} /* Notifications */ #SBnotif{position:fixed;top:0.5em;right:0.5em;z-index:3;} #SBnotif>div{width:15em;max-width:calc(100vw - 2em);background-color:white;padding:3.25em 1.5em 1.5em 1.5em;box-sizing:border-box;margin:0.5em;border-radius:0.5em;position:relative;box-shadow:0px 0px 1em -0.5em black;transition:opacity 300ms ease-out;} #SBnotif>div.chargement{opacity:0;pointer-events:none;} #SBnotif>div::before{content:'';min-height:2.95em;display:inline-block;box-sizing:border-box;position:absolute;left:1em;top:0;width:calc(100% - 2em);line-height:1em;color:rgb(203,89,52);text-transform:uppercase;background:url('../_ico/information/0,0,0') no-repeat 0.25em 0.75em/1.5em 1.5em transparent;padding:1em 0.5em 0.75em 2.25em;border-bottom:1px solid rgb(245,245,245);} #SBnotif>div>.fermer{width:2em;height:2em;position:absolute;top:0.5em;right:0.5em;border-radius:0.5em;padding-left:0;background:url('../_ico/croix/0,0,0') no-repeat center center/1.2em 1.2em transparent;} #SBnotif>div>.fermer:hover{background-color:rgb(245,245,245);} .SBchargement.import{ top:1.5em; right:.5em; left:unset; } .log{font-family:'Monospace';font-size:.8em;} .log>div{padding-left:1em;text-indent:-1em;padding-bottom:.25em;} header{margin:0;background:transparent; /*background-size:cover;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,0 100%);clip-path:polygon(0 0,100% 0,100% 85%,0 100%);background-image:linear-gradient(to top right,rgba(30,11,54,.65),rgba(202,55,130,.65));*/ } header:not(.image){ position:sticky;z-index:1;top:0;padding:1em;white-space:nowrap; } header.image{ position:relative; color:white; } header.image .SBimage{max-height:calc(50vh);} header.image .SBimage::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);} header.image .SBimage+div{ position:absolute; bottom:0;left:0;right:0; } header.image h1{font-size:2em;padding:0 .5em;} header+div, header+span+div{padding: 0 2em 2em 2em;} header{display:block;margin-top:-1em;padding-top:1em;transition:all 300ms ease-out;} header>span, header>input{display:inline-block !important;vertical-align:top;} #header_page{transition:all 300ms ease-out;} #header_page input{border:none;transition:all 300ms ease-out;} #header_page input, header input{vertical-align:middle;display:inline-block;line-height: 1.2em;} #header_page input[type="button"]{padding:1em;} #header_page>label{ position: relative; display: inline-block; vertical-align: middle; width: 2em; height: 2.2em; left: 3em; background: white; margin-right: -2.5em; padding: 0; cursor:text;z-index:2; } /* #header_page>label:hover+input, #header_page>input:focus, #header_page>input:hover{ box-shadow: 0 0 0 var(--color-dark), 0 0 0 var(--color-light), var(--h1) var(--v1) var(--b1) var(--color-dark) inset, var(--h2) var(--v2) var(--b2) var(--color-light) inset !important; } */ #header_tri:hover>div:first-child, #header_page>label:hover+input, #header_page>input:focus, #header_page>input:hover{box-shadow:0 0 0 var(--color-dark), 0 0 0 var(--color-light), .2em .2em .2em -.1em var(--color-dark) inset, -.2em -.2em .2em -.1em var(--color-light) inset !important;} #header_page>input{position:relative;z-index:1;} #header_page>label::before{content:"";height:3em;margin:.1em 0;width:2px; content: ""; height: calc(100% - 1em); margin: .5em 0; width: 2px; background: rgb(200,200,200); margin-right: .5em; transform: rotate(15deg); } #header_page>label>span, #header_page>label::before{vertical-align:middle;display:inline-block;} #header_page>label>span{color:rgb(100,100,100);} #header_page input:not(:hover):not(:active):not(:focus), #header_page:hover{ box-shadow:0 0 0 var(--color-dark), 0 0 0 var(--color-light), 0 0 0 var(--color-dark) inset, 0 0 0 var(--color-light) inset; } #header_page, #header_tri>div:first-child, #header_tri>div:last-child{ box-shadow: var(--h1) var(--v1) var(--b1) var(--color-dark), var(--h2) var(--v2) var(--b2) var(--color-light), 0 0 0 var(--color-dark) inset, 0 0 0 var(--color-light) inset; width:auto; border-radius:.5em; } .GestionPage>input{padding:1em !important;} .GestionPage>input[type="number"]{width:6.5em !important;display:inline-block !important;border-radius:0;} .GestionPage>label:first-child+input[type="number"]{padding:1em 1em 1em 2em !important;width:7.5em !important;border-radius:.5em 0 0 .5em;} #header_page>label:first-child{left:4em;} #header_page input[type="button"], #header_tri>div:last-child{background:rgb(250,245,250);} #header_page>a:last-child>input[type="button"]{border-radius:0 .5em .5em 0;} #header_page>a:first-child>input[type="button"]{border-radius:.5em 0 0 .5em;} #header_tri{position:relative;} #header_tri>div:first-child{ padding: 1em 2em; font-size: 1.25em; box-sizing: border-box; background:rgb(250, 245, 250); transition:all 300ms ease-out; cursor:pointer; } #header_tri>div:first-child>span{position:relative;transform:rotate(0);margin-left:1em;top:-.25em;transition:transform 300ms ease-out;} #header_tri:hover>div:first-child>span{transform:rotate(180deg);} header input{background:white;} header>input{ margin:0 1em; width:calc(100% - 2em - var(--widthHeadOpt)) !important; transition:all 300ms ease-out; } #header_tri>div:last-child{ position:absolute;top:-2em;left:-1em;transition:all 300ms ease-out;overflow:hidden; opacity:0;pointer-events:none;min-width:100%;border-radius:.5em; } #header_tri>div:last-child>a, #header_tri>div:last-child>div{ display:block;padding: 1em 2em;font-size: 1.25em;transition:all 300ms ease-out;text-align:left;cursor:pointer; } #header_tri>div:last-child>a:hover, #header_tri>div:last-child>div{ background:white; } #header_tri>div:last-child>span>div{display:inline-block;vertical-align:top;margin:1em 0;} #header_tri>div:last-child>span>div>*{display:inline-block;vertical-align:middle;} #header_tri>div:last-child>span>div>label+div{float:left;} #header_tri>div:last-child>span>div>div{font-size:2em;transition:all 300ms ease-out;} #header_tri>div:last-child>span>div>input{display:none;} #header_tri>div:last-child>span>div>label{margin:0 1em;padding:0;width:2em;height:.75em;box-shadow:.2em .2em .2em var(--color-dark) inset, -.2em -.2em .2em var(--color-light) inset;} #header_tri>div:last-child>span>span{display:block;clear:both;text-align:center;position:relative;} #header_tri>div:last-child>span>span>input{width: calc(100% - 1em); box-sizing: border-box; display: inline-block; vertical-align: top; margin: 1em 0 0 0;text-align:right;} #header_tri>div:last-child>span>span>div{position: absolute; bottom: .1em; right: 1em; font-size: 1em; pointer-events: none;} input[type="checkbox"][data-type="on-off"]+div+label::after{top:0;left:-.1em;} input[type="checkbox"][data-type="on-off"]:checked+div+label::after{left:1.3em;} /*#header_tri>div:last-child>span>label::after{content:"";} #header_tri>div:last-child>span>label::after{width:.95em;height:.95em;background:white;box-shadow:0 0 .5em var(--color-dark);position:absolute;left:-.1em;top:-.1em;border-radius:50%;transition:all 300ms ease-out;} */ /*#header_tri>div:last-child>span>input:checked+label::after{left:1.9em;}*/ #header_tri>div:last-child>span>input:not(:checked)+div+label+div+div, #header_tri>div:last-child>span>input:checked+div+label+div{opacity:.5;} #header_tri:hover>div:last-child{ top:0;left:0;opacity:1;pointer-events:auto; } .annonce_apercu{padding:1em;} .annonce_apercu>div{display:inline-block;text-align:center;padding:1em;} .annonce_apercu>div>span:not(.iconeH){vertical-align:bottom;font-weight:bold;display:inline-block;} .annonce_apercu:not(.noLower)>div>span{text-transform:lowercase;} .annonce_apercu>div:not(:first-child)>span:not(.iconeH){font-size:1.2em;} .annonce_apercu>div>span.iconeH{font-size:1.5em;} .annonce_apercu>div>span:not(.iconeH)+span{color:rgb(153,153,153);margin-left:.5em;} .annonce_apercu>div:not(.SBimage)>div{text-transform:uppercase;font-size:.8em;margin-top:1em;} .annonce_ville{text-transform:capitalize;} .annonce_prix>div{text-align:right;} .annonce_reference{font-weight:bold;float:left;padding-top:1em;} .pastille{display:inline-block;vertical-align:top;text-transform:uppercase;} .annonce_reference>span{font-size:1.5em;opacity:.75;} .annonce_prix>div{font-size:2.5em;opacity:.75;} .annonce_imageSecteurAgent{ display: inline-block; vertical-align: top; width: 4.25em; height: 4.25em; margin-left: -.5em; margin-top: .5em; border-radius: 1em; overflow:hidden; } .annonce_description ul{margin-left:2em;} .annonce_description ul:not(.grille){padding:1em 0 0 0;} .annonce_description *:not(h2)+ul:not(.grille){border-top:1px solid rgb(240,240,240);} .annonce_description li{padding:0.25em 0;} /*.annonce_description>span{font-size:1.2em;}*/ .annonce_description h3{margin-top:1em;padding:0.5em 0;} .annonce_description>div>p{font-size:1.1em;line-height:1.4em;} .nowrap{white-space:nowrap;} .annonce_ligne{ padding: .5em 1em; margin: .5em; border-radius: .5em; } .annonce_ligne:not(.vide){background:rgb(250, 245, 250);border:1px solid rgb(240,235,250);} .annonce_ligne.vide{text-decoration:italic;} .sticky{ position:sticky;top:0; } .zIndex1{z-index:1;} .diagramme>span{font-size:0.8em;} .diagramme>div{position:relative;} .diagramme>div>span{position:absolute;top:0.25em;right:0;color:white;background-color:rgb(51,51,51);padding:0.25em 1em 0.25em 0.5em;border-radius:0 0.5em 0.5em 0;} .diagramme>div>span::before{content:'';position:absolute;display:inline-block;box-sizing:border-box;height:1.7em;top:0;left:-1.1em;width:1.1em;border:0 solid transparent;border-top-width:0.85em;border-bottom-width:0.85em;border-right:0.85em solid rgb(51,51,51);} .diagramme.vA>div>span{top:0.1em;} .diagramme.vB>div>span{top:2.2em;} .diagramme.vC>div>span{top:4.35em;} .diagramme.vD>div>span{top:6.55em;} .diagramme.vE>div>span{top:8.6em;} .diagramme.vF>div>span{top:10.7em;} .diagramme.vG>div>span{top:12.9em;} .diagramme>div>div{margin:0.25em 0;width:auto;padding:.35em .25em;position:relative;text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5);} .diagramme>div>div>span{display:inline-block;vertical-align:top; font-size: .8em; letter-spacing: -.15em; text-shadow: 1px 1px 1px white;font-weight:bold; } .diagramme>div>div>div{display:inline-block;position:absolute;right:0.25em;top:0.1em;font-size:1.2em;text-transform:uppercase;font-family:'American Typewriter';} .diagramme.dpe>div>div:nth-child(1){background-color:rgb(0,146,54);} .diagramme.dpe>div>div:nth-child(2){background-color:rgb(78,179,25);} .diagramme.dpe>div>div:nth-child(3){background-color:rgb(201,211,0);} .diagramme.dpe>div>div:nth-child(4){background-color:rgb(255,235,6);} .diagramme.dpe>div>div:nth-child(5){background-color:rgb(251,187,1);} .diagramme.dpe>div>div:nth-child(6){background-color:rgb(235,105,11);} .diagramme.dpe>div>div:nth-child(7){background-color:rgb(231,0,27);} .diagramme.ges>div>div:nth-child(1){background-color:rgb(247,243,255);} .diagramme.ges>div>div:nth-child(2){background-color:rgb(222,199,251);} .diagramme.ges>div>div:nth-child(3){background-color:rgb(209,168,236);} .diagramme.ges>div>div:nth-child(4){background-color:rgb(201,150,243);} .diagramme.ges>div>div:nth-child(5){background-color:rgb(187,114,247);} .diagramme.ges>div>div:nth-child(6){background-color:rgb(167,77,235);} .diagramme.ges>div>div:nth-child(7){background-color:rgb(137,26,227);} .diagramme>div>div:nth-child(1){width:calc(58% - 5em);} .diagramme>div>div:nth-child(2){width:calc(65% - 5em);} .diagramme>div>div:nth-child(3){width:calc(72% - 5em);} .diagramme>div>div:nth-child(4){width:calc(79% - 5em);} .diagramme>div>div:nth-child(5){width:calc(86% - 5em);} .diagramme>div>div:nth-child(6){width:calc(93% - 5em);} .diagramme>div>div:nth-child(7){width:calc(100% - 5em);} .diagramme.dpe[data-valeur="0"]>div>div:nth-child(1){background-color:rgb(63,63,63);} .diagramme.dpe[data-valeur="0"]>div>div:nth-child(2){background-color:rgb(93,93,93);} .diagramme.dpe[data-valeur="0"]>div>div:nth-child(3){background-color:rgb(136,136,136);} .diagramme.dpe[data-valeur="0"]>div>div:nth-child(4){background-color:rgb(165,165,165);} .diagramme.dpe[data-valeur="0"]>div>div:nth-child(5){background-color:rgb(146,146,146);} .diagramme.dpe[data-valeur="0"]>div>div:nth-child(6){background-color:rgb(117,117,117);} .diagramme.dpe[data-valeur="0"]>div>div:nth-child(7){background-color:rgb(86,86,86);} .diagramme.ges[data-valeur="0"]>div>div:nth-child(1){background-color:rgb(248,248,248);} .diagramme.ges[data-valeur="0"]>div>div:nth-child(2){background-color:rgb(224,224,224);} .diagramme.ges[data-valeur="0"]>div>div:nth-child(3){background-color:rgb(204,204,204);} .diagramme.ges[data-valeur="0"]>div>div:nth-child(4){background-color:rgb(198,198,198);} .diagramme.ges[data-valeur="0"]>div>div:nth-child(5){background-color:rgb(182,182,182);} .diagramme.ges[data-valeur="0"]>div>div:nth-child(6){background-color:rgb(160,160,160);} .diagramme.ges[data-valeur="0"]>div>div:nth-child(7){background-color:rgb(130,130,130);} .diagramme[data-valeur="0"]>div::after{content:'Non disponible';position:absolute;left:calc(50% - 6.75em);top:calc(50% - 4em);transform:rotate(-10deg);width:auto;transform-origin:right;border-radius:0.5em;padding:0.75em 1em;font-size:1.2em;border:0.25em solid;font-weight:bold;text-transform:uppercase;background-color:rgba(255,255,255,0.5);margin:0.5em;} .diagramme[data-valeur="0"]>div>span{display:none;} .DragEnCours{opacity:0;} .dragable{ cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .DragEnCours .dragable, .DragEnCours.dragable{ cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .pastilles{position: absolute; left: 0; right: 0; bottom: -.8em;} .pastille{font-size:0.8em;color:white;background-color:rgb(202,26,21);padding:0.25em 0.5em;border-radius:0.5em;margin:0 0.5em 0.5em 0;}