h1{
}

h2{
}

h3{
}

body{
    font-size: 14px;
}


.floatLeft{float:left;}
.floatRight{float:right;}

.clearBoth{
clear:both;
height:0px;
line-height:0px;
font-size:0px;
}


.marginTop5{margin-top:5px;}
.marginTop10{margin-top:10px;}
.marginTop15{margin-top:15px;}
.marginTop20{margin-top:20px;}
.marginTop25{margin-top:25px;}
.marginTop30{margin-top:30px;}
.marginTop35{margin-top:35px;}
.marginTop40{margin-top:40px;}
.marginTop45{margin-top:45px;}
.marginTop50{margin-top:50px;}

.marginRight5{margin-right:5px;}
.marginRight10{margin-right:10px;}
.marginRight15{margin-right:15px;}
.marginRight20{margin-right:20px;}
.marginRight25{margin-right:25px;}
.marginRight30{margin-right:30px;}
.marginRight35{margin-right:35px;}
.marginRight40{margin-right:40px;}
.marginRight45{margin-right:45px;}
.marginRight50{margin-right:50px;}

.marginBottom5{margin-bottom:5px;}
.marginBottom10{margin-bottom:10px;}
.marginBottom15{margin-bottom:15px;}
.marginBottom20{margin-bottom:20px;}
.marginBottom25{margin-bottom:25px;}
.marginBottom30{margin-bottom:30px;}
.marginBottom35{margin-bottom:35px;}
.marginBottom40{margin-bottom:40px;}
.marginBottom45{margin-bottom:45px;}
.marginBottom50{margin-bottom:50px;}

.marginLeft5{margin-left:5px;}
.marginLeft10{margin-left:10px;}
.marginLeft15{margin-left:15px;}
.marginLeft20{margin-left:20px;}
.marginLeft25{margin-left:25px;}
.marginLeft30{margin-left:30px;}
.marginLeft35{margin-left:35px;}
.marginLeft40{margin-left:40px;}
.marginLeft45{margin-left:45px;}
.marginLeft50{margin-left:50px;}


.noPadding{padding:0px !important;}

.alignLeft{text-align:left;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.alignJustify, .justify{text-align:justify;}
.bold, .strong{font-weight:bold;}

.texte{

}

.liste{

}

.form-label-group {
    position: relative;
    margin-bottom: 1rem;
}

.adapte_image{
width:100%;
height:auto;
}

/******************/
/***** HEADER *****/
/******************/
#menu ul li a{
    font-size: 13px;
    color:white;
    font-family: "almarai";
    text-decoration: none;
    font-weight: 100;
}

#menu ul li ul li a{
    font-size: 11px;
}

/***** Cookies et traceurs *****/
div#cookies_et_traceurs_CNIL{
width:100%;
min-height:22px;
line-height:22px;
vertical-align:middle;
text-align:center;
color:#a6a6a6;
font-size:12px;
background:#f9f9f9;
}

div#cookies_et_traceurs_CNIL p a{
text-decoration:underline;
color:#a6a6a6;
}


h1{
    font-size:35px;
    text-align:center;
    text-transform: uppercase;
    font-family: 'helveticaneuecondregular', sans-serif;
}


h2{
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'helveticaneuecondregular', sans-serif;
    text-transform: uppercase;
    text-align: center;
    position:relative;
    padding-bottom:10px;
    margin-bottom:30px;
    margin-top:34px;
    width:100%;
}
h2:before{
    height:2px;
    background-color: #383f44;
    content:'';
    width:80%;
    position:absolute;
    left:50%;
    bottom:0;
    transform: translateX(-50%);
}

h2:after{
    height:8px;
    background-color: #383f44;
    content:'';
    width:10%;
    position:absolute;
    left:50%;
    bottom:-4px;
    transform: translateX(-50%);
    z-index: 2;
}

.block{
    margin-bottom:20px;
}

.borderTriangle{
    margin-bottom: 60px;
    padding-bottom: 20px;
    position: relative;
}

.borderTriangle:before{
    background: #dddddd;
    content: '';
    height: 7px;
    width: 60%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
}

.borderTriangle:after{
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #dddddd transparent transparent transparent;
    bottom: -7px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    width: 0;
    transform: translate(-50%, 100%);
}



