#wrapper .titre {
	background:#25378D;
	color:#fff;
	padding:2rem;
}

#wrapper .titre p {
	color:#fff;
	line-height:1.2;
	font-size:1rem;
}

#wrapper h1 {
	font-size:2rem;
	color:#fff;
	margin-top:1rem;
}

#wrapper .formulaire {
	  padding:2rem 3rem;
}

#wrapper .categorie {
	width:100%;
	text-align:center;
}

#wrapper .categorie p {
	margin:0;
	padding:0;
}

#wrapper .eligible.flex {
    justify-content: space-evenly;
    padding: 1rem;
    border-radius: 9px;
}

.eligible.panier {
	background: #f3f3f3;
}

.tool-wrapper .tip {
    background: #f3f3f3;
}

.tool-wrapper {
    width: 30px;
    display: inline-block;
}

.produit {
    display: flex;
    /* flex-direction: column; */
    justify-content: stretch;
    /* flex-flow: row-reverse; */
    align-items: center;
}


.tip {
    padding: 3px 9px;
    /* width: 8px; */
    /* height: 8px; */
    font-size: 12px;
    background: white;
    border-radius: 20px;
    color: #000;
    /* font-weight: bold; */
    margin-right: 5px;
    position: relative;
    top: -1.3px;
}

.tool-wrapper .tooltip_templates {
    width: 270px;
}

.tooltip_templates {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    z-index: 30000;
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1);
    color: #414141;
    line-height: 18px;
    padding: 15px;
    width: 170px;
    text-align: left;
    font-size: 0.85em;
    top: 30px;
}

.tooltip {
    font-size: 14px;
    border: none;
    background: none;
}

.blocmsg.err {
    background: #ff4546;
    padding: 1rem;
    margin-bottom: 2rem;
	color:#fff;
	margin:1rem auto;
}

.blocmsg.err p {
	color:#fff
}

.tooltip_templates:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: -6px;
}

.tooltip_templates p {
    font-size: 0.85em;
    line-height: 18px;
    margin-bottom: 0;
}

#codePostal input {
	width:100px !important;
	margin:0 auto
}

#codePostal label, #codePostal > div {
	display:inline-block !important;
	position:relative;
}

#codePostal label {
 min-width:100px;	
}

#objectifs_slide label {
  cursor:pointer;		
  padding-left:15px;
}

#dispositif_actuel label {
 cursor:pointer;	
}

#configurateur .hero.configurateur {
	height:auto;
}

.configurateur_wrapper .choix {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #fff;
    /* width: 240px; */
    margin: .5rem;
    text-align: center;
}

.choix button {
    background: transparent;
    border: none;
    padding: 0;
    z-index: 1;
    height: 35px;
    border-style: hidden;
    text-decoration: underline;
}

.choix img {
    width: 30%;
    padding: .5rem .8rem 0 0;
}


#zone2 {
    /* background: #f3f3f3; */
    border-radius: 8px;
    padding: 10px 7px 50px;
    position: relative;
    margin-top: 0;
    border: 1px dashed #c3c3c3;
}

#zone2.zone1-vide{
	margin-top:0
}

#zone2:before {
    width: 270px;
    height: 29px;
    content: "Votre personnalisation (en option)";
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    text-align: center;
    top: 50%;
    font-size: 1.2rem;
    opacity: .5;
}

#zone2.active:before {
   display:none
}

.configurateur_wrapper #coordonnees_1 input#oui, .configurateur_wrapper #coordonnees_1 input#non {
  width:auto;
}

.configurateur_wrapper #coordonnees_1 form .col_1_2 #deja label {
  display:inline-block;
  width:50%
}	

.configurateur_wrapper #deja input[type="radio"]:checked + label:after {
  display:none
}

#responsable p {
    margin-bottom: 0.6rem;
    margin-top: 2rem;
}

#perso, .reset {
  border:none;
  padding:5px 20px;
  margin-right:20px;
}

.reset.btn:after, .modifier.btn:after {
  font-family: fts_commun;
  content: "\EA48";
}

.reset {
  position: absolute !important;
  bottom: 13px;
  font-size: 0.8rem !important;
  padding: 0.3rem 2rem 0.3rem 1rem!important;
}

#perso {
  display:none;
}

#zone1 .verouille label {
  /*pointer-events: none;*/
  cursor:default
}

