* {

  font-family: Quicksand, sans-serif;

}

.swal-button--confirm:hover {
  background-color:white !important;
  color:#4CAF50 !important;
}

.swal-button--confirm {
  background-color: #008000;
  color: #fff;
  border: none;
  box-shadow: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 24px;
  margin: 0;
  cursor: pointer;
}




#empty-li-menu{
  width: 230px;
      border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.input-popup-login{
    background: #FFF;
    border: 1px solid #ccc;
    width: 100%;
    height: 35px;
    font-size: 12px;
    border-radius: 50px;
    text-align: center;<a href="#">
    outline: none;
    margin: 0 auto;
    margin-bottom: 10px;
}

.popup#popup-connexion{
  width: 550px;
}

.popup#popup-connexion form{
  padding-top: 1rem;
}

#popup-connexion .container{
    padding-left: 15%;
    padding-right: 15%;
}

#bp-connexion{
      width: 135px;
    font-weight: 400;
    text-transform: inherit;
}

#bp-inscription{
    margin-top: 10px;
}

.bandeau-mauve {

  position: absolute;

  z-index: 11;

  width: 2000px;

  background: linear-gradient(to left, #FFF 0%, #29193d 2%, #29193d 97%, #FFF 100%);

  height: 475px;

  left: -300px;

  transform: rotate(-15deg);

}


#logo-header {

  width: 150px;

}



#popup-mot-de-passe-oublie {

  display: none;

}



.align-center {

  text-align: center;

}



.text-popup {

  font-size: 12px;

}



.close-popup {

  width: 100%;

  height: 45px;

  text-align: right;
  padding-right: 60px;

}



.container-checkbox-popup {

  height: auto;

  overflow: auto;

  padding-top: 10px;

  padding-bottom: 10px;

}



#form-inscription .container-checkbox-popup:first-of-type {

  padding-bottom: 0px;

}



#background-popup {

  background-color: black;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

  background-color: rgba(0, 0, 0, 0.4);

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  display: none;

  z-index: 900;

}



.popup form {

  padding: 2rem;

}



.title-popup {

  text-align: center;

  text-transform: uppercase;

  font-size: 6px !important;

  border-bottom: 2px solid #f6f6f6;

  padding-bottom: 10px;

}



.title-popup h2 {

  font-size: 15px;

  color: #29193d;

  font-weight: 700;

}



.input-submit-popup {

  background: #71d2d8;

  border: none;

  width: 100%;

  margin-bottom: 10px;

  color: #FFF;

  font-size: 12px;

  font-weight: 700;

  height: 40px;

  outline: none;

  text-transform: uppercase;

  border-radius: 50px;

  text-align: center;

  padding: 10px;

}



.close-popup img {

  width: 45px;


  padding: 15px;
  position: fixed;

}



.nav {

  display: inline-flex;

  position: relative;

}



.nav .pipe {

  margin: 0 20px;

  font-size: 12px;

}



.container-checkbox-popup label {

  font-size: 12px;

  font-weight: bold;

  color: #29193d;
  display: block

}



.container-checkbox-popup input {

  float: left;

  margin-top: 2px;

}

#bp-close-popup-news{
  cursor: pointer;
}

.popup {

  z-index: 1000;

  display: none;

  position: fixed;

  margin-left: auto;

  margin-right: auto;

  left: 0;

  top: 50px;

  width: 350px;

  right: 0;

  background: #FFF;

}



.input-popup {

  width: 100%;

  background: #f0f0f0;

  border: none;

  height: 35px;

  font-size: 12px;

  border-radius: 50px;

  text-align: center;

  outline: none;

  margin: 0 auto;

  margin-bottom: 10px;

}



.logo_footer {

  font-family: Quicksand, sans-serif;

  font-size: 12px;

  font-weight: lighter;

  margin-top: 15px;

  margin-bottom: 15px;

}

#popup-mot-de-passe-oublie{
  left: 35vw;
  margin-left: inherit;
  margin-right: inherit;
}

