/*UTILS*/
.hide{display:none !important;}
.container:after, .row:after {
    clear: both;
}
.container:after, .container:before, .row:after, .row:before {
    display: table;
    content: " ";
}

/* ---------------------------------------- VARIABLES ----------------------------------------  */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
}
/* ---------------------------------------- LAYOUT ----------------------------------------  */
body {
  font-family: "poppins", sans-serif;
  font-size: 15px;
  color: #2f2f2f;
  line-height: 1.6;
}



.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.logo {
  margin: 0;
}

.logo a {
  background: url("https://www.expressfinance.lu/wp-content/uploads/2018/05/logo-express-finance-1.jpg");
  background-repeat: no-repeat;
  width: 92px;
  height: 39px;
  display: inline-block;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background-size: contain;
  outline: none;
}

/* ---------------------------------------- BURGER ----------------------------------------  */
.burger {
  width: 20px;
  height: 30px;
  display: inline-block;
  background-color: transparent;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  outline: none;
  z-index: 2;
}

.menu {
  padding-top: 72px;
  position: fixed;
  width: 70%;
  max-height: 100%;
  background-color: #fff;
  top: 0;
  bottom: 0;
  left: 100%;
  transition: all 0.35s ease;
  z-index: 1;
}

.menu__contain {
  padding: 0;
  margin: 0 auto;
  width: 65.6%;
  overflow-y: scroll;
  position: static;
}

.menu__el {
  box-sizing: border-box;
  display: block;
  margin-bottom: 1.388888888888889em;
}

.menu--open {
  transform: translateX(-100%);
}

.menu--open a {
  color: #14171a;
  text-decoration: none;
  font-weight: 600;
}

.menu--open a:hover,
.menu--open a:focus {
  color: #c48f7d;
  outline: none;
}
.navbar{
  padding: 0;
  }
/* ---------------------------------------- TITLE ----------------------------------------  */

.title {
  color: #c48f7d;
  margin: 0 8px;
  line-height: 1.6;
}

.title--small {
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  color: #2f2f2f;
  text-align: center;
  margin: 25px 0 18px;
}

.title--sim {
  font-size: 18px;
  color: #3c4d6c;
  margin-bottom: 18px;
}

.title--medium {
  font-size: 25px;
  margin-bottom: 18px;
}

.title--white {
  font-size: 25px;
  color: #fff;
  font-weight: 300;
  padding: 51px 0;
}

.title--center {
  text-align: center;
  margin-top: 51px;
}

/* ---------------------------------------- TEXT ----------------------------------------  */
small{
  font-size: 12px;
}
.text--legal {
  
  font-family: "poppins", sans-serif;
  font-size: 10px;
  color: #2f2f2f;
  line-height: 1.6;
  font-weight: 700;
  text-align: center; 
  margin: 0!important;
  padding: 5px 0;
}

#titre-contact
{
  padding: 30px; 
}


@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
        .text--legal {
          font-size: 13px !important;
      }
}













.text--xsmall {
  font-size: 12px;
  color: #3c4d6c;
}

.text--taux {
  font-size: 12px;
  font-weight: 700;
}

.text--btn {
  display: block;
  font-weight: 400;
  font-size: 12px;
  margin-top: 12px;
}

.text--info {
  font-weight: 600;
  font-size: 16px;
  color: #3c4d6c;
}

.text--yellow {
  color: #f4cc47;
    text-transform: uppercase;
    display: block;
    font-size: 16px;
    font-weight: 700;
}

.text--small {
  font-size: 16px;
  font-weight: 300;
}

.text--bold {
  font-weight: 600;
  font-size: 18px;
  color: #3c4d6c;
      margin: 0 8px;
}
.text__euros {
  font-weight: 700;
  font-size: 18px;
  color: #3c4d6c;
  display: block;
}
.text__euros--white {
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  display: block;
}

.text--normal{
  margin:0 8px;
}

/* ---------------------------------------- LAYOUT ----------------------------------------  */

.credits {
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin:0px 8px;

}

.credits__el {
  margin-bottom: 18px;
}


.hidden {
  display: none;
}

#language {
position: absolute; 
top: 6px;
    right: 6px;
  color: #3c4d6c;
  font-weight: 600;
  text-transform: uppercase;
}

.background--nav {
  background-color: #fff;
  padding: 10px 0;
}

.background--grey {
  background-color: #e6eaf2;
  padding: 150px 0 30px;
  margin-bottom: 51px;
}

.bloc {
  background-color: #fff;
}

.background--white {
  background-color: #fff;
  padding: 25px 0 51px;
}

.background--blue {
  background-color: #3c4d6c;
  color: #fff;
  margin: 51px 0;
}

footer {
  padding: 25px 16px;
  background-color: #3c4d6c;
  color: #fff;
  margin-top: 51px;
}

.footer--link {
  font-weight: 500;
  color: #c48f7d;
}

.link {
  margin-bottom: 25px;
}

.link--call {
  margin: 0;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}

.link--mail {
  color: #3c4d6c;
  font-weight: 300;
  font-size: 15px;
}

.link__el {
  font-size: 14px;
  border-bottom: 1px solid #fff;
  margin-right: 20px;
}
.link__el:last-child {
  margin-right: 0;
}
.link__el:nth-child(2) {
  border: none;
}

.finance {
  position: relative;
}



.finance__el::before {
 
}

.finance__el--mesure::before {
  background: url("../images/mesure.svg");
  content: "";
  display: block;
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  margin: 25px auto;
}

