:root {
  --main-color: #bf8756;
    --main-color: #9C6A44;
  --main-color-RGB: 191, 135, 86;
    --main-color-RGB: 156, 106, 68;

    --middle-color: #d89961;
    --middle-color: #B45E13;
    --middle-color-RGB: 216, 153, 97;
    --middle-color-RGB: 180, 94, 19;
  --light-color: #f4e4d1;

  --ultra-light-color: #f9f2e8;
  --dark-color: #64472d;
    --dark-color: #53361c;
  --dark-color-RGB: 100, 71, 45;
    --dark-color-RGB: 83,53,28;
  --focus-color: #445457;
  --focus-color-RGB: 68, 84, 87;
  --focus2-color: #56adbf;
    --focus2-color: #16798d;
}

#bandeauProvince {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    background:#000;
    /*
    background-image: url(https://www.province.namur.be/image/bg_blackSpecial_333333.png);
    */
}
html{
    padding-top: 50px;
}
*{
    font-family: "Merriweather Sans", sans-serif;

    /* font-family: "Yeseva One", serif; */
    
}






h1, .subHead+main h2, .homePage h2{
    font-family: "Yeseva One", serif;
    background: var(--focus-color);
    color: #fff;
    margin-bottom: 30px;
    align-items: center;
    display: inline-block;
    padding: 1rem 3rem;
}
h2{
    font-size: 1.4rem;
    font-weight: 500;
    color: #000;
}
h2 a, h2 a:hover{
    text-decoration: inherit;
    color: inherit;
}
h2.categorieTitle{
    position: relative;
    display: inline-block;
}
h3{
    font-size: 1.2rem;
    color: var(--main-color);
    font-weight: 700;
    font-style: italic;

    margin-bottom: 1rem;
}
h4{
    font-size: 1rem;
    color: var(--dark-color);
    font-weight: 700;
}
a{
    color: var(--focus-color);
    transition: all ease-in-out .15s;
}
a:hover{
    color: var(--dark-color);
}
a[target="_blank"]:after{
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f35d";
    margin-left: .6rem;
}

p a{
    color: var(--focus-color);
}
p a:hover{
    color: var(--dark-color);
}
p.small{
    font-size: 90%;
}
.navbar-brand{
    display: flex;
    align-items: center;
    color:#fff;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: .6rem;
    margin: 0;
    padding: 0;
}
.navbar-brand:hover{
    color: var(--light-color);
}
.navbar-brand img{
    width: 60%;
}
.navbar-brand p.small{
    font-size: 75%;
}
h1.pageTitle i{
    font-size: 2rem;
    padding: 0 1rem;
}
.text-light{
    color: #aaa !important;
}
.text-secondary {
    color: var(--dark-color)!important;
}

.lead{
    /*
    font-family: 'Noto Serif', serif;
    font-style: italic;
    */
}
strong{
    font-weight: 900;
    font-style: normal;
}
.display-3{
    font-size: 3rem;
}
.display-4{
    font-size: 2rem;
}

.font-italic{

}
.font-italic strong{

    font-style: italic;
}

li{
    margin-bottom: .8rem;
}
.navbar li{
    margin-bottom: 0;
}
.alert{
    border-radius: 1rem;
}
.alert p:last-child{
    margin-bottom: 0;
}
.alert-primary{
    background: var(--main-color);
    color: #fff;
    border: none;
}
.alert-secondary{
    /*
    background: var(--focus-color);
    color: #fff;
    border: none;
    */
    border: 3px solid var(--main-color);
    color: var(--focus-color);
    background: #fff;
    
}



.bg-info{
    background: rgba(var(--dark-color-RGB),.8)!important; 
}
.bg-primary{
    background: var(--main-color)!important;
}
.bg-secondary{
    background: var(--light-color)!important;
}
.bg-dark{
    background: var(--focus-color)!important;
}

.bg-primary a{
    color:var(--main-color);
}
.bg-primary a:hover{
    color:#fff;
}

.bg-main-75{
    background: rgba(var(--middle-color-RGB),.7)!important;
}
.bg-main-50{
    background: rgba(var(--middle-color-RGB),.5)!important;
}
.bg-main-25{
    background: rgba(var(--middle-color-RGB),.3)!important;
}


.extend-left, .extend-right{
    position: relative;
}
.extend-left:after{
    background-color:inherit;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    left: -100rem;
    top: 0;
    width: 100rem;
}
.extend-right:after{
    background-color:inherit;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    right: -100rem;
    top: 0;
    width: 100rem;
}

.text-primary{
    color: var(--main-color)!important;
}
.text-dark{
    color: var(--dark-color)!important;
}


hr{

    border: none;
    opacity: 1;
    position: relative;
    z-index: 1;
    /*
    padding-top: 12px;
    line-height: 12px;

     */
    height: 40px;
    padding-top: 16px;
}
hr:before{
    content: '';
    display: block;
    border-top: 6px solid var(--light-color);
    margin:0 12rem;
}
hr:after{
    content: '';
    display: block;
    background: var(--main-color);
    width: 24px;
    height: 24px;
    margin: 0 auto;
    transform: rotate(45deg);
    margin-top: -14px;
    position: relative;
    z-index: 2;
}