.logo-maif {

  height: 81px;

}



.footer {

    text-align: center;
    height: auto;
    overflow: auto;
    padding-bottom: 5rem;
    width: 100%;
    position: relative;

}

.footer-alternative {
  background-color: #FFF;
  padding-top: 50px;
  padding-bottom: 15px;
  position: relative;
  text-align: center;
  width: 100%;
}





.bandeau-bleu {

  position: absolute;

  z-index: 11;

  width: 2000px;

  background: linear-gradient(to left, #FFF 0%, #29193d 2%, #29193d 97%, #FFF 100%);

  height: 475px;

  left: -300px;

  transform: rotate(-15deg);

}



.snd_right_part img {

  margin-top: -100px;

}



.padding-top-section-head {

  padding-top: 50px;

}



.color-white {

  color: #FFF;

}



.navbar-brand {

  padding: 0 !important;

}



.navbar-light .navbar-toggler {

  border: none;

}



.nav-item {

  width: 15vw;

  font-size: 100%;

  text-align: center;

}



button:focus {
  outline: 0;
}



.discover {

  font-family: Quicksand, sans-serif;

  font-weight: bold;

  font-size: 12px;

  border-radius: 50px;

  color: #FFF;

  background-color: #29193d;

  padding: 9px 39px;

  border: 2px solid #FFF;

  cursor: pointer;

}



.navbar-transparent {

  background: transparent;

  position: absolute;

  z-index: 4;

  margin-left: auto;

  margin-right: auto;

  left: 0;

  right: 0;

  top: 30px;

}



.section-home {

  /*padding-top: 60px;

  padding-bottom: 60px;*/

}



.snd_left_part p:first-of-type,
.third_right_part p:first-of-type,
.fourth_right_part p {

  font-family: Quicksand, sans-serif;

  font-weight: lighter;

  font-size: 16px;

  line-height: 20px;

  margin-bottom: 15px;

}





.snd_left_part p:first-of-type,
.third_right_part p:first-of-type,
.fourth_right_part p:first-of-type {

  font-family: Quicksand, sans-serif;

  font-weight: 400;

  font-size: 20px;

  line-height: 20px;

  margin-bottom: 15px;

}



.first_left_part p:first-of-type,
.snd_left_part p:first-of-type,
.third_right_part p,
.bandeau_bleu_texte p:first-of-type {

  font-family: Quicksand, sans-serif;

  font-weight: 400;

  font-size: 16px;

  line-height: 20px;

  margin-bottom: 15px;

}



.third_right_part p:first-of-type,
.fourth_right_part p:first-of-type {

  margin-bottom: 5px;

}



.first_left_part h1,
.snd_left_part h2,
.third_right_part h2,
.fourth_right_part h2 {

  font-family: Quicksand, sans-serif;

  font-weight: bold;

  font-size: 35px;

  line-height: 35px;

  margin-bottom: 15px;

}



.snd_left_part img {

  width: 350px;

  margin-bottom: 15px;

}



#container-navbar {

  width: 90% !important;

  margin: 0 auto;

}



#navbarResponsive {

  float: right;

  margin-top: 20px;

}



.float-right {

  float: right;

}



.float-left {

  float: left;

}



#head-section {

  background-image: url(../img/hero-img.png);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  height: 720px;

}

.diagonal-bg-violet{
    position: absolute;
    top: -5rem;
    z-index: 0;
    width: 100%;
    left: 0;
    height: 50rem;
}

.diagonal-bg-bleu{
    position: absolute;
    top: 1500px;
    z-index: 0;
    width: 292vw;
    left: -70vw;
    height: 70vw;
}



#first-section {

  height: 720px;
  padding-top: 20rem;

}



.bt-inscription:hover,
.bt-contact:hover {

  cursor: pointer;

}





#second-section {

  background-position: center;

  background-repeat: no-repeat;

  background-image: url(../img/fond-losanges.jpg);

  background-size: cover;

  height: 550px;

  padding-top: 60px;

  padding-bottom: 60px;

}