.finance__el--temperament::before {
  background: url("../images/remboursement.svg");
  content: "";
  display: block;
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  margin: 25px auto;
}

.finance__el--equilibre::before {
  background: url("../images/equilibre.svg");
  content: "";
  display: block;
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  margin: 25px auto;
}

.strong {
  color: #3c4d6c;
}

.strong--bold {
  font-weight: 500;
  font-size: 25px;
  color: #3c4d6c;
  text-align: center;
}

.info {
  display: flex;
  flex-wrap: wrap;
  margin-top: 36px;
}

.info__bloc {
  margin: 0 auto 25px;
  box-shadow: 0 0 3px 1px rgba(60, 77, 108, 0.34);
  padding: 18px;
  text-align: center;
  transition: all .2s ease-in-out;
}
.info__bloc:hover{
  transform: scale(1.1);
}
.info__bloc--yellow {
  background-color: #fad87f;
}

.info__bloc::before {
  content: "";
  display: block;
  background: url("/images/chair.svg");
  background-repeat: no-repeat;
  width: 78px;
  height: 78px;
  margin: 0 auto;
}

.info__bloc--call::before {
  background: url("/images/phone.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.info__bloc--mail::before {
  background: url("/images/mail.svg");
  background-repeat: no-repeat;
}

img {
  display: block;
  margin: 25px auto;
  width: 200px;
  height: 90px;
}

.mensualite__el {
  padding: 5px;
  box-shadow: 0 0 3px 1px rgba(60, 77, 108, 0.34);
  margin-bottom: 25px;
  text-align: center;
}

.mensualite {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mensualite__el--actif {
  background-color: #3c4d6c;
  color: #fff;
}

.simulation {
  font-size: 16px;
  margin: 16px 0 25px;
}
.display{
  display: none;
}
.margin--none{
  margin: 0;
}
.border--top{
  border-top: 1px solid #3c4d6c;
  padding-top: 15px;
}
.table--border{
  border-top: 1px solid #3c4d6c;
  border-bottom: 1px solid #3c4d6c;
  background-color: #F2F4F5;
  padding: 15px 15px 0;
}

.table--bg{
  background-color: #fff;
  padding: 0 15px 0;
}
dt{
  font-weight: 600;
}
dd{
  color:#3c4d6c;
  margin-bottom: 15px;
}





@media (min-width:768px){
.simulation{
  margin: 25px 0 0;
}
.phoneContainer p {
  font-size: 22px;
}
.phoneContainer p span {
  text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    display: block;
    font-weight: bold;
}
.phoneContainer p span:hover {
  color: #f4cc47;
}
.display{
  display: inherit;
}
.hide{
  display:none;
}

}




/*NICE SELECT*/
.nice-select {
	-webkit-tap-highlight-color: transparent;
	background-color: #f3f7fa;
	border-radius: 2px;
	border: solid 2px #d5e0e8;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	height: 64px;
	line-height: 40px;
	outline: none;
	padding: 9px 14px;
	position: relative;
	text-align: left!important;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: auto;
	color: #3c4d6b
}

.nice-select:hover {
	border-color: #dbdbdb
}

.nice-select:active,
.nice-select:focus {
	border-color: #15549a
}

.nice-select:after {
	border-bottom: 2px solid #3c4d6b;
	border-right: 2px solid #3c4d6b;
	content: '';
	display: block;
	height: 7px;
	margin-top: -4px;
	pointer-events: none;
	position: absolute;
	right: 14px;
	top: 50%;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	width: 7px
}

.nice-select .list {
	border: 1px solid #999;
	background-color: #fff;
	border-radius: 2px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
	box-sizing: border-box;
	margin-top: 0;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 0;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: scale(0.75) translateY(-21px);
	-ms-transform: scale(0.75) translateY(-21px);
	transform: scale(0.75) translateY(-21px);
	-webkit-transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out;
	transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out;
	z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
	background-color: transparent!important
}

.nice-select .option {
	cursor: pointer;
	font-weight: 400;
	line-height: 40px;
	list-style: none;
	min-height: 40px;
	outline: none;
	padding-left: 18px;
	padding-right: 29px;
	text-align: left;
	-webkit-transition: all .2s;
	transition: all .2s;
	color: #3c4d6b
}

.nice-select .option:hover {
	background-color: #f3f7fa
}

.nice-select .option.selected {
	font-weight: 700
}



/*SIMMM */

body{ overflow-x: hidden;}

*:active {
    outline: none !important;
}

#exampleInputAmountSubmit{
  background: #e9ecef;
}
#SimM{
    background: #FFF;
    
    border-radius: 5px;
        /*padding: 16px;*/
        margin:0 8px;
        padding-top:16px;
}

#SimM .tSim > span {
        display: block;
    position: absolute;
    top: -8px;
    left: 0px;
    background: #F5CB48;
    border: 1px solid #F5CB48;
    padding: 3px 0px 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 45px;
    color: #000;
    font-weight: 700;
    margin-right: 10px;
    font-size: 20px;
}