#zone1 .verouille label:before {
  width: 13px;
  height: 13px;
  content: "";
  position: absolute;
  transform: translateX(-50%);
  left: 19px;
  top: 10px;
  background: url(/fr/entreprises/outils/configurateur/images/cadenas.svg) no-repeat center center;
  background-size: contain;
}

#zone1 {
  padding-bottom:5px;
}

.choix label > span {
  display: flex;
  flex-direction:column
}

#fiche_resume li span, .choix label span {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

span span:nth-child(2) {
    display: block !important;
}

#fiche_resume a {
  display:block;
}

#restaurant span:before {
  background:url(/fr/entreprises/outils/configurateur/images/restaurant.svg) no-repeat center center;
}

#resume_restaurant span:before {
  background:url(/fr/entreprises/outils/configurateur/images/restaurant.svg) no-repeat center center;
}

#abondement.choix label span:before, #resume_abondement span:before {
  background:url(/fr/entreprises/outils/configurateur/images/abondement.svg) no-repeat center center;
}

#actionnariat.choix label span:before, #resume_actionnariat span:before {
  background:url(/fr/entreprises/outils/configurateur/images/actionnariat.svg) no-repeat center center;
}


#interessement.choix label span:before, #resume_interessement span:before {
  background:url(/fr/entreprises/outils/configurateur/images/interessement.svg) no-repeat center center;
}

#per.choix label span:before, #panier_perecoli.choix label span:before, #resume_per span:before, #resume_panier_perecoli span:before {
  background:url(/fr/entreprises/outils/configurateur/images/per.svg) no-repeat center center;
}

#zone1 div label {
  background:#4154ad !important;
}

#panier_pee.choix label span:before, #panier_pei.choix label span:before, #resume_panier_pee span:before, #resume_panier_pei span:before {
  background:url(/fr/entreprises/outils/configurateur/images/pee.svg) no-repeat center center;
}

.configurateur_wrapper #panier div.active label, .configurateur_wrapper #panier .feuille label {
  background-color: #25378D;
  color: #fff;
}

form > div {
  display: flex;
  align-items: center;
  padding: 5px 21px 5px 5px;
  border-radius: 7px;
  margin-bottom: 10px;
  cursor:pointer;
}

#dispositif_actuel form > div,#accord_actuel form > div {
	background-color: #f9f9f9;	
}

#objectifs_slide form > div:last-child {
  border-bottom: none
}

label {
  min-width:367px;
  font-size:1.1rem;
  cursor:pointer;
}

#panier label {
  min-width:auto !important
}

.toggle-btn {
  width: 63px;
  height: 35px;
  margin: 10px;
  border-radius: 7px;
  /*display: inline-block;*/
  position: relative;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==") no-repeat 38px 10px #cbcbcb;
  cursor: pointer;
  -webkit-transition: background-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out;
  -o-transition: background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
  cursor: pointer;
}

.toggle-btn.active {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC") no-repeat 10px center #33ab88;
}

.toggle-btn.active + label {
	font-weight:bold;
}

.toggle-btn.active .round-btn {
  left: 33px;
}

.toggle-btn .round-btn {
  width: 25px;
  height: 25px;
  background-color: #fff;
  border-radius: 7px;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -13px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.toggle-btn .cb-value {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.switch-title {
  margin-bottom: 6px;
}

.switch-field {
  display: flex;
  flex-wrap:wrap;
  flex-direction: column;
  margin: 3rem auto;
}

#deja {
  display: flex;
  width:40%
}

#fiche > div:nth-child(1) {
    width:100%
}

#fiche > div:nth-child(2) {
    display: flex;
	width:17%;
    flex-wrap: wrap;
	flex-direction: column;
}

#fiche > div:nth-child(3), #fiche > div:nth-child(4) {
	width:37%;
}

#coordonnees_1 #fiche > div:nth-child(2) label {
  margin-top:0;
  margin-top: 1rem;
  min-width: auto;
}

.switch-field input, .configurateur_wrapper #coordonnees_1 form #deja input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}


.switch-field label {
  display: inline-block;
  float: left;
  min-width: 60px;
  background-color: #fff;
  text-align: left;
  border:1px solid #25378D;
  text-shadow: none;
  height: 60px;
  padding: 19px 21px 19px 50px;
  margin: 0 5px 10px 5px;
  position: relative;
  line-height: 1.2;
  position:relative;
  border-radius: 7px;
  transition: all 0.2s;
  width:100%
}

