/* Color palette */

:root {
    --dark-grey-blue: #332c71;
    --charcoal-grey: #353341;
    --pale-grey: #e6e5f3;
    --desert: #d6ac54;
    --lavender: #a7a3f1;
    --dark: #23203e;
    --white: #f5f5f5;
    --blueberry: #363480;
    --blueberry-border: #342e75;
    --bleuberry-head: #343078;
    --bluey-grey-hover: #aaa8c7;

}



.Text-Style {
    font-family: 'Fjalla One', sans-serif;
    font-size: 25px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.Titre {
    font-family: 'Mukta', sans-serif;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--charcoal-grey);
}



.bouton {
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.title-head {
    font-family: 'Mukta', sans-serif;
    font-size: 25px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.title-item {
    font-family: 'Fjalla One', sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--blueberry);
}

.texte-general {
    font-family: 'Mukta', sans-serif;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--charcoal-grey);
}

.sub-texte-gros {
    font-family: 'Mukta', sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--charcoal-grey);
}

.title-item-gros {
    font-family: 'Mukta', sans-serif;
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--charcoal-grey);
}
.Text-Style-3 {
    font-family: 'Mukta', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: var(--lavender);
}
/*  -------------------------------------------------- */
/*  ---------------------Globals----------------------- */

body{
    font-family: 'Mukta', sans-serif;
    font-size: 16px;
    color: var(--charcoal-grey);
}
.padding-fix{
    padding-right: 0;
    padding-left: 0;
}
.padding-col-fix  div[class^='col-md']{
    padding-right: 0;
    padding-left: 0;
}
.spacer{ display: block; width: 100%; margin-top: 25px}
.spacer.big{ display: block; width: 100%; margin-top: 50px}
.spacer.hudge{ display: block; width: 100%; margin-top: 90px}

a {
   color: var(--dark-grey-blue);
   font-weight: bold;
   text-decoration: underline;

}
a:hover, a:focus {
    text-decoration: none;
    color: var(--dark-grey-blue);
}

/*  -------------------------------------------------- */
/*  ---------------------Header----------------------- */

.nav>li>a:focus, .nav>li>a:hover{
    background: initial;
}
header .navbar-brand{
    min-height: 70px;
    float: none;
    display: block;
}
@media (min-width: 770px){
    .navbar-brand>img{
        margin: 0 auto;}
}
header .nav li a {
    text-decoration: none;
    max-height:  100px;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--bleuberry-head);
    background: #fff;
    padding-top: 47px;

}

header .nav li a:hover {
    color: var(--bluey-grey-hover);
}
header .nav li.home a {
    max-width: 25px;
}
header .nav li.account a {
    background: var(--desert);
    color: #fff;
    padding-top: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    margin-left: 15px;
    max-width: 118px;
}
@media (max-width: 1200px){
    header .nav li a {
        font-size: 15px;
    }
    header .nav li.account a {
        margin-left: 8px;
    }
}

header .nav li.account a span.picto-key:before {
    color: #fff;
    display: block;
    float: none;
    margin: 0 auto;
    content: url("../assets/png/cle.png");

    width: 26px;
    height: 11px;
    object-fit: contain;
}
/*
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    /* Retina-specific stuff here
    header .nav li.account a span.picto-key:before {
        content: url("../assets/png/cle@2x.png");
        background-size: 26px auto;


    }
}*/

header .nav li.account a span.picto-lock:before {
    color: #fff;
    display: block;
    float: none;
    margin: 0 auto;
    content: url("../assets/png/lock.png");

    width: 26px;
    height: 11px;
    object-fit: contain;
}
/*
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    /* Retina-specific stuff here
    header .nav li.account a span.picto-lock:before {
        content: url("../assets/png/lock@2x.png");
        background-size: 26px auto;


    }
}*/