#SimM .nice-select{
    -webkit-tap-highlight-color: transparent;
    background:  #12356c;
    background-repeat: no-repeat; 
    background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozYTAwMTk4OS03MGRmLWNhNDItYWFmOS1lMmJhZGFlYWViYmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDE0MjdBOTE5MzMxMTFFOUEzRTZDRDBENDgyQkE3Q0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Y2ZkZjc4NWQtYzkyMi1mYTQxLTg2YzYtNzI2MjYwNWM1YWJhIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDYtMjBUMDk6NDc6MTgrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA2LTIwVDExOjQxOjA0KzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTA2LTIwVDExOjQxOjA0KzAyOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNhMDAxOTg5LTcwZGYtY2E0Mi1hYWY5LWUyYmFkYWVhZWJiYiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozYTAwMTk4OS03MGRmLWNhNDItYWFmOS1lMmJhZGFlYWViYmIiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6Y2ZkZjc4NWQtYzkyMi1mYTQxLTg2YzYtNzI2MjYwNWM1YWJhIiBzdEV2dDp3aGVuPSIyMDE5LTA2LTIwVDExOjQxOjA0KzAyOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LZ3bOQAAAjNJREFUWIXtmU1u3DAMhT8ZLpCuklv0rD1Zr5OumsUAzMLWD2Vy6J840KJa8T0/0RxSEGVNEpHff34x0niZX2fg4/EOQMq8aOgxoeCQT8lG+nj8nSojogQVis2EghqAL1iYCkFkzVYTq9jQZEKBQIoExksBJkYbCXRYopMhVm4OCdgn0D5FgLlMzimvmW3hCUHj2BUYPgERVcTnv/QOgTdlvLUFdGEl/ayDdwhMZg2r2UPEhA4TCggFCyN646Jkq2x/OrJnRig47Qpk5LVV8gc2NJlQwA6BbKCUsNBettBkQsGF7WS8IiZodvmUo00WNA0iwSlXUsNifVz7QAdNJhRILFD+stU2nzsaSyjwpkyNQHQeRM8xmOuC7qWS4WQFvedXfXlyFYx7YrsXd8x1Ae06b+KbUePeHOxnxtu3AN18cnvXEHGYUFCq4wtWpoH10CxNcVVkTdW3TCgQgRQJCqcF4xVx8+UzxtDNp1IuvEPgMONlCxjxBAHontga4vD4dfKMM64GLeL/sI6MGUCElEQESCkZELbMumh9wcKEAsrJpfB132rv6bbQNELBcVelKw1axOUOYh35jNZDj7kuIG9W3VZR7iDU2NMhQsG5RrXEPWuBma8nzHWB/dI9a+sbOnZ78srHwI7y4B0Cj5la1D3sxzcuQL225OkfKHcIzCl9qx7m8rT58inGFnrMdUGxdTU3127nz0iOccrViM3n3+N9Bn7Ob4C/XD0jFBxyRZny8uP1E/kRuxrCZjV6AAAAAElFTkSuQmCC') ;
    background-position: right;
    background-size: 45px;
    color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: none; 
    font-family: inherit;
    font-size: 18px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: center !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    margin-top: 10px;
}
#SimM .nice-select > span.current{
    margin-top: -9px;
    display: block;
    margin-left:-7px;
}



#SimM .nice-select.open .list {
    width: 100%;
    opacity: 1;
    pointer-events:auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}


#SimM .nice-select:after {
    border-bottom: 3px solid #FFF;
    border-right: 3px solid #FFF;
    content: '';
    display: block;
    height: 15px;
    margin-top: -11px;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 15px;
}

#SimM .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#countAmou, #propal.Timder {
    min-height: 85px;
}
#SimM  .ui-slider #bg {
    position: relative;
    text-align: left;
    height: 10px;
    background: #dde2ec;
    border-radius: 35px;
    margin-top:16px;
}

#ui-slider-cont, #ui-slider-times {
    position: relative;
    margin: 0 40px 0 40px;
}

#SimM  .ui-slider {
        /*margin-right: -30px;*/
    width: 100%;
    padding: 30px 0;
    margin-top: -30px;
}



#slider_more, #slider_less, #times_less, #times_more {
    height: 40px;
    width: 40px;
    position: absolute;
    cursor: hand;
    border-radius: 10px;
    background: #545454;
    border: none;
    color: #fff;
    top: 0px;
}

#slider_less, #times_less {
    left: 0px;
}
#slider_more, #times_more {
    right: 0;
}

#SimM .tick {
    display: none;
    border: 1px solid transparent;
    position: absolute;
    margin-left: 0;
    z-index: 1;
    text-align: center;
    left: 0;
}

#SimM .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    background: #12356c url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAKCAYAAABWiWWfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUUyMzMxQzBBNjk2MTFFNkIyNDNGMTU4QUE1QURBQjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUUyMzMxQzFBNjk2MTFFNkIyNDNGMTU4QUE1QURBQjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRTIzMzFCRUE2OTYxMUU2QjI0M0YxNThBQTVBREFCOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRTIzMzFCRkE2OTYxMUU2QjI0M0YxNThBQTVBREFCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpQcWh0AAAB+SURBVHjaYvj//z8DEvYD4s9AvApNHB2D5L9A1cPFkRU4A/Gv/xDwmoBhr6HqfkH1oRhmBcTfoAr+AnEEAcMioOr+Q/VZwQwzBuKP/xEgnYBBMJyOpAek3xgk+BhJsJhIg2C4GEnvYyYGagJqe5OqEUD1pEFOov2MnmgBAgwA3Ns2RbAQ/yQAAAAASUVORK5CYII=") 50% no-repeat !important;
    padding: 20px;
    margin: -1px;
    margin-left : -1em;
    border-radius: 10px;
    cursor: e-resize;
    top: 2px;
}
#SimM .ui-slider .ui-slider-handle .val {
    display: block;
    width: 160px;
    margin-left: -80px;
    margin-top: -65px;
    padding: 5px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #e2e3e8;
    vertical-align: center;
    text-align: center;
    color: #040457;
    font-weight: 800;
    font-size: 20px;
        pointer-events: none;
}

