/*************************************************************
Environnement
**************************************************************/
.environment
{
    text-align:center !important;
    position:fixed !important;
    bottom:10px !important;
    left:10px !important;
    opacity:0.95 !important;
    z-index:100;
}
/*Position ICON*/
.ui.labeled.icon.button>.icon:after, .ui.labeled.icon.button>.icon:before, .ui.labeled.icon.buttons>.button>.icon:after, .ui.labeled.icon.buttons>.button>.icon:before {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footerFonce {padding: 1em .5em; background-color:var(--footer-bg-color); color:var(--footer-txt-color); font-size:1.2em;}
.footerTitre {color:var(--footer-titre-color);font-size:1.5em;font-family: 'Open Sans', sans-serif;}

a.footerLink {color:var(--footer-link-color);font-size:0.9em;text-decoration: none;font-family: 'Open Sans', sans-serif;}
a.footerLink:hover {text-decoration:underline;color:var(--footer-link-hover-color);font-size:0.9em;font-family: 'Open Sans', sans-serif;}

.footerLogo {color:var(--footer-logo-color) !important;}
.footerLogo:hover {color:var(--footer-logo-hover-color) !important;}

.headerBlancNoPad {background-color:var(--header-bg-color) !important;}
.headerBlanc {background-color:var(--header-bg-color) !important;padding-top: 0px !important;}
.headerGrisTexte {color:var(--header-txt-color) !important;font-size:1.1em !important;font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;font-weight: 600 !important;}
.headerGrisTexte:hover {color:var(--header-txt-hover-color) !important;font-size:1.1em !important;font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;font-weight: 600 !important;}

.borderBottomGris {border-bottom: solid var(--header-txt-color)}

.btn_accueil {
    background-color: var(--btn-accueil-bg-color) !important;
    color: var(--btn-accueil-txt-color) !important;
}
.btn_accueil:hover{
    background-color: var(--btn-accueil-hover-color) !important;
    color: var(--btn-accueil-txt-color) !important;
}
.btn_offre {
    background-color: var(--btn-offre-bg-color) !important;
    color: var(--btn-offre-txt-color) !important;
}
.btn_offre:hover{
    background-color: var(--btn-offre-hover-color) !important;
    color: var(--btn-offre-txt-color) !important;
}
.offre_reco {
    background-color: var(--offre-reco-color) !important;
    color: var(--offre-reco-txt-color) !important;
}
.offre_valide {
    background-color: var(--offre-valide-color) !important;
    color: var(--offre-valide-txt-color) !important;
}
input[type="radio"] {
    /* remove standard background appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* create custom radiobutton appearance */
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 1px;
    /* background-color only for content */
    background-clip: content-box;
    border: 1px solid var(--radio-border-checked);
    background-color: var(--radio-bg);
    border-radius: 50%;
}
/* appearance for checked radiobutton */
input[type="radio"]:checked {
    background-color: var(--radio-border-checked);
}
a.linkPublic {
    color:var(--lien-public-color) !important;
    text-decoration: underline;
    font-weight: bold;
}
a.linkPublic:hover {
    color:var(--lien-public-hover-color) !important;
    text-decoration: underline;
    font-weight: bold;
}
.offre-selected
{
    border:2px hidden; 
    position:relative;
    z-index:10;
}
.offre-selected:before 
{
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    top:2px;
    left:2px;
    right:2px;
    bottom:2px;
    border:3px solid var(--offre-selected-border);
}
.header.dividing {
    color: var(--header1-color) !important;
    border-bottom: 2px solid var(--header1-border-bottom-color) !important;
    font-weight: 800 !important;
}
.header1 {
    color: var(--header1-color) !important;
    font-weight: 800 !important;
}
.header2 {
    color: var(--header2-color) !important;
    font-weight: 800 !important;
}
.titre_app_color {
    color: var(--titre-app-color) !important;
}
.oblig::after {
    content: " *";
    color: #ff0000;
}