.navbar-toggle {
    background: var(--bleuberry-head);
    color: #fff;
    font-size: 25px;
    width: 70px;
    margin-top:10px;
}
.dropdown-menu {
    top: 95%;
    border: none;
    min-width: 170px;
    left: -15px;
}
.dropdown-menu ul{
    padding: 10px 10px 5px 10px;
}
.dropdown-menu ul li{
    list-style-type:none;
}
.dropdown-menu ul li a {
    padding: 10px;
    display: block;
    height: 50px;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    border-color: var(--bleuberry-head);
}
@media (max-width: 770px){
    header .nav li a {
        text-align: left;
        padding-left: 25px;
        height: 50px;
        padding-top: 15px;
        border-top: 1px solid var(--bleuberry-head);
    }
    header .nav li.home a {
        max-width: 100%;
    }
    header .nav li.account a {
        margin-left: 0;
        text-align: left;
    }
    header .nav li.account a span.picto-key:before {
        text-align: left;
        margin-left: 0;
    }
    .dropdown-menu {
        padding: 0;
    }
    .dropdown-menu ul {
        padding: 0 10px 0 10px;
    }
    .dropdown-menu ul li a {
        padding-top: 15px;
    }
}

.intro-home{
    background-image: linear-gradient(to right, #332c71 50%, #3e4db1 50%);
}
.intro-home div.container-fluid{
    background-image: url("../assets/jpg/fond-home.jpg");
    min-height: 512px;
    background-repeat: no-repeat;
    background-position-x: 63%;
}
.intro-home img.ble{
    margin: 110px auto 0;
    display: block;
}
.intro-home h1{
    font-family: 'Mukta', sans-serif;
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--desert);
    margin-bottom: 0;
 }
.intro-home span.sub {
    display: block;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    font-family: 'Mukta', sans-serif;
    font-size: 55px;
    color: #ffffff;
}

.intro-home button, .intro-home a.button,   button.transparent,  a.button.transparent, label.button, label.transparent, form input[type=submit].button.transparent{
    font-family: 'Fjalla One', sans-serif;
    width: auto;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    text-align: center;
    color: #ffffff;
    border: solid 2px #fff;
    border-radius: 25px;
    background: transparent;
    margin: 25px auto;
    display: block;
}
a.button.transparent:hover , form input[type=submit].button.transparent:hover{
    color: var(--blueberry-border);
    background: #ffffff;
    border: solid 2px #fff;
}




label.parcourir {
    max-width: 290px;
    color: var(--blueberry-border);
    border: solid 2px var(--blueberry-border);
    cursor: pointer;
}
label.parcourir:hover {
    color: #ffffff;
    background: var(--blueberry-border);
}

label.parcourir.valid{
    background: green;
    border-color: green;
    color: #FFFFFF;
    text-decoration: none;
}

label.parcourir.valid:hover{
    background: green;
    border-color: green;
    color: #FFFFFF;
    text-decoration: none;
}


@media (max-width: 770px){
    .intro-home div.container-fluid{   background-position-x: 70%;}
    .intro-home h1{  font-size: 25px;  }
    .intro-home span.sub{  font-size: 30px;  }
}