#SimM .tSim {
    /*font: 16px 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 18px;
    letter-spacing: 0px;
    /*font-weight: 700;*/
    display: block;
    width: 100%;
    margin: 10px 0px 50px 0px;
    position: relative;
    padding-left: 50px;
}
#SimM .tSim.noSlider {
    
    margin: 10px 0px 16px 0px;
    
}
#SimM .ui-selectable {
    position: relative;
    background: #FFF;
    border: 1px solid #d6d1cb;
    float: left;
    width: 100px;
    height: 85px;
    margin: 12px;
    color: #374a51;
    cursor: pointer;
    font-size: 14px;
    transition-duration: 0.4s; 
}

#SimM .ui-selectable.selected {
    background:  #12356c;
    color: #fff;
    transition: background-color 0 linear;
}

#SimM .ui-selectable ul{
    list-style: none;
    padding: 0;
    margin: 17.5px 0 0 0;
}
#SimM .ui-selectable li{
    text-align: center;
}

#SimM #propal .selected::after {
    content: "";
    background: #F5CB48;
    /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAIAAAAT2oadAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDN0VBQ0Q1Mjc5MkQxMUU4QTk2RDg0OTM2MDAyOEYzMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRDA4OUJDMThDNEYxMUU5QTREOEFENTJCRUI5MTRDQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRDA4OUJDMDhDNEYxMUU5QTREOEFENTJCRUI5MTRDQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdmYzg1NDUtMWZmOS1kNTRmLWEyM2EtOThlNTMwODE5NDRkIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM3RUFDRDUyNzkyRDExRThBOTZEODQ5MzYwMDI4RjMxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JpdOYwAAAXFJREFUeNpi/Hrag4HGgImB9mDUjlE7hqodLBTqf3vt+q9fv9jY2IS1NGlix8tLlxXVjRgU4hjuTP1Gi7B6dv6Cop4bg/UmBukQBptt5MfH6ytXsYo/PXdexSqZwWQelP/1Lvl2iOpoQwIdzQeqdrkM2i1Q/oezb3eFoakhyg6gD7jY9blMtnPpLhQREXl+4SJE/NXlKyqubQwa1bA42flkc8jnz5/xxDlef3CIg0h2MU7XvbKysveOnwA6VsF9MoNCIlTB42WPd6b///9fTFcHjzGMeOqPN1evyVlkMaiXgzh/vjAcC2BQTGKQjYJK3+y8d2SShL4ewdTBiL+OenHxkpJ1FiJk4OByxe3jC6SNDKmQz4HOvHVwEsOZJBTRU9E3j84j0gKi8oeMsdHtc9sYTkZA+Yc9bl/YK2tiTHxOYiSyPgdlaRWNf7+/P378GJKgqV9eievpPgbnAFItIK28wpMDRuuoUTtG7RjMdgAEGAAseIF69vvmDwAAAABJRU5ErkJggg==');*/
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAIAAAAT2oadAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDN0VBQ0Q1Mjc5MkQxMUU4QTk2RDg0OTM2MDAyOEYzMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4NDExRkYxRThDNEYxMUU5QUYzRUY2MEE2MTQ3MjlERiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NDExRkYxRDhDNEYxMUU5QUYzRUY2MEE2MTQ3MjlERiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdmYzg1NDUtMWZmOS1kNTRmLWEyM2EtOThlNTMwODE5NDRkIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM3RUFDRDUyNzkyRDExRThBOTZEODQ5MzYwMDI4RjMxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ffKYHAAAAWxJREFUeNpi/Hrag4HGgImB9mDUjlE7hqodLBTqf3vt+q9fv9jY2IS1NGlix8tLlxXVjRgU4hjuTP1GC388O39BxdCT0XQ+A8NmIBdPmUQgPl5fuYpV/Om58ypWyWALQOD/x8vkx7mojjYk0NF8oGqXy6jTCrXg/Zm3u8LQ1BBlB9AHXOz63KY7gEhEROT5hYsQ8VeXr6i4tjFq1kAteLHjyeaQz58/kxvnHOIQmsv77M8dZreOn+Dn51dwn8woHQi14NHSxzvTgQwxXR08xjDiias3V6/JWWQxalRATTzozKCYxCgXDeXe6Lh3ZJKEvh7B1MGIv456cfGSknUWPGTg4P+l8tvHF0gbGVIhnwOdeevgpP+nE1EsOBl18+g8Ii0gqiyRMTa6fW7b/xPhUAsOud++sFfWxJj4nMRIZH0OytIqGv9+f3/8+DEkQVO/vBLX030MzgGkWkBaWYInB4zWUaN2jNoxmO0ACDAAUkqH2Xo/z6kAAAAASUVORK5CYII=');
    border: 1px solid #fff;
    width: 33px;
    height: 32px;
    border-radius: 15px;
    color: #FFF;
    position: absolute;
    top: -15px;
    right: -10px;
    z-index: 99999;
}

#SimM .CB{
    clear: both !important;
        height: 12px;
}

#SimM ul.resum{
    list-style: none;
    padding: 0 0 0 20px;
}