.configurateur_wrapper #coordonnees_1 form #deja label {
  background-color: #f1f1f1;
  text-align: center;
  text-shadow: none;
  padding: 6px;
  position: relative;
  line-height: 1.2;
  font-size: .9rem;
  border: none;
  position:relative;
  border-radius: 3px;
  transition: all 0.2s;
  cursor:pointer;
  min-width:50%;
  margin-bottom:0;
}

.configurateur_wrapper form input[type="radio"] + label:before, .configurateur_wrapper #coordonnees_1 form #deja input[type="radio"] + label:before  {
  left: 17px;
  top: 50%;
  transform:translateY(-50%);
  width: 22px;
  height: 22px;
  border: none;
  border-width: 0;
  background:#f3f3f3;
  content: "";
  position: absolute;
  border-radius: 50%;
}

.configurateur_wrapper form input[type="radio"]:checked + label:before, .configurateur_wrapper #coordonnees_1 form #deja input[type="radio"]:checked + label:before {
  background:#fff;
}

.configurateur_wrapper form input[type="radio"] + label:after, .configurateur_wrapper #coordonnees_1 form #deja input[type="radio"] + label:after {
  left: 23px;
  top: 50%;
  transform:translateY(-50%);
  width: 10px;
  height: 10px;
  border: none;
  border-width: 0;
  background:#f3f3f3;
  content: "";
  position: absolute;
  border-radius: 50%;
}

.configurateur_wrapper #deja input[type="radio"] + label:after {
  display:none
}


.configurateur_wrapper form input[type="radio"]:checked + label:after, .configurateur_wrapper #coordonnees_1 form #deja input[type="radio"]:checked + label:after {
  border: none;
  border-width: 0;
  background:#25378D;
  content: "";
  position: absolute;
  border-radius: 50%;
}

.configurateur_wrapper #panier label {
  padding: 0.8rem 0.2rem;
  font-size: 1rem;
  min-height:75px;
  display:flex;
  width:100%
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked + label, .configurateur_wrapper #coordonnees_1 form #deja input:checked + label {
  background-color: #25378D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color:#fff;
  font-weight:bold;
}


#zone3 > div {
  display: flex;
  align-items: center;
}

#type_offre .switch-field label {
	margin: 0 5px 10px 5px;
}


/* COLOR */

.switch-field-color input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.switch-field-color label {
  float: left;
}

.switch-field-color label {
  display: inline-block;
  min-width: 60px;
  background-color: #e4e4e4;
  color: #2c2c2c;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 14px 30px;
  border: none;
  transition: all .2s;
}

.switch-field-color label:hover {
  cursor: pointer;
  background-color: #f9f9f9;
  color: #2b6ff6
}

.switch-field-color input:checked + label {
  background-color: #2b6ff6;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.switch-field-color label:first-of-type {
  border-radius: 40px 0 0 40px;
}

.switch-field-color label:last-of-type {
  border-radius: 0 40px 40px 0;
}

.switch-field-color input:checked + label:nth-child(5) {
  background-color: #fdc003
}


.switch-field-color input:checked + label:nth-child(7) {
  background-color: #ff234c
}

#header_configurateur > div *{
  margin:0;
  color:#fff
}

#header_configurateur h1 {
  margin:0;
  font-size: 2.6rem;
  color:#fff;
}

#header_configurateur {
  background:#2a3e91;
  position:relative;
  color:#fff
}

#header_configurateur .flex {
  height:250px;
  position:relative;
  max-width: 1080px;
  margin: 0 auto;
  justify-content:left;
}

.configurateur_wrapper {
  background: #EDF6F6;
  padding: 1rem;
}

.configurateur_wrapper #wrapper {
  position:relative;
  background: rgba(255,255,255,1) 100%;
  min-height:442px;
  -webkit-box-shadow: 0 5px 10px 2px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 5px 10px 2px rgba(0,0,0,.1);
  box-shadow: 0 5px 10px 2px rgb(0 0 0 / 10%);
  max-width: 67.5em;
  margin: 2rem auto;
}

#wrapper > div {
	position:relative;
}


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

.configurateur_wrapper section > .flex {
  min-height:385px;
}

.configurateur_wrapper .flex.ac {
  justify-content: center;
  align-items: center;
}

.configurateur_wrapper #fiche_resume {
  background:#fff;
  padding: .5rem;
  position:relative;
  height:auto;
  border: 3px solid #25378D;
  border-radius: 0 0 5px 5px;
}

#fiche_coord {
  margin: 0 auto;
	background:#fff;
	padding-left:2rem;
}

