/* @font-face {
  font-family: 'Montserrat-Regular';
  src: url('../../themes/luciole/fonts/Montserrat-Regular.eot');
  src: url('../../themes/luciole/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
      url('../../themes/luciole/fonts/Montserrat-Regular.woff2') format('woff2'),
      url('../../themes/luciole/fonts/Montserrat-Regular.woff') format('woff'),
      url('../../themes/luciole/fonts/Montserrat-Regular.ttf') format('truetype'),
      url('../../themes/luciole/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../../themes/luciole/fonts/Montserrat-Bold.eot');
    src: url('../../themes/luciole/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../themes/luciole/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../../themes/luciole/fonts/Montserrat-Bold.woff') format('woff'),
        url('../../themes/luciole/fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../../themes/luciole/fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
} */

body{
  font-family: 'Montserrat-Regular', sans-serif !important;
  --font-family-sans-serif: 'Montserrat-Regular', sans-serif !important;
  --font-family-monospace: 'Montserrat-Regular', sans-serif !important;
  font-size: 1.4rem !important;
}

h1, h2, h3 {
  font-family: 'Montserrat-Bold', sans-serif !important;
  font-weight: bold;
}

strong, b, em {
	font-weight: bold;
    font-family: 'Montserrat-Bold', sans-serif !important;
}

a{
	color: #119bd6;
  text-decoration: none !important;
}
a:hover{
  text-decoration: none !important;
}

.form-control{
  font-size: 1.4rem !important;
  padding: 0 !important;
}

.formulaire .input-group.date input{
  border: 1px solid #ccc;
}

.formulaire{
	margin-top: 20px;
}

.formulaire #switchSubUrls{
  font-size: 1.5rem;
  color: #029bdf;
  transition: 0.5s;
}
.formulaire #switchSubUrls:hover{
  color: white !important;
  background-color: #029bdf !important;
  border-color: #029bdf !important;
}

.formulaire .bloc{
  margin-bottom: 20px;
  padding: 9px;
  background-color: #fff;
  border-radius: 15px;
  border: 3px solid #029bdf;
}

.formulaire #contact1{
  border-color: #2440AB !important;
}

.formulaire #contact1 h3, .formulaire #contact2 h3, .formulaire #contact3 h3{
  border-radius: 25px;
  border: 2px solid #029bdf;
  padding: 3px 10px;
  width: fit-content;
  margin: 0px auto 7px;
}

.formulaire #contact1 h3{
  border-color: #2440ab !important;
}

.formulaire .bloc .ss-bloc{
  margin-bottom: 5px;
}

.formulaire .bloc .modal-dialog{
  margin-top: 130px;
  padding-top: 20px;
}

.formulaire .form-control{
  border: none;
  box-shadow: none;
}

.formulaire select.form-control,.formulaire .form-control.code  {
    border: 1px solid #9dc8e2;
}

.formulaire .form-control.chpLarge {
    width: 290px !important;
}

.modal-dialog{
    top: 150px;
}

.formulaire #myModal{
  margin-top: 200px;
}

.modal-dialog.modal-lg {
    top: 1130px;
}

.pdt{
  padding-top: 30px;
}

.submitBtn {
      background: #029bdf;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
}

.panel-default>.panel-heading {
    background-color: #bbe5f9 !important;
}

.formulaire .address-search{
    padding: 8px;
    background-color: #fff;
}

.formulaire .address-search input{
    width: 70%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-weight: bold;
}

.zonePrice{
  min-height: 125px !important;
}


.priceProduit{
  position: relative;
  top: -8px;
}

.priceProduit .montant{
  color: #029bdf;
  font-size: 8rem;
  font-weight: bold;
  /* font-family: "Montserrat-Bold"; */
  position: absolute;
  top: -25px;
}
.priceProduit .montantConfirmation{
  color: #029bdf;
  font-size: 8rem;
  font-weight: bold;
}