#SimM ul.resum li>span{
    font-weight: 700;
}

#SimM  .btn-primary{
    background: #EA1717;
    line-height: 1.4;
    
}
#SimM  .btn-lg{
    
        padding: 45px 6px;
}

#SimM #cta{
        background: #e7e7e7;
        padding:6px 0;
}
@media (min-width: 767px){
    
    #SimM{
        /*width:90%;*/
        margin: 0 auto;
    }
   
    
    
}

@media (min-width:991px){
   #SimM .nice-select {
        width: 330px;
        position: absolute;
        top: -20px;
        left: 355px;
        text-align: left!important;
    }
}

@media (max-width:767px){


 

  
    #SimM .tSim {
    /* font: 16px 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 18px;
    letter-spacing: -1px;
    /* font-weight: 700; */
    display: block;
    margin: 10px 0px 50px 0px;
    position: relative;
    padding-left: 50px;
    
}
.finance>.finance__el{
  margin: 0 8px;  
}
}







/*LP01*/

::selection{
    color:#FFF;
    background: #0E49B7;
}


.nice-select .list {
   
    z-index: 99999;
}
.header-2 .col-md-2 img {
    border-radius: 100%;
    width: 120px;
}
.header-2 {
   
    padding: 4px 0px; 
    border-bottom: 1px solid #ccc; 
}
.logo {
    width: 132px;
        /*margin-top: 16px;*/
}
.decoLeft{
    position: absolute;
    top:0;
    left: 0;
    font-size:20px ;
    color:#FFF;
}
.decoRight{
     position: absolute;
    top:0;
    right: 0;
    font-size:20px ;color:#FFF;
}
.badgeTaux {
    background: #F5CB48;
    color: #111;
    /* background: #12356c; */
    /* background: #f51f8a; */
    background: #FFF;
    /* background: #FFF; */
    color: #FFF;
    color: #12356c;
    /*border: 1px solid #f51f8a;*/
    /*border: 2px solid #F5CB48;*/
    /*border: 2px solid #12356c;*/
    /* color: #F5CB48; */
    /* color: #f51f8a; */
    /* color: #F5CB48; */
    text-align: center;
    font-size: 11px;
    width: 118px;
    /*border-radius: 82px;*/
    /* position: absolute; */
    line-height: 1.3;
    padding: 0px 0px;
    margin-left: auto;
    -moz-transform: scale(1.0) rotate(5deg);
    /* -webkit-transform: scale(1.0) rotate(5deg); */
    -o-transform: scale(1.0) rotate(5deg);
    -ms-transform: scale(1.0) rotate(5deg);
    /* transform: scale(1.0) rotate(5deg); */
    /* text-shadow: 1px 1px 4px #111111; */
}

.badgeTaux>span{
        font-size: 25px;
    font-weight: 700;
    margin-left: -7px;
}
.ui-slider-handle:focus{
    background: none;
    border:0;
    outline: none;
}

h1{
     font-size: 32px;
    line-height: 44px;
    letter-spacing: -1px;
    margin: 0px 0px 10px 0px;
    font-weight: 500;
}
.page-header {
    padding: 20px 0px 20px;
    margin: 0;
    /*padding: 175px 0px 80px;*/
    min-height: 410px;
    border: none;
    /*background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), rgba(0, 0, 0, 0.2) url(./images/page-header.jpg) no-repeat center;*/
    background: none;
    background-size: cover;

}
.vc_custom_1525789114818 {
    padding-top: 0px !important;
}

.row.intro{
    /*width: 90%;*/
    margin: 0 auto;
    padding: 16px 0;
}

.row.intro strong, .productName, #SimM ul.resum li>span{
    color: #12356c;
}
.productName{
    font-weight: 700;
}
#SimM #cta {
    background: none;
     padding: 0 15px 6px 15px; 
}

.col-md-12 .ctaCol{
    padding: 0 0 16px 0;
    
}

.ctaColR{
    /*padding: 0;*/
    padding-right: 0;
}
.ctaColL{
    /*padding: 0;*/
    padding-left: 0;
}

#askProduct{
    height: 145px;
    position: relative;
}
#askProduct p{
    position: absolute;
    top:38%;
        font-size: 16px;
    width: 100%;
    text-align: center;
}
#SimM #SimAsk{
  width:100%;
    color:#FFF;
        text-align: left;
    background: #0BC612;
    text-transform: uppercase;
         border: 2px solid #7cbc0a;
         /*border-left: 2px solid #009E02;*/
         /*border-bottom: 2px solid #009E02;*/
         border-radius:18px;
         -webkit-box-shadow: -1px 2px 4px 0 rgba(0,0,0,0.4);
box-shadow: -1px 2px 4px 0 rgba(0,0,0,0.4);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
/*background: #9dd53a; /* Old browsers */
/*background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9dd53a+0,80c217+51,7cbc0a+100 */
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top,  #9dd53a 0%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9dd53a 0%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9dd53a 0%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
transition-duration: 0.5s; 


}

#SimM #SimAsk:hover{
 
 background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top,  #9dd53a 0%, #80c217 71%, #80c217 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #9dd53a 0%,#80c217 7180c21780c217 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #9dd53a 0%,#80c217 71%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
  transform: scale(1.01);

}

#SimM #SimAsk:active{
  transform: scale(0.99);
outline: none ; 
}