#fiche_coord h3 {
  background: #25378D;
  padding: 0.7rem 2rem 0.3rem 2rem;
  color:#fff;
  margin-bottom: 0;
  border-radius: 5px 5px 0 0;
  font-weight:normal !important;
}

#fiche_coord #resume_offre p {
  background: #25378d;
  padding: 0rem 2rem 0.5rem 2rem;
  color:#fff;
  font-size: .9rem;
  margin:0
}

.configurateur_wrapper #fiche_resume:before {
  content: "";
  background: url(/fr/images/resume.svg) no-repeat center center;
  width: 70px;
  height: 70px;
  display:none;
  position: absolute;
  top:50%;
  transform:translate(-50%, -50%);
  background-size: 120%;
  left: 50%;
  background-color: #F3F3F3;
  border-radius: 140px;
}

.configurateur_wrapper form input:focus + label {
  border:2px black solid;
}

.configurateur_wrapper #resume .flex {
  margin-top:3rem;
}

.placeholder {
  height:20px;
  width:33%;
  height:50px;
  border:1px dashed #c3C3C3;
  border-radius:10px;
  margin-bottom:.5rem;
}

.configurateur_wrapper #panier #zone2 div, .configurateur_wrapper div#zone1 div {
  margin: .5rem;
}

.configurateur_wrapper #gauges {
  padding: 1.5em 2em;
  border-radius: 5px;
  margin-bottom: 1rem;
  height: auto;
  margin-top: 3rem;
  width: 275px;
  margin-left: auto;
  background:#fff;
  margin-right: auto;
}

.configurateur_wrapper #gauges:before {
  content: "";
  background: url(/fr/images/avantages.svg) no-repeat center center;
  width: 70px;
  height: 70px;
  display: none;
  position: absolute;
  top: -22px;
  background-size: 120%;
  right: -22px;
  background-color: #F7F9FF;
  border-radius: 140px;
}

#gauges h3 {
  text-align:center;
  font-size:1rem
}

.configurateur_wrapper .sticky {
  height:auto !important;
}

.configurateur_wrapper div#zone3 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
  padding-top: 1rem;
  align-items: center;
}

#zone3 p {
  margin-top:0;
  margin-bottom:.5rem;
}

.configurateur_wrapper #panier #zone3 label span {
	font-size:.9rem
}

.configurateur_wrapper #panier #zone3 label {
	min-height: auto;
}

.configurateur_wrapper div#zone2, .configurateur_wrapper div#zone1 {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items: center;
}
.configurateur_wrapper div#zone3 > div {
  position:relative;
  margin: 0.5rem;
}
#type_offre .switch-field > div {
  position:relative;
}
.configurateur_wrapper #gauges p {
  margin:0;
  padding:0;
  text-align: center;
  margin-bottom: 2px;
}

.configurateur_wrapper .choix {
    margin-bottom: 1em;
    position: relative;
    width: 47%;
	padding:.5rem
    /* width: calc(23% - 1rem); */
}
.choix h4 {
	font-size:1.2rem;
	order:2;
	margin:0.2rem 0 0 0
}

.configurateur_wrapper #zone3 label {
  min-width: 190px;
  width:100%
}

#panier label {
  transition: 0.2s ease;
}
#zone2 label:hover, #zone3 label:hover {
  background: #3852DA !important
}

#zone2.active label {
  background: #3852DA !important;
}

#zone2.active label:hover {
  background: #25378d !important;
}

#zone2 label:before {
	transition:all .3s ease-in-out;
}

#zone2 label:hover:before {
    content: "\F0415";
    font-family: 'fts_picto';
    color: #fff;
    height: 40px;
    width: 40px;
    transform: translate(-50%, -50%);
    top: 50%;
    line-height: 1.3;
    left: 50%;
    font-size: 2rem;
    position: absolute;
}

#zone3 label:hover:before {
    content: "\EB97";
    font-family: fts_commun;
    color: #fff;
    height: 40px;
    width: 40px;
    transform: translate(-50%, -50%) rotate(45deg);
    top: 50%;
    line-height: 1.3;
    left: 50%;
    font-size: 2rem;
    position: absolute;
}


#zone2 label:hover span {
  opacity:0.4
}
#zone3 label:hover span {
    opacity: 0.4;
}

.configurateur_wrapper #resume .feuille {
  transform:rotate(0deg);
}

.configurateur_wrapper #resume .feuille ul {
  display:flex;
  flex-wrap:wrap;
}

.configurateur_wrapper #resume .col_1_2  {
  padding:0;
  overflow:hidden;
}

