*{
margin:0;
padding:0;
font-family:arial,sans-serif;
}

*:active,
*:focus{
outline:none;
}

/******************/
/***** HEADER *****/
/******************/
.noCurrentVersion{
    background: #FE9E3E;
    color: #fff;
    font-size: 1.1em;
    line-height: 1em;
    padding: 15px;
    text-align: center;
}

.noCurrentVersion .fa{
    font-size: 1.4em;
    display: inline-block;
    line-height: normal;
    margin-right: 5px;
    vertical-align: middle;
}

.noCurrentVersion .cta {
    margin-top: 10px;
}

.noCurrentVersion .cta span{
    border-radius: 0;
    cursor: pointer;
    font-size: 0.9em;
}

.noCurrentVersion .ctaSetVersion{
    background: #0e4194;
    color: #FFF;
    margin-left: 15px;
}
.noCurrentVersion .ctaSetVersion:hover{
    background: #49b5da;
}

.noCurrentVersion .ctaCurrentVersion {
    background: #FFF;
}

.noCurrentVersion .ctaCurrentVersion:hover {
    background: #f2efef;
}

#header{
    left:0;
    right:0;
    background-color:#C25D4C;
    margin-bottom:50px;
    position: relative;
}

.choose_project:fullscreen,
.choose_project:-ms-fullscreen ,
.choose_project:-moz-full-screen,
.choose_project:-webkit-full-screen,
#header:fullscreen,
#header:-ms-fullscreen ,
#header:-moz-full-screen,
#header:-webkit-full-screen{
    display:none;
}

body.customize-support #header{
    top: 32px;
}

#header-contenu{
    align-content: center;
}
#header #header-gauche{
    text-align: center;
    
}


#header #header-droite{

}

#header-gauche a img{
    max-height: 120px;
}
/* NAVIGATION */
#header-nav{float:right;}
#header-nav td{text-align:right;}
#header-nav td.drapeau{width:54px;}
#header-nav td.drapeau #lang_sel_list{height:inherit;}
#header-nav td.drapeau *{background-color: inherit;}
#header-nav td.picto{width:27px;}
/*#searchform{display:none;}
#searchform label{display:none;}*/


#menu-menu-principal{
    list-style-type: none;
    color:#FFFFFF;
    font-family: almarai, sans-serif;
    margin-left:auto;
    text-align: center;
}

#menu-menu-principal li a{
    color:#FFFFFF;
    font-family: almarai, sans-serif;
    font-weight:bold;
}

.logo-partenaire{
    float: right;
    margin-top: 10px;
}

.w100{
    width:100%;
}

.padding{
    padding:15px;
}

.entete_client{
    font-size:20px;
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
}

.logo_client{
    max-height:60px;
}
.logo_vision{
    text-align:right;

}

.logo_vision .container{
    text-align:right;
}

.choose_project{
    padding:10px;
    background: #8a4034;
    text-align:right;
}

.choose_project select{
    border:1px solid #dddddd;
}

a.history{
    text-decoration: none;
    margin-left: 8px;
}

.restore_version{
    cursor: pointer;
    color: #428BCA;
}

.restore_version:hover{
    color: #0e4194;
}

@media screen  and (min-width: 720px) {
    #header #header-droite{
        display: flex;
        height:135px;
        flex-grow: 0;    
        position: relative;
        flex: 1;
        align-items: center;
        text-align: left;
    }

    #menu-menu-principal{
        display: flex;
        gap: 1rem;
        align-items: center;
        margin-left:auto;
    }

    
}

@media screen  and (min-width: 980px) {
    #header-contenu{
        display: flex;
        gap: 2rem;
        align-content: center;
    }

    #header #header-gauche{
        align-self: stretch;
        flex:0 1 200px;
        align-content: center;
    }

    
}

@media screen  and (min-width: 1200px) {
    #header #header-droite{
        margin-right:150px;
    }
    .logout{
        position: absolute;
        top: 50%;
        right:0;
        transform: translateY(-50%);
        min-width: 200px;
        display: flex !important;
        align-items: center;
        background-color:#FFFFFF;
        color:#C25D4C !important;
        padding:1rem 0.5rem;
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem;
    }

    .logout img{
        display: block !important;
        height:3em;
    }
}