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

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

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

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

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

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

.colorTitre {color:#50afde !important;}
.colorTitre2 {color:#9dce1b !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:#9dce1b;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:#50afde !important;color:#50afde !important;height:20px !important;}
.headerFilArianeColor {background-color:#50afde !important;color:#50afde !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:#9dce1b;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: #50afde !important;}
.ui.pointing.below.label.bg1 {background-color: #50afde !important;}
.bg2 {background-color: #9dce1b !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;}

.couleur1 {color: #50afde !important;}
.couleur2 {color: #9dce1b !important;}
.couleur3 {color: #4c4c4c !important;}
.couleur4 {color: #ffffff !important;}
.couleur5 {color: #009de0 !important;}
.couleur6 {color: #000000 !important;}
.couleur7 {color: #f7f7f7 !important;}
.couleur8 {color: #bcbec0 !important;}

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

.fillCouleur1 {fill:#50afde !important;}
.fillCouleur2 {fill:#ffffff !important;}

.optionfill {border: 5px solid #50afde !important;color:#50afde!important;}
.option2fill {border: 5px solid #9dce1b !important;color:#9dce1b !important;}
.option3fill {border: 5px solid #4c4c4c !important;color:#4c4c4c !important;}

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

a.ui-state-default.ui-state-active {background-color: #9dce1b !important;border:1px solid  #9dce1b !important;}
a.ui-state-default:hover {background-color: #9dce1b !important;border:1px solid  #9dce1b !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 #9dce1b !important;background-color:#50afde !important;color:#ffffff !important;}
.optionactivebg {border: 4px solid #9dce1b !important;background-color: #50afde !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:#9dce1b !important;border: 5px solid #9dce1b !important;margin-bottom: 10px;padding-bottom: 10px;background-color: #50afde !important;}
.optionaccactivebg {background-color: #50afde !important;}
.optionacchover {border: 5px solid #50afde !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:#9dce1b !important;border-style:solid !important}

/* message page d'erreur */
.erreurMessage {color: #9dce1b !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: #50afde !important
}

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

/* FIN options */

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

.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:#4c4c4c !important;
    color: #FFFFFF !important;
}

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

/************************
Empar Décès
************************/
.ltdBordureCardOn{
    border:3px solid #9dce1b !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 #9dce1b;
}
.card-color{
    background: #9dce1b;
}
.back-color{
    color: #9dce1b;
}
.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: #9dce1b!important;
    color: #fff;
}

.sante-orientation-active
{
    background: #9dce1b!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 #9dce1b !important;background-color:#50afde !important;color:#ffffff !important;}
.optioniardactivebg {border: 5px solid #9dce1b !important;background-color: #9dce1b !important;color:#4c4c4c !important;}
.optioniardhover {border: 5px solid #009de0 !important;background-color:#f7f7f7 !important;color:#009de0 !important;}
.optioniardhoverbg {border: 5px solid #9dce1b !important;background-color:#9dce1b !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: #50afde;
}

.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 , #50afde);
    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 #9dce1b;
    border-bottom:2px solid #9dce1b;
}
/* fond et bordure des éléments actifs/passés */
.ui.steps .step.active
{
    background:#50afde !important;
    border-color:#50afde !important;
}

/* ligne en bas du fil d'ariane */
.ui.steps .step
{
  border-bottom:1px solid #50afde !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:#9dce1b !important;
    border-color:#9dce1b!important;
    border-bottom:1px solid #9dce1b !important;
}


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

/* masquage partie gauche de la fin de flèche */
.ui.steps .step.active.current:after
{
    background:#9dce1b !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: #50afde;
}
.card-selected {
    border-top: 2px solid #9dce1b !important;
    border-left: 2px solid #9dce1b !important;
    border-right: 2px solid #9dce1b !important;
}
.card-bas {
    background: #50afde !important;
    padding:0.5em 0.5em !important;
    color: #ffffff;
    text-align: center;
}
.card-bas-selected {
    background: #9dce1b !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: #50afde !important;
    color:#ffffff !important;
}
.bg365-selected {
    background-color: #9dce1b !important;
    color:#ffffff !important;
}
.card-selected-tarif {
    border: 4px solid #9dce1b !important;
}