@font-face {
    font-family: 'fas';
    src: url('../fonts/fa-solid-900.eot'); /* IE9 Compat Modes */
    src: url('../fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/fa-solid-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/fa-solid-900.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/fa-solid-900.ttf')  format('truetype'); /* Safari, Android, iOS */
   
    font-family: 'far';
    src: url('../fonts/fa-regular-400.eot'); /* IE9 Compat Modes */
    src: url('../fonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/fa-regular-400.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/fa-regular-400.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/fa-regular-400.ttf')  format('truetype'); /* Safari, Android, iOS */
  }

*{
    text-decoration:none!important;
}

.orange{    color:#eb721c;      }
.bleu{    color:#00ACEE;         }
.gris{    color:#4c4d56;        }


.roll:hover{
    background-color:#a74e0f!important;
    color:white;
    border:2px solid white!important;
}
.bg-orange{
    background-color:#eb721c;
    color:white;
}
.bg-bleu{
    background-color:#00ACEE;
    color:white;
}
.select-rech{
    padding-left:40px!important; 
    padding-right:20px!important; 
    padding:23px;
}

@media only screen and (max-width: 575px) {
    .select-rech{
        padding-left:40px!important; 
        padding-right:5px!important; 
        padding:5px;
    }
    
  }
.gf {
    font-family: 'Roboto Slab',serif!important;
}
.gf2{
    font-weight:400;
    font-family: 'Caveat', cursive;
}

.fond_orange{  background-color:#eb721c;        }
.fond_bleu{    background-color:#00ACEE;         }
.fond_gris{    background-color:#4c4d56;        }

a.roll-gris:hover{
    color:#4c4d56!important;
    background-color:transparent!important;
}

.btn.roll-white:hover{
    background-color:#FFFFFF; 
    color:#4c4d56; 
}
.select-rech>option{
    padding:5px 15px 5px 0px;
}
.fs-05{
    font-size:0.5em!important;
    line-height:1em!important;
}
.fs-1{
    font-size:1em!important;
    line-height:1em!important;
}
.fs-15{
    font-size:1.5em!important;
    line-height:1em!important;
}
.fs-2{
    font-size:2em!important;
    line-height:1em!important;
}
.fs-3{
    font-size:3em!important;
    line-height:1em!important;
}
.fs-4{
    font-size:4em!important;
    line-height:1em!important;
}
.fs-5{
    font-size:5em!important;
    line-height:1em!important;
}
@media only screen and (max-width: 767px) {
    .fs-1{
        font-size:1em!important;
        line-height:1em!important;
    }
    .fs-2{
        font-size:1.25em!important;
        line-height:1em!important;
    }
    .fs-3{
        font-size:1.5em!important;
        line-height:1em!important;
    }
    .fs-4{
        font-size:2.5em!important;
        line-height:1em!important;
    }
    .fs-5{
        font-size:3em!important;
        line-height:1em!important;
    }

}
.tox-promotion{
    display:none;
}

p.text-white *{
    color:white!important;
}

.select2 li:before {
    content: ""!important;
  
}

.tox-statusbar__branding{
    display:none;
}

#tinymce h2,
.page-content h2{
    color:#eb721c;
    margin-top:0.4em;
    margin-bottom:0.4em;
    font-size:2.5;
    font-family: 'Roboto Slab',serif!important;
}
#tinymce h3,
.page-content h3{
    margin-top:0.2em;
    margin-bottom:0.2em;
    font-size:2;
    font-weight:500;
    font-family: 'Roboto Slab',serif!important;
}
#tinymce h4,
.page-content h4{
    font-size:1.5;
    font-family: 'Roboto Slab',serif!important;
}
#tinymce hr,
.page-content hr{
    border-top: 2px dotted #eb721c!important; 
    background-color:transparent!important; 
    border-bottom: none ;
}

#tinymce blockquote ,
.page-content blockquote  {
    margin:40px 10px 20px 10px ; 
    padding:20px 20px 20px 70px; 
    background-color:#e7e7e7; 
    color:#4c4d56!important;
    font-style:italic;
    font-weight:600;  
} 
#tinymce blockquote::before ,
.page-content blockquote::before  {
    content: "\f10e"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    color:#4c4d56;
    font-size:5em;
    position: absolute;
    margin-left:-95px;
    margin-top:-75px;
}

@media only screen and (max-width: 767px) {
    #tinymce blockquote ,
    .page-content blockquote  {
        padding:20px 20px 20px 30px;
    }
    #tinymce blockquote::before ,
    .page-content blockquote::before  {
        content: "\f10e"; /* FontAwesome Unicode */
        font-family: FontAwesome;
        color:#4c4d56;
        font-size:5em;
        position: absolute;
        margin-left:-65px;
        margin-top:-75px;
    }
}


#tinymce ul, #tinymce ol,
.page-content ul, .page-content ol {
    --icon-space: 1.3em;
    list-style: none;
    padding: 0;
    margin:15px 0 15px 15px;
}


#tinymce  ul li ,
.page-content ul li {
    padding-left: var(--icon-space);
}
#tinymce ul li:before,
.page-content ul li:before {
    content: "\f00c"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    color:#eb721c;
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1 );
    width: var(--icon-space);
}

#tinymce ol,
.page-content ol {

    list-style-type: none;
    counter-reset: list-counter;
}
#tinymce  ol li ,
.page-content ol li {
    counter-increment: list-counter;
    padding-left: var(--icon-space);
}
#tinymce ol li:before,
.page-content ol li:before {
    content: counter(list-counter) ". ";
    color:#eb721c;
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1 );
    width: var(--icon-space);
}

#plupload ul li:before {
    content: ""; /* FontAwesome Unicode */
    font-family: FontAwesome;
    color:#eb721c;
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1 );
    width: var(--icon-space);
}



.evenement-dark{
    background-color:#4c4d56!important;
    color:white!important;
    padding:20px;
}
.evenement-dark h2, .evenement-dark h3, .evenement-dark h4 {
    color:white!important;
}
.evenement-datemax{
    border: #eb721c dotted 1px;
    padding:20px;
}
.evenement-inscription{
    background-color: #e3e3e3;
    padding:20px;
}

.article-bandeau{
    width:100%; 
    height:calc(200px + 100%); 
    margin-top:-200px; 
    padding-top:200px;
    -webkit-backdrop-filter: blur(5px); 
    backdrop-filter: blur(5px); 
    position:relative!important; 
    z-index:99999!important;
    padding-bottom:50px;
}
 
@media only screen and (max-width: 767px) {
   
    .article-bandeau{
        width:100%; 
        height:calc(200px + 100%); 
        margin-top:-200px; 
        padding-top:150px;
        -webkit-backdrop-filter: blur(5px); 
        backdrop-filter: blur(5px); 
        position:relative!important; 
        z-index:99999!important;
        padding-bottom:50px;
    }
}
.degrade_radial_orange{
    background: rgb(239,143,74);
    background: -moz-radial-gradient(circle, rgba(239,143,74,1) 0%, rgba(235,114,28,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(239,143,74,1) 0%, rgba(235,114,28,1) 100%);
    background: radial-gradient(circle, rgba(239,143,74,1) 0%, rgba(235,114,28,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef8f4a",endColorstr="#eb721c",GradientType=1);
}
.degrade_linear_orange{
    background: rgb(239,143,74);
    background: -moz-linear-gradient(55deg, rgba(239,143,74,1) 0%, rgba(235,114,28,1) 100%);
    background: -webkit-linear-gradient(55deg, rgba(239,143,74,1) 0%, rgba(235,114,28,1) 100%);
    background: linear-gradient(55deg, rgba(239,143,74,1) 0%, rgba(235,114,28,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef8f4a",endColorstr="#eb721c",GradientType=1);
}




.sticky-article-droite {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;   
}


.prevnext{
    background-color:none;
    transition:all 1s;
    padding:10px;
    border-radius:10px;
}
.prevnext:hover{
    transition:all 1s;
    background-color:rgba(238, 238, 238, 0.933);
}