.sideBlock{
    position: relative;
}
.sideBlock:after {
    position: absolute;
    right: -100rem;
    top: 0;
    content: '';
    display: block;
    background: inherit;
    width: 100rem;
    height: 100%;
    z-index: 1;
}
.sideBlock h3, .bg-secondary h3{
    color: #fff;
    padding-bottom: .4rem;
}

.sideBlock+.sideBlock:before{
    content: url("img/gimmick-separateur.png");
    width: 100px;
    height: 20px;
    display: block;
    position: absolute;
    top:-10px;
    left: calc(50% - 50px);
}



.top-0{
    top: 0;
}
.left-0{
    left: 0;
}

.squarre {
    display: block;
    position: relative;
    overflow: hidden;
}
.squarre:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.squarre.mt-n5{
    z-index: 10;
        margin-top: -8rem!important;
}

.mt-n5 .block-green{
    position: relative;
    z-index: 1024;
}
.squarre img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img3-4 {
    display: block;
    position: relative;
    overflow: hidden;
    background: #eee;
    min-height: 100%;
}
 .img3-4 img {
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-height: 100%;
}
/*
.img3-4:before {
    content: "";
    display: block;
    padding-top: 100%;
}*/
.img-band{
    border-bottom: 6px solid var(--main-color);
}



.aside{

}

.blocMainColor{
    color: #fff;
    background: var(--main-color);
}
.blocMainColor h2{
    color: #fff;
    border-color: #fff;
}
.blocFocusColor{
    background: var(--focus-color);
    color: #fff;
}
.blocFocusColor h2{
    color: #fff;
    border-color: #fff;
}
.blocFocusColor a{
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
}

.btn{
    border-radius:0; 
    border: none;

    border-radius: .7rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
}
.btn-primary, .pageContent .btn-primary{
    background: var(--main-color);

}
.btn-primary:hover{
    background: var(--main-color);
}
.btn-secondary{
    background: var(--light-color);
    color: var(--dark-color);
}
.btn-secondary:hover{
    background: var(--dark-color);
}


.btn i, a i{
    margin-right: .5rem;
}
.btn-light{
    background: #eee;
    font-weight: 700;
    border: 1px solid #ddd;
    color: #555;
}
.btn-light:hover{
    background: #ddd;
}


.badge{
    /*
    font-size: 1rem;
    font-weight: normal;
     */
}
.badge a:hover{
    text-decoration: none;
}
.badge-primary{
    background: var(--main-color);
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}
.badge-primary a{
    color: #fff;
}
.badge-secondary{
    background: var(--dark-color);
    color: #fff;
}
.badge-secondary a{
    color: var(--dark-color);
}
.badge-light{
    background: var(--ultra-light-color);
    color: var(--dark-color);
}

body{
    
    font-family: 'Montserrat', sans-serif;
}

.homePage header{
    min-height: 70vh;
}

header>div{
    padding: 1rem 0;

}
header.headerPage>div{
    padding: 0;
    text-align: left;

}

.homePage header{
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: var(--dark-color);
}

.homePage header img{
    z-index: 2;

    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    /*
    min-width: 100%;
    */
    /*
    min-height: 100%;
    */
    /*
    filter: blur(6px);
    -webkit-filter: blur(6px);
    */
}
.homePage header:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    background: linear-gradient(90deg,transparent 0%, rgba(0, 0, 0, 1) 100%);
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;


}
.homePage header .container{
    position: relative;
    z-index: 4;
}

.homePage header h1{
    display: block;
    background: none;
    padding: 0;

    font-family: "Merriweather Sans", sans-serif;
    font-weight: 100;
    text-transform: uppercase;

    text-shadow: 0 0 1rem rgba(0,0,0,1);
}
.homePage header h2{
    display: block;
    background: none;
    padding: 0;

    font-size: 3rem;
    font-family: "Merriweather Sans", sans-serif;
    font-weight: 800;
    letter-spacing: .6rem;
}
.homePage header .slogan{
    display: inline-block;
    font-family: "Yeseva One", serif;
    background: var(--focus-color);
    color: #fff;
    font-size: 2rem;
    padding: .6rem 3rem;

}




.navbar{
    background: var(--dark-color);
}

.navbar li{
    /*
    display: flex;
    align-items: center;
    */
}

.navbar-expand-lg .navbar-nav .nav-link{
    color: #fff;
    font-weight: 400;
    font-size: 1.1rem;
    text-transform: uppercase;
    padding: 0 1.4rem;
    line-height: 1;
}
.navbar li+li .nav-link{
    border-left: 3px solid var(--main-color);
}
.navbar-dark .navbar-nav .nav-link{
    border: none;
    color: #fff;
}
.navbar .nav-title {
    font-weight: 500;
    text-transform: none;
}
.navbar .nav-link:hover{
    color: var(--light-color);
}
.navbar .active .nav-link, .navbar .current-page-ancestor .nav-link{
    
    color: var(--light-color);
}