.configurateur_wrapper #resume img {
  position:absolute;
  height:100%;
  width:auto;
  transform:translateX(-50%);
  left:50%;
}

.configurateur_wrapper #resume .feuille * {
  transform: rotate(0deg);
}

.configurateur_wrapper #resume .feuille ul li {
  flex-grow: 1;
  padding:.5rem;
  width: 50%;
}

#precedent {
  display:none !important;
}

.configurateur_wrapper #etapes div.active:before {
  background: #6C63FF;
  border: 10px solid #fff;
}

.progres {
  width: 100%;
  height: 20px;
}
#progress-wrap {
  background: linear-gradient(91deg, #04276c, #1c68ff);
  margin-bottom:1rem;
  overflow: hidden;
  border-radius: 20px !important;
  position: relative;
}
 
#progress-bar {
    background-color: rgb(255, 255, 255) !important;
    left: 0;
    position: absolute;
    top: 0;
	box-shadow: inset 5px 1px 5px 1px rgba(0,0,0,0.25);
 }

.configurateur_wrapper progress {
  width:100%;
  height:15px;
  display:none
}

.progress {
  height: 12px !important;
  margin-bottom: 20px;
  overflow: hidden;
  background: repeating-linear-gradient(-45deg, #f3f3f3, #f3f3f3 25%, #e5e5e5 25%, #e5e5e5 50%, #e5e5e5 50%) top left;
  background-size: 30px 30px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: #5249fc;
  background-size: 30px 30px;
  -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
  border-radius: 5px;
}


.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

#presentation_offre {
  margin: 0 auto;
  background: #25378D;
  padding: 0.7rem 2rem 0.5rem;
  border-radius: 7px 7px 0 0;
  color: #fff;
  max-width:550px;
}

#presentation_offre h3 {
  color:#fff;
  margin-bottom:.3rem;
}
#presentation_offre p {
  margin-bottom: 0;
  margin-top:0;
  color:#fff;
}
#presentation_offre p.minus {
  font-size:.9rem;
}

.configurateur_wrapper .reverse div#zone3 {
	padding-top:0;
	margin-bottom:1rem;
}



.configurateur_wrapper #panier #conseil {
  border: 3px solid #25378D;
  margin: 0 auto 1rem;
  border-radius: 0 0 7px 7px;
  padding: 10px;
  max-width:550px;
}

#zone2 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#zone2 p {
  margin: 0.5rem !important;
}

#zone1 ul li {
  background:#394fb2;
}


.configurateur_wrapper #panier .feuille p {
  margin-top:0
  /*font-size:1.5rem;*/
}

.configurateur_wrapper .plus {
    display: none;
    margin: 0 auto;
    background: #c3c3c3;
    color: #ffffff;
    width: 35px;
    font-weight: bold;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    line-height: 1;
    font-size: 2rem;
    top: -17px;
    position: absolute;
}

.configurateur_wrapper .slide .col_1_3, .configurateur_wrapper .slide .col_1_4, .configurateur_wrapper .slide .col_2_3, .configurateur_wrapper .slide .col_1_2 {
  padding:0
}

.configurateur_wrapper input {
  opacity:0;
  position:absolute;
}

.configurateur_wrapper #coordonnees_1 form input {
  position:relative;
  opacity:1;
}

.configurateur_wrapper #coordonnees_1 .col_1_2 {
  padding: 0 1rem 1rem;
}

.configurateur_wrapper .page1 {
  flex-direction:column
}

.configurateur_wrapper #coordonnees_1 label:before  {
  display:none;
}

.configurateur_wrapper #coordonnees_1 form label {
  display: block;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  font-size: 1rem;
  position: relative;
  cursor: default;
  padding-left: 0;
  color: #424242;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  border: none;
  text-align: left;
  box-shadow:none;
}

.configurateur_wrapper #coordonnees_1 > div {
  margin-top: 2rem;
}

.configurateur_wrapper #coordonnees_1 input[type=text], .configurateur_wrapper #coordonnees_1 input[type=number] {
  border: none;
  border-radius: 3px;
  border: 1px solid #24378D;
  color: #007c82;
  font-size: .9rem;
  letter-spacing: 1px;
  padding: 0.6em 1em;
  box-sizing: border-box;
  width: 100%;
  background: #fff
}

#responsable .ui-selectmenu-button.ui-button {
  width:90px;
      border: 1px solid #24378D;
	  background: #fff;
}

