@charset "UTF-8";
/* CSS Document */

/*******************************
             Global
*******************************/

body{
	font-weight:400;
	background-color:#ffffff;
	/*font-family: 'Roboto Slab',serif !important;*/
}

.ui.primary.label {background-color:#f09637 !important;}

.ui.primary.button {border-radius: 5px !important;background-color:#f09637 !important;}
.ui.primary.button:hover {border-radius: 5px !important;background-color:#4c4c4c !important;}
.ui.primary.button.inverted {border-radius: 5px !important;color:#f09637 !important;box-shadow:0 0 0 2px #f09637 inset !important;background-color:#ffffff !important;border:1px solid #f09637 !important;}
.ui.primary.button.inverted:hover {border-radius: 5px !important;color:#4c4c4c !important;background-color:#ffffff !important;border:1px solid #4c4c4c !important;}
.ui.secondary.button {border-radius: 5px !important;background-color:#4c4c4c !important;}
.ui.secondary.button:hover {border-radius: 5px !important;background-color:#f09637 !important;}
.ui.signature_papier.button {border-radius: 5px !important;background-color:#57b046 !important;}
.ui.signature_papier.button:hover {border-radius: 5px !important;background-color:#4c4c4c !important;}

h1.ui.primary {color:#f09637 !important;}
h2.ui.primary {color:#f09637 !important;}
h3.ui.primary {color:#f09637 !important;}
h5.ui.primary {color:#f09637 !important;}
.header.dividing.primary{color:#f09637 !important;border-bottom: 1px solid #f09637 !important;}

.colorTitre {color:#57b046 !important;}
.colorTitre2 {color:#f09637 !important;}
.colorTitre3 {color:#4c4c4c !important;}
.colorTitre4 {color:#ffffff !important;}
.colorTitre5 {color:#009de0 !important;}

.fondCard {background-color:#f7f7f7 !important;}
.topTel {margin-top:0.6em !important;}

#fix-menu a.item {background:#f09637;color:#ffffff !important;}

.breadcrumbselected {color:#4c4c4c !important; font-size:1.1em !important;}
.ui.breadcrumb {color:#000000 !important; font-size:1.2em !important;}

.headerLogoColor {background-color:#ffffff !important;color:#000000 !important;}
.headerMenuColor {background-color:#4c4c4c !important;padding-top:10px !important;padding-bottom:10px !important;margin-bottom:14px !important;}
.headerFilArianeColorVide {background-color:#57b046 !important;color:#57b046 !important;height:20px !important;}
.headerFilArianeColor {background-color:#57b046 !important;color:#57b046 !important;margin-top:-14px !important;} 
.footer {padding: 2em .5em; margin:3rem 0 0 0; background-color:#4c4c4c; color:#ffffff; font-size:1em;}
.footer-alt-color {background-color:#4c4c4c !important; color:#ffffff !important}
.txtsmall {font-size:0.8em;}

a.lnkfoot {color:#ffffff;font-size:1.2em !important;font-family: 'Roboto Condensed',sans-serif !important;font-weight:400 !important;}
a.lnkfoot:hover {color:#f09637;font-size:1.2em !important;font-family: 'Roboto Condensed',sans-serif !important;font-weight:400 !important;}

.ui.card {border-radius: 5px !important;}

.bg1 {background-color: #57b046 !important;}
.ui.pointing.below.label.bg1 {background-color: #57b046 !important;}
.bg2 {background-color: #f09637 !important;}
.bg3 {background-color: #4c4c4c !important;}
.bg4 {background-color: #ffffff !important;}
.bg5 {background-color: #009de0 !important;}
.bg6 {background-color: #000000 !important;}
.bg7 {background-color: #f8a70d !important;}
.bg8 {background-color: #bcbec0 !important;}

.couleur1 {color: #57b046 !important;}
.couleur2 {color: #f09637 !important;}
.couleur3 {color: #4c4c4c !important;}
.couleur4 {color: #ffffff !important;}
.couleur5 {color: #009de0 !important;}
.couleur6 {color: #000000 !important;}
.couleur7 {color: #f8a70d !important;}
.couleur8 {color: #bcbec0 !important;}

.table_iard {border:solid 5px #f8a70d;}

.fillCouleur1 {fill:#57b046 !important;}
.fillCouleur2 {fill:#ffffff !important;}

.optionfill {border: 5px solid #57b046 !important;color:#57b046!important;}
.option2fill {border: 5px solid #f09637 !important;color:#f09637 !important;}
.option3fill {border: 5px solid #4c4c4c !important;color:#4c4c4c !important;}

.circular.segment.inverted.primary {background-color: #f09637 !important; margin-top: 0; margin-top: -1em;}

a.ui-state-default.ui-state-active {background-color: #f09637 !important;border:1px solid  #f09637 !important;}
a.ui-state-default:hover {background-color: #f09637 !important;border:1px solid  #f09637 !important;}

.rounded
{
    border-radius:5px !important;
}

/***********************
Hopitalisation
***********************/
.option {border: 5px solid #009de0 !important;color:#4c4c4c !important;}
.optionbg {background-color: #009de0 !important;color:#4c4c4c !important;}

.optionactive {border: 5px solid #f09637 !important;background-color:#57b046 !important;color:#ffffff !important;}
.optionactivebg {border: 4px solid #f09637 !important;background-color: #57b046 !important;color:#ffffff !important;}
.optionhover {border: 5px solid #009de0 !important;background-color:#f7f7f7 !important;color:#009de0 !important;}

/***********************
Accident
***********************/
.optionacc {border: 5px solid #009de0 !important;color:#4c4c4c !important;}
.optionaccbg {background-color: #009de0 !important;color:#4c4c4c !important;}

.optionaccactive {color:#f09637 !important;border: 5px solid #f09637 !important;margin-bottom: 10px;padding-bottom: 10px;background-color: #57b046 !important;}
.optionaccactivebg {background-color: #57b046 !important;}
.optionacchover {border: 5px solid #57b046 !important;background-color:#f7f7f7 !important;color:#009de0 !important;}

.accident-seg-height {
	height:400px !important;
}

.accident-seg-height2formijh {
	height:320px !important;
}

.borderBloc {border: 1px solid #009de0 !important;margin-bottom: 10px;padding-bottom: 10px;}
.borderBottom {border-bottom: 1px solid #009de0 !important;}

/*************************
Deces
**************************/
.optiondec {border-color:#009de0 !important;border-style:solid !important}
.optiondecactive {border-color:#f09637 !important;border-style:solid !important}

/* message page d'erreur */
.erreurMessage {color: #f09637 !important;background-color:#ffe8e6 !important;}
.notFoundMessage {color: #ffffff !important;background-color:#ffe8e6 !important;}

/* toggle styles*/
.ui.toggle.checkbox input:focus:checked~.box:before,
.ui.toggle.checkbox input:focus:checked~label:before,
.ui.toggle.checkbox input:checked~.box:before,
.ui.toggle.checkbox input:checked~label:before {
    background-color: #57b046 !important
}

/***********************
TERRI
***********************/
.bordureTerri {border: 3px solid #57b046 !important;}
.terriFormHeader {font-size: 15px;font-weight: bold;}
.terriCartFooter {font-size: 15px;padding:0.75em;margin:1rem 0 0 0}

    /***********************

    Pour les formules

    */

/* les cards */

.terri-formule-card {
    z-index:5;
}

.terri-formule-card.active {
    border : 2px solid #57b046 !important;
}

.terri-formule-card.inactive {
    border-style: none !important;
}

/* le rond */

.terri-formule-rond {
	height: 80px;
	width: 80px;
	border-radius: 80px 80px 80px 80px;
    padding-top: 20px;
    padding-bottom: 0px;
    position: relative;
    margin: auto;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF; 
    border: 2px solid #FFFFFF;
	z-index: -1;
    background-color: #817e7e !important;
}

.terri-formule-rond.active {
    background-color: #57b046 !important;
}

.terri-formule-rond.inactive {
    background-color: #817e7e !important;
}

/*  la coche "checked" */

.terri-formule-check-icon {
    position: absolute;
    top: 2px;
    left: 0px;
    display: none !important;
}

.terri-formule-check-icon-horizontal {
    position: static;
    padding-bottom:50%;
    display: none !important;
}

.terri-formule-check-icon.active {
    display:block !important;
}

.terri-formule-check-icon.inactive {
    display: none !important;
}

.terri-formule-check-icon-horizontal.active {
    display:block !important;
}

.terri-formule-check-icon-horizontal.inactive {
    display: none !important;
}
/* la partie label */

.terri-formule-label {
    margin-top: -20px;
    z-index: 101;
    padding: 5px;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    color: #FFFFFF; 
    background-color: #4c4c4c !important;
    
}



.terri-formule-label.inactive {
    background-color: #4c4c4c !important;
}

.terri-formule-precision {
    font-size: 16px;
    font-weight: bold;
}

.terri-formule-name {
    margin-bottom: 5px;
    background-color: #57b046;
    border-radius: 4px 4px 4px 4px;
    font-size: 20px;
    color: #FFFFFF;
    padding: 5px;
}

.terri-formule-mandatory {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
}
    /***********************

    Pour les option

    */

.terri-option-card {
    font-size: 20px;
    z-index:5;
    margin-top:15px !important;
    
}

.terri-option-card.active {
    border: 2px solid #57b046 !important;
    font-weight: bold;
}

.terri-option-card.inactive {
    border-style:none;
}

.terri-option-rond {
	height: 80px;
	width: 80px;
    border-radius: 100% !important;
    padding-top: 20px;
    padding-bottom: 0px;
    position: absolute;
    left:90%;
    top: -40px;
    font-size: 18px;
    font-weight: bold;
    border: 2px solid #FFFFFF;
    color: #FFFFFF; 
    background-color: #817e7e !important;
}

.terri-option-rond.active {
    background-color: #57b046 !important;
}

.terri-option-rond.inactive {
    background-color: #817e7e !important;
}

/*  la coche "checked" */

.terri-option-check-icon {
    position: absolute;
    top: 2px;
    left: 0px;
    display: none !important;
}

.terri-option-check-icon.active {
    display:block !important;
}

.terri-option-check-icon.inactive {
    display: none !important;
}

/* la partie label */

.terri-option-label {
    margin-top: -20px;
    z-index: 101;
    padding: 5px;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    color: #FFFFFF; 
    background-color: #4c4c4c !important;
}

.terri-option-label.active {
    background-color: #57b046 !important;
}

.terri-option-label.inactive {
    background-color: #4c4c4c !important;
}

.terri-option-header {
    background-color: #4c4c4c !important;
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-left-radius: 4px !important;
    z-index: -2;
    color: #FFFFFF;
    height: 40px;
}

.terri-option-header.active {
    background-color: #57b046 !important;
}

.terri-option-content {
    padding:10px !important;
    font-size: 20px !important;
    line-height: 20px !important;
    color: #000000 !important;
    z-index: -6 !important;
}

.terri-option-content.obligatoire {
    height:50px !important;
}

.terri-option-content.active {
    font-weight: bold !important;
}

.terri-option-content.inactive {
    background-color: #4c4c4c !important;
    font-weight: normal !important;
}

.terri-option-name {
    margin-bottom: 10px;
    background-color: #57b046;
    border-radius: 15px 15px 15px 15px;
    font-size: 20px;
    color: #FFFFFF;
    padding: 5px;
}

.terri-infobutton {border-style: none !important; font-size: 12px; color:#FFFFFF !important;}
.terri-infobutton.active {background-color:#57b046 !important; }
.terri-infobutton.inactive {background-color:#f09637 !important;}

/* FIN options */

.terri.smallbutton {border-style: none !important;background-color:#57b046 !important; font-size: 12px;}
.terri.smallbutton:hover {background-color:#4c4c4c !important;}
.terri.smallbutton.inverted {color:#f09637 !important;background-color:#ffffff !important;}
.terri.smallbutton.inverted:hover {color:#4c4c4c !important;}

/* DEBUT styles spécifiques page souscription */

.terri-choice-label {font-size: 20px !important; color: #f09637 !important; font-weight: bold}
.terri-choice-price {font-size: 18px !important; color: #000000 !important; font-weight: bold;}

/* DEBUT styles pour les formules */

.terri-form-display {
    font-size: 20px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px !important;
    padding-right:0px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    height: 9em;
}

.terri-form-display-horizontal {
    font-size: 20px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px !important;
    padding-right:0px !important;
    cursor: pointer;
}

.terri-form-display.active {
    border: 2px solid #57b046;
    margin:5px;
}

.terri-form-display.disabled {
    border: 0px;
}

.terri-form-display-footer {
    text-align:center;
    height:100px;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 5px;

}

.terri-form-display-header {
    text-align:center;
    height:100px;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 5px;
}
.terri-form-header {
    font-size: 20px;
    font-weight: bold;
    padding-top: 5px;
}


.terri-form-display-footer.active {
    background-color:#57b046 !important;
    color: #FFFFFF;
}
.terri-form-display-footer.inactive {background-color:#e6e6e6 !important}

.terri-form-display-left{
    font-size: 15px;
    font-weight: bold;
    padding:5px !important;
    margin-right: 5px !important;
    border-radius: 5px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
}

.terri-form-display-left.active {
    border: 2px solid #57b046;
    color: #57b046;
    
}

.terri-form-display-left.inactive {
    border: 2px solid #e6e6e6;
    color: #000000;
    
}
.terri-form-display-middle {
    margin-left:0px !important;
    margin-right:0px !important;
    padding:7px !important;
    font-size: 17px;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.terri-form-display-right {
    margin-left:0px !important;
    margin-right:0px !important;
    padding:5px !important;
    border: 2px solid #e6e6e6;
    border-left: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
}

.terri-form-display-middle.active {
    background-color:#57b046 !important;
    color: #FFFFFF !important;
}

.terri-form-display-middle.inactive {
    background-color:#e6e6e6 !important;
}

.smallMarginHeight
{
    margin-top:5px !important;
    margin-bottom:5px !important;
}

.smallPaddingHeight
{
    padding-top:5px !important;
    padding-bottom:5px !important;
}

.smallPaddingLeft
{
    padding-left:5px !important;
    padding-right:5px !important;
    font-size:13px !important;
}

/*********************************
Emprunteur
*********************************/
/* css du bloc formule (bf) page souscription */
.c-segment-bf {
    /* height:250px !important; */
    border-radius:10px !important;
    padding:0px !important;
    margin-top:20px !important;
}
.c-title-bf{
    border-top-left-radius:10px !important;
    border-top-right-radius:10px !important;
}
.rond-bf {
    height: 120px !important;
    width: 120px !important;
    float:right !important;
    margin-top:-50px !important;
    margin-right:-30px!important;
}
.rond-bf-double {
    height: 120px !important;
    width: 120px !important;
    float:right !important;
    margin-top:-50px !important;
    margin-right:-30px!important;
}
.input-only-read {
    background-color: #CCCCCC !important;
    opacity: 0.45 !important;
    pointer-events: none !important;
}
.c-debut-emprunt {
    height : 80px !important;
    border-radius : 10px !important;
    padding : 0px !important;
    margin-top : 20px !important;
}
.c-title-bloc-emp {
    margin-top : 3px !important;
    border-radius : 0 !important;
    font-size : medium !important;
}
.c-bg7{
    margin-left : 15px !important;
    margin-right : 15px !important;
    font-size : medium !important;
    font-weight : bold !important;
}
.c-title-debut-emprunt {
    text-align: center;
    color: white !important;
    font-size: x-medium !important;
    background: #e61801 !important;
    padding: 0.78571429rem 1rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #d4d4d5 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    z-index: 1;
    height: 40px;
    margin-top:40px;
}
.btn-modifier-de {
    margin-top : 60px !important;
    margin-left: 20px !important;
    border-radius: 0px !important;
    background-color:#0D8957 !important;
    height:40px !important;
    color: #3caf7e  !important;
    box-shadow:0 0 0 2px #3caf7e  inset !important;
    background-color:#ffffff !important;
    border:1px solid #3caf7e  !important;
}
.icon-btn-no-bg {
    background-color: transparent !important;
}
.text-bloc-formule {
    margin-top: 20px !important;
    font-size: x-large;
    font-weight: bold;
    color: #e61801;
}
.options-selected {
    margin-top: 30px !important;
    margin-left: 50px !important;
    color : rgba(0,0,0,.87) !important;;
    font-weight: bold;
}
.tarif-in-rond {
    padding-top:1.4em !important;
    font-weight:bold !important;
    font-size:x-large !important;
}

.bttDelPalier {
    margin-top: 8px !important;
    cursor: pointer;
}
.title-palier{
    margin-top: 5px !important;
}

.padd-titleh4 {
    padding-top: 50px !important;
}
.min-max-slider {
    font-weight: bold;
}
.rond-formule-emprunt{
    height: 100px;
    width: 100px;
    border-radius: 115px 115px 115px 115px;
    padding-top: 10px;
    margin: auto;
    z-index: 99;
    border: 3px solid #e61801;
    color: #e61801;
    position: absolute;
    z-index: 2;
    background: white;
}
.seg-formule {
    margin-top: 50px !important;
    padding: 0px 0px 0px 0px !important;
    border-radius: 10px !important;
}
.title-formule {
    text-align: center;
    color: white !important;
    font-size: x-large !important;
    font-weight: bold !important;
    background: #e61801 !important;
    padding: 0.78571429rem 1rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #d4d4d5 !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    z-index: 1;
    height: 60px;
}

.slider_emprunteur {
    -webkit-appearance: none;
    margin-right: 15px;
    width: 200px;
    height: 7px;
    /* background: rgba(255, 255, 255, 0.6); */
    background: #F8F8F8;
    border-radius: 5px;
    background-image: linear-gradient(#e61801, #e61801);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* Input Thumb */
.slider_emprunteur::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #e61801;
    cursor: pointer;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
}

.slider_emprunteur::-moz-range-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #e61801;
    cursor: pointer;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
}

.slider_emprunteur::-ms-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #e61801;
    cursor: pointer;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
}

.slider_emprunteur::-webkit-slider-thumb:hover {
    background: #e61801;
}

.slider_emprunteur::-moz-range-thumb:hover {
    background: #e61801;
}

.slider_emprunteur::-ms-thumb:hover {
    background: #e61801;
}

/* Input Track */
.slider_emprunteur::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

.slider_emprunteur::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

.slider_emprunteur::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}


@media screen and (max-width:1300px) {
    .terriPrixCard{
        max-width:55% !important;
    }
    .labelCollectivitePrix{
        font-size:0.8em !important;
    }
    .labelFormuleSelectPrix{
        font-size:0.75em !important;
    }
    .terriSmallFont{
        line-height:13px !important;
    }
    .smallPaddingLeft{
        font-size:0.90em !important;
    }
}

@media screen and (min-width:1300px) and (max-width:1500px) {
    .terriPrixCard{
        max-width:75% !important;
    }
    .labelCollectivitePrix{
        font-size:0.8em !important;
    }
    .labelFormuleSelectPrix{
        font-size:0.75em !important;
    }
    .terriSmallFont{
        line-height:13px !important;
    }
    .smallPaddingLeft{
        font-size:0.90em !important;
    }
}

/************************
Temporaire Décès
************************/
.ltdBordureCardOn{
    border:3px solid #f09637 !important;
}

.ltdTarifCapitalTitle{
    font-size:16px;
}

.ltdTarifAnnuel{
    font-style: italic;
    font-weight: bold;
}

.ltdTarifProrata{
    font-size:18px;
    font-weight: bold;
}

.ltdModaliteReglementTitle{
    font-size:20px !important;;
}

.ltdModaliteReglement {border: 5px solid #f7f7f7 !important; background-color: #f7f7f7 !important;color:rgba(0,0,0,.87) !important;}

.ltdFormuleNonDispo {height:305px !important;display:flex !important;align-items:center !important;background-color:#eeeeee !important}

/**********************
PREVOIR
**********************/
.nbre{
    width:8em!important;
}
.center-card{
    text-align: center;
    height: 4.6em;
    }
.ui.cards>#monsieur,#madame,#conj_madame,#conj_monsieur {
    border: 2px solid #f09637;
}
.card-color{
    background: #f09637;
}
.back-color{
    color: #f09637;
}
.ui.cards>.error_card{
    border: 2px solid red!important;
}
.error_button{
    border: 2px solid red!important;
}
.header-color{
    color: #fff!important;
    text-align: center;
}
.card-choice{
    background: #f09637!important;
    color: #fff;
}

.sante-orientation-active
{
    background: #f09637!important;
    color:#fff!important;
}

/*CIRCLE*/
#circle-red{
    background:#e40613;
    color: #fff;
    border-radius: 100%;
    padding: 0.2em;
}
.disabled-card{
    opacity: .45;
}
.active-card{
    opacity: unset;
}

/***********************
IARD
***********************/
.optioniard {border: 5px solid #009de0 !important;color:#4c4c4c !important;}
.optioniardbg {border: 5px solid #009de0 !important;background-color:#009de0 !important;color:#4c4c4c !important;}

.optioniardactive {border: 5px solid #f09637 !important;background-color:#57b046 !important;color:#ffffff !important;}
.optioniardactivebg {border: 5px solid #f09637 !important;background-color: #f09637 !important;color:#4c4c4c !important;}
.optioniardhover {border: 5px solid #009de0 !important;background-color:#f7f7f7 !important;color:#009de0 !important;}
.optioniardhoverbg {border: 5px solid #f09637 !important;background-color:#f09637 !important;color:#4c4c4c !important;}

/*************************
Range
**************************/
.ui.range .inner .track-fill {
    position: absolute;
    width: 0;
    height: 12px;
    border-radius: 6px;
    top: 4px;
    left: 0;
    background-color: #57b046;
}

.ui.range .inner .thumb {
    position: absolute;
    top: 5px;
    left: 0;
    height: 10px;
    width: 10px;
    background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: #fff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: #fff -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: #fff -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    border-radius: 100%;
    box-shadow: 0px 0px 0px 3px #4c4c4c, 0px 0px 0px 5px rgb(255, 255, 255);
}

/*************************
Range bilan prev
**************************/
.ui.rangebilan .inner .track-fill {
    position: absolute;
    width: 0;
    height: 25px;
    border-radius: 6px;
    top: 4px;
    left: 0;
    background-image: linear-gradient(to right, #ffffff , #57b046);
    color: rgba(0,0,0) !important;
}

.ui.rangebilan .inner .thumb {
    position: absolute;
    top: 5px;
    left: 0;
    height: 25px;
    width: 25px;
    background: #4c4c4c linear-gradient(transparent, rgba(0, 0, 0, 0.25));
    background: #4c4c4c -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
    background: #4c4c4c -o-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
    background: #4c4c4c -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
    border-radius: 100%;
    box-shadow: 0px 0px 0px 5px #4c4c4c, 0px 0px 0px 5px rgb(255, 255, 255);
}

.ui.rangebilan .inner .thumb2 {
    position: absolute;
    top: 5px;
    left: 0;
    height: 25px;
    width: 25px;
    background: #4c4c4c linear-gradient(transparent, rgba(0, 0, 0, 0.25));
    background: #4c4c4c -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
    background: #4c4c4c -o-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
    background: #4c4c4c -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
    border-radius: 90%;
    box-shadow: 0px 0px 0px 5px #4c4c4c, 0px 0px 0px 5px rgb(255, 255, 255);
    color: rgba(0,0,0) !important;
}

/***********************
Fil ariane
***********************/

/* fin de fleche si étape passé */
.ui.steps .step.active:after 
{
    border-right:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
}

/* fin de flèche étape en cours */
.ui.steps .step.active.current:after 
{
    border-right:2px solid #f09637;
    border-bottom:2px solid #f09637;
}
/* fond et bordure des éléments actifs/passés */
.ui.steps .step.active
{
    background:#57b046 !important;
    border-color:#57b046 !important;
}

/* ligne en bas du fil d'ariane */
.ui.steps .step
{
  border-bottom:1px solid #57b046 !important;
}

/* titre des éléments actifs */
.ui.steps .step.active .title
{
    color:#ffffff;
}


/* fond et bordure des éléments actifs courant  */
.ui.steps .step.active.current
{
    background:#f09637 !important;
    border-color:#f09637!important;
    border-bottom:1px solid #f09637 !important;
}


/* masquage partie gauche de la fin de flèche */
.ui.steps .step.active:after
{
    background:#57b046 !important;
}

/* masquage partie gauche de la fin de flèche */
.ui.steps .step.active.current:after
{
    background:#f09637 !important;
}

/******************
Bilan de prévoyance
******************/
.ui.card>:first-child, .ui.cards>.card>:first-child
{
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
}

/* hospitalisation 365 */

.card-center {
    text-align: center;
    height: 4.6em;
    margin-top:10px;
}
.card-color{
    background: #57b046;
}
.card-selected {
    border-top: 2px solid #f09637 !important;
    border-left: 2px solid #f09637 !important;
    border-right: 2px solid #f09637 !important;
}
.card-bas {
    background: #57b046 !important;
    padding:0.5em 0.5em !important;
    color: #ffffff;
    text-align: center;
}
.card-bas-selected {
    background: #f09637 !important;
    padding:0.5em 0.5em !important;
    color: #ffffff;
    text-align: center;
}
.header-color{
	color: #ffffff !important;
	text-align: center !important;
}
.header-center{
    text-align: center !important;
    margin-top:5px !important;
}
.bg365 {
    background-color: #57b046 !important;
    color:#ffffff !important;
}
.bg365-selected {
    background-color: #f09637 !important;
    color:#ffffff !important;
}
.card-selected-tarif {
    border: 4px solid #f09637 !important;
}

/************************
Accident 2024
************************/
.accident2024-formule {
    -webkit-box-shadow: 0 2px 4px 0 rgba(65, 65, 65,.52),0 2px 10px 0 rgba(65, 65, 65,.55) !important;
    box-shadow: 0 2px 4px 0 rgba(65, 65, 65, 0.52),0 2px 10px 0 rgba(65, 65, 65,.55) !important;
 }
 
 .accident2024-formule-tarif {
     padding-top:0.7rem !important;
     padding-bottom:0.2rem !important;
     font-size:1.4rem !important;
 }
 
 .accident2024-option {
     -webkit-box-shadow: 0 2px 4px 0 rgba(65, 65, 65,.52),0 2px 10px 0 rgba(65, 65, 65,.55) !important;
     box-shadow: 0 2px 4px 0 rgba(65, 65, 65, 0.52),0 2px 10px 0 rgba(65, 65, 65,.55) !important;
 }
 
 .accident2024-formule.selected {
     -webkit-box-shadow: 0 2px 4px 0 rgba(255, 60, 0, 0.52),0 2px 10px 0 rgba(255, 60, 0, 0.55) !important;
     box-shadow: 0 2px 4px 0 rgba(255, 60, 0, 0.52),0 2px 10px 0 rgba(255, 60, 0, 0.55) !important;
     border:1px solid rgb(255, 115, 0) !important;
 }
 
 .accident2024-option.selected {
     -webkit-box-shadow: 0 2px 4px 0 rgba(143, 87, 65, 0.52),0 2px 10px 0 rgba(143, 87, 65, 0.55) !important;
     box-shadow: 0 2px 4px 0 rgba(143, 87, 65, 0.52),0 2px 10px 0 rgba(143, 87, 65, 0.55) !important;
 }