.col-md-8.ctaColInside{
     padding-right:0px;
    }
 .col-md-4.ctaColInside{
  /*padding-left:0px;*/
 }
 #SimM #selectMount{
     position: relative;
    font-size: 16px;
    padding: 6px 0 6px 37px;
    cursor: pointer;
    float: right;
    margin-right: 4px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    
 }
 #SimM #selectMount i#toggleIcon{
  position: absolute;
  top:5px;
  left: 0;
  font-size: 26px;
 }
 #SimM #selectMount i#toggleIcon.fa-toggle-on{
  color:#12356c;
 }
 
 #SimM .tSim.inputAmountDisplay {
  margin: 10px 0px 14px 0px;
 }
 
 #SimM #inputAmountContainer{
  margin-bottom:10px;
      padding-left: 50px;
 }
 
 #SimM #exampleInputAmount{
  font-size: 18px;
    width: 280px;
 }
 
 
 #SimM .ui-slider{
  position: relative;
 }
 #SimM .ui-slider .ui-slider-handle {
  /*background: ##7cbc0a;*/
  background: #7cbc0a url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAKCAYAAABWiWWfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUUyMzMxQzBBNjk2MTFFNkIyNDNGMTU4QUE1QURBQjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUUyMzMxQzFBNjk2MTFFNkIyNDNGMTU4QUE1QURBQjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRTIzMzFCRUE2OTYxMUU2QjI0M0YxNThBQTVBREFCOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRTIzMzFCRkE2OTYxMUU2QjI0M0YxNThBQTVBREFCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpQcWh0AAAB+SURBVHjaYvj//z8DEvYD4s9AvApNHB2D5L9A1cPFkRU4A/Gv/xDwmoBhr6HqfkH1oRhmBcTfoAr+AnEEAcMioOr+Q/VZwQwzBuKP/xEgnYBBMJyOpAek3xgk+BhJsJhIg2C4GEnvYyYGagJqe5OqEUD1pEFOov2MnmgBAgwA3Ns2RbAQ/yQAAAAASUVORK5CYII=") 50% no-repeat !important;
     top: 31px;
     -webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.3);
box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.3);
border:1px solid #fff;
 }
 #SimM .ui-slider #bg {
  
    position: relative;
    text-align: left;
    height: 22px;
    background: #CECECE;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#959595+0,0a0a0a+44,777777+50,0d0d0d+55,959595+100 */
    -webkit-box-shadow:inset 1px -1px 4px 0 rgba(0,0,0,0.2);
box-shadow:inset 1px -1px 4px 0 rgba(0,0,0,0.2);
    border-radius: 0px;
    margin-top: 9px;
    border-top:1px solid #A8A8A8;
    border-bottom:1px solid #7A7A7A;
    border-radius: 5px; 
}
 #SimM .tick {
    display: inline-block;
    position: absolute;
    border-left: 1px solid #fff;
     height: 30px;
    top: 40px;
    
 }
 #SimM .tick>span {
    display: block;
    position: absolute;
    top: 34px;
    width:100px;
    margin-left:-50px;
    text-align: center;
    color: #777; 
 }
 
 #SimM #propal .selected::after {
        /*content: "\2714";*/
    text-align: center;
    background: #7cbc0a;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAIAAACqmwlGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQxNTE5RjIyOTcyQzExRTk4MTU3RUYyODM3RUNENzc3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQxNTE5RjIzOTcyQzExRTk4MTU3RUYyODM3RUNENzc3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDE1MTlGMjA5NzJDMTFFOTgxNTdFRjI4MzdFQ0Q3NzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDE1MTlGMjE5NzJDMTFFOTgxNTdFRjI4MzdFQ0Q3NzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7tU576AAABh0lEQVR42mJsP2r1/seHf///MRABmBiZWN5+f8dANACay8RAIhiEGliIUcQn0xwn7yrNyv7r4wTCGn4LVaaphogDnfL/4fXHKwk6SdBfJVQcrOrjy/pFb34Q0MCr1G/LywlifV+34eppgp4OjpA1Bzv64Y1bLVcY/hHQIK+TogZW/uvdgrlvvhMI1v8MUT4iCiDW3zMnbqwlHA8KOrEKzCDG21e9m7//RomHf5x2XkrRaux3LlzvP/T9D1jc1UlQHkT/OXLm2mX0iDNVb3IWFmdgsJPW53h3ohXoOR61ZC02RpDxr6fuYfiLnjRO35xyC2wnE3dUpFGYCIOmj4gexPUXUI2HamD6vmbatcUvwVmITbA8Wi1JgRNk/LcPK3agGo/wNOubtpn3DoJDjkNG1kcYHPZ3H+3Fl1o/P8xY9OoBQubzvm3vfhJI3ncu91379R/M/PH09bQ3DP8JJu/dcy5Gm3LxM/x78+jVV6LyA/On8+c+DbE8PRg1CHMKAYtYYlUzMgEEGACENY9vnx5u1AAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: 48% 0; 
    /*background-size: contain;*/
    border: 1px solid #fff;
    width: 33px;
    height: 32px;
    border-radius: 10px;
    color: #FFF !important;
    position: absolute;
    top: -15px;
    right: -10px;
    z-index: 10;
    font-size: 20px;
    padding-top: 2px;
}

#SimM .ui-slider .ui-slider-handle .val {
    display: block;
    width: 160px;
    margin-left: -80px;
    margin-top: -65px;
    padding: 5px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ccc;
    vertical-align: center;
    text-align: center;
    color: #040457;
    font-weight: 800;
    font-size: 20px;
    pointer-events: none;
    line-height: 24px;
}

