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

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

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

.ui.primary.button {border-radius: 5px !important;background-color:#e61801 !important;}
.ui.primary.button:hover {border-radius: 5px !important;background-color:#4c4c4c !important;}
.ui.primary.button.inverted {border-radius: 5px !important;color:#e61801 !important;box-shadow:0 0 0 2px #e61801 inset !important;background-color:#ffffff !important;border:1px solid #e61801 !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:#e61801 !important;}
.ui.signature_papier.button {border-radius: 5px !important;background-color:#3caf7e !important;}
.ui.signature_papier.button:hover {border-radius: 5px !important;background-color:#4c4c4c !important;}

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

.colorTitre {color:#3caf7e !important;}
.colorTitre2 {color:#3caf7e !important;}
.colorTitre3 {color:#e61801 !important;}
.colorTitre4 {color:#4c4c4c !important;}
.colorTitre5 {color:#009de0 !important;}

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

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

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

.headerLogoColor {background-color:#ffffff !important;color:#000000 !important;margin-bottom:10px !important;}
.headerMenuColor {background-color:#4c4c4c !important;padding-top:10px !important;padding-bottom:10px !important;margin-bottom:14px !important;}
.headerFilArianeColorVide {background-color:#3caf7e !important;color:#ffffff !important;height:20px !important;}
.headerFilArianeColorVideMAS {background-color:#3BA1D1 !important;color:#ffffff !important;height:20px !important;}
.headerFilArianeColorMAS {background-color:#3BA1D1 !important;color:#ffffff !important;margin-top:-14px !important;}
.headerFilArianeColor {background-color:#3caf7e !important;color:#ffffff !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:#e61801;font-size:1.2em !important;font-family: 'Roboto Condensed',sans-serif !important;font-weight:400 !important;border-bottom:2px solid #e61801 !important}
a.lnkfoot.active {border-bottom:2px solid #ffffff !important}
a.lnkfoot.active:hover {border-bottom:2px solid #e61801 !important}
.ui.card {border-radius: 5px !important;}

.bg1 {background-color: #3caf7e !important;}
.ui.pointing.below.label.bg1 {background-color: #3caf7e !important;}
.bg2 {background-color: #e61801 !important;}
.bg3 {background-color: #4c4c4c !important;}
.bg4 {background-color: #ffffff !important;}
.bg5 {background-color: #009de0 !important;}
.bg6 {background-color: #000000 !important;}
.bg7 {background-color: #f7f7f7 !important;}
.bg8 {background-color: #bcbec0 !important;}
.bg9 {background-color: #f3f4f5 !important;}

.couleur1 {color: #3caf7e !important;}
.couleur2 {color: #e61801 !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 !important;}

.fillCouleur1 {fill:#3caf7e !important;}
.fillCouleur2 {fill:#ffffff !important;}

.optionfill {border: 5px solid #3caf7e !important;color:#3caf7e !important;}
.option2fill {border: 5px solid #bcbec0 !important;color:#ffffff !important;}
.option3fill {border: 5px solid #4c4c4c !important;color:#4c4c4c !important;}

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

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

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

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

.optionactive {border: 5px solid #e61801 !important;background-color:#3caf7e !important;color:#ffffff !important;}
.optionactivebg {border: 4px solid #ffffff !important;background-color: #3caf7e !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:#009de0 !important;}
.optionaccbg {background-color: #009de0 !important;color:#ffffff !important;}

.optionaccactive {color:#009de0 !important;border: 5px solid #e61801 !important;margin-bottom: 10px;padding-bottom: 10px;background-color: #f7f7f7 !important;}
.optionaccactivebg {background-color: #3caf7e !important;}
.optionacchover {border: 5px solid #3caf7e !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:#e61801 !important;border-style:solid !important}

/* message page d'erreur */
.erreurMessage {color: #e61801 !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: #3caf7e !important
}

/***********************
IARD
***********************/
.optioniard {border: 5px solid #f7f7f7 !important; background-color: #f7f7f7 !important;color:rgba(0,0,0,.87) !important;}
.optioniardbg {background-color: #f8a70d !important;color:#ffffff !important;}

.optioniardactive {border: 5px solid #f8a70d !important;background-color:#ffffff !important;color:rgba(0,0,0,.87) !important;}
.optioniardactivebg {border: 4px solid #ffffff !important;background-color: #f7f7f7 !important;color:rgba(0,0,0,.87) !important;}
.optioniardhover {border: 5px solid #f8a70d  !important;background-color:#ffffff !important;color:rgba(0,0,0,.87) !important;}

/***********************
TERRI
***********************/
.bordureTerri {border: 3px solid #3caf7e !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 #3caf7e !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: #3caf7e !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: #3caf7e;
    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 #3caf7e !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: #3caf7e !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: #3caf7e !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: #3caf7e !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: #3caf7e;
    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:#3caf7e !important; }
.terri-infobutton.inactive {background-color:#e61801 !important;}

/* FIN options */

.terri.smallbutton {border-style: none !important;background-color:#3caf7e !important; font-size: 12px;}
.terri.smallbutton:hover {background-color:#4c4c4c !important;}
.terri.smallbutton.inverted {color:#e61801 !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: #e61801 !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 #3caf7e;
    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:#3caf7e !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 #3caf7e;
    color: #3caf7e;
    
}

.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:#3caf7e !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;
}

@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 #e61801 !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}

/*************************
Page d'accueil MAS
**************************/
#lnkMenuMAS {height:55px;color:#ffffff;font-size:1.1em !important;font-family: 'Roboto Condensed',sans-serif !important;font-weight:400 !important;}
#lnkMenuMAS:hover {color:#ffffff;font-size:1.1em !important;font-family: 'Roboto Condensed',sans-serif !important;font-weight:400 !important;border-bottom:2px solid #ffffff !important}
#lnkMenuMAS.active {border-bottom:2px solid #ffffff !important}
#lnkMenuMAS.active:hover {border-bottom:2px solid #ffffff !important}

#separateurHomeMAS {font-size:20px;border:1px solid #c00303;width:30px !important}
.accueilMASTitreMilieu {font-size:24px;color:#3BA1D1}
.accueilMASProduitTitre {font-size:20px;color:#3BA1D1}
.accueilMASProduitTitreMobile {font-size:14px;color:#3BA1D1}
.btnAccueilMAS {font-size:12px !important;background-color:#3BA1D1 !important;border-radius:20px !important;color:#ffffff !important}
.btnAccueilMAS:hover {font-size:12px !important;background-color:#4169e1 !important;border-radius:20px !important;color:#ffffff !important}
.btnAccueilMASMobile {font-size:10px !important;background-color:#3BA1D1 !important;border-radius:20px !important;color:#ffffff !important}
.btnAccueilMASMobile:hover {font-size:10px !important;background-color:#4169e1 !important;border-radius:20px !important;color:#ffffff !important}

.accueilMASProduitBordure {border-right:solid 2px #000000 !important;}
.accueilMASProduitBordureLeftMobile {border-left:solid 2px #000000 !important;margin-bottom:10px}
.accueilMASBgValeurs {background-color:#EBF4F9 !important}
.accueilMASSousTitre {color:#000000;font-size:18px !important;margin-top:-14px !important}
.accueilMASSousTitre2 {color:#444444;font-size:12px !important; ;margin-top:-2p;margin-bottom:-5px}
.accueilMASDesMRH {color:#007E94;font-size:18px !important;font-weight:1000 !important;margin-bottom:7px !important}
.accueilMASDesMRHMobile {color:#007E94;font-size:14px !important;font-weight:800 !important;margin-bottom:7px !important}
.accueilMAStopGridMargin {margin-left:0px !important;margin-right:0px !important;padding:0px !important}
#accueilMAStopGrid {height:354px !important;width:1040px !important;margin-left:30px !important}
.accueilMASGreyBg {background-color:#F3F5F4 !important}
#gridMenuMAS {width:100%;margin-top:-20px;margin-bottom:-20px}
/*************************
Range
**************************/
.ui.range .inner .track-fill {
    position: absolute;
    width: 0;
    height: 12px;
    border-radius: 6px;
    top: 4px;
    left: 0;
    background-color: #3caf7e;
}

.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 #3caf7e, 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 , #3caf7e);
    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: #3caf7e linear-gradient(transparent, rgba(0, 0, 0, 0.25));
    background: #3caf7e -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
    background: #3caf7e -o-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
    background: #3caf7e -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.25));
    border-radius: 90%;
    box-shadow: 0px 0px 0px 5px #3caf7e, 0px 0px 0px 5px rgb(255, 255, 255);
    color: rgba(0,0,0) !important;
}

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

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

/* fin de flèche étape en cours */
.headerFilArianeColor>div>.ui.steps .step.active.current:after
{
    border-right:2px solid #e61801;
    border-bottom:2px solid #e61801;
}
.headerFilArianeColorMAS>div>.ui.steps .step.active.current:after
{
    border-right:2px solid #4169e1;
    border-bottom:2px solid #4169e1;
}
/* fond et bordure des éléments actifs/passés */
.headerFilArianeColor>div>.ui.steps .step.active
{
    background:#3caf7e !important;
    border-color:#3caf7e !important;
}
.headerFilArianeColorMAS>div>.ui.steps .step.active
{
    background:#3BA1D1 !important;
    border-color:#3BA1D1 !important;
}

/* ligne en bas du fil d'ariane */
.headerFilArianeColor>div>.ui.steps .step
{
  border-bottom:1px solid #3caf7e !important;
}
.headerFilArianeColorMAS>div>.ui.steps .step
{
  border-bottom:1px solid #3BA1D1 !important;
}

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


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

/* masquage partie gauche de la fin de flèche */
.headerFilArianeColor>div>.ui.steps .step.active:after
{
    background:#3caf7e !important;
}
.headerFilArianeColorMAS>div>.ui.steps .step.active:after
{
    background:#3BA1D1 !important;
}

/* masquage partie gauche de la fin de flèche */
.headerFilArianeColor>div>.ui.steps .step.active.current:after,
.headerFilArianeColorMAS>div>.ui.steps .step.active.current:after
{
    background:#e6c8c4 !important;
}

.headerFilArianeColor>div>.ui.steps .step.active.current:after
{
    background:#e61801 !important;
}
.headerFilArianeColorMAS>div>.ui.steps .step.active.current:after
{
    background:#4169e1 !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;
}

/*CARD*/
.nbre{
	width:8em!important;
}
.center-card{
    text-align: center;
    height: 4.6em;
}
.ui.cards>#monsieur,#madame,#conj_madame,#conj_monsieur {
	border: 2px solid #3caf7e;
}
.card-color{
    background: #3caf7e;
}
.back-color{
	color: #3caf7e;
}
.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: #3caf7e!important;
    color: #fff;
}
/*CIRCLE*/
#circle-red{
    background:#e40613;
    color: #fff;
    border-radius: 100%;
    padding: 0.2em;
}
.disabled-card{
	opacity: .45;
}
.active-card{
	opacity: unset;
}

/*MES besoins var-tarif*/

.level{
    background: #e40613;
    color:#fff;
    border-radius: 100%;
    padding: .2em;
}
.level_besoins{
    background: #e40613!important;
    color:#fff!important;
    border-radius: 100%;
}
.level-disabled{
    background: #3caf7e;
    color:#fff;
    border-radius: 100%;
    padding: 0.2em;
}

/* Fil d'ariane Santé */
.sante-active
{
    background: #e40613!important;
    color:#fff!important;
}
.sante-disabled
{
    background: #fff!important;
    color:rgba(0, 0, 0, 0.87)!important;
}

/* Orientation Santé */
.sante-orientation-active
{
    background: #e40613!important;
    color:#fff!important;
}
.sante-orientation-disabled
{
    background: #3caf7e!important;
    color:#fff!important;
}
.sante-orientation-separator
{
    width:20px!important;
}

.nopadding
{
    padding:0!important;
}
.notoppadding
{
    padding-top:0!important;
}
.nomargin
{
    margin:0!important;
}
.margin-besoins
{
    margin-left:10px!important;
    margin-right:20px!important;
}
.notopmargin
{
    margin-top:0!important;
}
/*boutons besoins*/
.button_needs{
    border-radius: 20px !important;
}
.green_button{
    background-color: #3caf7e !important;
    color: #ffffff !important;
}

/* Rendre un bouton non clickable */
.no-click{
    pointer-events: none;
}

/*Appliquer css une fois sur deux*/
.grey_background:nth-child(even) {
    background-color:#f3f4f5;
}
/* hospitalisation 365 */
.card-center {
    text-align:center;
    /*display:flex;align-items:center;justify-content:center;*/
    height: 4.6em;
    margin-top:10px;
}
.card-color{
    background: #3caf7e;
}
.card-selected {
    border-top: 4px solid #e61801 !important;
    border-left: 4px solid #e61801 !important;
    border-right: 4px solid #e61801 !important;
    border-bottom: 4px solid #e61801 !important;
}
.card-bas {
    background: #3caf7e!important;
    padding:0.5em 0.5em !important;
    color: #fff;
    text-align:center;
    /*display:flex;align-items:center;justify-content:center;*/
}
.card-bas-selected {
    background: #e61801!important;
    padding:0.5em 0.5em !important;
    color: #fff;
    /*display:flex;align-items:center;justify-content:center;*/
    text-align:center;
}
.header-color{
	color: #fff!important;
	text-align: center !important;
}
.header-center{
    text-align: center !important;
    margin-top:5px !important;
}
.bg365 {
    background-color: #3caf7e !important;
    color:#ffffff !important;
}
.bg365-selected {
    background-color: #e61801 !important;
    color:#ffffff !important;
}
.card-selected-tarif {
    border: 4px solid #e61801 !important;
}
#mail-custom:not(.close){
    display: block;
    flex: 0 0 auto;
    width: auto;
    color:initial!important;
    line-height: 1;
    vertical-align: middle;
    font-size: 3em;
    opacity: .8;
    height: unset!important;
    padding: unset!important;
}
/*Taille police msg reco*/
.mini-size-option{
    font-size: 0.70em!important;
}
/* hauteur card  */
.height-content-card{
    height:14em;
}

/* hauteur option sup  */
.height-content-option-card{
    height:9.2em;
}
.justify{
    text-align:justify;
}
.ui.icon.trans.message.custom_align{
    padding :0em 0em 0em 5em!important;
}
.option_width{
    width:30em!important;
}
.commune_field, .btn_commune_field{
    visibility: hidden;
}
.samir-disabled{
    pointer-events: none!important;
    opacity: .45;
}
.ui.sante-samir-disabled.button, .ui.sante-samir-disabled.button:hover {
    cursor: pointer!important;
    opacity: .65!important;
    background-image: none;
    box-shadow: none;
}
/* Error Formule */
.error_formule{
    background: #fff6f6!important;
    border-color: #e0b4b4!important;
}
.custom_hover:hover{
    box-shadow: 5px 2px 2px #e61801 !important;
    border: 2px solid #e61801 !important;
}

/* Css Emprunteurs */
.card_custom {
    width: 260px !important;
    text-align: center;
    border-radius: 20px !important;
}
.description_custom {
    font-weight: bold;
}
.cards_custom {
    margin-top: 5px !important;
}

.vl {
    width: 5px;
    border-left: 1px solid #3caf7e;
    height: 250px;
    margin-left: 420px;
    margin-top: -280px;
}

#co-emprunteur {
    margin-top: 2.5px;
    margin-left: 30px;
}
#bttAddCoEmp {
    margin-top: 70px;
    margin-left: 20px;
}

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

.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(#0D8957, #0D8957);
  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: #0D8957;
  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: #0D8957;
  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: #0D8957;
  cursor: pointer;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
}

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

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

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

/* 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;
}

.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;
}

.q {
    quotes : "«" "»";
}
.custom-width-container {
    width: 1330px !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;
}


/* For Mobile */
@media only screen and (max-width: 600px) {
    .column-co-emp {
      margin-left:-43px !important;
    }
    .column-card {
        margin-left:3px !important;
    }
    .headerFilArianeColor {
        margin-left:50px !important;
    }
    /* .clearborder{
        margin-left:50px !important;
    } */
    /* .pret1{
        margin-left:24px !important;
    } */
    #btt_add_emprunt{
        margin-left:12px !important;
        width:93% !important;
    }
    #range{
        width:270px !important;
    }
    #range2{
        width:270px !important;
    }
    .bttDelPalier {
        margin-top: -16px !important;
        cursor: pointer;
        float: right;
    }
}
@media only screen and (max-width: 667px) {
    .bg7-mobile {
        margin-left:-25px !important;
    }
}
@media only screen and (max-width: 360px){
    .rond-margin-mobile {
        margin-left: 230px !important;
    }
}
@media only screen and (max-width: 378px) and (min-width: 361px) {
    .rond-margin-mobile {
        margin-left: 260px !important;
    }
}
@media only screen and (max-width: 420px) and (min-width: 379px) {
    .rond-margin-mobile {
        margin-left: 300px !important;
    }
}
@media only screen and (max-width: 478px) and (min-width: 421px) {
    .rond-margin-mobile {
        margin-left: 350px !important;
    }
}

/************************
Accident 2024
************************/
.accident2024-formule {
    -webkit-box-shadow: 0 2px 4px 0 rgba(65, 143, 106,.52),0 2px 10px 0 rgba(65, 143, 106,.55) !important;
    box-shadow: 0 2px 4px 0 rgba(65, 143, 106, 0.52),0 2px 10px 0 rgba(65, 143, 106,.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, 143, 106,.52),0 2px 10px 0 rgba(65, 143, 106,.55) !important;
     box-shadow: 0 2px 4px 0 rgba(65, 143, 106, 0.52),0 2px 10px 0 rgba(65, 143, 106,.55) !important;
 }
 
 .accident2024-formule.selected {
     -webkit-box-shadow: 0 2px 4px 0 rgba(255, 0, 0, 0.52),0 2px 10px 0 rgba(255, 0, 0, 0.55) !important;
     box-shadow: 0 2px 4px 0 rgba(255, 0, 0, 0.52),0 2px 10px 0 rgba(255, 0, 0, 0.55) !important;
     border:1px solid red !important;
 }
 
 .accident2024-option.selected {
     -webkit-box-shadow: 0 2px 4px 0 rgba(143, 65, 65, 0.52),0 2px 10px 0 rgba(143, 65, 65, 0.55) !important;
     box-shadow: 0 2px 4px 0 rgba(143, 65, 65, 0.52),0 2px 10px 0 rgba(143, 65, 65, 0.55) !important;
 }