.configurateur_wrapper .carte_wrap .row {
  flex-wrap:nowrap;
}

.configurateur_wrapper .col_1_1 {
  width:100%
}

.configurateur_wrapper #precedent {
  top: -44px;
}


.configurateur_wrapper .form-action {
  margin: 1rem 0;
  text-align: center;
  position: relative;
}

.configurateur_wrapper .erreur {
  background: yellow;
    padding: 0.5rem;
    max-width: 530px;
    margin: 0 auto;
	text-align:center;
	border-radius:5px;
}

.configurateur_wrapper .raison {
	display: flex;
    flex-grow: 1;
    position: relative;
    margin-top: 2rem;
}

.configurateur_wrapper .raison:after {
     background-image: url(/fr/images/entreprises/contact.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 350px;
    height: 664px;
    display: block;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: -1.5rem;
}

#coordonnees_1 h3 {
  font-weight:bold;
  font-size:1.3rem;
}

.form-action .btn:before {
  content: "";
  background: url(/fr/images/envoi.svg) no-repeat center center;
  width: 70px;
  height: 70px;
  display: block;
  position: absolute;
  top: -18px;
  background-size: 120%;
  right: -17px;
  transition: all .2s ease-out;
}

.form-action .btn:after {
  display:none;
}

.form-action .btn:hover:before {
  top: -21px;
  right: -19px;
}

.form-action .btn.primary {
  overflow:auto;
}

.configurateur_wrapper .raison > div:nth-of-type(1) {
  width: 100%;
}

.configurateur_wrapper #coordonnees_1 .raison div:nth-of-type(1) label {
  margin-top:0;
  display: block;
  margin-right:5px;
  background:none;
}

.configurateur_wrapper section.slide > div {
  padding:0
}

.configurateur_wrapper .feuille p, .configurateur_wrapper .slide h3, .configurateur_wrapper .slide p, .configurateur_wrapper .slide h2 {
  /*max-width: 445px;*/
  margin-left: auto;
  margin-right: auto;
  font-weight: normal;
  line-height: 1.2;
}

.configurateur_wrapper .slide h2 {
  font-size:1.6rem;
}

.configurateur_wrapper .slide h2 span.etap {
  display: inline-block;
  font-size: 1.2rem;
  background: #25378D;
  padding: 9px;
  border-radius: 50%;
  font-weight: bold;
  color: #fff;
  line-height: .6;
  margin-right: 10px;
  width: 31px;
  text-align: center;
  position: relative;
  height: 31px;
  top: -2px;
}

.configurateur_wrapper #etapes {
  width:900px;
  margin:2rem auto 0rem;
  position:relative;
  display:none;
}

.configurateur_wrapper #etapes:before {
  content:"";
  height:2px;
  width:100%;
  position:absolute;
  background:#f3f3f3;
  transform:translateY(-50%);
  top:40%;
}

#ei_tpl_fullsite .configurateur_wrapper .slide .btn.retour {
  background: #fff;
  top: -19px;
  color: #6C63FF;
  text-align: center;
  padding-right: 1rem;
  padding-left: 1rem;
  width: auto;
  margin-right: 1rem;
  height: 39px;
  left: -65px;
  position: absolute;
  border:none;
  box-shadow: 0px 5px 10px 2px rgb(0 0 0 / 10%);
}

#ei_tpl_fullsite .configurateur_wrapper .slide .btn.retour:hover {
  border: none;
}

.configurateur_wrapper .retour span {
  display:none;
}

.configurateur_wrapper .slide .btn.retour:after {
  top: 52%;
  right: auto;
  color:#24378d;
  left: 0.25rem;
  transition: left .2s ease-out;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  padding-right: 0.3125rem;

}

.configurateur_wrapper .slide .btn.retour:hover:after {
  left: 0rem;
}

.configurateur_wrapper #etapes div {
  flex-grow: 1;
  text-align:center;
  position:relative;
  padding-top: 40px;
  z-index:0;
  font-size:.9rem
}

.configurateur_wrapper #etapes div:before {
  content:"";
  display:block;
  width:20px;
  height:20px;
  position:absolute;
  border-radius:50%;
  top:2px;
  left:50%;
  transform:translateX(-50%);
  background:#C8F1F3;
  border:10px solid #fff;
  z-index:-1
}

.configurateur_wrapper #aes img {
  position: absolute;
  right: 34%;
  top: -58%;
  transform: rotate(1deg);
  width: 35%;
}

