.perso-progress {
    height:18px;
}
.perso-bg-correction {
    background-size: auto;
}

.nav-link.active {
    border:1px #61380e solid;
}

.nav-link {
    border:1px #e26c1d solid;
}

.yellow {
    color:#f8d54a;
}

.brown {
    color :#61380e;
}

.white {
    color :#FFF;
}

.border-orange {
    border:#e26c1d 1px solid;
}

.light-grey {
    color:#e6e4e4;
}

.logo-2 {
    margin-top:10px;
    padding-bottom:15px;
}

.oversize-text {
    font-size:1.2em;
}

.profession {
    width:100%;
}

.profession-li {
    width:22.5%;
}

@media (max-width: 575.98px) {
    .profession-li {
        width:100%;
        margin-top:10px;
    }
}

.animal {
    width:100%;
}

.animal-li {
    width:49%;
}

.selecteur-rbst {
    width:100%;
}

.selecteur-rbst-li {
    width:22.5%;
}

@media (max-width: 575.98px) {
    .animal-li {
        width:100%;
        margin-top:10px;
    }
}

.personnes-a-assurer {
    width:100%;
}

.personnes-a-assurer-li {
    width:100%;
    margin-top:10px;
}

.nav-link {
    font-size:1.2em;
}

.banniere-form {
    background: rgb(226,108,29);
    background: linear-gradient(90deg, rgba(226,108,29,1) 0%, rgba(249,144,73,1) 100%);
}

/* Style des inputs */
.civ-img-homme, .civ-img-femme {
    height:98px;
    width:63px;
    margin:auto;
}


.form-leon {
    height:60px;
    font-size:1.2em;
}

.form-leon:hover {
    height:60px;
    font-size:1.2em;
    border-color: #e26c1d;
}
/* #content-civ {
    margin:10px;
}  */

.texte-mentions {
    font-size:0.8em;
    line-height: 110%;
}

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


.text-icon {
    line-height: 150%;
}

.text-footer {
    font-size:0.8em;
    color:#b6b5b5;
    line-height: 120%;
}

.line-height-mini {
    line-height: 110%;
}

.text-mini {
    font-size:0.85rem;
}

.liens-mentions {
    color:inherit;
    opacity: 0.8;
    text-decoration: none;
}

.liens-mentions:hover {
    text-decoration: underline;
}
.tampon {
    max-height:100px;
    top:10%;
    right:0%;
}

.icon-footer {
    max-height:60px;
    opacity: 0.6;
}

.icon-avantages {
    padding-top:20px;
}

.icon-avantages-euro {
    padding:0;
    padding-top:20px;
}

.bg-roi-leon {
    background-image:url('../images/background/new.jpg');
    background-position: top left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment:initial;
}

@media (min-width: 575.98px) and (max-width: 980px) {
    .bg-roi-leon {
        background-position: -20px -100px;
        
    }
}

@media (max-width: 575.98px) {
    .bg-roi-leon {
        background-image:url('../images/background/mobile-banner.jpg');
        background-position: 0px 0px;
    }

    .bg-roi-leon h2 {
       line-height:130%;
       font-size:25px;
    }

    .push-bot-mobile {
        margin-top:110px;
    }

}

.secondary-banner {
    margin-top:-100px;
}

.small-icon {
    font-size:18px;
}

.big-icon {
    font-size:36px;
}

.de_testi.opt-2 i {
    /* font-size:initial; */
}

.footer-icon {
    width:100%;
    text-align: center;
}

.testi-photo {
    border-radius:50%;
    height:100px;
    width:100px;
    /* float:right; */
    position:absolute;
    top:0;
    right:20%;
}

 /* Gestion modal & inputs  */
.icon-box-modal i {
    display: block;
    font-size: 40px;
}

.icon-box-modal {
    display: inline-block;
    text-align: center;
    width: 20%;
    border: solid 1px #dddddd;
    padding: 20px 0 0px 0;
    margin: 2%;
    line-height: 120%;
}

@media (max-width: 991.98px) {
    .icon-box-modal {
        display: inline-block;
        text-align: center;
        width: 45%;
        border: solid 1px #dddddd;
        padding: 20px 0 0px 0;
        margin: 2%;
        line-height: 120%;
    }
}