.une-home{
    background-image: linear-gradient(to right, var(--lavender) 50%, #ffffff 50%);
}
 @media (max-width: 990px) {
    .une-home{
        background-image:none;
        background-color: var(--lavender);
    }
}


.une-home  .lavander-col{
    background-color:  var(--lavender);
}

.une-home  .white-col{
    background-color:  #ffffff;
}
.une-home .title {
    font-family: 'Mukta', sans-serif;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #3f347e;
    margin-top: 75px;
    display: block;
    margin-bottom: 10px;
}
.une-home .bloc{
    background: #ffffff;
    border-radius: 5px;
    padding: 15px;
    max-width:356px;
    width: 90%;
    margin-bottom:65px ;
    box-shadow: 1px 1px 6px #9591d7;
}

.une-home .bloc img {
    margin-bottom: 10px;
}
.une-home .bloc p {
    font-family: 'Mukta', sans-serif;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: normal;
    text-align: left;
    color: var(--charcoal-grey);
    padding: 8px 0 ;
}
.une-home .bloc .objectif {
    font-family: 'Fjalla One', sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--blueberry);
}
.bloc-multi {
    border-radius: 5px;
    padding: 0;
    margin-top: 46px;
    box-shadow: 1px 1px 6px #cecdd9;
    text-align: center;
    background-color: white;
}
.bloc-multi .multi-white {
    padding: 25px 10px;
    color: var(--blueberry);
}
.bloc-multi .multi-blueberry {
    background: var(--blueberry);
    padding: 10px;
}
.bloc-multi .multi-blueberry a.button.transparent {
    margin-bottom: 20px;
}
.bloc-multi .multi-blueberry p {
    color: var(--desert);
    font-size: 18px;
}
.bloc-multi .multi-lavander {
    background: var(--lavender);
    padding: 10px;
    border-radius: 0 0 5px 5px;
    color: var(--blueberry);;
}
.bloc-multi .multi-lavander p {
    color: var(--blueberry);;
    font-size: 18px;
    margin: 10px 0;
}
.une-home h3 {
    font-family: 'Mukta', sans-serif;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--charcoal-grey);
}
.une-home p {
    font-family: 'Mukta', sans-serif;
    font-size: 20px;
     text-align: left;
    color: var(--charcoal-grey);
    font-weight: 300;
}
.une-home p strong {
    font-family: 'Mukta', sans-serif;
    font-size: 20px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--charcoal-grey);
}
.progress{
    border-radius: 25px;
    background-color: #dfdcd5;
}
.progress-bar{
    background-color: var(--desert);
}
.bloc .days{
    font-family: 'Fjalla One', sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #5d5b57;
}

a.button, button, form input[type=submit].button{
    text-decoration: none;
    font-family: 'Fjalla One', sans-serif;
    width: auto;
    padding: 10px 35px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 25px;
    background-color: var(--blueberry-border);
    border: solid 2px var(--blueberry-border);
    margin: 15px 0 ;
    display: inline-block;
}
a.button:hover, button:hover, form input[type=submit].button:hover{
    background-color: var(--dark);;
    border: solid 2px var(--dark);;
}
div.accroches{
    background-color: var(--pale-grey);
}
div.accroches div[class^="col"] {
    text-align: center;
    font-family: 'Mukta', sans-serif;
    font-size: 18px;
    color: #4b4957;
   min-height: 390px;

}
div.accroches div[class^="col"] img{
    margin: 0 auto;
    float: none;
    max-width: 100%;
    display: block;
    margin-bottom: 30px;
}
div.accroches div[class^="col"] h4{
    font-family: 'Mukta', sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: var(--charcoal-grey);
}
div.questions{
    background-color: var(--blueberry);
}
div.questions.faq{
    background-color: var(--pale-grey);
}
div.questions h3{
    font-family: 'Mukta', sans-serif;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}
h4.panel-title{
    font-family: 'Mukta', sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    color: var(--charcoal-grey);
    margin: 15px 15px 12px;
}
h4.panel-title a{
      display: block;
    text-decoration: none;
}
h4.panel-title a:hover, h4.panel-title a:focus{
    text-decoration: none;
}
h4.panel-title img{
    float: right;
    display: block;
    margin-top: 8px;
}
@media (max-width: 768px) {
    h4.panel-title{
        font-size: 16px;
    }
}

.idees{
    text-align: center;
    background: url("../assets/png/fond-vent.png")  , url("../assets/png/fond-vent.png") ;
    background-size: auto, auto;
    min-height: 512px;
    background-repeat: no-repeat,no-repeat;
    background-position: calc(32% - 585px) center ,calc(42% + 1170px) center;
    background-color: #ffffff;
}
@media (max-width: 1200px) {
    .idees {
        background-position: calc(62% - 485px) center, calc(2% + 970px) center;
    }
}