.configurateur_wrapper #aes {
  background:#f3f3f3;
  padding:1rem;
  transform:rotate(-2deg);
  position:relative;
  left:-10%;
  cursor:pointer;
}

.configurateur_wrapper #accueil h2 {
  font-size: 2.7rem;
  font-weight: 600;
  color: #007C82;
  margin-bottom: 0.5rem;
  margin-top: 0;
  line-height: 1;
  margin-top: 0.8rem;
}

.configurateur_wrapper #accueil h3 {
  font-size:1.5rem;
  font-weight:600;
  color:#25378D;
  margin-bottom:0;
  margin-top:0;
}

.configurateur_wrapper .slide .btn.primary.xl {
  width: auto;
  font-size:1rem;
  max-width: 270px;
  overflow:initial;
  margin-top:1rem;
  background:#25378D;
  border: none;
}

/*.configurateur_wrapper .slide .btn.primary:hover {
  color:#fff !important;
  background: #3852DA !important
}*/

.configurateur_wrapper #title {
  position:relative;
}

.configurateur_wrapper #title .info {
  top:0;
  height:30px;
  width:30px;
  font-size:1rem;
  top:-32%;
  right:-6%;
  z-index:1;
}

.configurateur_wrapper .debug.lien:before {
  display:none !important;
}

.configurateur_wrapper .debug.lien {
  background: #f3f3f3;
  border-radius: 10px 10px 0 0;
  padding: 1rem !important;
}

.configurateur_wrapper .loading-wrap {
  position:absolute;
  transform:translate(-50%,-50%);
  top:50%;
  left:50%;
  width: 100px;
  height: 100px;
  border-radius: 5px;
  text-align: center;
  background-color: #fff;
  z-index:3
}

.configurateur_wrapper .serious-game .btn.lien {
  background:#3852D9;
  color:#fff;
  border:none;
  padding:1rem 2rem 1rem 3rem;
  width:265px;
  margin:0 auto;
  text-transform:uppercase;
}

.configurateur_wrapper .serious-game .btn.lien:hover {
  background:#20359b;
}

.configurateur_wrapper .serious-game .btn.lien:before {
  left:16px;
  color:#fff;
  opacity:1;
  transform: translateX(-2px) translateY(-50%);
  backface-visibility: hidden;
  perspective: 1000px;
  transition:all .6s ease-out;
}

.configurateur_wrapper .debug {
  position:absolute !important;
  bottom:0
}

.configurateur_wrapper #layer, .layer_infos, .configurateur_wrapper #layer2 {
  height: 100%;
  width: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.layer_infos {
    background: #233483;
    z-index: 2;
    opacity: .6;
    z-index: 2000;
}

.carte {
  height: 100%;
  width: 100%;
  position:absolute;
  z-index: 3000;
  top:0;
  left:0
}

.carte_wrap p {
  color:#444;
  font-size:1rem;
  line-height:1.3
}

.carte_wrap {
  background: #fff;
  transform: translate(-50%, -50%);
  width: 60vw;
  max-width: 900px;
  position: fixed;
  padding: 2rem;
  overflow: hidden;
  left: 50%;
  top: 50%;
  border-radius: 5px;
}

.carte_wrap .btn.secondary {
  border:none;	
}

.carte_wrap .btn.secondary:hover {
  background:#FF4546;
  color:#fff;
}

.primary.close {
  position: absolute;
  top: -15px;
  background: #fff;
  right: -10px;
  padding: 1rem;
  border-radius: 50%;
  border:none;
  width: 70px;
  height: 70px;
}

#fiche_resume ul li:before {
  left: -18px;
  width: 25px;
  height: 12px;
  background: url(../images/check.png) no-repeat 10px center transparent;
  content: "";
  position: absolute;
  content: "";
  top: 8px;
}

#fiche_resume ul li {
  position: relative;
  list-style: none;
  padding-left: 15px;
  margin-left: 26px;
  margin-bottom:0;
  color:#4154AD;
  margin-right: 26px;
}


#fiche_resume ul {
  margin:0 0 1rem 0;
  padding:0
}

#fiche_resume h3 {
  margin-top:0;
  margin-bottom:.5rem
}

div#fiche {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
	background:#fff;
	padding-left:2rem;
}

div#fiche > div {
    margin-right: 1rem;
}

#fiche > div:nth-child(5) {
    width: 80%;
}

#fiche > div:nth-child(6) {
    width: 57%;
}

div#numero_siret {
	width:37%;
}

#fiche > div:last-child, #fiche textarea {
    width: 100%;
	resize: none;
}

