@font-face{font-family: 'Roboto';font-style:normal;font-weight:100;src:local('Roboto '),local('Roboto-'),url('../_polices/roboto/_100.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style:normal;font-weight:100;src:local('Roboto '),local('Roboto-'),url('../_polices/roboto/_100.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style: italic;font-weight: 100;src:local('Roboto Italic'),local('Roboto-Italic'),url('../_polices/roboto/_100_ita.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style:normal;font-weight:200;src:local('Roboto ExtraLight'),local('Roboto-ExtraLight'),url('../_polices/roboto/_200.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style:normal;font-weight:200;src:local('Roboto ExtraLight'),local('Roboto-ExtraLight'),url('../_polices/roboto/_200.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style: italic;font-weight: 200;src:local('Roboto ExtraLightItalic'),local('Roboto-ExtraLightItalic'),url('../_polices/roboto/_200_ita.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style:normal;font-weight:400;src:local('Roboto '),local('Roboto-'),url('../_polices/roboto/_400.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style:normal;font-weight:400;src:local('Roboto '),local('Roboto-'),url('../_polices/roboto/_400.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style: italic;font-weight: 400;src:local('Roboto Italic'),local('Roboto-Italic'),url('../_polices/roboto/_400_ita.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style:normal;font-weight:600;src:local('Roboto SemiBold'),local('Roboto-SemiBold'),url('../_polices/roboto/_600.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style:normal;font-weight:600;src:local('Roboto SemiBold'),local('Roboto-SemiBold'),url('../_polices/roboto/_600.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style: italic;font-weight: 600;src:local('Roboto SemiBoldItalic'),local('Roboto-SemiBoldItalic'),url('../_polices/roboto/_600_ita.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style:normal;font-weight:500;src:local('Roboto '),local('Roboto-'),url('../_polices/roboto/_500.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style:normal;font-weight:500;src:local('Roboto '),local('Roboto-'),url('../_polices/roboto/_500.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style: italic;font-weight: 500;src:local('Roboto Italic'),local('Roboto-Italic'),url('../_polices/roboto/_500_ita.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style:normal;font-weight:800;src:local('Roboto '),local('Roboto-'),url('../_polices/roboto/_800.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style:normal;font-weight:800;src:local('Roboto '),local('Roboto-'),url('../_polices/roboto/_800.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'Roboto';font-style: italic;font-weight: 800;src:local('Roboto Italic'),local('Roboto-Italic'),url('../_polices/roboto/_800_ita.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'American Typewriter';font-style:normal;font-weight:200;src:local('American Typewriter ExtraLight'),local('AmericanTypewriter-ExtraLight'),url('../_polices/american-typewriter/_200.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'American Typewriter';font-style:normal;font-weight:400;src:local('American Typewriter '),local('AmericanTypewriter-'),url('../_polices/american-typewriter/_400.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'American Typewriter';font-style:normal;font-weight:600;src:local('American Typewriter SemiBold'),local('AmericanTypewriter-SemiBold'),url('../_polices/american-typewriter/_600.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'American Typewriter Condensed';font-style:normal;font-weight:200;src:local('American Typewriter Condensed ExtraLight'),local('AmericanTypewriterCondensed-ExtraLight'),url('../_polices/american-typewriter-condensed/_200.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'American Typewriter Condensed';font-style:normal;font-weight:400;src:local('American Typewriter Condensed '),local('AmericanTypewriterCondensed-'),url('../_polices/american-typewriter-condensed/_400.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@font-face{font-family: 'American Typewriter Condensed';font-style:normal;font-weight:600;src:local('American Typewriter Condensed SemiBold'),local('AmericanTypewriterCondensed-SemiBold'),url('../_polices/american-typewriter-condensed/_600.ttf') format('truetype');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}@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;}.icone{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;}html{scroll-behavior:smooth;} body,html{max-width:100%;width:100%;} body{background-color:rgb(203,205,207);position:relative;top:0;transition:top 300ms ease-out;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;} body.noscroll{overflow:hidden;} body.chargementBody{overflow:hidden;} body.chargement, body.chargementBody, body.chargementHeader:not(.SBmode_noHeader){top:-5em;} body>header, body>nav, body>footer, body>main>div{transition:opacity 300ms ease-out;opacity:1;} body.chargementBody>header, body.chargementBody>nav, body.chargementBody>footer, body.chargementBody>main>div, body.chargement>main>div, body.chargementBody #tidio-chat{opacity:0;pointer-events:none;} .SBprintOnly{display:none;} #SBbodyLoad{position:fixed;z-index:5;} .SBunItem>div:last-child{position:absolute;} #SBbodyLoad, .SBunItem>div:last-child{top:calc(50% - 20px - 0.6em);left:0px;width:100%;text-align:center;transition:opacity 300ms ease-out;opacity:0;pointer-events:none;} body.chargementBody>#SBbodyLoad, body.chargement>#SBbodyLoad, body.chargementBody .SBunItem>div:last-child, body.chargement .SBunItem>div:last-child, .SBunItem:not(.SBloaded)>div:last-child, .item_scroll:not(.iScrollAff) .SBunItem.SBloaded>div:last-child{opacity:1;} #SBbodyLoad>div, .SBunItem>div:last-child>div{display:inline-block;position:relative;width:80px;height:40px;} #SBbodyLoad>span{color:white;padding:0em 1em;display:block;letter-spacing:0.1em;text-shadow:1px 1px 1px rgb(51,51,51), -1px -1px 1px rgb(51,51,51);font-weight:bold;font-size:1.5em;font-family:'American Typewriter';text-transform:uppercase;} #SBbodyLoad>div div, .SBunItem>div:last-child>div div{position:absolute;top:13px;width:13px;height:13px;border-radius:50%;background:rgb(245,245,245);box-sizing:border-box;border:1px solid rgb(51,51,51);animation-timing-function:cubic-bezier(0,1,1,0);} #SBbodyLoad>div div:nth-child(1), .SBunItem>div:last-child>div div:nth-child(1){left:8px;animation:SBbodyLoad1 0.6s infinite;} #SBbodyLoad>div div:nth-child(2), .SBunItem>div:last-child>div div:nth-child(2){left:8px;animation:SBbodyLoad2 0.6s infinite;} #SBbodyLoad>div div:nth-child(3), .SBunItem>div:last-child>div div:nth-child(3){left:32px;animation:SBbodyLoad2 0.6s infinite;} #SBbodyLoad>div div:nth-child(4), .SBunItem>div:last-child>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{min-height:calc(100vh - var(--hauteurHeader) - var(--hauteurSSmenu) - var(--hauteurFooter));} footer{clear:both;padding:1.5em 1.5em 0 1.5em;text-align:center;margin:1.5em 0 0 0;border-top:1px solid rgb(220,220,220);} footer img{width:6em;margin:1em 0;} footer a{display:inline-block;border-radius:0.6em;transition:background 300ms ease-out;} footer a:hover{background-color:rgb(240,240,240);} footer a:not(:last-child){margin-right:1.5em;} footer>div:first-child>a{padding-right:1em;} footer>div:not(:first-child)>a{padding:0.5em 1em;} footer>div:last-child{padding:1.5em 0 0.5em 0;} h2,.titre2{font-size:1.2em;padding:0 0 0.5em 0;margin:0 0 1em 0;letter-spacing:0.1em;border-bottom:1px solid rgb(240,240,240);} h3,.titre3{font-size:1em;} .lien1,.blogArticle a{color:rgb(102,102,102);}.lien2{color:rgb(150,150,150);} table+table{margin-top:1.5em;} td,th{padding:0.25em;border:1px solid rgb(220,220,220);} th{background-color:rgb(240,240,240);} ul:not(.grille){padding:1em 0 0 0;} *:not(h2)+ul:not(.grille){border-top:1px solid rgb(240,240,240);} li{padding:0.25em 0;} td ul:not(.grille){padding-top:0.25em;} ul.grille{padding-top:1em;} ul.grille li{width:calc(100% - 1.5em);margin:0 1.5em 0.5em 0;padding:0.5em;border-radius:0.5em;border:1px solid rgb(240,240,240);} ul.grille li>span.icone+span:not(.icone){max-width:calc(100% - 1.75em);} ul.grille li>span:not(.icone)::before{content:'';height:2.4em;} ul.grille li>span.icone{width:1.75em;} ul.grille li>span:not(.icone)>span{font-size:0.9em;} @media screen and (min-width:420px){ ul.grille li{width:calc(50% - 1.5em);} } @media screen and (min-width:720px){ ul.grille li{width:calc(33.33% - 1.5em);} } #tidio-chat{opacity:1;transition:opacity 300ms ease-out;} /* 1.2. Les inputs */ input, textarea, button, .SBinput_checkbox+label, .SBinput_radio+label, .SBinput_checkbox, .SBinput_radio, .SB-select{ border: 1px solid rgb(220,224,224); line-height: 1.5em; padding: 0.75em 1em; margin:0; box-sizing: border-box; border-radius:0.5em; font-size:1em; transition:all 300ms ease-out; } .SB-select{background-color:white;} input[type="text"], input[type="password"], textarea{width:100%;} textarea{min-height:9em;} input:focus, textarea:focus{outline:none;} nav#menuSec #reference input, nav#menuSec #avancee button, nav#menuSec #secteur .SB-select{margin:0.25em;} input[type="button"], button{background-color:rgb(245,245,245);} input[type="submit"], input[type="button"].couleur, button[type="submit"], button.couleur{background-color:rgb(51,51,51);color:white;} input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, button:hover, button:focus, button:active{background-color:rgb(255,255,255);} input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="button"].couleur:hover, input[type="button"].couleur:focus, input[type="button"].couleur:active, button[type="submit"]:hover, button[type="submit"]:focus, button[type="submit"]:active, button.couleur:hover, button.couleur:focus, button.couleur:active{background-color:rgb(65,65,65);} input[type="text"]+label{font-size:0.8em;position:absolute;bottom:0.4em;right:0.75em;pointer-events:none;} .SBinput_checkbox+label, .SBinput_radio+label{ width:100%; display:inline-block; vertical-align:middle; cursor:pointer; padding-left:3.5em; margin-left:-3em; } input[type="checkbox"], input[type="radio"]{display:none;} .SBinput_checkbox, .SBinput_radio{ display:inline-block; padding:0em; border:1px solid rgba(70,63,50,0.3); position:relative; z-index:1; vertical-align:middle; background-repeat:no-repeat; cursor:pointer; margin-left:1em; width:2em; height:2em; border-radius:0.5em; background-size:1.2em; background-position: left 0.3em top 0.3em,left calc(0.3em + 1px) top calc(0.3em + 1px); } .SBinput_radio{border-radius:50%;} input:checked+.SBinput_checkbox, input:checked+.SBinput_radio{border:1px solid rgb(51,51,51);background-color:rgb(245,245,245);} input:checked+.SBinput_checkbox{background-image:url('../../../_ico/valider.png/70,63,50'),url('../../../_ico/valider.png/255,255,255');} input:checked+.SBinput_radio::before{content:"";width:60%;height:60%;border-radius:50%;background-color:rgb(51,51,51);display:inline-block;left:20%;top:20%;position:relative;} input:checked+.SBinput_checkbox::before{content:"";background-color:rgb(51,51,51);width:1em;height:1em;display:inline-block;top:calc(0.5em - 2px);left:calc(0.5em - 1px);position:relative;border-radius:0.25em;text-align:center;} .SB-checkbox input, .SB-select select{display:none;} .SB-select{position:relative;cursor:pointer;padding:0.75em 3em 0.75em 1em;} .SB-select::after{ content:''; background-color:rgb(245,245,245); position: absolute; right: 0; top: 0; height: 100%; width: 2em; border-radius: 0 0.5em 0.5em 0; border-left: 1px solid rgb(220,224,224); transition:all 300ms ease-out; background-repeat: no-repeat; background-size: 0.5em; background-position: center; background-image:url("../_ico/chevron-bas.png/51,51,51"); } .SB-select:hover::after{background-color:rgb(255,255,255);} .SB-select>div{ position: absolute; top: -100%; z-index: 2; transition: top 250ms ease-out, opacity 250ms ease-out; max-height: calc(100vh - 2em); overflow: auto; pointer-events: none; opacity: 0; box-shadow: 0px 0em 0.05em 0px rgba(0, 0, 0, 0.2), 0.1em 0.1em 0.3em -0.1em rgba(0, 0, 0, 0.2); max-height: 50vh; border-radius:0.5em; border:1px solid rgb(220,224,224); } .SB-select:not(.droite)>div{left:0px;} .SB-select.droite>div{right:0px;} .SB-select.SB-select-hover:hover>div, .SB-select.SB-select-ouvert>div{top:0px;pointer-events:auto;opacity:1;} .SB-select>div>div, .SB-select>div>a{ background-color:rgb(255,255,255); display:block; color:rgb(70,63,50); text-shadow:1px 1px 1px rgb(255,255,255); background-size: 1em; vertical-align: top; cursor: pointer; background-repeat: no-repeat; background-position: 0.3em center; transition: all 300ms ease-out; position: relative; white-space: nowrap; padding:0.75em 3em 0.75em 1em; } .SB-select>div>div:hover, .SB-select>div>a:hover{background-color:rgb(245,245,245);} .SBinput_ville{ position:relative; } .SBinput_ville_l{ position: absolute; top: calc(3em + 2px); background:white; border-radius: 0 0 0.5em 0.5em; width: 100%; z-index: 1; border-right:1px solid rgb(220,224,224); border-left:1px solid rgb(220,224,224); border-bottom:1px solid rgb(220,224,224); box-sizing:border-box; } .SBinput_ville_l>div{ padding:1em; transition: background 300ms ease-out; cursor:pointer; } .SBinput_ville_l>div:not(:last-child){ border-bottom:1px solid rgb(220,224,224); } .SBinput_ville_l>div:hover{ background-color:rgb(250,250,250); } /* TODO classe SBLoad pour items */ /* 1.1. Architecture de base */ /* 1.1.1. Barre de navigation */ nav#menuPrinc{position:fixed;background-color:transparent;top:0px;left:0px;width:100%;transition:all 300ms ease-out;padding:1em;text-align:center;box-sizing:border-box;z-index:3;} body.scroll nav#menuPrinc, body.SBmode_noHeader nav#menuPrinc{background-color:rgb(203,205,207);padding:0;position:fixed;box-shadow:0 0 0.5em rgba(0,0,0,0.25);} nav#menuPrinc>div{display:inline-block;vertical-align:middle;} /* 1.1.1.1. Logo */ #logo{margin-top:4em;transition:all 300ms ease-out;} #logo>div:first-child{padding-bottom:0.25em;} #logo>div>img{width:6em;vertical-align:top;margin-top:-0.5em;margin-bottom:0.25em;transition:all 300ms ease-out;} #logo>div>div{line-height:1em;margin-top:-1em;} #logo>div>span{display:inline-block;border-left:2px solid white;padding-left:0.5em;margin-left:0.5em;text-align:left;} #logo>div>div, #logo>div>span{font-size:1em;transition:all 300ms ease-out;color:white;text-transform:uppercase;text-shadow:1px 1px 1px rgb(51,51,51);} body.scroll #logo, body.SBmode_noHeader #logo{margin-top:0;} body.scroll #logo>div>img, body.SBmode_noHeader #logo>div>img{width:3.5em;} body.scroll #logo>div>span, body.SBmode_noHeader #logo>div>span{border-left:0 solid transparent;margin-left:0;} body.scroll #logo>div>span, body.SBmode_noHeader #logo>div>span, body.scroll #logo>div>div, body.body.scroll #logo>div>div{color:rgb(51,51,51);text-shadow:none;font-size:0.6em;} /* 1.1.1.2. Boutons menu principal / Connexion */ #btnMenu, #btnConnexion, .icoD{width:5em;height:5em;cursor:pointer;position:absolute;transition:all 300ms ease-out;text-align:center;top:0;z-index:1;} #btnMenu, .icoD{left:0;} #btnConnexion{right:0;} #btnMenu::after, #btnConnexion::after{content:'';display:inline-block;vertical-align:middle;height:100%;} #btnMenu>div, #btnConnexion>div{display:inline-block;vertical-align:middle;transition:all 300ms ease-out;} #btnMenu span.icoM{width:1.8em;height:2px;background-color:white;display:block;margin-top:0.5em;position: relative;transition:all 300ms ease-out;} #btnMenu span.icoM:last-child{margin-bottom:0.5em;} #btnConnexion span.icoC{width:2em;height:2em;border-radius:50%;border:2px solid white;display:block;transition:all 300ms ease-out;} #btnConnexion span.icoC>span{box-sizing:border-box;vertical-align:top;border-radius:50%;display:inline-block;transition:all 300ms ease-out;} #btnConnexion span.icoC>span:first-child{border:2px solid white;width:1em;height:1em;margin-top: 0.25em;} #btnConnexion span.icoC>span:last-child{border-top:2px solid white;width:1.5em;height:0.8em;} .icoD>span{display:inline-block;position:absolute;} .icoD>span:first-child{width:1.8em;height:1.8em;border-radius:50%;border:2px solid rgb(51,51,51);box-sizing:border-box;left:calc(50% - 0.9em);top:calc(50% - 0.9em);} .icoD>span:last-child{width:2px;height:1em;background-color:rgb(51,51,51);left:calc(50% - 5px);top:calc(50% - 1.3em);border:4px solid rgb(203,205,207);} #btnTelephone{position:absolute;top:0;right:5em;} #btnTelephone>a.icone::before{font-size:1.5em;vertical-align:middle;} #btnTelephone>a.icone>span{white-space:nowrap;font-size:1.2em;padding-left:0.4em;display:inline-block;max-width:100%;overflow:hidden;opacity:1;vertical-align:middle;transition:all 300ms ease-out;} #btnTelephone>a{display:inline-block;padding:0.5em;margin:0.5em;transition:all 300ms ease-out;} body:not(.scroll) #btnTelephone>a{color:white;margin-top:1em;margin-right:1.5em;} body.scroll #btnMenu, body.scroll #btnConnexion, body.scroll .icoD, body.SBmode_noHeader #btnMenu, body.SBmode_noHeader #btnConnexion, body.SBmode_noHeader .icoD{width:3.5em;height:3.5em;} body.scroll #btnTelephone{right:3.5em;} body.scroll #btnMenu>div, body.scroll #btnConnexion>div, body.SBmode_noHeader #btnMenu>div, body.SBmode_noHeader #btnConnexion>div{font-size:0.8em} body:not(.scroll):not(.SBmode_noHeader) #btnMenu span{box-shadow:0 0 0.2em rgba(0,0,0,0.5);} body:not(.scroll):not(.SBmode_noHeader) #btnConnexion span{box-shadow:0 1px 1px rgba(0,0,0,0.5), 0 0 1px rgba(0,0,0,0.5);} body.scroll #btnMenu span.icoM, body.SBmode_menuPrinc #btnMenu span.icoM, body.SBmode_noHeader #btnMenu span.icoM{background-color:rgb(51,51,51);} body.scroll #btnConnexion span.icoC, body.scroll #btnConnexion span.icoC>span:first-child, body.SBmode_noHeader #btnConnexion span.icoC, body.SBmode_noHeader #btnConnexion span.icoC>span:first-child{border:2px solid rgb(51,51,51);} body.scroll #btnConnexion span.icoC>span:last-child, body.SBmode_noHeader #btnConnexion span.icoC>span:last-child{border-top:2px solid rgb(51,51,51);} body.SBmode_menuPrinc #btnMenu span.icoM:last-child{transform:rotate(-45deg);top:-0.62em;} body.SBmode_menuPrinc #btnMenu span.icoM:first-child{transform:rotate(45deg);top:0.62em;} body.SBmode_menuPrinc #btnMenu span.icoM:first-child+span.icoM{opacity:0;width:0;} body.SBmode_menuPerso #btnConnexion span.icoC{border:0px solid transparent;} body.SBmode_menuPerso:not(.scroll):not(.SBmode_noHeader) #btnConnexion span.icoC{box-shadow:0 1px 1px rgba(0,0,0,0), 0 0 1px rgba(0,0,0,0);} body.SBmode_menuPerso #btnConnexion span.icoC>span:first-child, body.SBmode_menuPerso #btnConnexion span.icoC>span:last-child{position:relative;width:1.8em;height:2px;border:0px solid rgb(51,51,51);background-color:rgb(51,51,51);} body.SBmode_menuPerso #btnConnexion span.icoC>span:first-child{transform:rotate(-45deg);top:0.65em;} body.SBmode_menuPerso #btnConnexion span.icoC>span:last-child{transform:rotate(45deg);top:-0.35em;} /* 1.1.1.3. Menus principal / Connexion *//* TODO menu connexion */ nav#menuPrinc nav>div{position:fixed;top:0;width:350px;background-color:rgb(203,205,207);text-align:left;transition:all 300ms ease-out;padding-top:5em;text-transform:uppercase;font-family:'American Typewriter';} nav#menuPrinc nav:not(:last-child)>div{left:-350px;} nav#menuPrinc nav:last-child>div{right:-350px;} nav#menuPrinc nav::before{content:'';position:fixed;top:5em;top:0;left:0;bottom:0;right:0;opacity:0;pointer-events:none;transition:all 300ms ease-out;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(203,205,207,0.25) 40%);background:rgb(255,255,255,0.35);} body.scroll nav#menuPrinc nav>div, body.SBmode_noHeader nav#menuPrinc nav>div{padding-top:3.5em;} body.scroll nav#menuPrinc nav::before, body.SBmode_noHeader nav#menuPrinc nav::before{top:3.5em;} body.SBmode_menuPrinc nav#menuPrinc nav:not(:last-child)>div{left:0;} body.SBmode_menuPrinc nav#menuPrinc nav:not(:last-child)::before{opacity:1;pointer-events:auto;} body.SBmode_menuPerso nav#menuPrinc nav:last-child>div{right:0;} body.SBmode_menuPerso nav#menuPrinc nav:last-child::before{opacity:1;pointer-events:auto;} nav#menuPrinc nav a, nav#menuPrinc nav form.a, nav#menuPrinc nav form.b{display:block;padding:1em 2em 1em 1.5em;transition:all 300ms ease-out;} nav#menuPrinc nav form.b>div{padding-bottom:0.75em;} nav#menuPrinc nav form.b button{width:3em;border-radius:0 0.5em 0.5em 0;} nav#menuPrinc nav form.b input[type="password"]{width:calc(100% - 3em);border-radius:0.5em 0 0 0.5em;} nav#menuPrinc nav form.a{cursor:pointer;} nav#menuPrinc nav a:hover, nav#menuPrinc nav form.a:hover{padding:1em 1em 1em 2.5em;} nav#menuPrinc nav a>span{font-size:1.2em;} /* HEADER */ header>span>div{background-position:center;background-size:cover;transition:opacity 300ms ease-out;} header>span>div>iframe{ position: absolute;/* left: 0; top: calc(15em - var(--h16_9_2));*//* 15em à peu près == moitié de header accueil */ /*bottom: 0; right: 0; display: inline-block; border: none; min-width: 100%; min-height: var(--h16_9);*/ } header>span img{display:none;} header>span, header>span>div, header>span::after{position:absolute;top:0;left:0;right:0;bottom:0;} header>span::after{content:'';background:linear-gradient(180deg, rgba(0,0,0,0.5) 10%, rgba(203,205,207,0) 75%);box-shadow:0 -0.5em 0.5em -0.5em rgba(0,0,0,0.25) inset;transition:all 300ms ease-out;} body.chargementHeader header>span::after{background-color:rgba(0,0,0,0.5);} header>span>div{opacity:1;transition:opacity 300ms ease-out;} body:not(.chargementHeader) header>span>div+div{opacity:0;} header{position:relative;text-align:center;overflow:hidden;} header>div>div{padding:15em 0 6em 0;transition:padding 300ms ease-out;} body.scroll header>div>div{padding:14em 0 7em 0;} body.SBp_accueil header>div>div{text-align:center;color:white;text-shadow:1px 1px 1px rgb(51,51,51);} body header div.titre{ width:17em; max-width:100%; text-align:center; border:4px solid transparent; outline:2px solid white; position:relative; } body header div.titre::before, body header div.titre>div::before{content:'';display:inline-block;vertical-align:middle;} body header div.titre::before{padding-top:100%;} body header div.titre>div::before{height:100%;} body header div.titre>div{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(255,255,255,0.5);padding:0 0.25em;} header>div>h1{display:none;} body.SBmode_noHeader header{min-height:0;height:0;} /* 1.1.2. Menu secondaire */ nav#menuSec{background-color:white;width:100%;box-shadow:0 0.5em 0.5em -0.5em rgba(0,0,0,0.25);position:relative;z-index:2;} body.scroll2 nav#menuSec{position:fixed;top:3.5em;} #menuSecAvance{max-height:0;opacity:0;pointer-events:none;transition:all 300ms ease-out;} body.SBmode_ssMenuAvance #menuSecAvance{pointer-events:auto;overflow:visible;opacity:1;max-height:calc(100vh - 7em);} nav#menuSec>form>div#menuSecAvance{display:block;} body.scroll.SBmode_noHeader main{padding-top:3.5em;} body.scroll2 nav#menuSec+div{margin-top:calc(3.5em + 2px);} nav#menuSec>form>div, nav#menuSec>div>a, nav#menuSec>div>span{display:inline-block;vertical-align:middle;} nav#menuSec>div>a, nav#menuSec>div>span{margin:0.25em 0;text-align:left;padding:1em 1.5em 0.75em 1.5em;border-bottom:0.25em solid transparent;transition:border 300ms ease-out;} nav#menuSec>div>a:hover, nav#menuSec>div>a.focus, nav#menuSec>div>span:not(.retour), nav#menuSec>div>span.retour:hover{border-bottom:0.25em solid rgb(51,51,51);} nav#menuSec>div>span.retour{cursor:pointer;float:left;} nav#menuSec>div>span.retour>div{text-transform:uppercase;font-size:0.8em;display:inline-block;} nav#menuSec>div{text-align:center;white-space:nowrap;overflow:auto;} nav#menuSec.align-left{text-align:center;} nav#menuSec.align-left>div{text-align:left;display:inline-block;width:100%;max-width:1240px;} #reference input{width:8em;} #avancee, #secteur{float:right;} #curseur-prix{width:calc(100% - 4em);padding:2em 0.75em 0.5em 0.75em;box-sizing:border-box;margin-left:2em;} #curseur-prix::before{ content:'budget'; position:absolute; top:4em; left:calc(50% - 2.5em); text-transform:uppercase; width:5em; text-align:center; display:inline-block; } #curseur-prix>div{ background-color:rgb(245,245,245); border-radius:0.5em; height:1em; width:100%; border:1px solid rgb(220,224,224); position:relative; } #curseur-prix>div>div{ width:5em; height:100%; background-color:rgb(113, 192, 255); background-color:rgb(51,51,51); border-radius:0.5em; position:relative; } #curseur-prix>div>span{ width:1.5em; height:1.5em; position:absolute; top:calc(-0.25em - 1px); left:calc(-0.75em - 1px); border-radius:50%; cursor:pointer; border:1px solid rgb(220,224,224); background-color:rgb(245,245,245); } #curseur-prix>div>span::after{ content:''; display:block; border-radius:50%; width:0.5em; height:0.5em; background-color:rgb(220,224,224); margin:0.5em; transition:all 300ms ease-out; } #curseur-prix>div>span div{ pointer-events:none; position: absolute; top: calc(-1.5em - 1px); opacity: 1; padding: 0; border: none; margin: 0; transition:all 300ms ease-out; display:inline-block; white-space:nowrap; background-color:white; border-radius:0.5em; font-size:0.8em; } #curseur-prix>div>span:hover, #curseur-prix>div>span.focus{background-color:rgb(255,255,255);} #curseur-prix>div>span.focus::after, #curseur-prix>div>span.focus::after{width:0.6em;height:0.6em;background-color:rgb(51,51,51);margin:0.45em;} #curseur-prix>div>span:hover div, #curseur-prix>div>span.focus div{padding:0.25em 0;top:calc(-2em - 1px);} /* 1.1 Corps & items (couleurs) */ .SBcorps{text-align:center;} .blanc{background-color:white;} .blancSurImage{background-size:cover;background-position:center;} .blancSurImage::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.85);} .grisClair{background-color:rgb(245,245,245);} .blancVfooter{background:linear-gradient(180deg, rgb(255,255,255) 0%, rgba(255, 255, 255, 0) 100%);} .blancVfooter2{background:linear-gradient(180deg, rgb(255,255,255) 50%, rgba(255, 255, 255, 0) 100%);} .grisClairVfooter{background:linear-gradient(180deg, rgb(245,245,245) 0%, rgba(255, 255, 255, 0) 100%);} .grisClairVfooter2{background:linear-gradient(180deg, rgb(245,245,245) 50%, rgba(255, 255, 255, 0) 100%);} .blancVgrisClair{background:linear-gradient(180deg, rgb(255,255,255) 0%, rgba(245,245,245) 100%);} .blancVgrisClair2{background:linear-gradient(180deg, rgb(255,255,255) 50%, rgba(245,245,245) 100%);} /* 1.1. Trames */ .SBtrame, .SBtrame_c{padding:0 1.5em;width:100%;box-sizing:border-box;} .SBtrame_c{max-width:1240px;display:inline-block;vertical-align:top;} .SBtrame_g, .SBtrame_d{display:inline-block;vertical-align:top;box-sizing:border-box;flex-shrink:0;flex-grow:0;} .SBtrame_g{width:calc(100% - 3.5em);box-sizing:border-box;padding-right:1.5em;} .SBtrame_d{width:3.5em;overflow:hidden;} .SBtrame, .SBtrame_c, .SBtrame_g, .SBtrame_d{text-align:left;} .SBfixeDroit{display:flex;} .SBtrame_c.SBfixeDroit{display:inline-flex;} /* Trames fixes */ .SBfixe, .SBfixeDroit .SBtrame_d>div{width:100%;transition:none;position:static;} .SBfixe.fixe, .SBfixeDroit.fixe .SBtrame_d>div{position:fixed;top:3.5em;width:inherit;/*max-width:inherit;*/} body.SBmode_ssMenu .SBfixe.fixe, body.SBmode_ssMenu .SBfixeDroit.fixe .SBtrame_d>div{top:calc(7em + 2px);} .SBfixeDroit.fixe.fin .SBtrame_d{position:relative;} .SBfixeDroit.fixe.fin .SBtrame_d>div, body.SBmode_ssMenu .SBfixeDroit.fixe.fin .SBtrame_d>div{position:absolute;bottom:0;top:unset;} /* Trames fixes au scroll */ .SBfixeDroit.SBfixeDroitScroll{white-space:nowrap;overflow:hidden;} .SBfixeDroit.SBfixeDroitScroll:not(.fixe){justify-content:flex-start;} .SBfixeDroit.SBfixeDroitScroll>*{white-space:normal;} .SBfixeDroit.SBfixeDroitScroll .SBtrame_g{flex-grow:0;flex-shrink:0;transition:width 300ms ease-out,padding 300ms ease-out;} .SBfixeDroit.SBfixeDroitScroll:not(.fixe) .SBtrame_g{width:100%;padding-right:0;} .SBfixeDroit.SBfixeDroitScroll .SBtrame_d{opacity:0;transition:max-width 300ms ease-out,opacity 300ms ease-out;} .SBfixeDroit.SBfixeDroitScroll.fixe .SBtrame_d{opacity:1;} .SBtrame_c.SBlargeurScroll{transition:max-width 300ms ease-out;} .SBtrame_c.SBlargeurScroll.fixe{max-width:100%;} .SBimage img{display:none;} .SBimage._blanc-bottom::after, .SBimage._blanc-top::after, .SBimage._blanc-right::after, .SBimage._blanc-left::after{content:'';height:100%;width:100%;position:absolute;top:0;left:0;} .SBimage._blanc-bottom::after{background:linear-gradient(180deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .SBimage._blanc-top::after{background:linear-gradient(0deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .SBimage._blanc-right::after{background:linear-gradient(90deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .SBimage._blanc-left::after{background:linear-gradient(270deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} /* Une annonce */ .annonce_fiche h1{padding:0.75em 0 0.25em 0;font-size:1.6em;/*white-space:nowrap;overflow:hidden;*/} .annonce_fiche h2{font-size:0.9em;padding:3em 0 1em 0;} .annonce_fiche #description h3{margin-top:1em;padding:0.5em 0;} .annonce_fiche #description>div>p{font-size:1.1em;line-height:1.4em;} .annonce_fiche #galerie.SBcarroussel{max-height:70vh;height:calc(100vw * 9 / 16);} .annonce_apercu{border-top:1px solid rgb(240,240,240);padding-top:1.5em;margin-top:0.5em;} .annonce_apercu>div{margin-right:3em;} .annonce_apercu>div>span:not(.icone)+span{color:rgb(153,153,153);margin-left:1em;} .annonce_apercu>div>div{color:rgb(102,102,102);font-size:0.8em;} .annonce_prix>div{font-size:1.6em;} .annonce_prix>div>span{font-size:0.6em;} .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;} /* Les diagrammes (DPE/GES) */ .diagramme>span{font-size:0.8em;} .diagramme>div{position:relative;} .diagramme>div>span{position:absolute;top:0.25em;left:15em;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.25em;} .diagramme.vB>div>span{top:2.45em;} .diagramme.vC>div>span{top:4.65em;} .diagramme.vD>div>span{top:6.85em;} .diagramme.vE>div>span{top:9.05em;} .diagramme.vF>div>span{top:11.25em;} .diagramme.vG>div>span{top:13.45em;} .diagramme>div>div{margin:0.25em 0;width:auto;padding:0.25em;position:relative;text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5);} .diagramme>div>div>span{display:inline-block;font-size:1.2em;} .diagramme>div>div>div{display:inline-block;position:absolute;right:0.25em;top:0.1em;font-size:1.5em;text-transform:uppercase;font-family:'American Typewriter';} .diagramme.dpe>div>div:nth-child(1){background-color:rgb(0,146,54);width:4.5em;} .diagramme.dpe>div>div:nth-child(2){background-color:rgb(78,179,25);width:6em;} .diagramme.dpe>div>div:nth-child(3){background-color:rgb(201,211,0);width:7.5em;} .diagramme.dpe>div>div:nth-child(4){background-color:rgb(255,235,6);width:9em;} .diagramme.dpe>div>div:nth-child(5){background-color:rgb(251,187,1);width:10.5em;} .diagramme.dpe>div>div:nth-child(6){background-color:rgb(235,105,11);width:12em;} .diagramme.dpe>div>div:nth-child(7){background-color:rgb(231,0,27);width:13.5em;} .diagramme.ges>div>div:nth-child(1){background-color:rgb(247,243,255);width:4.5em;} .diagramme.ges>div>div:nth-child(2){background-color:rgb(222,199,251);width:6em;} .diagramme.ges>div>div:nth-child(3){background-color:rgb(209,168,236);width:7.5em;} .diagramme.ges>div>div:nth-child(4){background-color:rgb(201,150,243);width:9em;} .diagramme.ges>div>div:nth-child(5){background-color:rgb(187,114,247);width:10.5em;} .diagramme.ges>div>div:nth-child(6){background-color:rgb(167,77,235);width:12em;} .diagramme.ges>div>div:nth-child(7){background-color:rgb(137,26,227);width:13.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;} .SBmap{height:50vh;} body.SBp_contact .SBmap{height:75vh;margin:1.5em 0;} /* Les Agents */ .ISIagent .titre{padding:0.25em 0.5em;} .ISIagent .titre>div>span,.ISIagent .titre>div::before{display:inline-block;vertical-align:middle;} .ISIagent .titre>div::before{content:'';height:100%;} .ISIagent .titre>div>span{max-width:100%;} .ISIagent .titre>div:first-child{text-transform:uppercase;font-weight:normal;padding:0 0 0.25em 0;box-sizing:border-box;} .ISIagent .titre>div:last-child{border-bottom:1px solid rgb(240,240,240);color:rgb(151,151,151);} .ISIagent:not(.gros) .titre>div:last-child{font-size:0.8em;} .ISIagent.gros .titre>div:last-child{font-size:1.2em;} .ISIagent:not(.mini):not(.gros) .titre>div:first-child{height:2.9em;} .ISIagent:not(.mini):not(.gros) .titre>div:last-child{height:5.2em;} .ISIagent.mini .titre>div:last-child, .ISIagent.gros .titre>div:last-child{padding-bottom:1em;} .ISIagent .bulles{text-align:center;} .ISIagent .bulles span, .ISIagent .bulles a{width:3em;height:3em;background-color:rgb(51,51,51);color:white;display:inline-block;border-radius:50%;padding:0;margin:0.5em 0;} .ISIagent .bulles span::after, .ISIagent .bulles a::after{content:'';display:inline-block;vertical-align:middle;height:100%;} .ISIagent .bulles span.icone::before, .ISIagent .bulles a.icone::before{vertical-align:middle;} .ISIagent form button{width:calc(50% - 0.25em);} .ISIagent form button[type="button"]{margin-left:0.5em;} .contact{padding:0.5em;margin-top:0;text-align:center;} .contact>div{display:inline-block;} .contact>div>div{text-align:left;padding:0.25em 0;} .contact>div>span{padding:0.25em 0 0 0;} .contact>div>div>a, .contact>div>div>div{padding:0.5em;transition:all 300ms ease-out;border-radius:0.6em;cursor:pointer;} .contact>div>div>a:hover, .contact>div>div>div:hover{background-color:rgb(240,240,240);} .contact>div>div>a>span, .contact>div>div>div>span{display:inline-block;vertical-align:middle;} .contact>div>div>a>span:first-child, .contact>div>div>div>span:first-child{width:2em;padding:0;} .contact>div>div>a>span:last-child, .contact>div>div>div>span:last-child{width:calc(100% - 2em);text-align:left;} .contact>div>span>a:not(:last-child){margin-right:0.5em;} .contact>div>span>a, .annonce_icones .icone, footer a>.icone{display:inline-block;padding:0.5em;border-radius:0.5em;font-size:1.2em;transition:all 300ms ease-out;} footer a>.icone{padding:0.3em;margin:0.1em 0.1em 0.1em 0.1em;} footer a:hover>.icone{margin:0.1em 0.5em 0.1em 0.1em;} a.ico_facebook:hover, a:hover>.ico_facebook{color:white;background-color:rgb(59,89,152);} a.ico_linkedin:hover, a:hover>.ico_linkedin{color:white;background-color:rgb(14,118,168);} a.ico_youtube:hover, a:hover>.ico_youtube{color:white;background-color:rgb(196,48,43);} a.ico_instagram:hover, a:hover>.ico_instagram{color:white;background:linear-gradient(180deg,rgb(64,93,230) 0%, rgb(88,81,219) 5%, rgb(131,58,180) 16%, rgb(193,53,132) 27%, rgb(225,48,108) 38%, rgb(253,29,29) 62%, rgb(245,96,64) 73%, rgb(247,119,55) 84%, rgb(252,175,69) 95%, rgb(255,220,128) 100%);} .annonce_icones .icone:hover{background-color:rgb(220,220,220);} .annonce_icones{text-align:right;margin:1em 0;} .annonce_icones .icone{cursor:pointer;} .annonce_icones .icone:not(:first-child){margin-left:0.5em;} .annonce_icones .icone.active{background-color:rgb(51,51,51);color:white;} #session_cdc{border-radius:50%;display:inline-block;background-color:rgb(51,51,51);height:1.2em;width:1.2em;box-sizing:border-box;color:white;text-align:center;} #SBnotif{position:fixed;top:4em;right:0.5em;width:300px;max-width:calc(100% - 1em);z-index:3;} #SBnotif>div{padding:1.5em;background-color:rgb(203,205,207);transition:all 300ms ease-out;border-radius:0.5em;text-shadow:1px 1px 1px white;border:1px solid white;box-shadow:0 0 0.5em rgba(0,0,0,0.25);max-height:10em;margin-bottom:0.5em;} #SBnotif>div.chargement{opacity:0;pointer-events:none;max-height:0;} #SBnotif>div>span{position:absolute;top:0;right:0;padding:0.5em;cursor:pointer;} .SBfenetre{position:fixed;left:0;top:0;width:100%;height:100%;z-index:3;text-align:center;background-color:rgb(255,255,255,0.35);opacity:1;transition: opacity 300ms ease-out;} .SBfenetre.chargement{opacity:0;} .SBfenetre::before{content:'';height:100%;} .SBfenetre::before, .SBfenetre>div{display:inline-block;vertical-align:middle;} .SBfenetre>div{box-sizing:border-box;width:400px;max-width:calc(100% - 3em);max-height:calc(100% - 3em);overflow:auto;text-align:left;background-color:rgb(245,245,245);transition:all 300ms ease-out;border-radius:0.5em;text-shadow:1px 1px 1px white;border:1px solid white;box-shadow:0 0 0.5em rgba(0,0,0,0.25);position:relative;} .SBfenetre>div>span{position:absolute;top:0.5em;right:0.5em;font-size:1.5em;padding:0;cursor:pointer;} .SBfenetre form{width:100%;} .tel-desktop{position:relative;} .tel-desktop>div:last-child{position:absolute;top:-4.2em;right:0px;padding:1em;background-color:white;border:1px solid rgb(220,220,220);border-radius:0.25em;transition:opacity 300ms ease-out;opacity:0;pointer-events:none;} .tel-desktop:hover>div:last-child{opacity:1;pointer-events:auto;} .SBmode_noAdmin, form .SBmode_creer, form .SBmode_connect, .SBmode_connecte:not(body), .SBmode_deconnecte, .SBmode_connecte .SBmode_profilUpdate, .SBmode_connecte .SBmode_profilNormal{transition:all 300ms ease-out;overflow:hidden;} form:not(.SBmode_creer) .SBmode_creer, form.SBmode_creer .SBmode_connect, body:not(.SBmode_connecte) .SBmode_connecte, body.SBmode_connecte .SBmode_deconnecte, .SBmode_connecte:not(.SBmode_profilUpdate):not(body) .SBmode_profilUpdate, .SBmode_connecte.SBmode_profilUpdate:not(body) .SBmode_profilNormal, body.SBmode_admin .SBmode_noAdmin{max-height:0;opacity:0;} form.SBmode_creer .SBmode_creer, form:not(.SBmode_creer) .SBmode_connect{max-height:20em;opacity:1;} body.SBmode_connecte .SBmode_connecte, body:not(.SBmode_connecte) .SBmode_deconnecte, .SBmode_connecte.SBmode_profilUpdate:not(body) .SBmode_profilUpdate, .SBmode_connecte:not(.SBmode_profilUpdate):not(body) .SBmode_profilNormal{max-height:100vh;opacity:1;} .SBmode_connecte:not(.SBmode_profilUpdate):not(body) span.SBmode_profilUpdate, .SBmode_connecte.SBmode_profilUpdate:not(body) span.SBmode_profilNormal{display:none;} .SBmode_connecte.SBmode_profilUpdate:not(body) span.SBmode_profilUpdate, .SBmode_connecte:not(.SBmode_profilUpdate):not(body) span.SBmode_profilNormal{display:inline;padding:0 0.5em;} table.honoraires{width:100%;max-width:30em;} table.honoraires td{background-color:white;} table.honoraires td, table.honoraires th{padding:1em 0.75em;} /** ** -- Galeries -- ** **/ .SB-galerie.invisible, .SB-galerie>div.infos{ display: none !important; } #SB-galerie{ } #SBgalerie-fullscreen{ width: 100%; height: 100vh; background-color: rgba(10,10,10,0.9); position: absolute; left: 0px; top: 0px; text-align: center; overflow: hidden; opacity: 1; z-index:1000000000 !important; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -ms-transition: opacity 300ms ease-out; -o-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; } #SBgalerie-fullscreen.chargement{ opacity: 0; } #SBgalerie-fullscreen>img{ max-width:92%; max-height:95vh; } #SBgalerie-fullscreen>iframe{ width:80%; height:80vh; } #SBgalerie-fullscreen>img, #SBgalerie-fullscreen>iframe{ position: relative; box-shadow: 0px 0px 10px black; margin: 0% 0%; padding: 0px; cursor: pointer; opacity: 1; -webkit-transition: opacity 100ms ease-out, box-shadow 100ms ease-out, top 100ms ease-out; -moz-transition: opacity 100ms ease-out, box-shadow 100ms ease-out, top 100ms ease-out; -ms-transition: opacity 100ms ease-out, box-shadow 100ms ease-out, top 100ms ease-out; -o-transition: opacity 100ms ease-out, box-shadow 100ms ease-out, top 100ms ease-out; transition: opacity 100ms ease-out, box-shadow 100ms ease-out, top 100ms ease-out; } #SBgalerie-fullscreen>img.chargement, #SBgalerie-fullscreen>iframe.chargement{opacity: 0;box-shadow: 0px 0px 0px rgba(0,0,0,0);} #SBgalerie-fullscreen>div#SBgalerie-fullscreen-liste, #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options{ width: 100%; vertical-align: middle; background-color: rgba(0,0,0,0); position: absolute; left: 0px; z-index: 1; -webkit-transition: bottom 300ms ease-out 200ms, height 300ms ease-out, top 300ms ease-out 200ms, background-color 500ms ease-out 300ms, box-shadow 500ms ease-out 300ms, padding 500ms ease-out 200ms; -moz-transition: bottom 300ms ease-out 200ms, height 300ms ease-out, top 300ms ease-out 200ms, background-color 500ms ease-out 300ms, box-shadow 500ms ease-out 300ms, padding 500ms ease-out 200ms; -o-transition: bottom 300ms ease-out 200ms, height 300ms ease-out, top 300ms ease-out 200ms, background-color 500ms ease-out 300ms, box-shadow 500ms ease-out 300ms, padding 500ms ease-out 200ms; -ms-transition: bottom 300ms ease-out 200ms, height 300ms ease-out, top 300ms ease-out 200ms, background-color 500ms ease-out 300ms, box-shadow 500ms ease-out 300ms, padding 500ms ease-out 200ms; transition: bottom 300ms ease-out 200ms, height 300ms ease-out, top 300ms ease-out 200ms, background-color 500ms ease-out 300ms, box-shadow 500ms ease-out 300ms, padding 500ms ease-out 200ms; } #SBgalerie-fullscreen>div#SBgalerie-fullscreen-liste{ height: 8em; bottom: -8em; padding-top: 10vh; overflow: hidden; } #SBgalerie-fullscreen.swipe>div#SBgalerie-fullscreen-liste{overflow: auto;} #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options{ height: 4.2em; top: -4.2em; padding-bottom: 10vh; color: white; box-shadow: 0px 0px 0px rgba(255,255,255,0); white-space: nowrap; overflow:hidden; } #SBgalerie-fullscreen.swipe>div#SBgalerie-fullscreen-liste{ pointer-events:none; } #SBgalerie-fullscreen:not(.swipe)>div#SBgalerie-fullscreen-liste:hover, #SBgalerie-fullscreen:not(.swipe)>div#SBgalerie-fullscreen-liste.active, #SBgalerie-fullscreen.swipe.afficher-infos>div#SBgalerie-fullscreen-liste{ bottom: -0px; background-color: rgba(10,10,10,0.95); padding-top: 0px; pointer-events:auto; } #SBgalerie-fullscreen.swipe>div#SBgalerie-fullscreen-options{ pointer-events:none; } #SBgalerie-fullscreen:not(.swipe)>div#SBgalerie-fullscreen-options:hover, #SBgalerie-fullscreen:not(.swipe)>div#SBgalerie-fullscreen-options.focus, #SBgalerie-fullscreen:not(.swipe)>div#SBgalerie-fullscreen-options.active, #SBgalerie-fullscreen.swipe.afficher-infos>div#SBgalerie-fullscreen-options{ top: -0px; padding-bottom: 0px; background-color: rgba(10,10,10,95); box-shadow: 0px 0px 5px rgba(255,255,255,0.1); pointer-events: auto; overflow:auto; } #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options.focus, #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options.focus:hover{ height: 100%; background-color: rgba(10,10,10,0.9); } #SBgalerie-fullscreen>div#SBgalerie-fullscreen-next, #SBgalerie-fullscreen>div#SBgalerie-fullscreen-previous{ height: 100%; position: absolute; top: 0px; width: 50%; height: 100%; } #SBgalerie-fullscreen>div#SBgalerie-fullscreen-next{left:50%;} #SBgalerie-fullscreen>div#SBgalerie-fullscreen-previous{left:0px;} #SBgalerie-fullscreen>div#SBgalerie-fullscreen-liste>div{ white-space: nowrap; position:relative; top:0px; width: auto; display: inline-block; } #SBgalerie-fullscreen>div#SBgalerie-fullscreen-liste>div>div, #SBgalerie-fullscreen>div#SBgalerie-fullscreen-liste>div>div{ vertical-align: middle; margin: 0.5em; box-shadow: 0px 0px 3px black; position: relative; bottom: 0px; opacity: 0.5; transform: scale(1,1); cursor: pointer; border: 1px solid rgba(255,255,255,0.1); box-sizing: border-box; display: inline-block; -webkit-transition: margin 300ms linear, box-shadow 300ms linear, transform 300ms linear, opacity 200ms ease-out; -moz-transition: margin 300ms linear, box-shadow 300ms linear, transform 300ms linear, opacity 200ms ease-out; -o-transition: margin 300ms linear, box-shadow 300ms linear, transform 300ms linear, opacity 200ms ease-out; -ms-transition: margin 300ms linear, box-shadow 300ms linear, transform 300ms linear, opacity 200ms ease-out; transition: margin 300ms linear, box-shadow 300ms linear, transform 300ms linear, opacity 200ms ease-out; } #SBgalerie-fullscreen>div#SBgalerie-fullscreen-liste>div>div>img, #SBgalerie-fullscreen>div#SBgalerie-fullscreen-liste>div>div>iframe{ max-width:6em; max-height:6em; display: block; } #SBgalerie-fullscreen>div#SBgalerie-fullscreen-liste>div>div:hover, #SBgalerie-fullscreen>div#SBgalerie-fullscreen-liste>div>div.focus{ transform: scale(1.1,1.1); opacity: 1; margin: 0.5em 1em; box-shadow: 0px 0px 6px black; border: 1px solid rgba(255,255,255,0.3); } #SBgalerie-fullscreen a{ padding: 0.5em 0.5em 0.5em 2em; display: inline-block; background-repeat: no-repeat; background-position: 0.5em center; background-size: 1em 1em; margin: 1em; line-height: 1.2em; border: 1px solid transparent; color: white; text-decoration: none; } #SBgalerie-fullscreen a:hover{ background-color: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); } #SBgalerie-fullscreen a#SBgalerie-fullscreen-afficher, #SBgalerie-fullscreen a#SBgalerie-fullscreen-ouvrirSur{background-image: url("../_ico/taille-reelle.png/255,255,255");} #SBgalerie-fullscreen a#SBgalerie-fullscreen-telecharger{background-image: url("../_ico/telecharger.png/255,255,255");} #SBgalerie-fullscreen a#SBgalerie-fullscreen-partager{background-image: url("../_ico/partager.png/255,255,255");} #SBgalerie-fullscreen a#SBgalerie-fullscreen-annuler{background-image: url("../_ico/retour.png/255,255,255");} #SBgalerie-fullscreen input#SBgalerie-fullscreen-url{background-position: 0.5em center;background-size: 1em 1em;line-height: 1.2em;background-repeat:no-repeat;padding:0.5em 0.5em 0.5em 2em;background-image:url("../_ico/site.png/50,50,50");} #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options.focus a#SBgalerie-fullscreen-afficher, #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options.focus a#SBgalerie-fullscreen-telecharger, #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options.focus a#SBgalerie-fullscreen-partager, #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options.focus a#SBgalerie-fullscreen-ouvrirSur, #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options div#SBgalerie-fullscreen-partager-options{ display: none; } #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options.focus div#SBgalerie-fullscreen-partager-options{ display: block; } #SBgalerie-fullscreen input[type="text"]{ padding: 0.5em; font-size: 1.1em; box-sizing: border-box; border: 1px solid grey; background-color: rgba(255,255,255,0.9); color: rgb(50,50,50); max-width: 100%; margin: 1em 0em; width: 600px; padding-right:0.3em; } #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options div#SBgalerie-fullscreen-partager-options a.partage{ padding: 0em 0.5em 0em 0em; text-shadow: 1px 1px 1px rgb(50,50,50); } #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options div#SBgalerie-fullscreen-partager-options a.partage:before{ content: ""; background-size: 2.4em; background-position: 0em center; width:2.4em; height:2.4em; background-color: rgb(255,255,255); vertical-align:middle; display: inline-block; } #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options div#SBgalerie-fullscreen-partager-options a.facebook{ background-color: rgb(59,89,152); } #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options div#SBgalerie-fullscreen-partager-options a.facebook:before{ background-image: url("../_ico/social-facebook.png/59,89,152"); } #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options div#SBgalerie-fullscreen-partager-options a.googlePlus:before{ background-image: url("../_ico/social-google.png/219,68,55"); } #SBgalerie-fullscreen>div#SBgalerie-fullscreen-options div#SBgalerie-fullscreen-partager-options a.googlePlus{ background-color: rgb(219,68,55); } #SBgalerie-fullscreen #SBgalerie-fullscreen-afficher{display:none;} #SBgalerie-fullscreen.ty1 #SBgalerie-fullscreen-afficher{ display:inline-block; } #SBgalerie-fullscreen #SBgalerie-fullscreen-telecharger{display:none;} #SBgalerie-fullscreen.ty1 #SBgalerie-fullscreen-telecharger, #SBgalerie-fullscreen.ty3 #SBgalerie-fullscreen-telecharger{ display:inline-block; } #SBgalerie-fullscreen.ty1 #SBgalerie-fullscreen-ouvrirSur, #SBgalerie-fullscreen.ty3 #SBgalerie-fullscreen-ouvrirSur{ display:none; } :root{/* TODO optimiser */ --larRefAvSect:0; --hauteurHeader:0; --hauteurSSmenu:0; --hauteurFooter:0; --yOrigine:0; --h16_9:calc(100vw / 1.7778); --h16_9_2:calc(var(--h16_9) / 2); } body,html{padding:0;margin:0;} body{font-family:'Roboto';color:rgb(51,51,51);} h1,h2,h3,.titre1,.titre2,.titre3{font-family:'American Typewriter';margin:0;} h1,.titre1{text-transform:uppercase;font-weight:400;} h2,.titre2{font-weight:bold;text-transform:uppercase;} h3,.titre3{text-transform:uppercase;font-weight:normal;text-align:left;} a{color:inherit;text-decoration:inherit;} .lien1,.blogArticle a,.lien2{text-decoration:underline;} img{max-width:100%;} table{border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;} ul{padding:0;margin:0;} li{list-style:circle inside;} ul.grille li{list-style:none;box-sizing:border-box;display:inline-block;} ul.grille li>span, ul.grille li>span:not(.icone)>span, ul.grille li>span:not(.icone)::before{display:inline-block;vertical-align:middle;} ul.grille li>span:not(.icone){max-width:100%;} ul.grille li>span.icone{box-sizing:border-box;text-align:center;} header{position:relative;text-align:center;overflow:hidden;} header>div>div{display:inline-block;position:relative;} body.scroll header>div>div{padding:14em 0 7em 0;} body.SBp_accueil header>div>div{font-family:'American Typewriter';text-transform:uppercase;} body.SBp_accueil header>div>div a{display:inline-block;vertical-align:bottom;padding:0 2em;margin:1em 0;} body.SBp_accueil header>div>div a>img{margin-bottom:0.5em;} body.SBp_accueil h1{font-weight:100;font-size:3em;} header h1{display:inline-block;vertical-align:middle;width:100%;font-size:1.8em;letter-spacing:0.1em;line-height:1.8em;} div.liensAccueil{width:100%;text-align:center;font-weight:bold;color:white;text-shadow:1px 1px 1px black;} div.liensAccueil>div{display:inline-block;vertical-align:bottom;margin:1em;} div.liensAccueil>div>img{margin-bottom:0.5em;} #logo{font-family:'American Typewriter';} #logo>div{display:inline-block;vertical-align:middle;} .SBp_404 main>div>div{ font-size: 3em; font-family: 'American Typewriter'; text-align: center; padding: 2em 0.25em 4em 0.25em; background:linear-gradient(180deg, rgb(255,255,255) 50%, rgba(255, 255, 255, 0) 100%); } /* ------------------------ NOUVELLES CSS ------------------------ */ /* 1. Structures principales */ /* 1.1 Les blocs structurels */ .bloc_ligne{display:flex;flex-wrap:wrap;} .bloc_ligne._h100{min-height:100%;} .SBbloc{display:inline-block;box-sizing:border-box;position:relative;} .SBbloc>.SBunItem{height:100%;position:relative;} a.SBunItem{display:inline-block;max-width:100%;} ._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:100%;} ._l8{width:100%;} ._l9{width:100%;} ._l10{width:100%;} ._l11{width:100%;} ._l12{width:100%;} ._h2x1::before{content:'';display:inline-block;padding-top:50%;vertical-align:top;} ._h4x3::before{content:'';display:inline-block;padding-top:75%;vertical-align:top;} ._h1x1::before{content:'';display:inline-block;padding-top:100%;vertical-align:top;} /* 1.1 Les blocs images */ .SBimage{max-width:100%;background-position:center;background-size:cover;} .SBimage.img_4_1::before{content:'';display:inline-block;padding-top:25%;vertical-align:top;} .SBimage.img_2_1::before{content:'';display:inline-block;padding-top:50%;vertical-align:top;} .SBimage.img_4_3::before{content:'';display:inline-block;padding-top:75%;vertical-align:top;} .SBimage.img_1::before{content:'';display:inline-block;padding-top:100%;vertical-align:top;} /* 1.1 Les espacements *//* TODO */ .espace025, .espace025>.SBbloc:not(.espace0){padding:0.25em;} .espace025-haut{padding-top:0.25em;} .espace025-bas{padding-bottom:0.25em;} .espace025-droite{padding-right:0.25em;} .espace025-gauche{padding-left:0.25em;} .espace05, .espace05>.SBbloc:not(.espace0){padding:0.5em;} .espace05-haut{padding-top:0.5em;} .espace05-bas{padding-bottom:0.5em;} .espace05-droite{padding-right:0.5em;} .espace05-gauche{padding-left:0.5em;} .espace075, .espace075>.SBbloc:not(.espace0){padding:0.5em;} .espace075-haut{padding-top:0.5em;} .espace075-bas{padding-bottom:0.5em;} .espace075-droite{padding-right:0.5em;} .espace075-gauche{padding-left:0.5em;} .espace1, .espace1>.SBbloc:not(.espace0){padding:0.75em;} .espace1-haut{padding-top:0.75em;} .espace1-bas{padding-bottom:0.75em;} .espace1-droite{padding-right:0.75em;} .espace1-gauche{padding-left:0.75em;} .espace15, .espace15>.SBbloc:not(.espace0){padding:1em;} .espace15-haut{padding-top:1em;} .espace15-bas{padding-bottom:1em;} .espace15-droite{padding-right:1em;} .espace15-gauche{padding-left:1em;} .margin3-haut{margin-top:2em;} /* 1.1 styles d'apparence globaux */ .align-middle{vertical-align:middle;} .align-bottom{vertical-align:bottom;} .align-top{vertical-align:top;} .align-center{text-align:center;} .align-left{text-align:left;} .align-right{text-align:right;} .box-shadow{box-shadow:0 0 0.5em rgba(0,0,0,0.25);} .box-shadow-left{box-shadow:-0.5em 0 0.5em -0.5em rgba(0,0,0,0.25);} .box-shadow-right{box-shadow:0.5em 0 0.5em -0.5em rgba(0,0,0,0.25);} .box-shadow-top{box-shadow:0 -0.5em 0.5em -0.5em rgba(0,0,0,0.25);} .box-shadow-bottom{box-shadow:0 0.5em 0.5em -0.5em rgba(0,0,0,0.25);} .arrondi{border-radius:1em;overflow:hidden;} .arrondi.rond-haut{border-radius:10em 10em 1em 1em;} .arrondi.rond-gauche{border-radius:10em 1em 1em 10em;} .arrondi.rond-droite{border-radius:1em 10em 10em 1em;} .arrondi.rond-bas{border-radius:1em 1em 10em 10em;} .ombre{box-shadow:0 0.25em 0.75em rgba(0,0,0,0.1);}/* TODO autres ombres */ .cercle{border-radius:50%;} /* 1.1 Les items (blocs visuels) */ .SBunItem{position:relative;} .SBunItem>div:first-child{transition:all 300ms ease-out;width:100%;height:100%;box-sizing:border-box;} .SBunItem:not(.SBloaded)>div:first-child, .item_scroll:not(.iScrollAff) .SBunItem.SBloaded>div:first-child{transform:scale(0.3);opacity:0;} .SBunItem.SBloaded>div:first-child, .item_scroll.iScrollAff .SBunItem.SBloaded>div:first-child{opacity:1;} /* 3. Contenus spécifiques */ /* Les Maps (OSM) */ .SBmap{width:100%;} /* Les Carroussels */ .SBcarroussel{width:100%;position:relative;white-space:nowrap;overflow:hidden;transition:opacity 300ms ease-out;} .SBcarroussel.SBloaded{background-color:rgb(51,51,51);} .SBcarroussel>div{height:100%;display:inline-block;position:relative;vertical-align:middle;background-size:0;transition:opacity 300ms ease-out;opacity:1;background-position:center;background-repeat:no-repeat;} .SBcarroussel:not(.noAnimation)>div{transition:left 300ms ease-out, opacity 300ms ease-out;} .SBcarroussel[data-size="cover"]>div, .SBcarroussel[data-size="contain"]>div{width:100%;} .SBcarroussel[data-size="cover"], .SBcarroussel[data-size="contain"]{height:100%;} .SBcarroussel[data-size="cover"]>div{background-size:cover;} .SBcarroussel[data-size="contain"]>div{background-size:contain;} .SBcarroussel img{max-width:100%;max-height:100%;opacity:1;vertical-align:middle;} .SBcarroussel[data-size="cover"] img, .SBcarroussel[data-size="contain"] img{display:none;} .SBcarroussel>div::after{content:'';width:100%;height:100%;background-color:rgba(51,51,51,0.5);position:absolute;top:0;left:0;transition:all 300ms ease-out;pointer-events:none;background-repeat:no-repeat;background-size:2em;} .SBcarroussel[data-size="auto"]>div.a_charger{max-width:0%;overflow:hidden;} .SBcarroussel>div.a_charger{opacity:0;} .SBcarroussel.noAnimation>span{opacity:0;} .SBcarroussel>div.focus::after{background-color:rgba(51,51,51,0);box-shadow:0 0 2em black;z-index:1;} .SBcarroussel>div.after, .SBcarroussel>div.before{cursor:pointer;} .SBcarroussel>div::before{content:'';height:100%;display:inline-block;vertical-align:middle;} body:not(.SB_tactile) .SBcarroussel.hover_before>div.focus::after{box-shadow:0.5em 0 2em -0.5em black;} body:not(.SB_tactile) .SBcarroussel.hover_after>div.focus::after{box-shadow:-0.5em 0 2em -0.5em black;} body:not(.SB_tactile) .SBcarroussel.hover_before>div.before::after, body:not(.SB_tactile) .SBcarroussel.hover_after>div.after::after{background-color:rgba(51,51,51,0.1);} .SBcarroussel>span{display:inline-block;position:absolute;height:5em;width:5em;top: calc(50% - 2.5em);background-position:center;background-repeat:no-repeat;cursor:pointer;background-size:1em 1.5em;transition:all 300ms ease-out;opacity:1;pointer-events:auto;} .SBcarroussel>span.btn-prec{background-position:left 1.5em center;left:0;background-image:url("../_ico/chevron-gauche.png/255,255,255"),radial-gradient(circle, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 50%);} .SBcarroussel>span.btn-suiv{background-position:right 1.5em center;right:0;background-image:url("../_ico/chevron-droite.png/255,255,255"),radial-gradient(circle, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 50%);} body:not(.SB_tactile) .SBcarroussel.hover_before>span.btn-prec, body.SB_tactile .SBcarroussel>span.btn-prec{background-position:left 1em center;} body:not(.SB_tactile) .SBcarroussel.hover_after>span.btn-suiv, body.SB_tactile .SBcarroussel>span.btn-suiv{background-position:right 1em center;} /* Gros texte */ .zoneGrosTexte{text-align:center;padding:0 1.5em 3em 1.5em;font-family:'American Typewriter';} .zoneGrosTexte>div{font-size:1.8em;font-weight:normal;text-align:center;letter-spacing:0.1em;line-height:1.5em;} /* Compteurs */ .zoneCompteur>div>div{display:inline-block;text-align:center;box-sizing:border-box;vertical-align:top;}/*padding:3em 0;width:33.33%;*/ .zoneCompteur>div>div>div{font-size:2em;} .zoneCompteur>div>div>span{font-size:0.8em;display:inline-block;padding-top:1em;color:rgb(151,151,151);font-family:'American Typewriter';text-transform:uppercase;} /* Une Annonce */ .annonce_apercu>div{display:inline-block;text-align:center;} .annonce_apercu>div>span:not(.icone){padding:0.5em 0;font-weight:bold;display:inline-block;text-transform:lowercase;} .annonce_apercu>div:not(:first-child)>span:not(.icone){font-size:1.2em;} .annonce_apercu>div>span.icone{font-size:1.5em;} .annonce_apercu>div>span:not(.icone)+span{color:rgb(153,153,153);margin-left:1em;} .annonce_apercu>div>div{text-transform:uppercase;} .annonce_ville{text-transform:capitalize;} .annonce_prix>div{text-align:right;font-weight:bold;} .annonce_reference{font-weight:bold;float:right;} .annonce_reference::before{content:'#référence ';} .pastille{display:inline-block;vertical-align:top;text-transform:uppercase;} /* TODO */ /* Listes des biens [accueil,vente,location,prestige,annonce,agent] */ body:not(.SBp_annonce):not(.SBp_agent) .liste_bien{padding:0.25em 0.25em 0 0.25em;} body:not(.SBp_annonce):not(.SBp_agent) .liste_bien+.liste_bien{padding-top:0;} body.SBp_annonce .liste_bien, body.SBp_agent .liste_bien{margin-left:-0.25em;} /* Un bien */ a.unBien{display:block;color:white;position:absolute;left:0.5em;top:0.5em;bottom:0.5em;right:0.5em;transition:all 300ms ease-out;overflow:hidden;border-radius:0.5em;} .unBien .SBunItem{width:100%;height:100%;} /* Carroussel, pastilles exclusivité/coup de coeur */ .unBien .SBcarroussel::after{content:'';pointer-events:none;position:absolute;left:0;top:0;bottom:0;right:0;background:linear-gradient(180deg, rgba(203,205,207,0) 30%, rgba(0,0,0,0.85) 100%);box-shadow:0 -0.5em 0.5em -0.5em rgba(0,0,0,0.25) inset;transition:all 300ms ease-out;} .unBien .pastilles{position:absolute;top:0;left:0;padding:0.5em;} .unBien .btn-coeur{position:absolute;width:2.5em;height:2.5em;right:0.5em;top:0.5em;text-align:center;border-radius:50%;transition:all 300ms ease-out;} .unBien .btn-coeur.active{background:white;color:rgb(51,51,51);} .unBien .ico_coeur, .unBien .btn-coeur::before{display:inline-block;vertical-align:middle;} .unBien .btn-coeur::before{content:'';height:100%;} .unBien .ico_coeur{padding:0;font-size:1.5em;transition:all 300ms ease-out;} /* Zone d'informations */ .unBien_infos{position:absolute;left:0;right:0;top:calc(100% - 6em);padding:1em 1.5em;transition:all 300ms ease-out;} .unBien_infos>div{height:2.8em;overflow:hidden;transition:all 300ms ease-out;} .unBien h3{white-space:nowrap;overflow:hidden;} .unBien h3, .unBien h3+div{transition:all 300ms ease-out;position:relative;top:0;} .unBien h3+div>div{padding-top:0.25em;} .unBien h3+div>div:not(:first-child){display:inline-block;vertical-align:top;white-space:nowrap;overflow:hidden;} .unBien h3+div>div:nth-child(2){width:calc(100% - 5em);} .unBien h3+div>div:nth-child(3){width:5em;float:right;text-align:right;} /* Icones : Localisation / Prix / autres informations */ .unBien h3+div>div>div>span:not(.icone), .unBien h3+div>div>span:first-child>span:not(.icone){font-size: 0.8em;} .unBien h3+div>div>div>span.icone, .unBien h3+div>div>span:first-child>span.icone{padding:0 0.25em 0 0;} /* Localisation / Prix */ .unBien h3+div>div>span{display:inline-block;vertical-align:middle;} .unBien h3+div>div>span:first-child{width:calc(100% - 7em);overflow:hidden;white-space:nowrap;} .unBien h3+div>div>span:last-child{width:7em;text-align:right;} .unBien h3+div>div>span:last-child>span{font-size:0.75em;} /* Autres informations */ .unBien h3+div>div>div{display:inline-block;vertical-align:bottom;padding:0 1.25em 0 0;} /* Un bien : hover */ body:not(.SB_tactile) .unBien .btn-coeur:hover .ico_coeur{font-size:1.8em;} body:not(.SB_tactile) a.unBien:not(:hover) .SBcarroussel>span{opacity:0;} a.unBien.touchHover .SBcarroussel::after, body:not(.SB_tactile) a.unBien:hover .SBcarroussel::after{background:linear-gradient(180deg,rgba(203,205,207,0) 0%,rgba(0,0,0,0) 100%);} body:not(.SB_tactile) a.unBien:hover, a.unBien.touchHover{z-index:1;left:-0em;right:-0em;top:-0em;bottom:-0em;}/* TODO */ /* TODO a.unBien.touchHover ??? */ body:not(.SB_tactile) a.unBien:hover .unBien_infos{top:calc(100% - 4.75em);padding:0.25em 2em;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(51,51,51,0.85) 100%);box-shadow:0 0.5em 1.5em -0.5em rgba(0,0,0,0.25);} body:not(.SB_tactile) a.unBien:hover .unBien_infos>div{height:3.05em;} body:not(.SB_tactile) a.unBien:hover h3{top:2.5em;} body:not(.SB_tactile) a.unBien:hover h3+div{top:-1.75em;} /* Classes vendu/loué/compromis */ .unBien.vendu .SBunItem>div:first-child::after, .unBien.compromis .SBunItem>div:first-child::after, .unBien.loue .SBunItem>div:first-child::after, .annonce_fiche.vendu>.SBunItem:first-child>div:first-child::after, .annonce_fiche.compromis>.SBunItem:first-child>div:first-child::after, .annonce_fiche.loue>.SBunItem:first-child>div:first-child::after{position:absolute;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 rgb(202,26,21);font-weight:bold;color:rgb(202,26,21);text-transform:uppercase;background-color:rgba(255,255,255,0.5);margin:0.5em;} .unBien.vendu .SBunItem>div:first-child::after, .annonce_fiche.vendu>.SBunItem:first-child>div:first-child::after{left:calc(50% - 6.75em);} .unBien.compromis .SBunItem>div:first-child::after, .annonce_fiche.compromis>.SBunItem:first-child>div:first-child::after{left:calc(50% - 7.25em);} .unBien.loue .SBunItem>div:first-child::after, .annonce_fiche.loue>.SBunItem:first-child>div:first-child::after{left:calc(50% - 6.5em);} .unBien.vendu .SBunItem>div:first-child::after, .annonce_fiche.vendu>.SBunItem:first-child>div:first-child::after{content:'vendu par l\'agence';} .unBien.compromis .SBunItem>div:first-child::after, .annonce_fiche.compromis>.SBunItem:first-child>div:first-child::after{content:'Compromis en cours';} .unBien.loue .SBunItem>div:first-child::after, .annonce_fiche.loue>.SBunItem:first-child>div:first-child::after{content:'Déjà loué';} .unBien.vendu .SBcarroussel, .unBien.compromis .SBcarroussel, .unBien.loue .SBcarroussel, .annonce_fiche.vendu>.SBunItem:first-child .SBcarroussel, .annonce_fiche.compromis>.SBunItem:first-child .SBcarroussel, .annonce_fiche.loue>.SBunItem:first-child .SBcarroussel{opacity:0.7;} .annonce_fiche.vendu>.SBunItem:first-child>div:first-child::after, .annonce_fiche.compromis>.SBunItem:first-child>div:first-child::after, .annonce_fiche.loue>.SBunItem:first-child>div:first-child::after{font-size:1.5em;} /* Les Agents / Contact */ .ISIagent .titre{font-family:'American Typewriter';} .contact>div>span, .contact>div>div>a, .contact>div>div>div{display:inline-block;vertical-align:top;} @media screen and (max-width:1240px){ .SBfixeDroit{justify-content:flex-end;flex-wrap:nowrap;} .SBtrame_c.SBfixeDroit, .SBtrame_c.SBfixeDroit.SBfixeDroitScroll.fixe{padding:0 0 0 1.5em;} .SBtrame_c.SBfixeDroit.SBfixeDroitScroll{padding:0 1.5em 0 1.5em;} .SBfixeDroit:not(.SBtrame_d_grand) .SBtrame_d{cursor:pointer;} .SBfixeDroit:not(.SBtrame_d_grand) .SBtrame_d .SBtrame_d_grand{display:none;} .SBfixeDroit:not(.SBtrame_d_grand) .SBtrame_d a{pointer-events:none;} .SBfixeDroit.SBtrame_d_grand .SBtrame_d .SBtrame_d_petit{display:none;} .SBfixeDroit.SBtrame_d_grand .SBtrame_g{position:relative;} .SBfixeDroit.SBtrame_d_grand .SBtrame_g::after{content:'';background-color:rgb(255,255,255,0.75);position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;} .SBfixeDroit{transition:margin 300ms ease-out;} .SBfixeDroit.SBtrame_d_grand{}/*margin-left:-20em;*/ .SBfixeDroit .SBtrame_g, .SBfixeDroit .SBtrame_d{transition:width 300ms ease-out;flex-grow:0;flex-shrink:0;} /*.SBfixeDroit.SBtrame_d_grand .SBtrame_g{width:calc(100% - 20em);}*/ .SBfixeDroit.SBtrame_d_grand .SBtrame_d{width:20em;max-width:calc(100% - 3.5em);} } @media screen and (max-width:920px){ body.scroll2.SBp_accueil nav#menuSec+div{margin-top:calc(7em + 4px);} .diagramme+.diagramme{border-top:1px solid rgb(240,240,240);padding-top:1em;margin-top:1em;} body.scroll #btnTelephone>a.icone>span{max-width:0;opacity:0;} } @media screen and (max-width:640px){ nav#menuSec form{font-size:0.8em;padding-bottom:1.1em;} } @media screen and (min-width:640px){ .espace075, .espace075>.SBbloc:not(.espace0){padding:0.75em;} .espace075-haut{padding-top:0.75em;} .espace075-bas{padding-bottom:0.75em;} .espace075-droite{padding-right:0.75em;} .espace075-gauche{padding-left:0.75em;} .espace15, .espace15>.SBbloc:not(.espace0){padding:1.25em;} .espace15-haut{padding-top:1.25em;} .espace15-bas{padding-bottom:1.25em;} .espace15-droite{padding-right:1.25em;} .espace15-gauche{padding-left:1.25em;} .margin3-haut{margin-top:2.5em;} ._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:100%;} ._w1_l8{width:100%;} ._w1_l9{width:100%;} ._w1_l10{width:100%;} ._w1_l11{width:100%;} ._w1_l12{width:100%;} ._w1_h2x1::before{content:'';display:inline-block;padding-top:50%;vertical-align:top;} ._w1_h4x3::before{content:'';display:inline-block;padding-top:75%;vertical-align:top;} ._w1_h1x1::before{content:'';display:inline-block;padding-top:100%;vertical-align:top;} .SBimage._w1_blanc-bottom::after, .SBimage._w1_blanc-top::after, .SBimage._w1_blanc-right::after, .SBimage._w1_blanc-left::after{content:'';height:100%;width:100%;position:absolute;top:0;left:0;} .SBimage._w1_blanc-bottom::after{background:linear-gradient(180deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .SBimage._w1_blanc-top::after{background:linear-gradient(0deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .SBimage._w1_blanc-right::after{background:linear-gradient(90deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .SBimage._w1_blanc-left::after{background:linear-gradient(270deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .arrondi._w1_rond-haut{border-radius:10em 10em 1em 1em;} .arrondi._w1_rond-gauche{border-radius:10em 1em 1em 10em;} .arrondi._w1_rond-droite{border-radius:1em 10em 10em 1em;} .arrondi._w1_rond-bas{border-radius:1em 1em 10em 10em;} .zoneCompteur>div>div>div{font-size:3em;} .zoneCompteur>div>div>span{font-size:0.9em;} /*.unBien{width:50%;}*/ #bloc_estimer form input[type="submit"]{font-size:1.25em;} } @media screen and (min-width:920px){ #curseur-prix{width:calc(100% - var(--larRefAvSect) - 4em);} #curseur-prix::before{top:0.5em;} .SBtrame_g{width:calc(100% - 5em);} .SBtrame_d{width:5em;} .espace1, .espace1>.SBbloc:not(.espace0){padding:1em;} .espace1-haut{padding-top:1em;} .espace1-bas{padding-bottom:1em;} .espace1-droite{padding-right:1em;} .espace1-gauche{padding-left:1em;} ._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:100%;} ._w2_l8{width:100%;} ._w2_l9{width:100%;} ._w2_l10{width:100%;} ._w2_l11{width:100%;} ._w2_l12{width:100%;} ._w2_h2x1::before{content:'';display:inline-block;padding-top:50%;vertical-align:top;} ._w2_h4x3::before{content:'';display:inline-block;padding-top:75%;vertical-align:top;} ._w2_h1x1::before{content:'';display:inline-block;padding-top:100%;vertical-align:top;} .SBimage._w2_blanc-bottom::after, .SBimage._w2_blanc-top::after, .SBimage._w2_blanc-right::after, .SBimage._w2_blanc-left::after{content:'';height:100%;width:100%;position:absolute;top:0;left:0;} .SBimage._w2_blanc-bottom::after{background:linear-gradient(180deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .SBimage._w2_blanc-top::after{background:linear-gradient(0deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .SBimage._w2_blanc-right::after{background:linear-gradient(90deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .SBimage._w2_blanc-left::after{background:linear-gradient(270deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .arrondi._w2_rond-haut{border-radius:10em 10em 1em 1em;} .arrondi._w2_rond-gauche{border-radius:10em 1em 1em 10em;} .arrondi._w2_rond-droite{border-radius:1em 10em 10em 1em;} .arrondi._w2_rond-bas{border-radius:1em 1em 10em 10em;} .zoneCompteur>div>div>div{font-size:3.5em;} .zoneCompteur>div>div>span{font-size:1em;} /*.unBien{width:33.33%;}*/ .diagramme{display:inline-block;width:50%;} } @media screen and (min-width:1240px){ .SBtrame_g{width:75%;} .SBtrame_d{width:25%;} .SBtrame_d .SBtrame_d_petit{display:none;} .SBcorps.SBfixeDroit .SBtrame_d{background-color:transparent;border-left:none;} .espace15, .espace15>.SBbloc:not(.espace0){padding:1.5em;} .espace15-haut{padding-top:1.5em;} .espace15-bas{padding-bottom:1.5em;} .espace15-droite{padding-right:1.5em;} .espace15-gauche{padding-left:1.5em;} .margin3-haut{margin-top:3em;} ._w3_absolute{position:absolute;} ._w3_fondBlanc08{background-color:rgb(255,255,255,0.8);} ._w3_espacement-haut-40p{padding-top:40%;} ._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:100%;} ._w3_l8{width:100%;} ._w3_l9{width:100%;} ._w3_l10{width:100%;} ._w3_l11{width:100%;} ._w3_l12{width:100%;} ._w3_h2x1::before{content:'';display:inline-block;padding-top:50%;vertical-align:top;} ._w3_h4x3::before{content:'';display:inline-block;padding-top:75%;vertical-align:top;} ._w3_h1x1::before{content:'';display:inline-block;padding-top:100%;vertical-align:top;} .SBimage._w3_blanc-bottom::after, .SBimage._w3_blanc-top::after, .SBimage._w3_blanc-right::after, .SBimage._w3_blanc-left::after{content:'';height:100%;width:100%;position:absolute;top:0;left:0;} .SBimage._w3_blanc-bottom::after{background:linear-gradient(180deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .SBimage._w3_blanc-top::after{background:linear-gradient(0deg, rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .SBimage._w3_blanc-right::after{background:linear-gradient(90deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .SBimage._w3_blanc-left::after{background:linear-gradient(270deg,rgba(255,255,255,0) 75%, rgb(255,255,255) 100%);} .arrondi._w3_rond-haut{border-radius:10em 10em 1em 1em;} .arrondi._w3_rond-gauche{border-radius:10em 1em 1em 10em;} .arrondi._w3_rond-droite{border-radius:1em 10em 10em 1em;} .arrondi._w3_rond-bas{border-radius:1em 1em 10em 10em;} .zoneCompteur>div>div>div{font-size:4em;} .zoneCompteur>div>div>span{font-size:1.2em;} }