@media (max-width: 768px) {
    .idees {
        background:#ffffff;
    }
}
form.form-num{
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    float: none;
}
form.form-num input[type='text']{
    border-radius: 27.5px;
    background-color: #f1efef;
    border: solid 2px #d6d3d3;
    height: 55px;
    z-index: 0;
    padding-left: 25px;
    font-size: 18px;
}
form.form-num input[type='text']:focus {
    z-index: 0;
}
form.form-num button{
    height: 55px;
    margin: 0;
    margin-left: -26px;
    z-index: 999;
}

.projet-accroche{
    background-color: var(--dark);
}
.projet-accroche h3{
    font-family: 'Mukta', sans-serif;
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    color: #ffffff;
    margin-top: 35px;
}
footer{
    background-color: var(--blueberry);
    color: #ffffff;
}
footer ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
footer ul.brand li{
    display: block;
    margin-bottom: 25px;
    font-family: 'Mukta', sans-serif;
    font-size: 16px;
    text-align: left;
    color: #ffffff;

}
footer ul:not(.band) li a {
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    text-align: left;
    color: #ffffff;
    display: inline-block;
    padding: 10px 0 ;
    text-decoration: none;
    font-weight: 400;

}
footer ul.title li ul a {
    padding: 5px 0 ;
}

footer ul:not(.band) li a:hover {
    color: var(--desert);
}
footer ul.title  span:first-child  {
    color: var(--desert);
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
    text-align: left;
    padding: 5px 0 ;
    margin-left: -10px;
    display: inline-block;
}
footer p.mention{
    font-size: 16px;
      text-align: left;
     color: var(--desert);
    padding-left: 0;

    margin-left: -10px;
}


div.description_page {
    margin: 55px auto;
}
.description_page h2 {
    font-size: 30px;
    font-weight: bold;
    color: var(--charcoal-grey);
    text-align: center;
    font-family: 'Mukta', sans-serif;
    margin: 0;
}

.button.compte {
     display: block;
    margin: 10px auto;
    float: none;
    max-width: 260px;
 }



.description_page p {
    font-size: 20px;
    text-align: center;
    line-height: 1.25;
    color: var(--charcoal-grey);
    margin: 0;
}
.equipe {
    background-color: var(--lavender);
    padding-bottom: 85px;
}
.equipe h2 {
    font-size: 35px;
    font-weight: bold;
    color: var(--charcoal-grey);
    text-align: center;
    font-family: 'Mukta', sans-serif;
    margin: 50px 0;
}
.fiche {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 47px 48px;
    text-align: center;
    height: 666px;
}
.fiche p {
    font-size: 20px;
    font-family: 'Mukta', sans-serif;
    line-height: 1.25;
}
.fiche h3 {
    font-size: 30px;
    font-family: 'Mukta', sans-serif;
    color: var(--charcoal-grey);
    font-weight: bold;
    margin-bottom: 23px;
}