.navbar-toggler {
    color: var(--light-color);
    font-size: 2rem;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.navbar-toggler:focus{
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.navbar-toggler:hover{
    color: #fff;
}
.navbar li.show{
    background: var(--focus-color);
}
.navbar li.show .nav-link:hover{
    background: none;
}
.navbar .show ul{
    margin-top: 1rem;
}

.navbar .dropdown-toggle{
    
       
}
.navbar .show .dropdown-toggle{
    border-color: var(--focus-color);
    color: #fff; 
}
.dropdown-menu{
    background: var(--focus-color);
    border: none;
    border-radius: 0;
    margin:0;
    color: #fff;
}
.dropdown-item{
    color: #fff;
}
.dropdown-item:hover{
    background: none;
}
/*
 .collapse.show+.navbar-brand{
    display: none;
 }
 */

.menu-social{
    padding: 0;
    margin: 0;
}
.menu-social li{
    list-style-type: none;
    display: inline-block;
}
.menu-social li+li{
    margin-left: .6em;
}
.menu-social a svg{

    fill: var(--light-color);

    transition: all .5s ease-out;

}
.menu-social a:hover svg{
    fill: rgba(255,255,255,1);
}
.menu-social a:after{
    display: none;
}
.menu-social .screen-reader-text{
    display: none;
}





.homeContent .container{
    padding-top: 2rem;
    padding-bottom: 2rem;
}


.panoIMG {
    min-height: 24rem;
    overflow: hidden;
    position: relative;
}
.panoIMG img.cover{
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
}
.panoIMG p{
    font-size: 1rem;
    background: rgba(var(--dark-color-RGB), .8);
    color: #fff;
    padding: 1.6rem;
}
.panoIMG img.logo{
    position: relative;
    background: #fff;
    border-radius: 100%;
    padding: 1.4rem;
}


.focusList i{
    font-size: 3rem;
    color: var(--main-color);
    margin-bottom: 2rem;
}
.focusList strong{
    color: var(--dark-color);
    margin-bottom: 1rem;
}



/* AGENDA */


.calendar{
    display: inline-block;
    background: #ddd;
    color: #af3837;
    /*
    width: 40%;
    */
    min-width: 4rem;
}
 
.calendarM{
    display: block;
    padding: 0 .4rem;
    text-align: center;
    background: var(--light-color);
    color: var(--main-color);
    font-weight: 700;
    font-size: .9rem;
}
.calendarJ{
    display: block;
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
    color: var(--focus-color);
}






/* Pages */

.page-wrapper{
    /*
    padding-top: 1rem;
    */
}

#page{

    overflow-x: hidden;

}
#page:has(.article-wrapper){
    overflow-x: unset;
}


.page-wrapper h2.pageTitleCategory{
    font-size: 1.8rem;
    font-weight: normal;
    margin: 0;
    padding: 1rem;
    text-align: center;
    border: none;
    background: var(--dark-color);
    color: var(--ultra-light-color);
    font-family: "Yeseva One", serif;
    margin-bottom: 2rem;
}

h2.pageTitleCategory span{

}


.article-wrapper h1.pageTitle.rose{
    color: #e73277;
    border-color: #e73277;
}
.article-wrapper h1.pageTitle.bleu{
    color: #3092b9;
    border-color: #3092b9;
}
.article-wrapper h1.pageTitle.jaune{
    color: #f1cc22;
    border-color: #f1cc22;
}
.article-wrapper h1.pageTitle.vert{
    color: #8bc432;
    border-color: #8bc432;
}
.page-wrapper .offseted h1.pageTitle{
    padding-top: 1rem;  
}
.page-wrapper aside{
    padding-left: 0;
    background: var(--light-color);
}
.page-wrapper aside:after {
    position: absolute;
    right: -100rem;
    top: 0;
    content: '';
    display: block;
    background: var(--light-color);
    width: 100rem;
    height: 100%;
    z-index: 1;
}
.SubPageBlock{
    padding: 0;
    position: sticky;
    top:3em;
    margin-bottom: 30px;
}
.panoRatioImg{
    height: 50vh;
    position: relative;
    overflow: hidden;
}
.panoRatioImgDefault{
    height: 200px;
    text-align: center;
}
.panoRatioImg img{
    
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;

}
.blurImg{
    height: 40vh;

    position: relative;
}

.blurImg img{
    filter: blur(10px);
    -webkit-filter: blur(10px);
/*
    position: relative;

 */
}
.blurImg:after{

    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,transparent 0%, rgba(255, 255, 255, 1) 100%);
}

.SubPageBlock h2{
    font-size: 1.8rem;
    font-weight: normal;
    margin: 0;
    padding: 1rem;
    text-align: center;
    border: none;
    background: var(--dark-color);
    color: var(--ultra-light-color);
    font-family: "Yeseva One", serif;
    margin-bottom: 2rem;
}
/*
.SubPageBlock h2:after {
    position: absolute;
    right: -100rem;
    top: 0;
    content: '';
    display: block;
    background-color:inherit;
    width: 100rem;
    height: 100%;
    z-index: 1;
}

 */