.icon-box-modal .case-title {
    font-size:1.4em
}

.icon-box-modal .sub-line {
    font-size:0.8em;
    color:darkgray;
}

.icon-box-modal:hover{
	color:#ffffff;
	-webkit-box-shadow: 5px 5px 30px 0px rgba(var(--primary-color-rgb),.3);
	-moz-box-shadow: 5px 5px 30px 0px rgba(var(--primary-color-rgb),.3);
	box-shadow: 5px 5px 30px 0px rgba(var(--primary-color-rgb),.3);
    background-color:#e26c1d;
}

.icon-box-modal:hover i, .icon-box:hover span{
	color:#ffffff;
}

.title-modal {
    font-size:1.5em;
    background-color:#e26c1d;
    padding:15px;
    border-radius: 15px;
    color:#eeeeee;
    text-transform: uppercase;
    margin-bottom:20px;
}

.sub-case {
    margin-top:10px;
    font-size: 0.8em;
    line-height:120%;
}

.lion-modal {
    position:absolute;
    z-index:1100;
    width:135px;
    margin-top:-193px;
    /* margin-left:200px; */
    left:44%;
}

.lion-etudie {
    height:250px;
    margin:auto;
}

@media (max-width: 575.98px) {
    .lion-etudie {
        margin-left:30%;
    }
}


.modal {
    padding-top:150px;
}

@media (max-width: 991.98px) {
    .modal {
        padding-top:150px;
    }
}

.footer-banner {
    border-bottom: solid 1px #eeeeee;
}

.checkbox-perso-init {
    border: 2px #b6b5b5 solid;
}

.checkbox-perso-homme, .checkbox-perso-femme {
    border-radius:50%;
    border: 2px #b6b5b5 solid;
    height:20px;
    width:20px;
    margin:auto;
}

.checkbox-perso-hover {
    border-radius:50%;
    border: 2px #e26c1d solid;
    background-color:#e26c1d;
    height:20px;
    width:20px;
    margin:auto;
}

/* Recreation des checkbox car bug sur le theme  */
.checkbox-perso {
    height:20px;
    width:20px;
    border-radius:2px;
    border: 1px #b6b5b5 solid;
    margin-top:5px;
    /* margin-right:10px; */
    /* box-shadow:    2px 2px 10px #bebebe,
    -2px -2px 10px #ffffff; */
}

.checkbox-perso:hover {
    background-color:#e26c1d;
    /* background-image:url('../images/inputs/checked.svg');
    background-size: 5px 5px; */
    opacity: 80%;
    border: 1px #e26c1d solid;
}

.checked {
    background-image:url('../images/inputs/checked.svg');
    background-size: 90%;
    background-color:#e26c1d;
    background-repeat:no-repeat;
    background-position: center;
    border: 1px #e26c1d solid;
}

.mention-form-large {
    padding-bottom:40px;
}

.mention-form-small {
    display:none;
}

/* Ajout d'elements responsives  */
.menu-btn-accueil {
    margin-top:15px;
}

@media (max-width: 980px) {
    .banniere-sante {
        padding-top:10px;
        margin-bottom:50px;
    }

    .tampon {
        top:85%;
        left:30%;
    }

    .icon-mise-en-avant {
        margin-top:70px;
    }

    .selecteur-rbst-li {
        width:100%;
        margin-top:10px;
    }

    /* .bg-roi-leon {
        background-position: -20px -100px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-attachment:initial;
    } */

    .cta-banniere {
        padding-top:220px;
    }

    .secondary-banner {
        margin-top:-50px;
    }

    .mention-form-large {
        display:none;
    }
    
    .mention-form-small {
        display:block;
    }
}

.qr-padding {
    padding-right:15%;
}

/* .checkbox-perso:hover > .checkbox-perso {
    background-color:#e26c1d;
} */

/* Gestion des mentions legales  */
.legacy-content .charter-sub {
    margin-left:15px;
}

.legacy-content h6, .legacy-content ol li {
    margin-top:15px;
}

.legacy-content h6 {
    font-weight: thin;
}

.legacy-content h3 {
    color:#e26c1d;
    margin-top:50px;
}
.legacy-content h4 {
    color:#e26c1d;
    margin-top:50px;
}
.legacy-content h5 {
    color:#e26c1d;
}