#third-section {

  color: #FFF;

  background-position: top;

  background-size: cover;

  background-repeat: no-repeat;

  background-image: url(../img/enfants.jpg);

  height: 40vw;

  padding-top: 60px;

  padding-bottom: 60px;

}



.bt-download {

  width: 150px;

}



#fourth-section {

  color: #FFF;

  height: 835px;

}



.nav-link {

  font-family: Quicksand, sans-serif;

  font-weight: bold;

  font-size: 12px;

  color: #FFF;

}



.bt-contact {

  font-family: Quicksand, sans-serif;

  font-weight: bold;

  font-size: 12px;

  border-radius: 50px;

  color: #FFF;

  padding: 9px 39px;

  background-color: rgba(0, 0, 0, 0);

  border: 2px solid #FFF;

  cursor: pointer;

  border-radius: 50px !important;

  position: relative;

  z-index: 100;

}



.third_right_part {

  padding-top: 5rem;

}



#fresque img {

  margin-top: -80px;
  width: 350px;
}



.bt-inscription {

  font-family: Quicksand, sans-serif !important;

  font-weight: bold !important;

  font-size: 12px !important;

  border: 2px solid #FFF;

  border-radius: 50px !important;

  color: #FFF !important;

  background-color: rgba(0, 0, 0, 0);

  padding: 10px 30px;

}



.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {

  background-color: inherit !important;

}



.navbar-nav>li>.dropdown-menu {

  padding: 0;

}



.nav-link:hover .dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {

  background-color: inherit !important;

}



.sub-menu:hover {

  background-color: #5f536e;

  color: #FFF;

}



.navbar a {

  height: 40px;

  line-height: 35px;

  padding: 0;

  text-decoration: none;

  color: #FFF;

  font-weight: 700 !important;

  cursor: pointer;

  font-family: Quicksand, sans-serif;

  font-size: 12px;

}



.sub-menu a {

  display: block;

  color: #29193d;

  font-weight: bold;

  font-size: 12px;

  font-family: Quicksand, sans-serif;

  padding: 5px 0px 5px 10px;

  cursor: pointer;

}



.footer .nav a,
.footer-alternative .nav a,
.footer-connected .nav a{

  color: #29193d;

  font-size: 14px;

  font-weight: 700;

  font-family: Quicksand, sans-serif;

}



.footer .nav,
.footer-alternative .nav {

  margin: 10px auto;

}



.sub-menu .navbar a {

  height: 40px;

  line-height: 35px;

  padding: 0;

  text-decoration: none;

  color: #5f536e;

  font-weight: 700 !important;

  cursor: pointer;

  font-family: Quicksand, sans-serif;

  font-size: 12px;

}



.container-bp-download {

  width: 320px;

}



#popup-connexion,
#popup-inscription,
#backgroud-popup {

  display: none;

}



.nav-item-button {

  width: 12vw;

  padding-left: 2vw;

  color: #FFF;

  font-size: 100%;

  text-align: center;

}



.navbar-toggler-icon {

  background-image: url(../img/hamburger.png);

  background-size: 16px 10px;

}



#liste-mobile-menu {

  display: none !important;

}



#liste-mobile-menu .nav-item a {

  color: #29193d;

  text-align: left;

  padding-left: 20px;

}



.nav-item {

  width: 14vw;

  color: #FFF;

  font-size: 100%;

  text-align: left;

}



body {

  /*background: #ededed;*/
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;

}



.menu-online-border {

  width: 200px;

  color: #FFF;

    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;

  font-size: 100%;

  text-align: center;

}


.name-place{
    font-weight: bold;
    color: #29193d;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.address-place{
  font-size: 12px;
}

.menu-online-border.active-menu {
  border: 1px solid #e6e6e6;
  background: #f9f9f9;
  border-top: 1px solid #e6e6e6;
}
.menu-online-border.active-menu a.nav-link{
  color: #c1b3d3 !important;
}