.subPageList{
    padding: 0;
    position: sticky;

}
.subPageList li{
    list-style: none;
    margin-bottom: 1rem;
}
.subPageList li+li{

}
.subPageList a{
    display: inline-block;
    color: #8e5c36;
    font-weight: normal;
    line-height: 2rem;
    height: 2rem;
    text-decoration: none;
    padding-left: .8rem;

    border-left: 10px solid #8e5c36;

}

.subPageList a:hover{
    text-decoration: none;
    color: var(--focus2-color);
}

.subPageList .current_page_item a{
    color: var(--dark-color);
}
.subPageList .current_page_item a{
    border-color: var(--dark-color);
}
.subPageList .current_page_item a:hover{
    color: var(--main-color);
}

.pageContent{
    width: 80%;
    margin:0 auto;
}
.offseted .pageContent, .article-wrapper .pageContent{
    width: auto;
    margin:0 auto;
}


.pageContent h1{

}

.pageContent h2{
    font-family: "Yeseva One", serif;
    color: var(--dark-color);
    font-weight: bold;
    font-size: 2.6rem;
    padding: 0;
    margin-bottom: 2rem;
    margin-top: 3rem;
}
.pageContent h3{
    color: var(--main-color);
    font-family: "Yeseva One", serif;
    font-style: normal;
    font-size: 2rem;
    border: none;
    padding: 0;
    margin-bottom: 2rem;
    margin-top: 3rem;
}
.pageContent h4{
    color: var(--focus-color);
    font-size: 1rem;
    margin-bottom: .6rem;
    margin-top: 1rem;
}
.pageContent p{
    margin-bottom: .6rem;
}
.pageContent a{
    text-decoration: underline;
    font-weight: 600;
}


.pageContent iframe{
    width: 100%;
}

#formChange{
   display: none;
}


.article-wrapper{
    padding-bottom: 4rem;
}
.thumbnailArticle{
    
}
.list-group{
    margin-bottom: 1rem;
}
.thumbnailArticle+.list-group .list-group-item:first-child{
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-top: none;
}

.thumbnailArticle+.list-group  h2{
    font-size: 1.4rem;
}
.card-thumbnail{
    margin-bottom: 2rem;
}
.card-thumbnail h2{
    font-size: 1.2rem;
}
.card-thumbnail ul{
    margin-bottom: 0;
    font-size: .8rem;
}
.card-thumbnail ul .badge{
    font-size: .8rem;
}
.card-thumbnail li{
    margin-bottom: .6rem;
}
.card-thumbnail .thumbnailArticle{
    height: 14rem;
    overflow: hidden;
    position: relative;
}
.card-thumbnail .thumbnailArticle img{
    /*
    max-height: 14rem;
    */
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
}

.article-wrapper main h1{

}

.col-infos{

}
.col-infos img{
    border: 12px solid var(--main-color);
}
header + .article-wrapper .col-infos{
    position: relative;
    z-index: 1024;
    margin-top: -9rem;
}
header + .article-wrapper main h1{
    position: relative;
    z-index: 1024;
    margin-top: -6rem;
}




.categories{
    padding: 1.4rem;
    margin-bottom: 2rem;
}
.categories h3{
    font-size: 1rem;
}
.categories ul, .lastNews ul{
    padding: 0;
}
.categories li, .lastNews li{
    list-style-type: none;
    margin-left: 0;
    margin-bottom: .2rem;
}
.categories .children{
    margin-left: 2rem;
}

.categories a:before {
    
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f0c8";
    margin-right: 1rem;
    
}
.categories li a, .categories label{
    color: #777;
}
.categories li a:hover{
    color: var(--dark-color);
}
.categories .current-cat a{
    color: var(--dark-color);
    font-weight: 700;
}
.categories .current-cat{
    list-style-type: none;
}
.categories .current-cat a:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f14a";
    margin-right: 1rem;
    color: var(--dark-color);
}
.lastNews a{
    color: var(--focus-color);
}

.categories .form-check-label{
    cursor: pointer;
}

.categories input[type=checkbox] {
    display: none;
}
.categories input[type=checkbox]+.form-check-label:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f0c8";
    margin-right: 1rem;
}
.categories input[type=checkbox]:checked  {
    display: none;
}
.categories input[type=checkbox]:checked+.form-check-label:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f14a";
    margin-right: 1rem;
    color: var(--dark-color);
}


.badge{
    margin-right: .4rem;
}


