.sliderSim html{line-height:1.15;-webkit-text-size-adjust:100%}.sliderSim body{margin:0}.sliderSim main{display:block}.sliderSim h1{font-size:2em;margin:.67em 0}.sliderSim hr{box-sizing:content-box;height:0;overflow:visible}.sliderSim pre{font-family:monospace,monospace;font-size:1em}.sliderSim a{background-color:transparent}.sliderSim abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}.sliderSim b,.sliderSim strong{font-weight:bolder}.sliderSim code,.sliderSim kbd,.sliderSim samp{font-family:monospace,monospace;font-size:1em}.sliderSim small{font-size:80%}.sliderSim sub,.sliderSim sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.sliderSim sub{bottom:-.25em}.sliderSim sup{top:-.5em}.sliderSim img{border-style:none}.sliderSim button,.sliderSim input,.sliderSim optgroup,.sliderSim select,.sliderSim textarea{line-height:1.15;margin:0}.sliderSim button,.sliderSim input{overflow:visible}.sliderSim button,.sliderSim select{text-transform:none}[type=button],[type=reset],[type=submit],.sliderSim 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:1px dotted ButtonText}.sliderSim fieldset{padding:.35em .75em .625em}.sliderSim legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}.sliderSim progress{vertical-align:baseline}.sliderSim 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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
.sliderSim div, .sliderSim .slider, .sliderSim .rValue, .sliderSim .formSimu {
margin: 0;
border: 0;
vertical-align: baseline;
}
.sliderSim {
background-color: white;
margin-bottom: 5%;
}
@media (min-width: 993px) {
.sliderSim {
width: 100%;
max-width: 992px;
margin-left: auto;
margin-right: auto;
}
}
.sliderSim .simulator {
width: 98%;
padding: 1%;
}
.sliderSim .slider {
-webkit-appearance: none;
width: 100%;
height: 10px;
border-radius: 5px;
background: #d3d3d3;
outline: none;
transition: opacity .2s;
padding: 0px
}
.sliderSim .slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 30px;
height: 30px;
border-radius: 50%;
background: white;
border:1.8px solid #B1B5C5;
cursor: pointer;
}
.sliderSim .slider::-webkit-progress-value {
background-color: orange;
}
.sliderSim .slider::-moz-range-thumb {
width: 30px;
height: 30px;
border-radius: 50%;
background: white;
border-color: #B1B5C5;
cursor: pointer;
}
input[type="range"]::-moz-range-progress {
background-color: #B1B5C5;
height: 10px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
input[type=range]::-moz-focus-outer {
border: 0;
}
.sliderSim .Button-offre {
/*text-decoration: none;
display: inline-block;
font-size: 16px;
width: 97%;
min-width: 206px;
background-image: none;
position: relative;
height: 60px;
background: #f44336;
margin: 0 auto;
overflow: hidden;
z-index: 1;
cursor: pointer;
transition: color .3s;
text-align: center;
color: #fff;
border-radius: 12px;*/
text-decoration: none;
text-transform:uppercase;
position:relative;
top:0;
left:0;
padding:20px 40px;
border-radius:5px;
display:inline-block;
transition: all .5s;
background:#f44336;
color:#fff;
width: 75%;
border: none;
}
.sliderSim .Button-offre:hover {
background-color: #f44336;
box-shadow:0px 5px 5px rgba(0,0,0,0.2);
transform : scale(1.01);
}
.sliderSim .Button-offre:after {
/*position: absolute;
top: 90%; left: 0;
width: 100%; height: 100%;
background: #C0392B;
content: "";
z-index: -2;
transition: transform .3s;*/
content:"";
text-decoration: none;
text-transform:uppercase;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
border-radius:100px;
display:inline-block;
z-index:-1;
transition: all .5s;
background: #f44336;
}
.sliderSim .Button-offre:active {
/*transform : translateY(+3px);*/
transform : scale(.9);
}
.sliderSim button:focus {
outline: 0;
}
.sliderSim .columnMin {
padding: 15px;
float: left;
background-color: transparent;
}
.sliderSim .columnMax {
padding: 15px;
float: right;
text-align: right;
width: 50%;
background-color: transparent;
}
.sliderSim .columnMont {
padding: 15px;
float: left;
width: 65%;
font-weight: bold;
/*background-color: white;*/
}
.sliderSim .columnValue {
padding: 15px;
float: right;
text-align: right;
width: 35%;
/*background-color: white;*/
}
.sliderSim .rValue {
width: 80%;
font-weight: bold;
text-align: right;
border-bottom: 1px solid #ccc;
font-size: 16px;
height: auto;
background: none;
display: inline;
padding: 0px;
height: 40px;
}
.sliderSim .titleSim {
text-align: center;
}
.sliderSim h1 {
font-size: xx-large;
}
/*.sliderSim .rowTG {
background-color: white;
}*/
.sliderSim .rowTG:after {
background-color: white;
content: "";
display: table;
clear: both;
}
.sliderSim .fondSlider {
background-color: transparent;
/*padding: 10px;*/
}
.sliderSim .Wrapper-Button-offre {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 10px;
}
.sliderSim .SimTitle {
text-align: center;
font-weight: bold;
}
.rowTG span {
float: right;
padding-left: 3px;
position: relative;
top: 12px;
}
.sliderSim .slider, .sliderSim .rValue:focus {
border: none !important;
border: none !important;
}
.sliderSim .slider {
background: linear-gradient(to right, #f44336 0%, #f44336 0%, #fff 0%, #fff 100%);
border-radius: 5px;
height: 10px;
width: 100%;
outline: none;
transition: background 450ms ease-in;
-webkit-appearance: none;
box-shadow: none;
}
.simulator p {
font-weight: bold;
}
.sliderSim .columnButton {
float: left;
width: 10%;
text-align: center;
}
.sliderSim .fondSlider {
float: left;
width: 76%;
padding-top: 2%;
padding-left: 2%;
padding-right: 2%;
}
.sliderSim .rowSim {
margin-left: 3%;
}
.sliderSim .rowSim:after {
content: "";
display: table;
clear: both;
}
.minButton, .addButton {
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
background-color:#ffffff;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
cursor:pointer;
color:#666666;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:20% 40%;
text-decoration:none;
text-shadow:0px 1px 0px #ffffff;
touch-action: manipulation;
}
.addButton:hover, .minButton:hover {
background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
background-color: #f6f6f6;
color:#666666 !important;
}
.addButton:active, .minButton:active {
position:relative;
top:1px;
}
}