#SimM .ui-slider .ui-slider-handle .val:after {
       content: "\25B2";
       font-family: sans-serif;
    font-size: 22px;
    position: absolute;
    top: -17px;
    left: 10px;
}
#propalMoreContainer{
 position: relative;
}
#propalMoreContainer>#propalSeeMoreBtn{
 float: left;
 position: relative;
    background: #FFF;
    /*border: 1px solid #d6d1cb;*/
    float: left;
    width: 100px;
    /*height: 85px;*/
    margin: 12px;
    color: #374a51;
    cursor: pointer;
    font-size: 14px;
    /*transition-duration: 0.4s;*/
}
 #propalSeeMoreBtn>span{
  display: block;
  text-align: left;
  margin-top:20px;
  color:#0784F2;
  text-decoration: underline; 
 }
 
 #SimM .nice-select > span.current {
    font-size: 16px;
}

.dpi-ContainerCTA-Text{
  padding: 30px 0;
  width: 394px;
    margin: 0 auto;
}


 @media (min-width : 991px){
  .badgeTaux.inside{
  position: absolute;
  right: 0;
  padding: 0 20px;
}
 }


@media (max-width: 991px) and (min-width: 768px){
    
    .badgeTaux.inside{
    position: absolute;
    right: 0;
    padding: 0px 0px;
    }
    #SimM .nice-select {
     
     left: -26px;
     margin-top: 11px;
    }
}



@media (max-width : 767px){
  header.container {
    padding: 10px 15px;
    border-bottom: 3px solid #e6eaf2;
}
  
  
  #SimM {
   
   margin:0 -3px;
    padding-top: 0px;
 }
 #SimM #inputAmountContainer .input-group{
  /*width:140px;*/
 }
  #SimM #exampleInputAmountSubmit{
  position:absolute;
  top: 0;
  right: 39px;
 }
 #SimM #exampleInputAmount{
  font-size: 18px;
    width: 120px;
 }
 
 .row.intro {
    width: 100%;
    margin: 0 auto;
    padding: 1px 0;
}

 #SimM .ui-slider {
    /* margin-right: -30px; */
    width: 100%;
    padding: 30px 0 25px 0;
    margin-top: -30px;
}
    #countAmou{
       min-height: 64px;
   }
   #SimM .tSim {
    
    margin: 10px 0px 46px 0px;
    
   }
   #SimM .tSim.tSim1 {
    
    margin: 10px 0px 30px 0px;
    
   }
   #SimM .nice-select {
     
     left: -26px;
     margin-top: 11px;
    }
    #SimM .nice-select > span.current {
    font-size: 15px;
    margin-left: -20px;
}
.nice-select .option {
  font-size:18px;
  margin: 10px 0px;
}
    h1{
         font-size: 24px;
    line-height: 30px;
    letter-spacing: -1px;
    margin: 4px 0px 4px 0px;
    font-weight: 500;
    }
    .header_slogan p {
    font-weight: bold;
    font-size: 16px;
    }
    .page-header {
    padding: 0px 0px 0px;
    
}
    
   
    
    
    #SimM .ui-selectable {
    
    margin: 2px;
   
    }
    
    #propalMoreContainer>#propalSeeMoreBtn{
 
    margin: 2px;
    }
    
    .credits{
      font-size: 12px;
    }
    
   
    
    #SimM>div.col-xs-12{
      padding-left:14px;
      padding-right:14px;
    }
    
    #SimM #SimAsk {
    height: auto;
    text-align: center;
    /*padding: 25px 16px;*/
    font-size: 18px;
    display: block;
    width: 100%;
}
.dpi-ContainerCTA-Text {
    padding: 30px 0;
    width: 324px;
    margin: 0 auto;
}
    
}
 #propalSeeMoreBtn>span{
  display: block;
  text-align: left;
  margin-top:0px;
  
 }
    

    #SimM  .btn-lg{
        
            padding: 25px 6px;
    }
    
    #SimM #cta>.col-md-5{
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .logo {
    width: 85px;
    height: auto;
        margin-top: 5px;
    }
     #SimM #SimAsk{
    height: auto;
        text-align: center;
        /*padding: 25px 16px;*/
        font-size: 18px;
    }
    
     .badgeTaux{
  
    text-align: right;
    font-size: 9px;
    width: 130px;
    border-radius: 0;
    line-height: 1.3;
    padding: 6px 12px;
    border: none;
    
  
    }
    
         .badgeTaux #tauxAnn span{
         position: absolute;
         margin-left: 0px;
         opacity: 0.7 ; 
         }
    .badgeTaux>span{
        font-size: 25px;
        font-weight: 700;
            margin-left: 10px;
    }
    
    #SimM ul.resum {
    list-style: none;
    padding: 6px 2px 0 2px;
    min-height: 82px;
    width: 270px;
    /*border-left: 1px solid #0BC612;*/
    /*border-right: 1px solid #0BC612;*/
    /*border-bottom: 1px solid #0BC612;*/
    }
    
    
    #SimM ul.resum li{
            /*float: left;*/
            width: 98%;
            display: block;
            margin: 0 1%;
    }
     #SimM ul.resum li:last-child{
           clear:both;
            width: 98%;
            
    }
    
    
    .simCol{
     padding: 0px 0px 0px 0px;
    }
    
    #SimM #selectMount {
     position: relative;
     font-size: 0px;
     padding: 6px 0 6px 37px;
     cursor: pointer;
     float: right;
     margin-right: 4px;
         margin-top: -4px;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