blockquote cite{
    color: #aaa;
    font-weight: 300;
    font-size: 1rem;
}
blockquote:before{
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f10d";
    color: #ddd;
    font-size: 3rem;
    position: absolute;
    left: 0;
    top: -1.5rem;
}
blockquote{
    border:none;
    position: relative;
    padding-left: 5rem;
    margin-bottom: 3rem!important;
    margin-top: 3rem;
}
figure blockquote{
    margin-bottom: 0!important;
}
blockquote p{
    color: #666;
    font-size: 1.4rem;

}
blockquote{
    font-family: "Yeseva One", Serif;
    font-style: italic;
    /*
    border-left: 4px solid #000;
    */

    padding-left: 4rem;
}
blockquote p{
    font-family: "Yeseva One", Serif;
    font-style: normal;
    font-size: 1.4rem;
    margin-bottom: 1rem;

    color: var(--dark-color);
}
blockquote cite{
    color: #aaa;
    font-weight: 300;
    font-size: 1rem;
    border-top: 1px solid #aaa;
    padding-top: .4rem; 
}



.wp-block-pullquote{
    font-size: 1rem;
    font-style: normal;
    border:none;

/*    margin: 3rem 1rem;*/
    padding: 3rem;
    padding-bottom: 2rem;
}
.wp-block-pullquote blockquote{
    padding: 0;
    margin: 0;
}

.wp-block-pullquote blockquote:before{
 content: '';
 display: none;
}
.wp-block-pullquote.is-style-centre{
    border: none;
    border-top: 8px solid var(--light-color);
    padding-top: 1rem;

    position: relative;
}
.wp-block-pullquote.is-style-centre:after{
    content: " ";
    position: absolute;
    top: 10px;
    left: 50%;
    margin-top: -10px;
    border-width: 10px;
    border-style: solid;
    border-color:  var(--light-color) transparent transparent transparent;
}
.wp-block-pullquote.is-style-gauche{
    border: none;
    border-left: 8px solid var(--light-color);
    padding-left: 1rem;

    position: relative;
}
.wp-block-pullquote.is-style-gauche:after{
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent var(--light-color);
}
.wp-block-pullquote.is-style-droite{
    border: none;
    border-right: 8px solid var(--light-color);
    padding-right: 1rem;

    position: relative;
}
.wp-block-pullquote.is-style-droite:after{
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent var(--light-color) transparent  transparent;
}
.wp-block-pullquote.is-style-clair{
    background: var(--ultra-light-color);
    color:var(--dark-color);
}
.wp-block-pullquote.is-style-clair cite{
    color: var(--dark-color);
    border-color: var(--dark-color);
}
.wp-block-pullquote.is-style-fonce{
    background: var(--dark-color);
    color: var(--light-color);
}
.wp-block-pullquote.is-style-fonce cite{
    color: var(--ultra-light-color);
    border-color: var(--middle-color);
}

.wp-block-pullquote p{
/*    margin:0;*/
}
.wp-block-pullquote cite{
    color: #aaa;
}