.subtitle {
    color:#e26c1d;
    margin-left:15px;
  }

  .no-marker {
    list-style-type: none;
    margin-left:30px;
  }

  tbody tr:nth-child(even) {
    background-color: #f1f1f1;
  }

  tbody td {
    padding:15px;
  }
.legacy-content {
    padding-left:80px;
    font-size:0.9rem;
}

.legacy-content tbody {
    border:1px solid #f1f1f1;
    background-color: #fefefe;
}
/* Management du display des cases invisibles par défaut */
.invisible-conjoint {
    display:none;
}

.invisible-conjoint-visible {
    display:block;
}

.invisible-enfants-nb {
    display:none;
}

.invisible-enfants-nb-visible {
    display:block;
}

.invisible-enfants {
    display:none;
}

.invisible-enfants-visible {
    display:block;
}

.moins-enfant, .plus-enfant {
    cursor:pointer;
}




/* Réecriture de CSS bootstrap car ne correspond pas sur notre cas*/
.form-control.is-valid, .was-validated .form-control:valid {
    /* background:none; */
    background-image: none;
    border: 1px solid #ced4da;
}

/* On veut aligner tous les placeholders  */

.input-center {
    text-align: center;
}
::-webkit-input-placeholder {
    text-align: center;
 }
 
 :-moz-placeholder { /* Firefox 18- */
    text-align: center;  
 }
 
 ::-moz-placeholder {  /* Firefox 19+ */
    text-align: center;  
 }
 
 :-ms-input-placeholder {  
    text-align: center; 
 }

 
.input-leon {
    border: 2px #b6b5b5 solid;
    border-radius:10px;
    text-align: center;
    padding:10px;
    margin:10px;
}

.input-leon-hover {
    border: 2px #e26c1d solid;
    border-radius:10px;
    text-align: center;
    padding:10px;
    margin:10px;
}

.input-error {
    border:2px solid red;
    background-color: rgba(228, 46, 46, 0.342);
    opacity: 0.5;
    box-shadow: 0px 0px 8px rgba(172, 26, 26, 0.897);
}
.input-valide {
    /* border:2px solid red; */
    background-color: rgba(90, 231, 24, 0.199);
    box-shadow: 0px 0px 8px rgba(90, 231, 24, 0.897);
}

/* LOUPE SPINNER CHARGEMENT  */
@keyframes ldio-6cv8ummw7e3 {
    0%    { transform: translate(4.6px,4.6px) }
   33.33% { transform: translate(234.6px,4.6px) }
   66.66% { transform: translate(96.6px,234.6px) }
  100%    { transform: translate(4.6px,4.6px) }
}


.ldio-6cv8ummw7e3 > div {
  transform: scale(0.4);
  transform-origin: 229.99999999999997px 229.99999999999997px;
}

.ldio-6cv8ummw7e3 > div > div {
  animation: ldio-6cv8ummw7e3 1.7857142857142856s linear infinite;
  position: absolute
}

.ldio-6cv8ummw7e3 > div > div div:nth-child(1) {
  width: 165.6px;
  height: 165.6px;
  border-radius: 50%;
  border: 27.599999999999998px solid #f0670c;
  background: #5febfa
}

.ldio-6cv8ummw7e3 > div > div div:nth-child(2) {
  width: 39.099999999999994px;
  height:  117.3px;
  transform: rotate(-45deg);
  background: #e26c1d;
  border-radius: 0 0 18.4px 18.4px;
  position: absolute;
  top: 156.39999999999998px;
  left: 195.49999999999997px
}
.loadingio-spinner-magnify-1otmneccbn7 {
  width: 460px;
  height: 460px;
  display: inline-block;
  overflow: hidden;
  background: #ffffff;
}
.ldio-6cv8ummw7e3 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-6cv8ummw7e3 div { box-sizing: content-box; }
/* generated by https://loading.io/ */


.wrapper{
    width:200px;
    height:60px;
    /* position: absolute; */
    /* left:50%; */
    top:50%;
    transform: translate(-50%, -50%);
    margin:auto;
}
.circle{
    width:20px;
    height:20px;
    position: absolute;
    border-radius: 50%;
    background-color: #e26c1d;
    left:15%;
    transform-origin: 50%;
    animation: circle 0.5s alternate infinite ease;
}