@media (max-width: 1200px) {
    .fiche {
        height: 791px;
    }
}
@media (max-width: 991px) {
    .fiche {
        height: auto;
        margin-top: 30px;
    }
    .equipe h2 {
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .description_page h2 {
        font-size: 27px;
    }
    .description_page p {
        font-size: 16px;
    }
    .equipe h2 {
        font-size: 27px;
    }
    .fiche h3 {
        font-size: 22px;
    }
    .fiche p {
        font-size: 16px;
    }
}



.ariane {
    background-color: var(--dark-grey-blue);
    color: #ffffff;
    padding-bottom: 37px;
    padding-top: 37px;
}
.ariane h1 {
    font-size: 25px;
    font-family: 'Fjalla One', sans-serif;
    margin: 0;
}
.ariane ul {
    list-style-type: none;
    padding-left: 0;
    text-align: right;
    margin: 0;
    margin-top: 2px;
}
.ariane li {
    display: inline;
}
.ariane .actif{
    color: var(--lavender);;
}
.ariane a {
    color: #ffffff;
}
@media (max-width: 991px) {
    .ariane ul {
        text-align: left;
    }
}



.faq {
    font-family: 'Mukta', sans-serif;
}

.question-num{
    background-color: var(--dark);
    padding-top: 45px;
    padding-bottom: 45px;
}
.question-num h3{
    font-family: 'Mukta', sans-serif;
    font-size: 25px;
    text-align: left;
    color: #ffffff;
    margin: 0;
}
form.form-num-faq{
    width: 100%;
    max-width: 360px;
    float: none;
}
form.form-num-faq input[type='text']{
    border-radius: 27.5px;
    background-color: #f1efef;
    border: solid 2px #d6d3d3;
    height: 55px;
    z-index: 0;
    padding-left: 25px;
    font-size: 18px;
}
form.form-num-faq input[type='text']:focus {
    z-index: 0;
}
form.form-num-faq button{
    height: 55px;
    margin: 0;
    margin-left: -26px;
    z-index: 999;
}
.question-num button {
    border: solid 2px #ffffff;
}
@media (max-width: 1200px) {
    form.form-num-faq {
        margin-top: 15px;
    }
}

.fond {
    background-color: var(--pale-grey);
}
.fond .bloc {
    background: #ffffff;
    border-radius: 5px;
    padding: 15px;
    margin-top: 46px;
    box-shadow: 1px 1px 6px #cecdd9;
}
.fond .bloc.projet {
    min-height: 500px;
}
.fond .bloc .objectif {
    font-family: 'Fjalla One', sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--blueberry);
}
.fond .bloc img {
    margin-bottom: 10px;
}

.fond .bloc .content-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 10px;

}

.fond .bloc p {
    font-family: 'Mukta', sans-serif;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: normal;
    text-align: left;
    color: var(--charcoal-grey);
    padding: 8px 0 ;
}
.fond .bloc .objectif {
    font-family: 'Fjalla One', sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--blueberry);
}
.fond h3 {
    font-weight: bold;
    font-size: 30px;
    color: var(--charcoal-grey);
    margin-top: 0;
}
.fond p {
    font-size: 20px;
    font-family: 'Mukta', sans-serif;
    color: var(--charcoal-grey);
    line-height: 1.25;
}

.fond .preteur {
    margin-top: 100px;
    margin-bottom: 100px;
}
@media (max-width: 768px) {
    .fond .preteur {
        margin-top: 50px;
    }
    .fond h3 {
        font-size: 22px;
    }
}

.projet {
    background-color: var(--pale-grey);
    padding: 75px 0;
}
.projet .fiche {
    height: auto;
}
@media (max-width: 991px) {
    .projet {
        padding: 45px 0;
    }
}
@media (max-width: 768px) {
    .projet {
        padding: 15px 0;
    }
}

.send {
    text-align: center;
    margin-top: 125px;
}
.send h2 {
    margin-top: 35px;
}
.send p {
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 200px;
}

label {
    margin-top: 10px;
}
input {
    margin-bottom: 10px;
}
.envoie {
    background-color: var(--blueberry);
    color: #ffffff;
    padding: 10px 35px;
    font-size: 16px;
    width: auto;
    font-family: 'Fjalla One', sans-serif;
    border-radius: 25px;
    border: solid 2px var(--blueberry-border);
    margin: 15px 0 15px 30px;
}

.obligatoire {
    color: red;
}
.contact {
    padding: 75px 0;
}
.contact h3 {
    font-size: 25px;
}
.contact select {
    width: 95%;
    margin: auto;
}
@media (max-width: 991px) {
    .contact select {
        width: 96%;
    }
}
@media (max-width: 768px) {
    .contact select {
        width: 94%;
    }
}