.wp-block-button,.wp-block-buttons>.wp-block-button{
    margin-bottom: 2rem;
}
.wp-block-button a.btn-primary{
    border-radius: 1rem;
    color: #fff;
    font-weight: 700;
    padding: .8rem;
    text-decoration: none;
}
.wp-block-media-text{
/*    border: 1px solid red;*/
    margin-top: 3rem;
    margin-bottom: 3rem;
    /*margin-left: -8rem;
    margin-right: -8rem;*/
}
.wp-block-media-text .wp-block-media-text__content{
    padding-right: 0;
}
.wp-block-gallery{
    margin-bottom: 2rem;
}
hr.wp-block-separator, .wp-block-separator{
    border: none;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
hr.wp-block-separator:before{
    margin: 0 5rem;
}




/* newslist */

main.newsList, main.archiveList{
    margin-top: 0;
}
.newsList .thumbnailArticle{
    display: block;
    position: relative;
    width: 100%;
    height: 12rem;

    overflow: hidden;
    background: #eee;

    z-index: 2;

    border: none;
}
.col-lg-6 .newsList .thumbnailArticle {
    height: 6rem;
}
.newsList .thumbnailArticle img{
    /*
    max-height: 14rem;
    */
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;

    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newsList .category-title, .article-wrapper .category-title{
    background: var(--focus-color);
    color: #fff;
    padding: .3rem 1rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .8rem;
}
.newsList h2{

    font-family: "Yeseva One", serif;
    background: var(--focus-color);
    color: #fff;
    margin-bottom: 30px;
    align-items: center;
    display: inline-block;

    padding: .6rem 1.2rem;
}
.newsList p{
    color: #555;
}
.newsList a{
    color:var(--focus2-color);
    border-bottom: 1px solid var(--focus2-color);
    font-weight: 700;
    text-decoration: none;
}
.newsList a:hover{
    text-decoration: none;
    color:var(--focus-color);
    border-width: 3px;
}
.newsList .infosArticle{
    background: #eee;
    margin: 0;
}
.newsList .infosArticle li{
    margin: 0;
}


.article-wrapper .thumbnailArticle{
    background: #ddd;
    min-width: 100%;
    min-height: 10rem;
}
.actu-page h1{
    background-color: var(--dark-color);
    font-family: "Yeseva One", serif;
}




.sectionsList{

}

.sectionsList .content:before{
    content: "";
    display: flex;
    background: no-repeat url(img/gimmick-h1-rose.png);
    height: 28px;
    width: 258px;
    transform: scale(0.7);
    margin-left: -9.5rem;
}
.bg-link{
    background: rgba(0, 0, 0, .05);
    color: var(--focus-color);
    text-decoration: none;
}
.bg-link:hover{
    background: var(--focus-color);
    color: #fff;
}
.sectionsList .badge, .subHead .badge{
    font-size: 1rem;
}





.formationsCat {
    background: #eee;
}
.formationsCat h4{
    font-size: 1.2rem;
}
.formationsCat p{

}
.formationsCat .btn{
    margin: auto;
}

.specificites h2{
    width: 75%;
    font-size: 1.2rem;
    padding: .5rem 1rem;
}


/* SPONSORS */

.partnersBlock{
    padding: 2em 0;
}

.partnersBlock h3{
    text-align: center;
    color: var(--dark-color);
    font-size: 1rem;
}
.partnersBlock h6{
    
}
.partnersList{
    /*
    display: flex;
    align-items: center;
*/
    margin-bottom: 2em;
}
.partnersList .partner{
    background: #fff;
    padding: 1.4em;
    height: 100%;
    display: flex;
    align-items: center;
}
.partnersList .partner:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.partnersLis a{
    height: 100%;
}
.partnersList h6{
    font-size: .7em;
    text-align: center;
    color: #ccc;
    padding: 1em;
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    left: 0;
}
.partnersBlock img{
    /*
    filter: grayscale(100%);
    */
    transition: all .5s ease-out;
}
.partnersBlock a:hover img{
    /*
    filter: grayscale(0);
    */
}


/* FOOTER */

footer{
    border-top: 8px solid var(--main-color);

}
footer .iframeMap{
    height: 308px;
    border-bottom: 8px solid var(--light-color);
}
footer .navbar-brand{
    color: var(--dark-color);
    font-size: 2rem;
}
footer .navbar-brand:hover{
    color: var(--dark-color);
}
footer .navbar-brand+h3{
    font-size: 1rem;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 500;
}
footer h4{
    color: var(--main-color);
    font-size: 1rem;
    font-style: normal;
    border-bottom: 3px solid var(--dark-color);
}
footer ul{
    padding: 0;
}
footer li{
    list-style-type: none;
    margin-bottom: .8em;
}
footer .nav li{
    margin-bottom: 0;
}
footer .nav .nav-link{
    text-transform: uppercase;
}
footer .nav .nav-link:hover{
    color: var(--middle-color);
}

footer a{
    color: #999;
}
footer a:hover{
    color: #000;
}
footer .row>div+div{
    border-left:1px solid rgba(0,0,0,.1); 
}
footer .colSupport{
    text-align: center;
}
footer .colSupport p{
    font-size: .8em;
    margin:1em auto;
}
footer .img-support{
    width: 60%;
}
footer .img-wal{
    max-height: 6em;
    width: auto;
}
footer .menuFooter, .menuFooter ul{
    padding: 0;
}
footer .menuFooter li {
    list-style-type: none;
    margin-bottom: 0;
}

footer .menuFooter>li>a{
    font-size: .9rem;
    color: #aaa;
    /*
    border-bottom: 1px solid #aaa;
    */
    text-decoration: none;
}
footer .menuFooter>li>a:hover{
    color: #444;
    border-color: #444;
}
footer .menuFooter .sub-menu{
    font-size: .9rem;
    margin-top: 1rem;
}
footer .menuFooter .sub-menu a{
    color: rgba(0,84,174,.6);

    transition: all .5s ease-out;
}
footer .menuFooter .sub-menu a:hover{
    color: rgba(0,84,174,1);
}
footer .menuFooter .sub-menu li{
    margin-bottom: .4rem;
}
footer .infos{
    color: var(--focus-color);
}
footer .infos strong{
    color: var(--main-color);
}
footer .nav-link{
    color:var(--dark-color);
}
footer .nav-link:hover{
    color: var(--focus2-color);
}
footer .menu-footer .nav-link{
    text-transform: none;
    color:rgba(var(--dark-color-RGB),.5);
    font-weight: 700;
}

footer .contact-multiple h3{

}
footer .contact-multiple li{
    display: inline-block;
}
footer .contact-multiple strong{
    color: var(--dark-color);
    font-size: 1.4rem;
    font-weight: 200;
}
footer .contact-multiple em{
    color: var(--middle-color);
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
}
footer .contact-multiple ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
footer .contact-multiple li{
    margin-right: 30px;
}

.subFooter{
    background: #000;
    padding: 1rem 0;
    font-size: .8rem;
}
.subFooter .container{
    margin-top:0;
    margin-bottom: 0;
}
.subFooter ul{
    margin: 0;
    padding: 0;
    text-align: center;
}
.subFooter ul li{
    display: inline-block;
    margin-bottom: 0;
}
.subFooter ul li a{
    color: rgba(255,255,255,.5);
    padding: 0 1rem;
    text-decoration:none;
}
.subFooter ul li a:hover{
    color: rgba(255,255,255,.9);
}

.cn-button.wp-default {
    color: #fff;
    background: var(--focus-color);
}
.cn-button.wp-default:hover {
    color: #fff;
    background: var(--main-color);
}

div.pagination {
    text-align: center;
    padding: 30px;
}
ul.pagination {
    margin: 0 auto;
}
.page-item.active .page-link {
    z-index: 1;
    color: var(--light-color)!important;
    background-color: var(--dark-color);
    border-color: var(--dark-color);
}
.page-link{
    color: var(--main-color)!important;
    border: 1px solid var(--light-color)!important;
}
.page-link:hover{
    color: #fff!important;
    background: var(--main-color);
    border-color: var(--main-color);
}
.pageContent iframe{
    width: 100%;
}

/*
figure.figure{
    width: 100%;
}
.table, .table tbody, .table thead{
    width: 100%;
}
*/

.table thead{
    border-color: var(--dark-color);
    color: #fff;
}
.table thead th{
    white-space: nowrap;
    background: var(--light-color);
    color: var(--dark-color);

    border-color: var(--dark-color);

}
.table thead th strong{
    font-family: "Yeseva One", serif;
    font-weight: normal;
    font-size: 1.4rem;
}

.wp-block-gallery{
    text-align: center;
    margin-bottom: 1rem;
}
img+figcaption{
    text-align: center;
    background: var(--light-color);
    width: 100%;
    font-size: 1.2rem;
    font-family: "Yeseva One", serif;
    padding: .6rem 1rem;
    color: var(--dark-color);
    border-top: 6px solid var(--main-color);

}
.wp-block-image :where(figcaption){
    margin-top: 0;
}
.wp-block-image figcaption{
    margin-bottom: 0;
}

.sticky-top{
    top:4rem;
}


.ekko-lightbox{
    padding-top: 60px;
}
.ekko-lightbox .modal-header{
    padding-top: 0;
    padding-bottom: 0;
}
.ekko-lightbox .modal-header .close {
    padding: 0;
    margin: 0;
    font-size: 2.2rem;
}


.scrolloff{
   pointer-events: none;
}
#canvasIframe{
    position: relative;
}
#canvasIframe .scrolloff{
    z-index: 1;
}
#canvasIframe .scrolloff+.messageIframe{
    display: flex;
    align-items: start;
    padding-top: 1rem;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    
    

    z-index: 3;
}
.messageIframe span{
    padding: 1rem;
    height: auto;
    background: rgba(0, 0, 0, .5);
    color: #fff;
}