#menu-tableau {

  border-left: 1px solid #e6e6e6;

}



#menu-deconnexion {
  border-right: 1px solid #e6e6e6;

}
#navbarResponsive #menu-deconnexion a{
  color: #c1b3d3 !important;
}



.bt-rechercher {

  font-family: Quicksand, sans-serif !important;

  font-weight: bold !important;

  font-size: 12px !important;

  border: 2px solid #29193d;

  border-radius: 50px !important;

  text-align: center;

  color: #29193d !important;

  background-color: #FFF;

  padding: 10px 30px;

}



.bt-creer-ligne {

  font-family: Quicksand, sans-serif !important;

  font-weight: bold !important;

  font-size: 12px !important;

  border: 2px solid #29193d;

  text-align: center;

  border-radius: 50px !important;

  color: #FFF !important;

  background-color: #29193d;

  padding: 10px 30px;

}



footer .nav a {

  height: 33px;

  padding-top: 5px;

  text-decoration: none;

  color: #29193d;

  cursor: pointer;

  font-family: Quicksand, sans-serif;

  font-weight: lighter;

  font-size: 12px;

}



.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {

  background: inherit !important;

}



.sub-menu:hover a {

  color: #FFF;

}



#show-popup-mdp {

  cursor: pointer;
  margin-bottom: 10px;
  text-align: right;

}

#show-popup-mdp:hover{
  text-decoration: underline;
}


#container-valid-login-popup{
  margin: 0 auto;
  width: 135px;
}


#smartphones-web {

    margin-top: -10vw;

}

#smartphones-mobile {

    display: none;

}



.navbar-light.bg-white .navbar-toggler-icon {

  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://ww…p='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;*/

}



.navbar-toggler {

  height: 60px;

}



.fourth_right_part {

  margin-top: -10vw;

  color: #29193d;

}



.navbar-expand-lg .navbar-nav .dropdown-menu {

  position: absolute;

  margin: 0;

  border-radius: 0 !important;

}



/* CHECKBOXES */



.control {

  display: block;

  position: relative;

  padding-left: 30px;

  cursor: pointer;

  font-size: 15px;

  color: #252525;

}



.control p {

  line-height: 17px;

  font-size: 14px;

}



.control input {

  display: none;

}



.control__indicator {

  position: absolute;

  top: 2px;

  left: 0;

  height: 15px;

  width: 15px;

  border: 2px solid #ababab;

  background: #FFF;

}



.control:hover input~.control__indicator,

.control input:focus~.control__indicator {

  background: #fff;

}



.control input:checked~.control__indicator {

  background: #29193d !important;

}



.control input:checked~.control__indicator:after {

  display: block;

}



.control--checkbox .control__indicator:after {

  left: 8px;

  top: 4px;

  width: 3px;

  height: 8px;

  border: solid #fff;

  border-width: 0 2px 2px 0;

  transform: rotate(45deg);

}



.control--checkbox input:disabled~.control__indicator:after {

  border-color: #7b7b7b;

}



.control--radio .control__indicator:after {

  left: 7px;

  top: 7px;

  height: 6px;

  width: 6px;

  border-radius: 50%;

  background: #fff;

}



.control--radio input:disabled~.control__indicator:after {

  background: #7b7b7b;

}



/* RESPONSIVE */