.priceProduit .infoPrice{
  color: #029bdf;
  font-size: 18px;
  position: absolute;
  top: 5px;
  left: 110px;
  font-weight: bold;
}
.priceProduit .infoPriceConfirmation{
  color: #029bdf;
  font-size: 18px;
  font-weight: bold;
}

.priceProduit .infoPrice2{
  color: #029bdf;
  font-size: 18px;
  position: absolute;
  top: 45px;
  left: 110px;
  font-weight: bold;
}

.priceProduit .reduction{
  color: #312783;
  font-size: 12px;
  position: absolute;
  top: 75px;
}

.priceProduit .reductionConfirmation{
  color: #312783;
  font-size: 12px;
}

.priceProduit .reduction .infoReduc{
  color: #029bdf;
}

.priceProduit .reductionConfirmation .infoReducConfirmation{
  color: #029bdf;
}

.priceProduit .sap, .priceProduit .sapConfirmation {
  position: absolute;
  top: 80px;
  left: 155px;
}

#offreText > ul {
  list-style-type: none;
}

.txtFondBleu{
  color: white;
}

.txtsecondperson{
  background: white !important;
  padding: 2px 5px 5px 5px !important;
  border-radius: 3px !important;
}

.formulaire .clear{
  clear: both;;
}

.formulaire .souscriptionParcours{
  margin: 20px;
}

.formulaire .parcours{
  width: 30%;
}

#adr-liv-abo{
  color : #2184be;
}

.gly-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

.contact-note, .adress-note{
  font-style: italic;
  color: rgb(175, 0, 0);
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}


form#example-form {
    position: relative;
}

.bigLoader{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.7);
  color: white;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  display: inline-flex;
  font-size: 30px;
  padding-bottom: 30px;
}

.success-conclusion{
  font-size: 2rem !important;
  color: #009bdf;
}

.subscription-main-url a{
  font-size: 1.5rem !important;
}

#subscriptionUrlsModal .modal-header{
  border-bottom: unset !important;
}

#subscriptionUrlsModal .modal-header{
  background-color: #029bdf !important;
  color: white !important;
}

.option.highlighted{
  border: 1px dashed #029bdf;
  border-radius: 15px;
}

#withOptions{
  display: none;
  color: #17a2b8;
  font-weight: bolder;
}
#noOptions{
  color: #17a2b8;
  font-weight: bolder;
}
.total{
  padding: 15px;
  border: 2px solid #17a2b8;
  border-radius: 25px;
}
.total h4{
  font-size: 22px;
  font-weight: bolder;
  color: #17a2b8 !important;
}
.total #prixTotal{
  font-size: 22px;
  font-weight: bolder;
  color: #17a2b8;
}
#optionProduit{
  color: #17a2b8;
}
.reduction{
  padding: 0 10px;
  margin: auto;
  max-width: 265px;
}
.reductionTotal{
  color: #312783;
  font-size: 12px;
}
.infoReducTotal{
  color: #009bdf;
  font-style: italic;
  font-weight: bolder;
}
.sapTotal{
bottom: -15px;
right: 0px;  
}
.rgpd{
  font-style: italic;
  font-size: smaller;
  color: gray;
}
#imageProduit img{
max-height: 200px !important;
}
@media screen and (max-width: 780px){
  .wizard > .steps > ul > li {
      width: 100% !important;
  }

  .formulaire .parcours{
      width: 100%;
  }

  .formulaire .option{
      width: 100%;
      margin-bottom: 30px;
  }
  .option-image{
    width: 100% !important;
  }
}

@media screen and (max-width: 470px){
  .priceProduit .montant, .priceProduit .montantConfirmation{
    font-size: 6rem;
  }
  .priceProduit .infoPriceConfirmation, .priceProduit .infoPrice{
    font-size: 14px;
  }
  .priceProduit .sap, .priceProduit .sapConfirmation{
    top: 21px;
    left:127px;
  }
}