@keyframes circle{
    0%{
        top:60px;
        height:5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7);
    }
    40%{
        height:20px;
        border-radius: 50%;
        transform: scaleX(1);
    }
    100%{
        top:0%;
    }
}
.circle:nth-child(2){
    left:45%;
    animation-delay: 0.3s;
}
.circle:nth-child(3){
    left:auto;
    right:15%;
    animation-delay: .6s;
}
.shadow{
    width:20px;
    height:4px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.3);
    position: absolute;
    top:62px;
    transform-origin: 50%;
    z-index: -1;
    left:15%;
    filter: blur(1px);
    animation: shadow 0.5s alternate infinite ease;
}

@keyframes shadow{
    0%{
        transform: scaleX(1.5);
    }
    40%{
        transform: scaleX(1);
        opacity: .7;
    }
    100%{
        transform: scaleX(.2);
        opacity: .4;
    }
}
.shadow:nth-child(4){
    left: 45%;
    animation-delay: .2s
}
.shadow:nth-child(5){
    left:auto;
    right:15%;
    animation-delay: .3s;
}
.wrapper span{
    position: absolute;
    top:75px;
    font-family: 'Lato';
    font-size: 20px;
    letter-spacing: 2px;
    color: #fff;
    left:15%;
  text-align:center;
}

.cursor-pointer {
    cursor: pointer;
}

/* DATEPICKER MANAGEMENT */

.datepicker-dropdown {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    margin-top: 0px;
}
.datepicker {
    padding: 0;
}
.datepicker td, .datepicker th {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.85rem;
}
.datepicker-dropdown:after {
    border-bottom-color: rgb(204, 75, 0);
}
.datepicker-days .table-condensed thead tr:nth-child(2), .datepicker-months .table-condensed thead tr:nth-child(2),
.datepicker-years .table-condensed thead tr:nth-child(2), .datepicker-decades .table-condensed thead tr:nth-child(2),
.datepicker-centuries .table-condensed thead tr:nth-child(2) {
    background: linear-gradient(to bottom,rgb(204, 156, 0),rgb(204, 75, 0));
    color: #fff;
}
.datepicker-days .table-condensed thead tr:nth-child(2) th:hover, .datepicker-months .table-condensed thead tr:nth-child(2) th:hover,
.datepicker-years .table-condensed thead tr:nth-child(2) th:hover,.datepicker-decades .table-condensed thead tr:nth-child(2) th:hover,
.datepicker-centuries .table-condensed thead tr:nth-child(2) th:hover {
    background: linear-gradient(to bottom,rgb(204, 156, 0),rgb(204, 75, 0));
    color: #fff;
}
.datepicker-days .table-condensed tfoot, .datepicker-months .table-condensed tfoot, .datepicker-years .table-condensed tfoot,
.datepicker-decades .table-condensed tfoot, .datepicker-centuries .table-condensed tfoot {
    border-top: solid 1px rgba(0,0,0,.15);
}

.field-set input[type=radio],
.field-set input[type=text],
.field-set select {
    display: block;
}

.field-set input[type=radio],
.field-set input[type=text] {
    margin: 10px;
}

@media all and (max-width: 575.98px) {
    .mobile-hide {
        display: none;
    }
}

@media all and (max-width: 575.98px) {
    .mobile-display {
        color: #61380e;
        text-align: center;
        padding:0 10px;
    }
}


@media all and (max-width: 575.98px) {
    .mobile-display > h2 {
        font-size: 30px;
        line-height: 36px;
    }
}

@media all and (min-width: 575.98px) {
    .desktop-hide {
        display: none;
    }
}

.mobile-health-cta {
    background: linear-gradient(90deg,#f7b341,#e96800);
    color: #fff;
    padding:15px;
    border-radius: 25px;
    font-size: 1.5rem;
    font-weight: bold;
    margin-left:10px;
    margin-right: 10px;
    text-align: center;
}

@media screen and (min-width: 575.98px) {
    .mobile-health-cta {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .skill-bar {
        margin-bottom:0px;
    }
}