/*@font-face { font-family:'museo_sans700'; src:url('../../../asset/css/museosans_700-webfont.woff2') format('woff2'), url('../../../asset/css/museosans_700-webfont.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face { font-family:'museo_sans500'; src:url('../../../asset/css/museosans_500-webfont.woff2') format('woff2'), url('../../../asset/css/museosans_500-webfont.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face { font-family:'museo_sans100'; src:url('../../../asset/css/museosans-100-webfont.woff2') format('woff2'), url('../../../asset/css/museosans-100-webfont.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face { font-family:'museo_sans300'; src:url('../../../asset/css/museosans-300-webfont.woff2') format('woff2'), url('../../../asset/css/museosans-300-webfont.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face { font-family:'webfontregular'; src:url('../../../asset/css/opensans-webfont.woff2') format('woff2'), url('../../../asset/css/opensans-webfont.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face { font-family:'museo_sans900'; src:url('../../../asset/css/museosans_900-webfont.woff2') format('woff2'), url('../../../asset/css/museosans_900-webfont.woff') format('woff'); font-weight:normal; font-style:normal;}*/

progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}html{font-family:/*'museo_sans700'*/'roboto',sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} figcaption, menu,article,aside,details,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0} [hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,optgroup,select,textarea{
    margin: 0
}optgroup{font-weight:700}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

.nouppercase { text-transform:none !important; }
.ease{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;}
.easelarge{-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;}
.clearfix, .clear { clear:both; }
.ofy-auto {overflow-y:auto !important;}
.height0{ height:0; }
.notinmobile{ display:none; }
.justif { padding-left:9px; }
.justif li {list-style:none; position:relative;}
.justif li:before { position:absolute; top:0; left:-10px; content:'•'; }
.justi { padding-left:9px; }
.justi li {list-style:none; position:relative;}
.justi li:before { position:absolute; top:0; left:-10px; content:'-'; }
/*NAVBAR*/
body{
    padding-top: 60px; position: relative; font-size: 18px; color: #000;
}
body.simulateur{ overflow:hidden;}
.blocplat{ display:block; position:relative; clear:both; }
.navbar { position:fixed; height:60px; background:#FDD037; color:#000; line-height:60px; width:100%; top:0; z-index:15;}
.navbar .fermer { float:right; padding:0 30px;  text-transform:uppercase; text-align:right; color:inherit;font-family: 'Roboto', sans-serif; font-size:13px; }
.navbar .fermer > img { display:block; float:right; margin:30px 0 0 15px; }
.navbar .logo { float:left; background-color:#FDB937; line-height:60px;height:60px; }
.navbar .logo a { color:#000;font-family: 'Roboto', sans-serif; line-height:60px;height:60px; padding:0 30px; font-size:15px; text-decoration:none; }
.navbar .title { display:block; position:absolute; z-index:-1; width:100%; clear:none;font-family: 'Roboto', sans-serif; font-weight:900; margin:0; padding:0; text-align:center; color:#000; font-size:20px; }
/*\NAVBAR*/
.padleft { padding-left:20px; }
h1 { color:#00B5CC; font-family:/*'museo_sans100'*/'roboto'; font-size:54px; font-weight:normal;}

body.home { background:url('../img/home_bg.jpg') right top no-repeat; background-size:cover; padding:0; margin:0; }
body.home hr { display:block; border:0px none; height:2px; width:35px; clear:both; overflow:hidden; background-color:#00b5cd; text-align:left; margin:0 0 15px 0; }
body.home li { display:block; background:url('../img/check.png') left 4px no-repeat; padding:0 0 5px 30px; }
body.home ul {  margin:15px 0; }
body.home .blocplat { margin-bottom:20px; }
body.home #home { padding:55px 0 35px 0; max-width:1000px; width:auto; margin:auto; color:#495561; }
body.home #home h1 { color:#00b5cd; font-family:/*'museo_sans700'*/'roboto'; font-weight:normal; font-size:54px; text-align:center; line-height:70px; padding:0; margin:0 0 5px 0;}
body.home #home h1 sup { font-size:30px; font-family:/*'museo_sans100'*/'roboto'; font-weight:normal; }
body.home #home .subtitle { font-family:/*'museo_sans500'*/'roboto'; font-weight:normal; font-size:20px; color:#495561; text-align:center; padding:0; margin:0 0 55px 0; }
body.home #home .left-side { position:relative; width:calc(40% - 50px); padding:0 0 0 50px;font-size:20px;  float:left; font-family:/*'museo_sans500'*/'roboto'; font-weight:normal; }
body.home #home .right-side { position:relative; width:calc(60% - 50px); padding:0 40px 0 0; font-size:18px;  float:left; font-family:/*'museo_sans300'*/'roboto'; font-weight:normal; }
body.home h2 {  font-family:/*'museo_sans700'*/'roboto'; font-size:30px; font-weight:normal; color:#00b5cd; margin:0 0 5px 0; }
body.home #home h3 {  font-family:/*'museo_sans300'*/'roboto'; font-size:18px; font-weight:normal; color:#00b5cd; margin:0 0 10px 0; }

body.home #home .simu { display:inline-block; position:relative; background:#A5C500; letter-spacing:1px; margin:50px auto 0 auto; text-align:center; padding:0 35px 0 35px; text-decoration:none; color:#fff; text-transform:uppercase; height:80px; width:70%; text-align:center; line-height:80px; font-size:30px; font-family:/*'museo_sans700'*/'roboto'; cursor:pointer; }
body.home #home .simu span {display:block; float:right; margin-left:40px; background:#A5C500 url('../img/home_btn.png') right center no-repeat; height:80px; width:20px; text-align:center; line-height:80px;  }
body.home #offre { position:relative; max-width:1320px; font-family:/*'museo_sans500'*/'roboto'; font-size:20px; width:auto; margin:auto; color:#495561; background-color:#F5F5F5; clear:both; overflow:hidden; margin-bottom:130px; }
body.home #offre img { display:block; float:left; }
body.home #offre .blocplat>div { display:block;  position:relative;overflow:hidden; padding:50px 110px 30px 110px; }
body.home #offre p { margin:0 0 0 0; }

.simu { display:block;position:fixed; bottom:0px; left:0px; z-index:35; width:100%; text-decoration:none; background:#A5C500; color:#fff; text-transform:uppercase; height:68px; text-align:center; line-height:68px; font-size:22px; font-family:/*'museo_sans700'*/'roboto'; cursor:pointer; }
.simu img { margin:0 0 -2px 5px;}
.nomargin { margin:0 !important; }

span.rouge { color:#FF0000; }
span.blue {
    color: #55c4d4;
}
span.blue .active {
    color: #fff
}

.bleuclair{ color:#000;}
.active .bleuclair{ color:#01B5CC ;}
span.jaune { color:#ffcc01; }
p.line {margin:0px 0;}
/*simulateur*/
.cadre { display:block; width:100%; height:auto; position:relative; overflow:hidden; background:#5B5B5B; }
.cadre #frise { display:block; height:900px; overflow:hidden; padding-bottom:50px;
-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.cadre .etape small {
    font-size: 18px; color: #000;
}
.cadre .etape {
    display: block; float: left; padding: 30px 50px 0 50px; padding-bottom: 50px; width: 435px; height: 800px; position: relative; overflow: hidden; background: #FDC737; font-size: 15px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}

.cadre .etape.active { z-index:4; overflow-y:auto; }
.cadre .etape .choice {
    position: relative; width: 85%; padding-top: 20px; padding-right: 7%; padding-left: 8%; padding-bottom: 20px; line-height: 32px; color: #000; font-size: 18px; cursor: pointer; margin-bottom: 20px; background: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 10px; font-family: roboto;
}
.cadre .etape .choice strong {
    font-weight: inherit; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-family: 'roboto'; color: #55c4d4;
}
.cadre .etape .choice small { font-size:16px; text-transform:none; line-height:normal; }
.cadre .etape .choice.thin { padding-top:10px; padding-bottom:7px; }
.cadre .etape .choice.active,
.cadre .etape .choice:hover  {
    color: #fff; background-color: #55c4d4; font-family: 'roboto';
}
.cadre .etape .choice.active .ico:before,
.cadre .etape .choice:hover .ico:before  {
    color: #fff;
}
.cadre .etape .choice.active strong,
.cadre .etape .choice:hover strong,
.cadre .etape .choice.active small,
.cadre .etape .choice:hover small   {
    color: white;
}
.cadre .etape .choice .ico {
    margin-top: -20px; margin-right: -15px; font-size: 70px; position: absolute; right: 25px;
}

/*.cadre .etape .radio label, .cadre .etape .radio input, .cadre .etape .radio br { display:none; }*/
.cadre .etape .radio {
    position: relative; width: 85%; font-family:/*'museo_sans700'*/'roboto'; padding-top: 14px; padding-right: 7%; padding-left: 8%; padding-bottom: 11px; line-height: 30px; color: black; font-size: 18px; cursor: pointer; margin-bottom: 20px; background: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border-radius: 60px; transition: all 0.4s ease;
}
.cadre .etape .radio:hover {
    color: #55c4d4;
}
.cadre .etape .radio.active {
    color: #55c4d4; border-radius: 90px; background: #Fff;
}
.cadre .etape .radio .ico {
    margin-right: -15px; font-size: 70px; /*color: #55c4d4;*/
    position: absolute; right: 10px; left: 300px;
}

.cadre .etape .choice img.ico {
    margin-right: 0px; color: undefined;
}
.cadre .etape .question {
    font-family:/*'museo_sans300'*/'roboto'; position: relative; font-size: 20px; color: #000; margin-bottom: 30px; margin-top: 30px;
}
.cadre .etape .question small { font-size:15px; line-height:21px; }
.cadre .etape input[type="text"] {
    display: block; position: relative; width: 85%; height: 40px; border: 2px solid #FFFFFF; padding: 0 7%; margin-bottom: 20px; font-size: 20px; color: #000;
}
.cadre .etape input[type="text"]:hover,
.cadre .etape input[type="text"]:active,
.cadre .etape input[type="text"]:focus {
    border-style: solid; border-width: 2px; color: #000;
}

.cadre .etape input[type="checkbox"] { margin-right: 0.5rem;
}
.cadre .etape .unit{position:relative; display:block;}
.cadre .etape .unit:after {
    display: block; position: absolute; top: 50%; right: 35px; z-index: 2; content: attr(unit); color: #c1c3c8; font-size: 26px; line-height: 25px; margin-top: -12px; font-family: "webfontregular",'Arial';
}
.cadre .etape .valider {
    display: block; position: relative; font-family: roboto; width: 257px;/* background:#7F8995; border:2px solid #7F8995; */
    color: #FFFFFF; line-height: 55px; text-align: center; margin: auto; font-size: 18px; cursor: pointer; background-color: #55c4d4; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border-radius: 10px; transition: all 0.4s ease; font-weight: 600; float: right;
}
.cadre .etape .valider:after{
    content: ""; margin-bottom: -3px; margin-left: 10px; display: inline-block; width: 50px; height: 20px; background: url(../img/fleche_valider.png) center center no-repeat; font-family: roboto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.cadre .etape .valider:hover:after {
   /*background: #fff; color: #55c4d4;*/
	transform: translateX(10px);
}
.numtel{ content:""; background:url(../img/ico-tophead-phone.png) no-repeat; display:inline-block; margin-right:10px; width:25px; height:17px;}

.popin .btn {
    display: block; position: relative; font-family:/*'museo_sans700'*/'roboto'; width: 98%; height: 74px; background-color: #55c4d4; border: 2px solid #55c4d4; color: #FFFFFF; line-height: 74px; text-align: center; margin: auto; font-size: 18px; cursor: pointer; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border-radius: 10px; transition: all 0.4s ease;
}
.popin .btn:after{
    content: ""; margin-bottom: -3px; margin-left: 10px; display: inline-block; width: 50px; height: 20px; background: url(../img/fleche_valider.png) center center no-repeat; font-family: roboto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.popin .btn:hover:after {
	transform: translateX(10px);
}
.popin input[type="text"]  { display:block; position:relative; width:86%; height:40px; border:2px solid #EFEFEF; padding:0 7%; margin-bottom:10px; font-size:16px;outline: none; }
.popin input[type="text"]:hover,
.popin input[type="text"]:active,
.popin input[type="text"]:focus { border:2px solid #01B5CC !important; }
.popin input[type="text"].error { border:2px solid #900; }
.popin label.error { color: #e83423;}
.popin .valider, #loadconfigs .valider, #delconf .valider { display: block;position: relative; font-family: 'roboto'; width: 100%; height: 40px; color: #FFFFFF; line-height: 40px; text-align: center; margin: auto; font-size: 18px; cursor: pointer; background-color: #55C4D4; border-radius: 10px; border: 2px solid #55C4D4;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border-radius: 10px; transition: all 0.4s ease; float: right; margin-bottom: 20px;
}

.popin .valider:after{
    content: ""; margin-bottom: -3px; margin-left: 10px; display: inline-block; width: 50px; height: 20px; background: url(../img/fleche_valider.png) center center no-repeat; font-family: roboto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.popin .valider:hover:after {
	transform: translateX(10px);
}
#loadconfigs, #delconf {position: fixed; bottom: 1rem; right : 1rem; padding :1rem; z-index:10;background: #FDC737; border-radius: 8px;}
#delconf {bottom: 13rem;}
#loadconfigs label{cursor: pointer;}
#loadconfigs input{display: block; margin: 20px auto;}
#delconf .resultat{display: none; color:#009e00; text-align: center;}
.bgpopin{ display:none; top:0;left:0; background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:16;}
.popin{
    display: none; background: #FDD037; position: fixed; top: 120px; max-height: 70%; overflow-y: auto; overflow-x: hidden; left: 50%; transform: translateX(-50%); z-index: 500; width: 380px; max-width: 85%; padding-top: 30px; padding-right: 30px; padding-left: 30px; padding-bottom: 30px; height: auto; font-size: 16px; font-family:/*"museo_sans300"*/"roboto"; color: #000; -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,0.3); box-shadow: 0 0 35px 0 rgba(0,0,0,0.3); -webkit-border-radius: 6px; border-radius: 6px;
}
.popin .close {
    display: block; position: absolute; top: 5px; right: 5px; width: 37px; height: 37px; background: url(../img/CLOSE2.png) center center no-repeat; cursor: pointer; z-index: 14;
}
.popin.inactive .close { display:none; }
.popin .title,
.popin .title2 {
    display: block; font-size: 20px; padding: 7px 0 13px 0; font-family: roboto; font-weight: 700; font: roboto;
}
.popin .content,
.popin .content2 { display:block; font-size:14px; font-family:/*"museo_sans300"*/"roboto"; }
.popin .content { padding-bottom:15px; }
.popin .content a {
    color: #55C4D4;
}
a.info{ display:inline-block; cursor:pointer; height:30px; width:30px; background:url(../img/info_bulle.svg) center no-repeat; background-size:contain; margin:0 10px 0 15px; float:right; }
a.infosm{ display:inline-block; cursor:pointer; background:url(../img/info_small.png) center no-repeat; background-size:contain; margin:0 0 0 5px; height:15px; width:14px; }

.popin .content .imglegende { display:inline; margin:0 20px 0 0; width:30%; float:left; }
.popin .content .imglarge { display:block; margin:0; width:100%; float:none; clear:both; }
.popin .content hr { clear:both; display:block; float:none; }
.popin .content p { clear:both; display:block; float:none; overflow:hidden; }
.popin .content p i {
    color: #000;
}
.popin .content .phases td { vertical-align:middle; text-align:center; }
.popin .content .phases img { height:100px; }
.popin .content .centered { width:50%; float:none; margin:auto; display:block;}



.cadre .etape .choice.cube {
    width: 190px; float: left; padding: 0; height: 130px; padding-top: 10px; line-height: normal; margin-top: 0; margin-right: 15px; margin-left: 0; margin-bottom: 5px; text-align: center;
}
.cadre .etape .choice.cubetxt {
    width: 45%; float: left; padding: 0; height: 65px; padding-top: 10px; line-height: normal; margin-top: 0; margin-right: 15px; margin-left: 0; margin-bottom: 15px; text-align: center;
}
.cadre .etape .choice.cube .ico {
    position: relative; float: none; display: block; margin: auto;
}
.cadre .etape .choice.cube img, .cadre .etape .choice.cube svg { width:70%; }
.cadre .etape .choice.cube img * { font-family:"webfontregular",'Arial'; }
.cadre .etape .choice.cube img.sm { width:90px; height:90px; }
.cadre .etape .choice.cube .tabcell {
    position: relative; height: 30px;
}
.cadre .etape .choice.cube .tabcell>span { position:absolute; top:50%; width:100%; left:0; transform:translateY(-50%); text-align:center;}
/*.cadre .etape .choice.cube:nth-child(odd) { margin:0 0 15px 0; }*/
.cadre .etape .information { position: relative; clear: both; overflow: hidden; font-family:/*'museo_sans300'*/'roboto'; margin-bottom: 20px;}
.cadre .etape .information p { float: left; line-height:23px; margin: 0;  }
.cadre .etape .choice.cube.special { width:100%; height:auto; }
.cadre .etape .choice.cube.special img { width:89px; }
.cadre .etape .choice.cube.special .tabcell small { font-family:/*'museo_sans300'*/'roboto';}
.cadre .etape .choice.cube.special .tabcell { padding:15px 0 10px 0;}
/*\simulateur*/
/*Map*/
.ol-control,
.ol-attribution {display:none !important;}
.mapgeoportail{ height:450px; margin-bottom:30px; }

.customblock > div {display:block; width:100%; height:260px; position:relative}
.neuf .customblock > div { top:50%; left:50%; position:absolute; width: 150px; height: 150px; transform: translate(-50%, -50%);}
.neuf .customblock #dial { width:100% !important; cursor:pointer;}
#dial { cursor:move; }
.neuf .customblock #ref { display:none;}
.neuf .hideifneuf { display:none; }
.showifneuf { display:none; }
.neuf .showifneuf { display:block; }
/*preaccueil*/
a{-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.half{width:50%; float:left;}
.half:first-child{border-right:2px solid #CCCCCC; margin-left:-2px;}
.fs29 {font-size:29px !important; }
.half .linkfloatright { float:right; margin-right:50px;  }
.half .linkfloatleft  { float:left ; margin-left :50px;  }
.half a{ color:#495561; text-align:center; cursor:pointer; font-family:/*'museo_sans500'*/'roboto'; font-size:27px; padding:15px 0; text-decoration:none; }
.half a:hover{ color:#00B5CD; }
.half a img { margin-bottom:30px; }
.half a br {opacity:0; }
.tab{ display:none; }
.padbot40{ padding-bottom:40px; clear:both; overflow:hidden; }
.clearfixpreacc{ clear:both; overflow:hidden; }

/*\Map*/



.next, .prev { position:fixed; top:50px; display:block; background:#474748; opacity: 0.95 !important; color:#FFF; text-align:center; z-index:6; cursor:pointer; width:40%; height:100%; line-height:100px; text-align:center; 
-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.next .text, .prev .text { display:inline-block; position:relative; text-transform:uppercase; font-size:15px; font-weight:normal; font-family:/*'museo_sans300'*/'roboto'; line-height:25px; }
.next .text img, .prev .text img { display:inline-block; clear:both; }
.prev .text img { -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}

.next { margin-left:268px; left:50%; }
.prev { margin-right:268px; right:50%; }
.next:hover, .prev:hover { display:block;  opacity: 0.7 !important; }

.addfile{float:none; position:relative; clear:both; cursor:pointer;}
.addfile .add>span { display:block; line-height:normal; }
/*AZIMUT*/
.maison { position:relative; }
body.simulateur.ip .cadre  { display:none; }
#simuresult{ display:none; } 
.resultats{ display:none; width:0%; min-height:0%; opacity:0; overflow:hidden }
html{min-height:100%;}
body.simulateur.ip {overflow:auto; }
body.simulateur.ip { position:relative; min-height:100%; overflow:auto; }
.ip .resultats{ display:block; width:100%; min-height:100%; position:relative; opacity:1;}
.resultats>.width50{ display:block; position:relative; float:left; width:50%; min-height:100%; }
.resultats>.width50:first-child{ background:#FFFFFF; }
.resultats>.width50 .inner { display:block; padding:40px 15%; width:70%; position:relative; }


.resultats>.width50:first-child .inner:after{ content:""; display:block; height:0px; width:0; border-left:#FFFFFF solid 60px; border-top:transparent solid 90px; border-bottom:transparent solid 90px; position:absolute; top:50%; margin-top:-90px; right:-60px; }
.resultats>.width50 .solutions { float:none; clear:both; padding-bottom:0px; border-bottom:#C0C0C0 1px solid; color:#00B5CC; font-family:/*"museo_sans500"*/"roboto"; font-size:28px; padding-bottom:30px;}
.bgvisuel{ background: #FFF;}
.blockresult { border-left:4px solid #00B5CD; padding:0 0 0 30px; margin:40px 0; }
.blockresult .num { font-size:28px; color:#00B5CC; font-family:/*'museo_sans300'*/'roboto'; }
.blockresult .title { font-size:18px; color:#495561; font-family:/*'museo_sans500'*/'roboto'; padding-top:2px; }
.blockresult .desc { font-size:15px; color:#495561; font-family:/*'museo_sans300'*/'roboto'; padding-top:7px; }

.listsimul {padding:0; margin:0;}

.listsimul li { display:block; background:url('../img/check.png') left 4px no-repeat; padding:0 0 5px 30px; font-size:18px; color:#495561; font-family:'webfontregular'; position:relative; }
.lancerConfigurateur{ position:relative; display:block; float:left; padding:20px 90px 20px 40px; font-family:/*"museo_sans700"*/"roboto black"; font-size:22px; background:#A5C500; text-transform:uppercase; color:#FFFFFF;  text-align:left; cursor:pointer; line-height:1.32em; margin-top:80px; }
.lancerConfigurateur img { position:absolute; top:50%; right:25px;margin-top:-15px; }

small.thin { font-family:/*'museo_sans300'*/'roboto'; line-height:1.2em; display:inline-block; margin-top: 5px; }
.passtoconfig{ display:block; position:fixed; margin:45px 8%; width:29%; left:50%; padding:30px 2.5%; -webkit-box-shadow:2px 3px 25px 1px rgba(0,0,0,0.3); box-shadow:2px 3px 25px 1px rgba(0,0,0,0.3); font-family:/*"museo_sans300"*/"roboto"; font-weight:normal; background:#FFFFFF; font-size:15px; color:#495561 }
a.inherit{ color:inherit; text-decoration:inherit; }
a.loa{ font-size:12px; color:#495561; margin-left:35px; }

.passtoconfig h3{ color:#00B5CC; font-family:/*"museo_sans300"*/"roboto"; font-size:20px; margin:0 0 15px 0; font-weight:normal;}
.simple{ color:#495561; font-size:20px; margin:15px 0; /*font-family:"webfontregular","museo_sans300";*/}
.simple span { font-size:28px; }
.lancerConfigurateurf, .lanceraccueilConfigurateur{ font-family:/*"museo_sans700"*/"roboto"; background:#00B5CD; text-transform:uppercase; color:#FFFFFF; height:77px; line-height:77px; width:100%; text-align:center; cursor:pointer; }
.bouton{ font-family:/*"museo_sans700"*/"roboto"; background:#00B5CD; text-transform:uppercase; color:#FFFFFF; height:77px; line-height:77px; width:100%; text-align:center; cursor:pointer; }

.test .passtoconfig { left:-100px; }
.upload { font-family:"webfontregular"; font-size:18px; padding:20px 0;}
.upload .hidden { display:none; }
.upload input { display:none; }
.upload .add, .upload .added, .upload .file { line-height:40px; }
.upload .add img, .upload .added img, .upload .file img { display:inline-block; float:left; margin-right:13px; margin-bottom:25px; }
.upload .loading-image { width:40px; height:auto; margin:auto; text-align:center; display:none; }
.upload .file { font-weight:bold; }
.upload .suppr { margin-top:12px; margin-left:50px; margin-right:10px; }
.upload .loading-image { width:40px; height:auto; margin:auto; text-align:center; display:none; }

.bgpopin{ display:none; top:0;left:0; background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:16;}
.popin{
    display: none; background: #FDD037; position: fixed; top: 120px; max-height: 70%; overflow-y: auto; overflow-x: hidden; left: 50%; transform: translateX(-50%); z-index: 500; width: 380px; max-width: 85%; padding-top: 30px; padding-right: 30px; padding-left: 30px; padding-bottom: 30px; height: auto; font-size: 16px; font-family:/*"museo_sans300"*/"roboto"; color: #000; -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,0.3); box-shadow: 0 0 35px 0 rgba(0,0,0,0.3); -webkit-border-radius: 6px; border-radius: 6px;
}
.popin .close {
    display: block; position: absolute; top: 5px; right: 5px; width: 37px; height: 37px; background: url(../img/CLOSE2.png) center center no-repeat; cursor: pointer; z-index: 14;
}
.popin.inactive .close { display:none; }
.popin .title,
.popin .title2 {
    display: block; font-size: 20px; padding: 7px 0 13px 0; font-family: roboto; font-weight: 700; font: roboto;
}
.popin .content,
.popin .content2 { display:block; font-size:14px; font-family:/*"museo_sans300"*/"roboto"; }
.popin .content { padding-bottom:15px; }
.popin .content a {
    color: #55c4d4;
}
a.info{ display:inline-block; cursor:pointer; height:30px; width:30px; background:url(../img/info_bulle.svg) center no-repeat; background-size:contain; margin:0 10px 0 15px; float:right; }
a.infosm{ display:inline-block; cursor:pointer; background:url(../img/info_small.png) center no-repeat; background-size:contain; margin:0 0 0 5px; height:15px; width:14px; }

.popin .content .imglegende { display:inline; margin:0 20px 0 0; width:30%; float:left; }
.popin .content .imglarge { display:block; margin:0; width:100%; float:none; clear:both; }
.popin .content hr { clear:both; display:block; float:none; }
.popin .content p { clear:both; display:block; float:none; overflow:hidden; }
.popin .content p i {
    color: #000;
}
.popin .content .phases td { vertical-align:middle; text-align:center; }
.popin .content .phases img { height:100px; }
.popin .content .centered { width:50%; float:none; margin:auto; display:block;}

#resultconfig { display:block; position:absolute; top:0; left:0; min-height:100vh; background:#FFFFFF; width:100%; padding:60px 0; margin:0; color:#495561; box-sizing: border-box;}
#resultconfig .wrapper { display:block; position:relative; max-width:1300px; margin:0 auto; }
#resultconfig .blocbleu h2 { font-family:'roboto'; font-size:30px; font-weight:600; color:#fff; margin:0 0 5px 0; }
#resultconfig h3 { display:block; font-family:/*"museo_sans500"*/"roboto"; font-size:28px; color:#00b5cd; line-height:60px; margin-top:0px; }
#resultconfig h4 { display:block; font-family:/*"museo_sans500"*/"roboto"; font-size:21px; margin:0 0 15px 0; font-weight:normal;}
#resultconfig h4 span { color:#00b5cd; }
#resultconfig img { display:block; margin:0 auto 15px auto; }
#resultconfig .left-side { display:block; position:relative; float:left; width:calc(50% - 55px); padding-right:55px; }
#resultconfig .right-side { display:block; position:relative; float:left; width:50%; }
#resultconfig .left-side3 { display:block; position:relative; float:left; width:calc(33.33% - 55px); padding-right:55px; }
#resultconfig .right-side3 { display:block; position:relative; float:left; width:33.33%; }
#resultconfig .blocgris {
    display: block; position: relative; background-color: #F5F5F5; padding: 19px 22px 15px 25px; margin-bottom: 5px;
}
#resultconfig .blocgris.blocbravo {
    position: relative; bottom: 0; z-index: 6; width: calc(100% - 50px); background-color: #FDD037; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); right: auto; left: auto; padding: 19px 22px 15px 25px; margin: 15px; max-width: 600px;
}
#resultconfig .blocgris.blocbravo h4 { font-family:/*"museo_sans300"*/"roboto"; font-size:18px; margin-bottom: 3px }
#resultconfig .blocgris.blocbravo p { font-size:15px; margin:0; }
#resultconfig .blocbleu { display:block; position:relative; background-color:#00B5CD; color:#FFF; padding:19px 22px 15px 25px; }
#resultconfig .bloctrait {
    display: block; position: relative; padding: 0px 0px 0px 25px; margin-bottom: 35px;
}

#resultconfig p { display:block; font-size:12px; font-family:/*"museo_sans300"*/"roboto"; line-height:1.5em; }
#resultconfig .prix { display:block; font-size:24px; font-family:/*"museo_sans300"*/"roboto"; color:#00b5cd; }
#resultconfig .prix small { font-size:20px; }
/*#resultconfig .prix span { color:#495561; }*/
#resultconfig .fs15 { font-size:15px !important; }
#resultconfig .fs18 { font-size:18px !important; }

#resultconfig .prixinline .prix { display:inline; }
#resultconfig .prixinline .prix span { font-size:15px; color:#495561; }
#resultconfig .blocgris .label { width:70%; float:left; font-size:18px; font-family:/*'museo_sans500'*/'roboto'; }
#resultconfig .blocgris .value { display:block; width:30%; float:right; text-align:right; }
#resultconfig .blocgris .value .petit { color:#00b5cd; font-size:15px; }

#resultconfig .blocbleu .label { width:70%; float:left; font-size:18px; vertical-align: middle; font-family:/*'museo_sans500'*/'roboto';}
#resultconfig .blocbleu .label small { display:block; font-family:/*'museo_sans300'*/'roboto'; font-size:12px; margin-top: 6px; }
#resultconfig .blocbleu .value { width:30%;  text-align:right; vertical-align: middle; }
#resultconfig .blocbleu .value .petit { color:#FFFFFF; font-size:15px; }
#resultconfig .value .prix { font-size:24px; }
#resultconfig .value .prix small { font-size:20px; }
#resultconfig .value .operateur { position:absolute; bottom:-33px; right:15%; margin-left:-15px; z-index:5; }

body #resultconfig .table {}
body #resultconfig .table .label { display:table-cell;  }
body #resultconfig .table .value { display:table-cell; }

body #resultconfig .table.modelabri .label { width:50%  }
body #resultconfig .table.modelabri .value { width:50% }


#resultconfig .blocbleu p:last-child { margin-top:0; }
#resultconfig .blocbleu .prix { color:#FFF; }
#resultconfig .right-side .blocgris,#resultconfig .right-side3 .blocgris { max-width:100%; }
#resultconfig .left-side .blocgris,#resultconfig .left-side3 .blocgris { max-width:100%; clear:both; overflow:visible; margin-bottom:5px; }

#resultconfig .bloctrait .blocgris h4 { font-size:18px; }
#resultconfig .bloctrait .blocgris .prix { position:absolute; right:35px; top:35px; }
#resultconfig .bloctrait .blocgris p { max-width:60%; font-family: "Myriad Pro", Arial; font-size:12px; color:#7F8993; margin:5px 0 12px 0; }

.mesboutons { margin-top:45px; }
.mesboutons a { display:block; padding:25px 0; line-height:20px; text-decoration:none; float:left; width:48%;background:#a5c500; border:#a5c500 1px solid; color:#FFFFFF; font-family:/*"museo_sans700"*/"roboto"; font-size:18px; text-transform:uppercase; text-align:center;  }
.mesboutons a:first-child { margin-right:3%;  } 
.mesboutons a:hover { background:#FFFFFF; color:#a5c500;   }
.pageconfigurateur{ padding-bottom:50px; }
.cadre .etape .choice.cube .ico { right:auto; }
.ori{display:none; position:relative; width:85%; height:35px; padding:0; margin-bottom:20px; font-size:20px; line-height:35px;font-family:/*'museo_sans300'*/'roboto';color:#32383E; }
.ori:before{content:"Orientation :";}
.ori:after{content:" degrés";}
.ori input { background:none !important; border:none 0px !important; height:35px !important; line-height:35px !important; display:inline !important; width:55px !important; text-align:center !important; padding:0 !important; color:inherit !important; }
/* .gmnoprint{ display:none !important; } */
.recommencer {
    font-size: 15px; color: #01B5CC; cursor: pointer; display: block; float: right; text-align: center; margin: 0 0 0 0; padding: 3px 6px 3px 4px; background: #FFF; -webkit-border-radius: 4px; border-radius: 4px;
}
.recommencer:before { font-size:15px;  }
.recommencer:hover { -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.2); box-shadow: 0 0 9px 0 rgba(0,0,0,0.2);  }
.sauvegarder { display:none; width:100%; text-decoration:none; text-align:center; position:fixed; bottom:0; left:0; z-index:5; background:#00B5CD; color:#FFF; font-size:18px; font-family:'webfontregular'; line-height:50px; height:50px;  }
body.cfg .sauvegarder { /*display:block;*/ display:none; }
.sauvegarder:before { content:""; display:inline-block; width:15px; height:15px; background:url(../img/sauvegarder.png) center center no-repeat; clear:none; margin:0 10px 0 0; }
.triboutons { display:none; width:100%; text-decoration:none; text-align:center; position:fixed; bottom:0; left:0; z-index:15; background:#0373A5; color:#FFF; font-size:16px; font-family:'webfontregular'; height:68px; }
/*body.ip .triboutons { display:table; }*/
.triboutons a { display:table-cell; width:40%; font-family:/*"museo_sans700"*/"roboto"; font-size:16px; line-height:25px; color:#FFFFFF; vertical-align:middle; text-decoration:none; text-transform:uppercase; }
body.ip.cfg .triboutons { display:none; }
.triboutons .contacter { width:535px !important; min-width:535px !important; max-width:535px !important; border-right:1px solid #666666; border-left:1px solid #666666;  }
.triboutons .recevoir:before { content:""; display:inline-block; width:55px; height:45px; background:url(../img/enveloppe.png) center center no-repeat; clear:none; margin:0 20px 0 0;}
.triboutons .contacter:before { content:""; display:inline-block; width:55px; height:45px; background:url(../img/casque.png) center center no-repeat; clear:none; margin:0 20px 0 0;}
.triboutons .acceder:before { content:""; display:inline-block; width:55px; height:45px; background:url(../img/bulle.png) center center no-repeat; clear:none; margin:0 20px 0 0;}
.triboutons a span { display:inline-block; line-height:25px; text-align:left; width:220px;}
#mapgeoportail1.isPart { height:300px; margin-bottom:20px; }
#configresult{ display:none; }
input.error{
    border: 2px solid #e83423 !important;
}
label.error { color:  #e83423;}
.hidden { display:none !important; }
dl.expand,.expand dt,.expand dd{padding:0; margin:0;}
.expand{font-weight:normal; font-family:/*"museo_sans300"*/"roboto"; font-size:15px; cursor:pointer; position:relative; }
.expand .info {top:-23px; right:-30px;}
.expand dt{background:rgba(0,0,0,0.1); padding:15px 20px; clear:both; position:relative; display:block; overflow:hidden;}
/**/
.cube svg * { -webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease; }
.cube svg polyline, .cube svg path, .cube svg line { stroke:#000000 !important;}
.cube svg text { fill:#000000;}
.cube.active svg polyline, .cube.active svg path, .cube.active svg line,
.cube:hover svg polyline, .cube:hover svg path, .cube:hover svg line { stroke:#FFFFFF !important;}
.cube.active svg text,
.cube:hover svg text { fill:#FFFFFF;}

.retrait {display:block; float:left; margin-right:5px; /*height:45px;*/}

.directives {
    position: absolute; top: 0; left: 0; width: 100%; max-height: 100px; background: #fff; color: #000; text-align: center;
}
.directives .dtext { line-height:18px; text-align:left; font-family:/*'museo_sans300'*/'roboto'; padding:10px; display:inherit; }
.directives .dtext .bouton{padding: 5px 10px; line-height:normal;margin-left: 10px;}
.faitagevalide{
    display: none; background-color: #55c4d4;
}
.polygonvalide{
    float: right; width: 85px; height: 40px !important; line-height: 40px !important; background-image: none; border-radius: 10px; background-color: #55c4d4; font-weight: bold;
}
.polygonvalide:hover{
    float: right; width: 85px; height: 40px !important; line-height: 40px !important; background-image: none; border-radius: 10px; background-color: #fff; color: #55c4d4;
}
.phase-wrapper {
    display: none; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); width: 435px; height: 10px;
}
.phase-wrapper:before {
	display: block; content:" "; position: absolute; left: 0; right: 0; top: -20px; z-index: -1; height: 30px; background-color: #FDC737;
}
.phase-wrapper:after {
	display: block; content:" "; position: absolute; left: 0; right: 0; top: 0; z-index: 0; height: 10px; background-color:#C1C3C8; border-radius: 5px;
}
/*.phase{ display:block; position:relative; width:435px; height:10px; margin:25px 0 0 25px; overflow:hidden; background-size:435px 10px; background-image:url('../img/jauge01.svg'); background-position:center center; background-repeat:no-repeat; }*/

.phase { 
	position: absolute; 	left: 0;

	top: 0; height: 10px; width: 0%; border-radius: 5px; z-index: 2; background-color: #55c4d4; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}


.btnresult {
    display: block; position: relative; font-family: 'Roboto'; width: 35%; height: 50px; color: #FFFFFF; line-height: 50px; text-align: center; margin: auto; font-size: 18px; cursor: pointer; background-color: #55c4d4; border: 2px solid #55c4d4; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border-radius: 10px; transition: all 0.4s ease; float: right;
}
.btnresult:after{content:""; margin-bottom: -3px; margin-left: 10px; display: inline-block; width: 50px; height: 20px; background: url(../img/fleche_valider.png) center center no-repeat; font-family: roboto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.btnresult:hover:after {
    transform:translateX(10px)
}

.btnremote {
    display: none!important; text-decoration: none; z-index: 100; position: fixed; bottom: 50px; right: 20px; font-family: 'Roboto'; width: 50px; height: 50px; color: #FFFFFF; line-height: 50px; text-align: center; margin: auto; font-size: 18px; cursor: pointer; background-color: #55c4d4; border: 2px solid #55c4d4; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; border-radius: 10px; transition: all 0.4s ease; float: right;
}
.btnremote:after{content:""; margin-bottom: -3px; margin-left: 0px; display: inline-block; width: 50px; height: 20px; background: url(../img/fleche_valider.png) center center no-repeat; 
    font-family: roboto; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.btnremote:hover:after {
    transform:rotate(450deg);
}

.blocgris .label.small {
    font-size: 15px !important; color: #7F8993; margin: 5px 0 12px 0; background: none;
}
.blocgris .label.small span { font-family:/*"museo_sans300"*/"roboto"; color:#00b5cd; }
/**/
@media only screen and (max-width :1320px){
	.passtoconfig{ display:block; position:relative; margin:45px 16%; width:58%; padding:30px 5%; left:auto; -webkit-box-shadow:2px 3px 25px 1px rgba(0,0,0,0.3); box-shadow:2px 3px 25px 1px rgba(0,0,0,0.3); font-family:/*"museo_sans300"*/"roboto"; font-weight:normal; }
	#resultconfig{ width: calc(100% - 80px); padding:100px 40px 0 40px; }
	#resultconfig h3 { font-size:24px; font-weight:normal; }
	
	#resultconfig p { font-size:18px; color:#495561;  }
	.simple span { font-size:20px; }
	.resultats > .width50 .solutions { font-size:24px; }
	.resultats > .width50 .inner dl dt { font-size:18px; line-height:normal; min-height:inherit; }
	.resultats > .width50 .inner dl dt::after { }
	
	body.home #offre { margin:0 50px 50px 50px !important; }
	body.home #offre .blocplat>div { padding:45px 50px 20px 50px; }
	
	
	/*#resultconfig .blocgris.blocbravo { transform: translateX(-50%);width:calc(100% - 100px); }*/
}
@media only screen and (max-width :1180px){
	body.home .blocplat { width:auto; margin:0 50px 20px 50px; }
	body.home #offre { width:365px; margin:0 auto 50px auto !important; padding:0; }
	body.home #offre img,
	body.home #offre .blocplat>div { clear:both; float:none;}
	body.home #offre .blocplat {  margin:0 0px 0px 0px;}
}
@media (max-width:992px){
    .btnremote {display:block!important;}
	.btnresult{ margin-left: 0 !important; font-size: 14px; min-width:auto !important; width: 90% !important; }
	.btnresult:after { display:none; }
	body.home #home .left-side { float:none; width:100%; }
	body.home #home .right-side { float:none; width:100%; padding:0px 0 0 20px; }
	
	.resultats>.width50{ display:block; float:none; width:100%; }
	.resultats>.width50 .inner{  }
	#home .left-side,#home .right-side { display:block; float:none; width:90%; padding:0 5%; }
	#home{ padding:20px 0; }
	#offre .encart{ width:80%; padding:40px 5%; float:none; margin:auto; }
	#offre .encart .simple {width:90%; padding-right:5%; padding-bottom:30px; float:none; font-size:36px;}
	#offre .encart .texte {width:90%; padding-right:5%; float:none; font-size:18px; color:#7F8993; }
	#offre { background:none; padding-top:20px; }
	#offre .offreperso { width:80%; padding:0 10%; margin-bottom:40px; }

	.navbar .title { text-align:left; padding-left:20px; }
	.navbar .logo { float:right; text-indent:500px; background-color:transparent; padding:0; overflow:hidden; width:37px; background:url('../img/MOBILE.png') center center no-repeat; margin-right:10px; overflow:hidden; z-index:3; }
	.navbar .logo a { display:block; text-indent:500px; width:37px; overflow:hidden; height:60px; }
	.navbar .fermer { text-indent:500px; padding:0; margin-right:10px; overflow:hidden; width:37px; height:60px; line-height:60px; background:url('../img/CLOSE2.png') center center no-repeat; }
	.cadre .etape .choice.cube { width:47.5%; margin:10px 5% 10px 0; }
	.cadre .etape .choice.cube:nth-child(odd) { margin:10px 0 10px 0; }
	.cadre .etape .choice.cube .ico { right:auto; }
	.simu { font-size:20px; }

	#resultconfig{ width:90%; padding:25px 5%; margin-top:40px }
	#resultconfig h3{ font-size:35px; }
	#resultconfig .left-side,#resultconfig .left-side3 { display:block; float:none; width:100%; }
	#resultconfig .no-mobile {display:none!important;}
	#resultconfig .right-side,#resultconfig .right-side3 {
    display: block; float: none; width: 100%;
}
	.resultats {background:#FFF;}
	.phase-wrapper {width: 100%; height:10px; top: 60px; }
	.phase-wrapper:before {display: none;}
	.phase-wrapper * { border-radius:0; }
	.phase{
    width: 100%; margin:0; background-size: 100% 12px; background-position:bottom center; }

}
@media only screen and (min-width :768px) and (max-device-width :1024px) {
/* Styles pour cette Media Queries */
}

@media only screen and (max-width :768px){
	.resultats>.width50{ display:block; position:relative; float:none; width:100%; min-height:auto; }
	.mesboutons a { float:none; width:100%; margin-bottom:15px; }
	.half a { color:#CCCCCC; }
	.popin{ top:5%;max-height: 90%; }
	.next, .prev { overflow: hidden; top:auto; bottom: 20px;  height:50px !important; width:50px !important; line-height: normal !important; border-radius: 50%; }
	.next .text, .prev .text { font-size:0; line-height:0; text-indent: -1500px; }
	.next .text img, .prev .text img { display: block !important; position: relative; margin-top: 14px; }
	.next { margin-left:0; right:20px; left: auto; }
	.prev { margin-right:0; left:20px; right: auto; }
}


@media only screen and (max-width :540px){
	body{ font-size:0.9em; }
	.navbar .fermer{ font-size:0px; margin-right:10px;}
	.navbar .title{ font-size:15px; }
	.navbar .title span{ display:none; }
	.navbar .title .span{ display:inline-block !important; }
	.navbar .logo { margin-left:0px; }
	.navbar .logo img { width:150px; }
	.popin{ padding:15px; }
	.popin .close { top:15px; right:15px; }
	.passtoconfig{ margin:45px 5%; width:80%; }
	.simu { font-size:18px; }
	.notinmobile{ display:none !important; }

.cadre .etape { padding-top:0px; }
body.home { background: url(../img/home_bg.jpg) center top no-repeat;  background-size: cover; }
body.home .blocplat { margin: 0 20px 20px 20px; }
.half a img{ height:70px; }
.half a { font-size:21px; }
/* .half .linkfloatleft, .half .linkfloatright{ margin-left: 5px; margin-right: 5px; } */
body.home #offre { margin-bottom:0 !important; max-width:100%; }
body.home #offre img { max-width:100%; }
body.home #offre .blocplat>div { padding:25px; }

body.home #home .left-side { padding:0 !important; }
body.home #home .right-side { padding:0 !important; }
body.home ul { padding:0px; }
body.home #home .simu { padding:10px; height:auto; line-height:35px; }
body.home #home .simu span { display:none; }
#resultconfig .value .prix {font-size:22px;}
#resultconfig .blocgris .label{ width:100%; font-size:15px }
#resultconfig .blocgris .value{ width:100%; }
#resultconfig .blocgris .value img{ display: none; }
#resultconfig .blocgris .label.solution{ width: 100%!important; }
	
.blocplat.clearfixpreacc .half { font-size:24px; }
	.half .linkfloatright { margin-right:15px; margin-left:0px;  }
	.half .linkfloatleft  { margin-left :15px; margin-right:0px; }
	.cadre .etape .choice { font-size: 17px;}
	.cadre .etape .choice.specialo {
    width: 65%; padding: 14px 27% 11px 8%;
}
	.cadre .etape .choice .ico {font-size: 65px; right: 10px;}
	.cadre .etape input[type="text"]{ font-size:17px; width:75%; padding:0 17% 0 7%; }
	.cadre .etape input[type="text"]::placeholder{ font-size:16px;}
	.cadre .etape .unit:after{ width:50px; text-align:center; right:12px; }
	.cadre .etape .choice img.ico { width:60px; }
	.popin{margin-left:0px; left:50%; max-width:80%; width:80%; padding:5%; }
	.hideunder540{display:none !important;}
	.resultats>.width50 .inner {padding:40px 5% !important; width:90% !important; }
	.lancerConfigurateur { padding:20px 50px 20px 30px; }
	.lancerConfigurateur br {display:none; }
	#resultconfig h3 { font-size:24px !important; font-family:/*'museo_sans500'*/'roboto'; border-bottom:#C0C0C0 1px solid; line-height:normal; padding-bottom:30px; }
	a.loa{ margin-left:0px; }
	body.home #home h1 br { display:none; }
	body.home #home h1{ font-size:45px; text-align:center; line-height:50px;}
	
.mapgeoportail{ margin-right: 20px;}
#mymap { margin-right: 20px;}
body.home #home .simu {font-size:24px;}
 /*.cadre .etape .choice{ padding:23px 28px; } */

.directives .dtext { line-height:16px; font-size:13px; }
}
#autocomplete-wrapper { position: relative; clear: both; width: 100%; }
#autocomplete-wrapper .btnPosition {
    display: block; position: relative; color: #01B5CC; cursor: pointer; height: 44px; line-height: 44px; background-color: #55C4D4; color: #FFFFFF; font-size: 16px; width: 85%; padding: 0px 20px 0px 20px; text-transform: uppercase; border-radius: 10px; margin-bottom: 0; text-align: center;
}

#autocomplete {
    display: block; position: relative; padding: 0 20px; 
	font-size: 16px;
}
#autocomplete-wrapper span {
    display: block; position: relative; height: 44px; line-height: 44px; text-align: center; font-weight: bold;
}
/* The switch - the box around the slider */
.switch {
  pointer-events: none;
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #55C4D4;
}

input:focus + .slider {
  box-shadow: 0 0 1px #55C4D4;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.gotoabri { margin-bottom: 30px !important; text-decoration: none; text-transform: uppercase;}
.gotoabri:after { margin-bottom: -5px !important;}

@media screen and (max-width: 640px) {
  table,
  tbody,
  tr,
  td {
    display: block; width: auto!important;
  }

}

@media screen and (min-height:1000px){
.btnremote {
    Display:block!important}
}