#carouselFixed{
    height: 60vh;
    display: table;
    width: 100%;
    /*
    display: table-cell;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 60vh;
    */
}
#carouselFixed .carousel-inner{
    display: block;
    width: 100%;
    height: 100%;
}
#carouselFixed .carousel-item{
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 60vh;
}
#carouselFixed img {
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
}
/*
#carouselFixed .carousel-item:after, .subHead:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
}*/
#carouselFixed .logoContainer{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
#carouselFixed #mainLogo, .subHead #mainLogo{
    position: initial;
    top: initial;
    bottom: initial;
    left: initial;
    right: initial;
    min-width: initial;
    min-height: initial;
    opacity: 1;
    z-index: 3000;
}

.subHead #mainLogo{
    filter: unset;
}

.img-centred-block{
    /*
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    */
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-container-block{
    min-height: 30rem;
}






.carousel-control-prev-icon{
    background: none;
    height: 1.4rem;
    width: 1.4rem;

    color: var(--focus-color);
}
.carousel-control-prev-icon:after{
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0d9";
    font-size: 1.4rem;
    line-height: 1;
}
.carousel-control-next-icon{
    background: none;
    height: 1.4rem;
    width: 1.4rem;

    color: var(--focus-color);
}
.carousel-control-next-icon:after{
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0da";
    font-size: 1.4rem;
    line-height: 1;
}








a[href*='#']{
    display: inline-block;
    font-family: 'Noto Serif', serif;
    font-style: italic;
    background: #ddd;
    padding: .6rem 1rem;
    color: #666;
    border-radius: .6rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    text-decoration: none;
}
a[href*='#']:hover{
    text-decoration: none;
    background: #666;
    color: #fff;
}

.ekko-lightbox-nav-overlay a[href*='#']:hover, .ekko-lightbox-nav-overlay a[href*='#']{
    background: none;
}

/* correction de margin du bandeau noir pour les ancres */
h2[id], h3[id]{
    scroll-margin-top: calc(50px + 15px);
}


.modal-backdrop{
    z-index: 1000!important;
}




.cover{
    object-fit: cover; 
}



#cookiesBanner{
    position: fixed;
    bottom: 0;
    right: 0;

    background: #444;
    color: #ddd;
    z-index: 1024;
    padding: 1rem 2rem;
    font-size: .8rem;
}
#cookiesBanner li{
    margin-bottom: .6rem;
}
#cookiesBanner .btn{
    font-size: .9rem;
    background: #888;
    border:none;
    color: #fff;
    text-transform: none;
}
#cookiesBanner .btn:hover{
    background: #fff;
    color: #333;
}
#cookiesBanner a{
    color: #fff;
    text-decoration: underline;
}
#cookiesParam{
    z-index: 2048
}
#cookiesParam a{
    text-decoration: underline;
}
#cookiesParam .btn{
    border:none;
}
#cookiesParam .btn-primary{
    background: #666;
}
#cookiesParam .btn-primary:hover{
    background: #000;
}
#cookiesParam input[type=checkbox]{
    display: none;
}
#cookiesParam input[type=checkbox] + label:before{
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f204";
    font-size: 2rem;
    margin-right: .4rem;
    color: LightCoral;
    
}
#cookiesParam input[type=checkbox]:checked + label:before{
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f205";
    font-size: 2rem;
    margin-right: .4rem;
    color: LightGreen;
}
#cookiesParam label{
    font-size: .8rem;
}
#cookiesParam label strong{
    font-size: .9rem;
    display: block;
}
#cookiesParam ul{
    padding-left: 4rem;
    padding-right: 4rem;
}
#cookiesParam li{
    padding-bottom: .4rem;

}
#cookiesParam li+li{
    border-top: 1px solid #ddd;
    padding-top: .8rem;
}