@media (max-width: 992px) {

  #fresque {

    display: none;

  }

  #show-popup-mdp{
    text-align: center;
  }

  .popup{
    width: 90% !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
  }

  .diagonal-bg-bleu, .diagonal-bg-violet{
    display: none;
  }

  #first-section {

    height: auto;

    background: #29193d;

    padding-bottom: 60px;

    padding-top: 120px;

    background-image: inherit;

  }

  .snd_left_part img {

    display: none;

  }

  #head-section {

    background-image: inherit;

  }

  .first_left_part,
  .snd_left_part,
  .third_right_part,
  .fourth_right_part {

    text-align: center;

    margin: 0 auto;

    width: 90%;

  }

  #liste-responsive-menu {

    display: none !important;

    box-shadow: 1px 1px 12px #555;
  }

  #liste-mobile-menu {

    display: flex !important;

  }

  .navbar-transparent {

    background: #FFF;

    top: 0;

    z-index: 100;

    padding-bottom: 0;

    height: auto;

  }

  #logo-header {

    width: 150px;

    margin-top: -12px;

  }

  .collapse.show {

    padding-bottom: 0;

  }

  #second-section {

    background-image: inherit;

    background: #FFF;

    height: auto;

    padding-top: 60px;

    padding-bottom: 60px;

  }

  .snd_right_part img {

    display: none;

  }

  #fourth-section {

    background-image: inherit;

    background: #b9e9eb;

  }

  .fourth_right_part {

    text-align: center;

  }

  #third-section {

    height: auto;

    padding-top: 60px;

    padding-bottom: 60px;

  }

  #fourth-section {

    height: auto;

    padding-top: 60px;

    padding-bottom: 0;

    position: inherit;

    top: inherit;

  }

  .footer .nav a,
  .footer-alternative .nav a {

    width: 100%;

  }

  .pipe {

    display: none;

  }

  #navbarResponsive {

    float: none;

  }

  #container-navbar {

    width: 100% !important;

    margin: 0 auto;

  }

  #head-section {
    height: auto;
  }

  .footer {

    top: 0;

    height: auto;

    margin: 50px auto;

    position: inherit;

  }

  .nav-item {

    width: 100%;

    border-top: 1px solid #29193d;

    text-align: center;

    text-transform: uppercase;

  }

  .fourth_right_part {

    margin-top: 0px;

  }

  #smartphones-mobile {

    display: block;

  }

  #smartphones-web {

    display: none;

  }

  .container-bp-download {

    margin: 0 auto;

    width: 320px;

  }

}
.text-accompagnateur-title{
  font-weight: normal;
}

.bt-accepter{
  display: inline-block;
  
  font-family: Quicksand, sans-serif !important;

  font-weight: bold !important;

  font-size: 12px !important;

  border: 2px solid #71d3d7;

  border-radius: 50px !important;

  text-align: center;

  color: white !important;

  background-color: #71d3d7;

  padding: 10px 30px;

  width: 49%;
}

.bt-refuser{
  display: inline-block;

  font-family: Quicksand, sans-serif !important;

  font-weight: bold !important;

  font-size: 12px !important;

  border: 2px solid #71d3d7;

  border-radius: 50px !important;

  text-align: center;

  color: #71d3d7 !important;

  background-color: #FFF;

  padding: 10px 30px;

  width: 49%;
}

.info_demandeur{
  display: table-cell;
  vertical-align: middle;
  width: 60%;
}

.info_demandeur p{
  display: table-cell;  
}

.bts-yesno{
  float: right;
}

.demande{
  display: table;
  width: -moz-available;
  width: -webkit-fill-available;
}

.time_notif{
  float: right;
  font-weight: normal;
}

.time_notif_spec{
  float: right;
  font-weight: normal;
  margin-top: -30px;
  margin-right: 30px;
}

.swal-text {
  text-align: center;
}

.quit-notification{
  float: right; 
  margin-top: -30px;
  cursor: pointer;
}

input[type="submit"]{
	cursor: pointer !important;
}

.close-popup{
  cursor: pointer !important;
}

.cgu-checkbox-label{
  display: block;
  padding-left: 20px;
  text-indent: -15px;
  font-size: 12px;
  color: #29193d;
}

.cgu-checkbox-input{
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
}

.end-texte-popup{
  font-size: 15px;
  text-align: center;
  color: gray;
  font-weight: normal;
  line-height: 15px;
}

.cgu-checkbox-label a{
  color: #29193d;
  text-decoration: underline;
}

.end-texte-popup a{
  color: gray;
  text-decoration: underline;
}

#popup-inscription .input-submit-popup{
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}