.bgblue{
    background: #49b5da;
    color:#FFF;
}


ul.inner, ol.inner{
    list-style-position: inside;
    margin-left:15px;
}

ol li{
    padding:10px;
    color:#5f6569;
    border-bottom:1px solid #dddddd;
}

.nav-tabs .nav-link{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


.nav-color li a{
    border:0;
    text-transform: uppercase;
    color:#FFF;
    border:0 !important;
}

.nav-blue1, .nav-tabs.nav-color .nav-blue1.nav-link.active{
    background: #0e4194;
    color:#FFF;
}

.nav-blue2, .nav-tabs.nav-color .nav-blue2.nav-link.active{
    background: #3388bd;
    color:#FFF;
}

.nav-blue3, .nav-tabs.nav-color .nav-blue3.nav-link.active{
    background: #49b5da;
    color:#FFF;
}

.nav-blue4, .nav-tabs.nav-color .nav-blue4.nav-link.active{
    background: #8ed8f1;
    color:#FFF;
}

.editer{
    font-size:9px;
    font-weight: normal;
}

.bgTexture1{
    background-color:#3e464b;
    background-image: url('../img/commun/interface/texture/motif1.png');
    color:#FFF;
}
.bgTexture1 h2{
    color:#FFF;
}

.bgTexture1 h2:before,
.bgTexture1 h2:after{
    background-color:#FFF;
}

.roundGraph{
    position:relative;
    height:250px;
    text-align: center;
}

.roundGraph object{
    margin:0 auto;
}

.roundGraph .title{
    font-size:12px;
    text-align: center;
}

.roundGraph .info1,
.roundGraph .info2{
    position:absolute;
    left:0;
    right:0;
    text-align: center;
    font-size:20px;
    font-weight: bold;
}
.roundGraph .info1{
    top:80px;
    color:#49b5da;
}
.roundGraph .info2{
    top:150px;
    color:#383f44;
}


.bggrey{
    background: #F4DED7;
    padding-bottom: 10px;
}
.arrowShema .title{
    background-color:#F4DED7;
    text-transform: uppercase;
    text-align:center;
    padding:10px;
    height:140px;
    line-height: 140px;
    font-weight: bold;
}

.arrowShema .title span{
    line-height: 1.2em;
    font-size:20px;
    font-weight: bold;
    display: inline-block;
}
.arrowShema .sep{
    height:100px;
    position:relative;
}

.arrowShema .sep:after{
    content:' ';
    display: block;
    width:8px;
    height:100px;
    background-color: #C25D4C;
    position:absolute;
    left:50%;
    top:70px;
    transform: translateX(-4px);
}
.arrowShema object{
    z-index: 2;
    position: relative;
}

.roundGraph2{
    text-align: center;
}


.item{
    padding:5px 0px 5px 5px;
    color:#000;
    margin-bottom:10px;
    padding-bottom:10px;
    position:relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.item .label{
    width:80%;
    font-size:12px;
}

.item::after{
    content: '';
    display: block;
    clear: both;
}
.item .value{
    width:20%;
    text-align:center;
    font-weight: bold;
    min-height: 45px;
    line-height: 45px;
    margin:-5px;
}

.item .progress{
    border-radius: 0;
    background: #9f9f9f;

    height:7px;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
}


.theme1 .item { background:#C25D4C;}
.theme1 .item .value{ background:#F4DED7;}
.theme1 .sep:after { background:#C25D4C;}
.theme1 .arrow_box:before{border-top-color:#C25D4C;}
.theme1 .arrow_box{border-bottom-color:#C25D4C;}

.theme2 .item { background:#C25D4C;}
.theme2 .item .value{ background:#F4DED7;}
.theme2 .sep:after { background:#C25D4C;}
.theme2 .arrow_box:before{border-top-color:#C25D4C;}
.theme2 .arrow_box{border-bottom-color:#C25D4C;}

.theme3 .item { background:#DB9D8C;}
.theme3 .item .value{ background:#F4DED7;}
.theme3 .sep:after { background:#C25D4C;}
.theme3 .arrow_box:before{border-top-color:#C25D4C;}
.theme3 .arrow_box{border-bottom-color:#C25D4C;}

.theme4 .item { background:#DB9D8C;}
.theme4 .item .value{ background:#F4DED7;}
.theme4 .sep:after { background:#C25D4C;}
.theme4 .arrow_box:before{border-top-color:#C25D4C;}
.theme4 .arrow_box{border-bottom-color:#C25D4C;}


.item .progress span{
    background-color:#6b77ab;
    height:7px;
    display: inline-block;
}
.plus{
    position:fixed;
    bottom:50px;
    right:50px;
    display:block;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    background: #C25D4C;
    color:#FFF;
    border-radius:50%;
    font-weight: bold;
    font-size:40px;
}

.plus:hover{
    color:#FFF;
    text-decoration:none;
}

.plus_inner_table{
    right:50px;
    display:block;
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
    background: #C25D4C;
    color:#FFF;
    border-radius:50%;
    font-weight: bold;
    font-size:20px;
    float:right;
    margin-top:5px;
    transition-duration: 0.4s;
}

.plus_inner_table:hover{
    color:#FFF;
    background: #DB9D8C;
    text-decoration: none;
}

.plus_center{
    text-align: center;
    position: relative;
    right:initial;
    float: initial;
    display: inline-block;
}

.form-group.required .col-form-label:after {
    content:"*";
    color:red;
}

.site_h1{
    text-align: left;
}
.site_h2{
    font-family: "helveticaneuecondregular", "sans-serif";
    font-size: 18px;
    line-height: 18px;
    color: #c05643;
    padding-bottom: 4px;
    border-bottom: 1px solid #c05643;
    margin-bottom: 7px;
    font-weight: bold;
    text-align: left;
}

.site_h2::before, .site_h2::after{
    content:none;
}
.site_p{
    font-family: "helveticaneuecondregular", "sans-serif";
    font-size: 14px;
    line-height: 21px;
    color: #4d4d4d;
    margin-bottom: 25px;
}

.height10, .form-control.height10{
    height:150px;
}

.nav-annee{
    margin:20px 0;
}

.nav-annee .active a{
    color:#FFF;
}

.fs_button{
    position: fixed;
    bottom: 50px;
    left: 50px;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #C25D4C;
    color: #FFF;
    border-radius: 50%;
    font-weight: bold;
    font-size: 35px;
}

:fullscreen .fs_button,
:-ms-fullscreen .fs_button,
:-moz-full-screen .fs_button,
:-webkit-full-screen .fs_button{
    display:none;
}
.hidden{display:none;}

.lan_switcher a { color: #FFF; }

.icon_media{
    display: inline-block;
    height:1.6em;
    width:1.6em;
    margin:0 0.5em;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/commun/interface/svg/icon-image.svg');
    background-position: center;
    padding:0.2em;
    background-color: #0e4194;
    aspect-ratio: 1 / 1;
    border-radius: 3px;
    vertical-align: middle;

}

.icon_media.icon_pdf{
    background-image: url('../img/commun/interface/svg/icon-pdf.svg');
}

.file-list li{
    padding:1em 0.5em;
    border-bottom: 1px solid #ededed;
}
.flex{
    display: flex;
    justify-content: space-between;
}

.upload{
    margin-inline: 2em;
}


.logout{
    color:#FFFFFF;
    text-align: center;
    font-weight: bold;
    display: block;
    text-align: left;
}

.logout img{
    display: none;
    max-height: 100%;
    height:3rem;
    margin-right:0.5rem;
}

.logout a{
    color:#C25D4C !important;
}

.btn-primary{
    background-color: #C25D4C;
    border-color: #C25D4C;
}

.btn-primary:hover{
    background-color: #c05643;
    border-color: #c05643;
}

input[type="checkbox"]:checked {
    background-color: #c05643;
    accent-color: #c05643;
}

.apps{
    display:inline-block;
    border-radius:1rem;
    background-color: #FFFFFF;
}

.apps img{
    border-top-left-radius:1rem;
    border-top-right-radius:1rem;
    max-height:calc(100vh - 400px);
}

.apps p{
    text-align: center;
    margin-block:1rem;
}
.apps p a{
    color:#164194;
    font-family: almarai, sans-serif;
    font-weight: 800;    
}