@media (max-width: 768px){
    .hidden-sm{
        display: none;
    }
    .subHeader{
        min-height: 15rem;
    }
    .leftHead{
        text-align: center;
    }

    .uneImage:after{
        width: 100%;
        background: rgba(0,0,0,.7);
    }

    .news h3, .newsList h3{
        margin-top: 0;
        margin-left: 0;
    }
    .newsList article {
        padding: 15px;
    }

    #formChange{
    display: inherit;
    }
    .categories, .SubPageBlock{
        display: none;
    }

    .temoignageContent:after{
        display: none;
    }
    .temoignage-wrapper .list-group-item{
        text-align: left;
    }
    footer{
        /*
        text-align: center;

         */
    }
    footer .row>div+div {
        border:none;
    }
    .embed-responsive-21by9::before {
        padding-top: 110%;
    }

    .squarre.mt-n5 {
        margin-top: 0!important;
    }

    .subHeadActivity{
        
        height: auto;

    }
    .subHeadActivity h1{
        margin-bottom: 8rem;
    }
    .subHead img{
        /*
        position: inherit;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        */
    }
    .subHead .block-green ul{
        display: flex;
        flex-direction: row;
        margin-bottom: 0;
        align-items: center;
    }
    .subHead .block-green li{
        flex-grow: 1;
        padding-bottom: 0;
        margin-bottom: 0;


    }
    .subHead .block-green li+li{
        border: none;

        font-size: .9rem;
        padding-bottom: 0;
    }
    .subHead .block-green li span{
        display: block;
        width: 100%;
    }
    .container-lieux .intro{
        margin-top: 0;
    }
    .sectionsList .rounded-end-4, .sectionsList .rounded-start-4{
        border-radius: 0!important;
    }
    .sectionsList .content:before{
        margin-left: -4rem;
    }

}
@media (min-width: 769px){

    .show-from-sm{
        display: none;
    }
}
@media (max-width: 992px){
    .hidden-md{
        display: none;
    }
    .navbar-toggler{
        margin:0 auto;
    }
    .navbar li{
        justify-content: center;
        margin-bottom: .8rem;
    }
    .navbar li+li{

    }
    .navbar li+li .nav-link{
        border: none;
        border-top: 1px solid var(--main-color);
        padding-top: .8rem!important;
    }
    .navbar .nav-link, .dropdown-item{
        text-align:center;
    }
    .navbar ul.quickLinks{
        width: 100%;
    }
    .navbar ul.quickLinks li{
        width: 50%;
    }
    .quickLinks .btn{
        width: 100%;
    }
    .navbar .parrainMenu .nav-link{
        margin-top: 1rem;
        margin-bottom: 1rem;
        margin-left: 0;
        max-width: 100%;
        width: 100%;
    }
    .navbar .problemeMenu .nav-link{
        max-width: 100%;
        width: 100%;
        margin-bottom: 1rem;
    }
    header + .article-wrapper .col-infos{
        margin-top: 15px;
    }
    header + .article-wrapper main h1{
        margin-top: auto;
    }
    hr:before{
        margin: 0 4rem;
    }
    hr.wp-block-separator:before {
        margin: 0;
    }
    .homePage header .slogan{
        padding:1rem;
        text-align: center;
    }
    .homePage header{
        min-height: 60vh;
    }
    .specificites h2{
        width: 100%;
    }
    .extend-left:after{
        display: none;
    }
    .extend-right:after{
        display: none;
    }
}

@media (min-width: 992px){

    .translate-middle-lg-x {
        transform: translateX(-50%) !important;
    }
    .start-lg-50 {
        left: 50% !important;
    }
    .bottom-lg-0 {
        bottom: 0 !important;
    }

    .position-lg-absolute {
        position: absolute !important;
    }

}