@media (max-width : 575px){
  .col-xs-6{
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0;
    
  }
   .ctaColInside{
     padding: 0;
     max-width: 100%;
     width: 100%;
    }
}
  

@media (max-width : 375px){

   #SimM .ui-selectable {
       margin: 9px;
       
   }
    #propalMoreContainer>#propalSeeMoreBtn{
 
    margin: 9px;
    
}
    
   

}

@media (max-width : 360px){
 h1{
       font-size: 25px;
    line-height: 27px;
    letter-spacing: -1px;
    margin: 13px 0px 4px 0px;
    font-weight: 500;
    }
   
   #SimM .ui-selectable {
       margin: 2px;
       
   }
    #propalMoreContainer>#propalSeeMoreBtn{
 
    margin: 7px;
    
}
    #SimM #exampleInputAmountSubmit{
  position:absolute;
  top: 0;
  right: 24px;
 }


}
@media (max-width : 320px){
   h1{
        font-size: 23px;
    line-height: 32px;
    letter-spacing: -1px;
    margin: 0;
    font-weight: 500;
    }
    .background--grey {
      padding: 150px 0 20px;
    }
   #SimM .ui-selectable {
       margin: 2px;
       width:87px;
   }
    #propalMoreContainer>#propalSeeMoreBtn{
 
    margin: 2px;
       width:97px;
    
}
   #SimM ul.resum li {
    
    width: auto;
    
}
#SimM #inputAmountContainer {
    margin-bottom: 10px;
    padding-left: 18px;
}
 #SimM #exampleInputAmountSubmit{
  position:absolute;
  top: 0;
  right: 16px;
 }
 
 #SimM #selectMount {
  margin-right:-9px;
 }
 .dpi-ContainerCTA-Text {
    padding: 20px 0;
    width: 287px;
    margin: 0 auto;
}

}


@media (max-width:320px){
  #SimM #SimAsk{
    height: auto;
        text-align: center;
       
        font-size: 16px;
    }
    
}
@media (min-width : 991px) and (max-width: 1199px){
    #SimM #SimAsk{
    
        text-align: left;
    /*padding: 28px 74px;*/
    font-size: 20px;
}

}
@media(min-width:1200px){
   #SimM #SimAsk{
        text-align: left;
    /*padding: 30px 108px;*/
    font-size: 22px;
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  /* IE10+ specific styles go here */
  .badgeTaux{
     width:140px;
     height: 140px;
   
    
  
    }
}


/*------------------------------
----------- HEADER -------------
-------------------------------*/


.navbar-brand{
  margin: 0px 0;
  flex-grow: 2;
}
.navbar-brand>img{
  margin: 0px 0;
  height: auto;
  
}
#language>a{
    padding: 8px 8px 5px;
  }

/*dpi quick fix*/
.link__el a:hover{
  color:#FFF;
  text-decoration: none;
}



/*CONTACT PAGE*/
.contact-page .background--grey,.contact-page .container-fluid{
  padding: 0;
}
.contact-page .container-contact{
  -moz-transform: translateY(-50px);
-webkit-transform: translateY(-50px);
-o-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}

.contact-page .error{
  border: 1px solid #EF3D26;
}

.contact-page .error+span{
  color:#EF3D26;
}

.contact-page #errorText{
  color:#EF3D26;
}


/* ------------------------------------ MODIF PAR ADE : STYLE HEADER ADD ----------------------------------------------------- */
header{
      padding: 0 0 10px 0;
    border-bottom: 2px solid #e6eaf2;
    position: fixed;
    z-index: 20;
    width: 100%;
    background-color: #fff;
}

.trustpilot-widget {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

.trustpilot-widget--icone{
  margin: 65px 0 25px;
}

/* ---------------------------------------- flex logo cta et langue ------------------------------------- */

.flx{
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.flx-cta{
display: flex;
align-items: center;
margin-top: 10px;
}
/* -------------------------------------------------- cta ------------------------------------------------ */

.phoneContainer p:last-child{
  background-color: #F5CB48;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
}
header nav a:hover{
  text-decoration: none;
  color: #000;
}
.phoneContainer p{
margin: 0;
}
.phoneContainer i{
  margin: 0 10px 0 0;
  }
/* -------------------------------------------- langue container -------------------------------------------- */
.lg-c{
  color: #939393 !important;
  margin-left: 10px;
}
/* ------------------------------------- langue active page courrante ----------------------------------- */
.lg-active{
  font-weight: bold;
  color: #14171a;
}
.bg-legal{
  background-color: #e6eaf2;
}
@media (min-width: 575px){
  header.container{
    border-bottom: none;
  }
  #SimM {
    margin-top:10px;
}
}

@media (min-width : 360px){
  .flx {
    display: flex;
    justify-content: space-between;
  
  }}

  @media (min-width : 320px){
    #SimM .ui-selectable {
      margin: 2px;
      width: 153px;
  }
  .logo {
    width: 100px;
    height: auto;
  }
  }

  @media (min-width: 767px){
.background--grey {
    padding: 190px 0 20px;
}}
@media (min-width: 768px){
  .bg-legal{
    background-color: #fff;
  }
  .logo {
    width: 200px;
    height: 90px;
}
.text--legal{
  font-size: 14px;
}
.lg-c{
  margin-left: 40px;
}
}
.box-sim{
  margin-top: 100px;
}