.avertissement {
    background-color: var(--pale-grey);
    padding: 40px 0;
    text-align: center;
    font-size: 16px;
}
.agrement {
    padding: 40px 0;
}
.agrement h4 {
    font-weight: bold;
}
.agrement p {
    font-weight: bold;
}
.agrement ul.investissement {
    list-style-type: none;
    padding-left: 0;
}


#slider .item {
    height: 400px;
}
#slider .item img {
    margin: auto;
}
.img-size {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
}
@media (max-width: 768px) {
    #slider .item {
        height: 300px;
    }
    .img-size {
        max-height: 300px;
    }
}
@media (max-width: 425px) {
    #slider .item {
        height: 200px;
    }
    .img-size {
        max-height: 200px;
    }
}

.carousel-indicators li{
    background-color: #ffffff;
}
.carousel-indicators .active {
    background-color: var(--desert);
    border: none;
}

.circle {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
}
.circle span {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 45px;
    font-size: 30px;
}

.a-propos {
    padding: 10px 0;
    border-bottom: 1px solid #c9c7dc;
}
.bloc .a-propos:last-child {
     border-bottom: none;
}
.a-propos h2 {
    font-size: 20px;
    margin: 0;
}
#modalInsc h4{
    text-align: center;
}
#modalInsc .modal-body{
    padding: 0;
}


/******* MIDDLE OFFICE !!!! **********/

.container.middle{
    margin-top: 50px;
}
div.menu-gauche .title-menu{
    padding: 10px;
    background-color: var(--bleuberry-head);
    text-align: left;
    font-size: 25px;
    color: #FFF;
}
div.menu-gauche{
    background-color: var(--lavender);
    text-align: left;
    padding: 0;
}
div.menu-gauche ul {
    margin-top: 15px;
 }
div.menu-gauche ul li {
    margin-top: 8px;

}
div.menu-gauche ul li a  {
    font-size: 18px;
    color: #ffffff;
    font-family:'Fjalla One', sans-serif ;
    font-weight: normal;
    text-decoration: none;
}
div.menu-gauche ul li a:hover,div.menu-gauche ul li a.active   {
    font-size: 18px;
    color: var(--bleuberry-head);
    font-family:'Fjalla One', sans-serif ;
    font-weight: normal;
    text-decoration: none;
}
.middle table tr td, .middle table tr th{
    padding: 10px;
}

.middle table tr th{
    background:var(--bleuberry-head);
    color: #FFF;
}

div.modal.simulateur .modal-dialog{
    max-width: 670px;
}
div.modal.simulateur .modal-header h5{
    font-family: Mukta;
    font-weight: bold;
    font-size: 24px;
    color: var(--blueberry);
    text-align: center;
}
div.modal.simulateur .head-bandeau {
    background:var(--blueberry);
    color: #FFFFFF;
}
div.modal.simulateur .head-bandeau a {
    color: #FFFFFF;
    text-decoration: none!important;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    display: block;
    font-family: "Fjalla One";
    color: var(--bluey-grey-hover);

}
div.modal.simulateur .head-bandeau a.active {
    color: #FFFFFF;
}
div.modal.simulateur .head-bandeau a:hover {
    color: var(--desert);
}
div.modal.simulateur .content{
    background: var(--pale-grey);
    padding: 50px 25px;
    font-family: Mukta;
    color: var(--blueberry);
    font-size: 16px;
}
div.modal.simulateur .content label{
    font-family: Mukta;
    color: var(--blueberry);
    font-size: 16px;
    font-weight: normal;
}
div.modal.simulateur  label{
    text-align: right;
}
div.modal.simulateur .content input{
    max-width: 100px;
    margin-top: 5px;
    text-align: center;
}
div.modal.simulateur .content hr{
    background: var(--bluey-grey-hover);
    border: none;
    height: 1px;

}
div.modal.simulateur  #myTab div:not(:first-child) {
    border-left: solid 1px #fff;
}