#coord h3 {
  /* padding-left: 2rem; */
  text-align: left;
  width: 100%;
}

.primary.close:before {
  font-family: fts_commun;
  content: "\EA12";
  height: 20px;
  width: 20px;
  font-size: 2rem;
  left: 25px;
  color: #24378d;
  top: 20px;
  transform: rotate(45deg);
  position: absolute;
  transition:all .3s ease-out
}

.primary.close:hover:before {
  color: #FF4546;
}

.carte_wrap h2, .carte_wrap p {

}

.carte_wrap .col_2_3 {
  padding: 2rem;
}

.serious-game .carte h2 {
  color:#FF4546;
  transform:rotate(0deg);
}

.load {
  height:100px;
  padding: 20px 20px 20px;
  width:100px;
  display: inline-block;
  vertical-align:middle;
}

.line {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align:middle;
  border-radius: 15px;
  background-color: #4b9cdb;
}

.load .line:nth-last-child(1) {
  animation: loadingC 0.6s 0.1s linear infinite;
}
.load .line:nth-last-child(2) {
  animation: loadingC 0.6s 0.2s linear infinite;
}
.load .line:nth-last-child(3) {
  animation: loadingC 0.6s 0.3s linear infinite;
}

@keyframes loadingC {
  0 {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}

.serious-game {
  position:relative;
}

.slide, #confirmation {
  max-width:1080px;
  margin:0 auto;
}

.confirmation {height:300px}

#confirmation p, #confirmation h2 {
  margin:0
}

#confirmation {
  display: flex;
  align-items: center;
  width: 100%;
  height:100%;
  justify-content: center;
}

#coordonnees_1 .row {
  /*min-height:400px;*/
  padding-left:300px;
  background:#2C4093;
	margin:0 2rem;
}

#coordonnees_1 .row.resum > div{
  width:50%;
  padding:1rem
}

.serious-game h1 {
  color:#3852D9
}

.feuille .flex {
  flex-wrap:nowrap
}

.info {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    right: -5px;
    background: #33ab88;
    color: #fff;
    line-height: 1.1;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    text-align: center;
    top: -2px;
}

#type_offre .info {
  right:-3%
}
#zone1 .info {
  right: -8%;
}

#type_offre form, #objectifs_slide form, #taille form, #dispositif form, #dispositif_actuel form {
	max-width:540px;
	margin:0 auto;
}


@media screen and (max-width: 48em) {
	
	#coordonnees_1 .row, #fiche_coord, div#fiche {
    padding-left: 0;
}

#coordonnees_1 .row {
    margin: 0;
}
	#coord .simul-form {
    padding: 0;
}

#progress-wrap {
    margin: 0 0 2rem 0;
}

div#fiche > div {
    margin-right: 0;
}
	
	.configurateur_wrapper .slide h2 {
    font-size: 1.2rem;
}
	
	div#fiche > div, div#siret {
    width: 100%;
}

 header .flex div:nth-child(2) {
	 display:none;
 }
 
#configurateur header.hero.configurateur {
    padding: 3rem 0 5rem 0;
}

 section.slide {
	 padding-top:0
 }

#fiche > div:nth-child(5), #fiche > div:nth-child(6), #fiche > div:nth-child(3), #fiche > div:nth-child(4) {
    width: 100%;
}

	.tool-wrapper .tooltip_templates {
    width: 145px
}
	
	
	.carte_wrap {
		width:90vw;
	}
	
	.carte_wrap .col_2_3 {
		padding: .5rem;
	}
	
	.carte_wrap .col_1_3 {
		display:none;
	}
	
	.configurateur_wrapper .choix {
		width:44%
	}
	
	.configurateur_wrapper .slide .btn.primary.xl {
		margin-bottom:2rem
	}
	
	.configurateur_wrapper #wrapper {
		padding:1rem
	}
	
	#fiche > div:nth-child(2) {
		width:100%
	}
	
	.configurateur_wrapper .raison {
		padding:0;
		margin-top:0
	}
	
.configurateur_wrapper .raison:after {
	display:none
}

.switch-field {
    margin: 0rem auto;
}

label {
min-width:auto
}

#objectifs_slide form > div, #dispositif_actuel form > div {
   display:block
}

.toggle-btn, .toggle-btn + label {
   display:inline-block;
   vertical-align:middle
}
.toggle-btn {
	width:29%;
	max-width:63px
}
.toggle-btn + label {
	width:60%
}
}