.genericLinkList-quickAccess li a {
        position: absolute;
        left: -9999px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .genericLinkList-quickAccess li a:focus {
        left: 0;
    }
    .genericLinkList-quickAccess li.textLink {
        border-bottom: none;
    }
    .row.genericLinkList-quickAccess {
        position: absolute;
    }
    div.editmodeArea .row.genericLinkList-quickAccess {
        position: inherit !important;
    }
    div.editmodeArea .genericLinkList-quickAccess li a {
        position: relative !important;
        left: auto !important;
    }
    .genericLinkList-quickAccess ul li a span {
        color: #000000;
    }
    #ancrenav {
        position: absolute;
    }
    #ancrenav .text-break p {
        color: transparent;
    }
    .genericLinkList-quickAccess .text-break {
        padding: 0;
    }
    .genericLinkList-quickAccess li.textLink {
        margin: 0 !important;
    }

button:focus{
	outline: 5px auto !important;
}

/*** logo menu de navigation ***/
.navmenu li.iconed.displayDesktopIcones .img-block {
	display: block;
}

.custom-select-border {
    border: 1px solid #000000;
}


/* .navmenu li a{
	position:relative;
} */

.navmenu li a .img-block{
	position:absolute;
	top:-50px;
	left:50%;
	transform:translateX(-50%);
}

.img-block {
	display: block!important;
}

.search-result {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.search-result-title, .search-result-link {
    margin: 0 5px; 
}

.box-inner .navmenu li.iconed.displayDesktopIcones{
	padding-top:0!important;
	padding-left:50px!important;
}

.box-inner .navmenu li a .img-block{
	position:absolute;
	top:50% ;
	left:-50px;
	transform:translateY(-50%);
}

.noHoverIcon, .hoverIcon{
	width:50px;
	margin:0 auto;
}

.hoverIcon{
	display:none;
}

.hoverIcon.active{
	display:block;
}
.noHoverIcon.hide{
	display:none;
}

/*** composant boutons actions ***/

.fa-play {
	border:none;
	z-index:100;
	width: 22px;
    height: 22px;
	background:url(img/play.svg) no-repeat;
}
.fa-pause {
	border:none;
	z-index:100;
	width: 22px;
    height: 22px;
	background:url(img/pause.svg) no-repeat;
}

.pinned{
	position:fixed;
	top:50%;
	right:0;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	min-width:100px;
	max-width:6.5%;
	z-index:20000;
}

.pinned .btnAction{
	display:block;
}

.btnAction{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	list-style-type: none;
}

.cta, .socialNetwork{
	background-color:#fff;
}

.btnAction figcaption{
	text-align:center;
	word-break: break-word
}

 .cta a{
	width:100%;
	display:block;
	margin:10px 15px;
}

.cta li{
	display:flex;
	justify-content: flex-end;
	max-width:10%;
}

.socialNetwork a{
	width:100%;
	display:block;
	margin:10px 15px;
}

.socialNetwork li{
	display:table;
	justify-content: flex-end;
	max-width:5%;
}

.pinned li{
	display:flex;
	justify-content: center;
}

.pinned a{
	width:100%;
	display:block;
	margin:10px 5px;
}

.pinned figcaption{
	display:none;
}

.follow{
	position:relative;
}

.follow::before, .follow::after{
	content:"";
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:65px;
	width:10%;
	border-top:solid 1px black;
}

.follow::after{
	left:unset;
	right:65px;
}

/*** liste de liens generiques ***/
.genericLinkList ul, .genericLinkListImg ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	list-style-type:none;
	padding:0;
}

.genericLinkListImg li.imgLink{
	cursor:pointer;
	margin: 0 5px;
}

.genericLinkListImg li *{
	color:#000;
}

.genericLinkListImg li:hover *{
	text-decoration:none;
	color:blue;
}

.genericLinkList li.textLink{
	width:100%;
	margin:10px 0;
}

.genericLinkList-linearAlign li.textLink{
	width: 50%;
}

.genericLinkList li.textLink:hover a *, .genericLinkList li.imgLink:hover {
	color:blue;
}

 .genericLinkList li.textLink:hover svg path{
 	fill:blue !important;
 }

.list__link-text, .list__doc-weight{
	color:#007bff;
	text-decoration:none;
	-webkit-transition:color .1s ease;
	-o-transition:color .1s ease;
	transition:color .1s ease;
}
.list__link-text{
	display:table-cell;
}

.textLink a{
	display: contents;
	align-items: start;
}

.genericLinkList .textLink a{
	display: table;
}

.dispTable{
	display: table; 
}

.textLink a:hover{
	text-decoration:none;
}

.genericLinkList li.textLink figcaption:hover{
	color: #212529 !important;
	cursor: auto;
}

.genericLinkList li.textLink:hover figcaption { 
	color: #212529;
}

.genericLinkList li.textLink .icone { 
	margin-right: 5px;
	display: table-cell;
}

.genericLinkList li.textLink svg { 
	margin-right: 5px;
	display: table-cell;
}

.genericLinkList li.textLink .textAndWeight { 
	display: table-cell;
}

.genericLinkList li.textLink div.textAndWeight .list__link-text{ 
	display: contents;
}

/* 	Organigramme */
 .chart .flex{
      display:flex;
 }
 .chart ul.flex {
      list-style-type: none;
      padding:0;
      margin: 10px 50px;
 }

 .chart .flex li > a > .row{
      width:fit-content;
      text-align:center;
      margin:20px auto;
      position:relative;
  }   
 .chart .flex li > a > .row.level-1{
      border:solid 2px #5770BE;
  }  
 .chart .flex li > a > .row.level-2{
      border:solid 2px #FF9940;
  }   
 .chart .flex li > a > .row.level-3{
      border:solid 2px #169b62;
  }   
 .chart .flex li > a > .row.level-4{
      border:solid 2px #E1000F;
  }   
 .chart .flex li > a > .row.level-5{
      border:solid 2px #FDCF41;
  }   
 .chart .flex li > a > .row.level-6{
      border:solid 2px #A26959;
  }   
 .chart .flex li > a > .row.level-7{
      border:solid 2px #FFC29E;
  }   
 .chart .flex li > a > .row.level-8{
      border:solid 2px #000091;
  }    
  
  .chart .flex li > a {
color:#000;
  }
  .chart.mobile3 > a,.chart.mobile2 > a,.chart.mobile > a {
color:#000;
  }

 .chart.desktop .flex li > a > .row::after,.chart.mobile .flex li > a > .row::after,
 .chart.mobile3 .flex li > a > .row::after{
     height:21px;
 } 
 .chart.desktop .flex li.chief > a > .row::before{
     content:'';
     position:unset;
     top:unset;
     left:unset;
     transform: unset;
     width:unset;
     height:unset;
     background-color:unset;
 }

 .chart .flex li > a > .row:not(.last)::after{
     top:unset;
     bottom:-21px;
     background-color: #000;
 }
 
 .chart div.mobile > .row{
     text-align:center;
     margin:20px auto;
     position:relative;
 }
 .chart div.mobile > .row.level-1{
     border:solid 4px #5770BE;
 }  
 .chart div.mobile > .row.level-2{
     border:solid 4px #FF9940;
 }   
 .chart div.mobile > .row.level-3{
     border:solid 4px #169b62;
 }   
 .chart div.mobile > .row.level-4{
     border:solid 4px #E1000F;
 }   
 .chart div.mobile > .row.level-5{
     border:solid 4px #FDCF41;
 }   
 .chart div.mobile > .row.level-6{
     border:solid 4px #A26959;
 }   
 .chart div.mobile > .row.level-7{
     border:solid 4px #FFC29E;
 }   
 .chart div.mobile > .row.level-8{
     border:solid 4px #000091;
 }   
 .chart.mobile2 div.mobile > .row{
     margin:20px;
 }

 .chart div.mobile > .row:not(.last)::after{
     top:unset;
     bottom:-20px;
     background-color: #000;
 }
 
 .chart .justify-center{
     justify-content: center;
 }
 .chart .flex ul, .rela{
     position:relative;
 }
 .chart .flex h2, h3, h4, h5, h6{
 	font-size : 1em;
 }
 
/* Banner  */

.bodywrapper .banner,
.bodywrapper .bannerVignette {
    min-height: fit-content;
    overflow: hidden;
	margin:0.5em 0;
}
.bodywrapper .bannerVignette {
	min-height:250px;
}

.bodywrapper .banner-text {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    line-height: normal;
    background: #ffffff;
}

.bodywrapper .banner-text table{
	color: #000000;
}

.bodywrapper .banner-text.desktop {
	max-width:45%;
	width:fit-content;
	position: absolute;
	top: 0;
}

.bodywrapper .zoom > img{
    -webkit-transform:scale(1.3);
        -ms-transform:scale(1.3);
            transform:scale(1.3);
}

.bodywrapper .zoom-mobile3 {
	overflow:hidden;
}

.bodywrapper .banner-img.position-relative.zoom > div{
	position:absolute;
}

.bodywrapper .banner-text,
    .bodywrapper .banner-text h2,
    .bodywrapper .banner-text h3,
    .bodywrapper .banner-text h4,
    .bodywrapper .banner-text h5 {
    margin: 0;
}

.bodywrapper .banner-text a,
    .bodywrapper .banner-text a:link,
    .bodywrapper .banner-text a:visited {
    text-decoration: underline;
    background: none;
}

.bodywrapper .banner-text a:hover,
    .bodywrapper .banner-text a:active {
    text-decoration: none;
    background: none;
} 


 /*** listes des news ***/ 
 
 .newsList{
 	list-style-type:none;
 	padding:0;
 }
 
 .newsList h2, .newsList h3, .newsList h4, .newsList h5, .newsList h6{
 	font-size:1.3rem;
 }
  
 .newsList a,
 .newsListItem a{
 	color:#000;
 }
 
 .boldTitle{
 	font-weight: bold; 
 }
 
  .fontweightCinqCentsTitle{
 	font-weight: 500; 
 }
 
 .newsList a:hover,
 .newsListItem a:hover{
 	color:blue;
 	text-decoration:none;
 }
	
.newsList .more a,
.newsListItem .more a{
	color:blue;
}

.newsList .more a:hover,
.newsListItem .more a:hover{
	text-decoration:underline;
}

.newsList + a .carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.newsList ~ a .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.newsList  ~ .carousel-control-next, .newsList  ~ .carousel-control-prev {
	width:5%;
	opacity:1;
}

.newsImg{
    padding-right: 0;
}

.newsTitle{
	position:relative;
}

.newsTitle:after{
	content:"";
	width:100%;
	position:absolute;
	bottom:-10px;
	left:0;
	border-bottom:solid 2px #0747A6;
}

.newsText{
	margin-bottom: 1rem;
}

.newsItem.mgtop{
	margin-top: 50px;
}

.newsText img{
	max-width: 100%;
}

.linkArea{
	margin-top: 2%;
}

.linkArea a{
	background-color:#000;
	border-radius:20px;
	color:#fff;
	font-weight:bold;
	padding:5px 10px 5px 30px;
	position:relative;
}

.linkArea a:before{
	content: "\21FD";
	top:50%;
	left:50%;
	transform:translateY(-55%);
	position:absolute;
	left:5px;
	font-size:1.5em;
}

.themeAndKeywords{
	background-color: lightgray;
	margin: 2% 0;
	padding: 0.5% 2%;
	border: solid 0.5px;
}

.themeAndKeywordsTitle{
	color: #0056b3;	
}

.textLink{
	border-bottom: solid 1px #DDD;
}

.titleTuile{
	height: 5.8rem !important;
}

.titleTuile a{
	font-weight: bold;
}

.newsFullPagePictureTitle{
	font-size: 1.5rem; 
	margin: 0;
}

.newsFullPagePictureDate{ 
	font-style: italic;
}

.newsFullPagePictureAccroche{
	font-weight: bold;
    margin-top: 0.5rem;
}

/*** formulaire simple ***/
.formWrapper{
	width:85%;
}
.searchsubmit {
	background:transparent url(img/search.svg) no-repeat;
	background-size:cover;
	border:none;
	cursor:pointer;
	height:30px;
	padding:0;
	position:absolute;
	right:5%;
	bottom:5px;
	width:30px;
}

/*** resultat recherche ***/

mark{
    background: yellow;
    color: black;
}

/*** formulaire recherche avanc�e ***/
.BtToggleSearch {
    background:url("img/add.svg") no-repeat;
    background-size:conver;
    cursor:pointer;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-left:10px;
	transform:translateY(25%);
	border: 0;
}

.BtToggleSearch[aria-expanded="true"]{
    background: url("img/minus.svg") no-repeat;
}

.inline-advancedSearchForm-title {
    display: inline;
}

.bodywrapper .button {
    background: url("img/bg-button.png") repeat-x scroll left top #043B9D;
    border: 1px solid #003366;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    outline: medium none;
    padding: 3px 15px;
    text-align: center;
    font-size: 100%;
}

.divButton{
    overflow : visible !important;
}

.advancedFormSearch fieldset{
	border:solid 1px #ddd;
	padding:0 20px 20px;
}

.advancedFormSearchTitle{
	transition:all ease .5s;
	border:solid 1px #000000;
	background-color:#fff;
	width:auto;
	padding: 0 10px;
}

.inline-advancedSearchForm-title{
	font-size:1.3rem;
}

/*** Pagination ***/
.breadcrumb li:not(:first-of-type){
    border-left-style: solid;
    border-left-color: #668CA5;
    border-left-width: 1px;
}
.breadcrumb li{
	padding: 0 10px 0;
}

/*** composant publications ***/
/******************************************************************************
*  Publication generic
******************************************************************************/
.bodywrapper div.publicationListItem {

}
.bodywrapper div.publicationListItemInline {
	padding-bottom:0.5em;
	margin-bottom:0.5em;
    border-bottom: 1px solid #eaeaea;
}
.bodywrapper div.publicationListItemInline p{
	margin: 0;
	padding:0;
}

.bodywrapper div.publicationListSpace {
    margin: 5px;
    padding: 5px;
    border: 1px solid #eaeaea;
}

.bodywrapper .publicationBody div.publicationPhoto {
    float: left;
    width: 48px;
    height: 48px;
    display: block;
    overflow: hidden;
}

.bodywrapper .publicationAuthor {
    font-size: 85%;
    margin: 0;
	padding:0;
}

.bodywrapper .publicationSource {
    font-size: 85%;
    margin: 0;
	padding:0;
}

.bodywrapper .publicationDate {
    font-size: 85%;
    margin: 0;
	padding:0;
}

.bodywrapper .publicationDescription {
    font-size: 85%;
    margin: 0;
	padding:0;
}

.bodywrapper .publicationBody {
    margin: 0 0 0 60px;
}

.bodywrapper .publicationAction {
    font-size: 85%;
}

.bodywrapper .publicationAction a,
.bodywrapper .publicationAction a:link,
.bodywrapper .publicationAction a:visited {
    margin-right: 0.5em;
}

.bodywrapper .publicationAction a:hover,
    .bodywrapper .publicationAction a:active {
    text-decoration: underline;
}

.bodywrapper a.publicationDownload {
    background: transparent url( img/publicationdownload.png ) no-repeat 0% 50%;
    padding-left: 16px;
}

.bodywrapper span.publicationDocSize {
    font-size: 80%;
    margin-left: 0.2em;
    font-weight: normal
}

/*** pagination ***/ 

.bg-grey{
	background-color: rgb(211,211,211);
}

.pagination.bg-grey{
	justify-content:space-between;
	padding:5px;
	margin-top: 1%;
}

.paginationPosition{
	display: flex;
	align-items: center;
}

.paginationPosition p {
	margin: 0;
}
.paginationPosition label{
	font-weight:bold;
}

.paginationNavigation label{
	margin : 0 5px 0 ;
}
.paginationNavigation{
    display: flex;
    align-items: center;
}

.paginationNavigation form{
	display:flex;
	align-items: center;
	width: 100%;
}
.currentPage{
	display:inline-block;
	width:15px;
	height:auto;
	background-color:#0000FF;
	color:#FFFFFF;
	text-align:center;
}

ul.pages{
    margin: auto;
    padding: 0;
    display: inline-table; 
    vertical-align: middle; 
}

ul.pages li{
	list-style: none;
	margin:0 5px;
}

.paginationNavigation div{
	display: table-cell;
}

.pagination li, .paginationNavigation a{
	display:inline-block;
	
}

.paginationNavigation li{
	text-align:center;
	min-width:15px;
	width: fit-content;
	display:inline-block;
}

button.carousel-control-next, button.carousel-control-prev{
    background-color: transparent;
    border: 0;
    opacity: 1;
    z-index: 15;
    margin-bottom: 3rem;
}

.greyCarrousel,.greyCarrouselPagination, .greyCarrouselSlider{
	background-color:#6c757d;
}

.greyCarrouselSlider {
	padding: 100px;
}

.greyCarrouselPagination.active{
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.greyCarrouselPagination > div{
	background-color: white;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
	z-index: 10;
}

.carousel-caption-mobile{
	top:0px;
}

.caroussel-vertical-item-container {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-right: 0;
}

.carousel-indicators {
	margin: auto;
}

.carousel-caption {
	background: white;
	color: black;
	margin: 40px auto 100px;
  	position: static;
  	-ms-transform: translateY(0%);
  	transform: translateY(0%);
  	overflow: hidden;
}

.carousel-content-container {
	text-align: center;
	background: white;
	right: 15%;
	left: 15%;
	position: absolute;
	padding: 20px 0 20px 0;
	top: 50%;
	margin: auto;
	max-width: fit-content;
	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.backgroundCarrouselControl{
	background-color: #000000;
	opacity: 0.5;
	padding: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.carousel-item{
	overflow: hidden;
	margin-bottom: -2%;
}

.rela.order-13{
	order:13;
	-ms-flex-order:13;
}

.rela.order-14{
	order:14;
	-ms-flex-order:14;
}

.rela.order-15{
	order:15;
	-ms-flex-order:15;
}

.rela.order-16{
	order:16;
	-ms-flex-order:16;
}

.rela.order-17{
	order:17;
	-ms-flex-order:17;
}

.rela.order-18{
	order:18;
	-ms-flex-order:18;
}

.rela.order-19{
	order:19;
	-ms-flex-order:19;
}

.rela.order-20{
	order:20;
	-ms-flex-order:20;
}

.carousel.bootstrap img {
	position: absolute;
	object-fit: cover;
}

.default.carousel .img-bkg, 
.paginationCarousel.carousel .img-bkg {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;	
}

.default.carousel .carousel-caption,
.paginationCarousel.carousel .carousel-caption {
	position: absolute;
    width: 40%;	
    left: 0; 
    top: 0;
    right: auto;
    bottom: auto;
    margin: 0;
}

.default.carousel .carousel-item-legend,
.paginationCarousel.carousel .carousel-item-legend {
    color: black;
    position: relative;
    left: 1%;	
    margin-bottom: 1.5rem;
}

.default.carousel .carousel-inner, .paginationCarousel.carousel .carousel-inner {
    padding-bottom: 2%;
}

.calendarEasyMobile .fc-header .fc-corner-right {
	margin-right: auto!important;
}

.calendarIcon{
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.calendarIcon > img{
	width: 100%;
	height: 100%;
}

.carousel-indicators button{
    box-sizing:content-box;
    -ms-flex:0 1 auto;
    flex:0 1 auto;width:30px;
    height:1px;
    margin-right:3px;
    margin-left:3px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#fff;
    background-clip:padding-box;
    border-top:10px solid transparent;
    border-bottom:10px solid
    transparent;opacity:.5;
    transition:opacity .6s ease;
    }

.carousel-indicators button {
	margin-top: 10px;
	border: 1px solid #000000;
}

.carousel-indicators button:focus {
  box-shadow: 0 0 0 2px black; 
  color: red;
  } 
  
  .carousel-indicators button.active {
  background-color: black;
}
 
 .carousel-control-prev:focus, .carousel-control-next:focus {
    box-shadow: 0 0 0 2px black; 
    color: black; 
  }

.form-control{
	border-color: #000000;
}

.mobile-overlay {
	display: none;
}

button {
	color: #000;
}

.paginationCarousel .carousel-control-next, 
.paginationCarousel .carousel-control-prev {
	top: auto;
}
	
.paginationCarousel .carousel-control-prev-icon{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.paginationCarousel .carousel-control-next-icon{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.paginationCarousel.carousel .carousel-caption {
	position: static;
	transform: translate(0, 10px);
	width: 100%;
   	margin: 0 auto;
}

.bloc-encadre_titre legend {
  color: black;
  margin-left: 0.5em; 
  margin-bottom: 0;
  padding: 0.2em 0.5em;
  width: auto;
}

fieldset.bloc-encadre_titre {
  border: 1px black solid;
  padding: 0 8px 8px 8px;
  margin: 10px 0;
  width: fit-content;
}

.simplebox {
    padding: 8px;
    margin: 10px;
    background: #eee;
    width: fit-content;
}

.textSimplebox {
    margin-bottom: 0;
}

.block-enlarge {
	display: inline-block;
	position: relative;
}

.enlarge-picture {
    transition: 0.3s;
    max-width: 300px;
    width: 100%;
    position: relative;
    opacity: 0.7;
    cursor: zoom-in;
  }

  
  .enlarge-overlay {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
  }
  
  .enlarged .enlarge-overlay {
  	display: flex;
  	align-items: center;
  	justify-content: center;
  }
  

  .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    max-height: 100%;
    border-radius: 0;
    position: static;
  }
  
  .caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #fff;
    padding: 10px 0;
  }
  
  .modal-content, #caption {
    animation-name: zoom;
 	/* animation-duration: 0.6s; */
  }
  
  @keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
  }
  
  .block-enlarge .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: normal;
    transition: 0.3s;
    opacity: 1;
  }
  
  .block-enlarge .close:hover,
  .block-enlarge .close:focus {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
  }
  
  
  .simplebox.color-blanc {
    color: #fff;
  }
  
  .simplebox.color-noir {
    color: #000;
  }
  
  .colored-cta {
  	padding: 2px 0.5em;
  	color: black;
  	border-radius: 4px;
  }

  .frameContent {
  	position: relative;
 	width: 100%;
 	margin-bottom: 1.5rem;
  }
  
  
  .frameContent .frame_edit_bloc{
  	background: lightgrey;
  	display: flex;
    justify-content: center;
    align-items: center;
  }
  .frameContent iframe,
  .frameContent .frame_edit_bloc{
  	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: 0;
  }
  
  .frameContent.r16_9 {
  	padding-top: 56.25%;
  }
  
  .frameContent.r4_3 {
  	padding-top: 75%;
  }
  
  .frameContent.r3_2 {
  	padding-top: 66.66%;
  }
  
  .frameContent.r8_5 {
  	padding-top: 62.5%;
  }
  
  .frameContent.r1_1 {
  	padding-top: 100%;
  }
  
  .frameContent.r9_16 {
  	padding-top: 177%;
  } 
  
  .frameContent.r50_16_9 {
  	padding-top: 28.125%;
  }
  
  .frameContent.r50_4_3 {
  	padding-top: 37.5%;
  }
  
  .frameContent.r50_3_2 {
  	padding-top: 33.33%;
  }
  
  .frameContent.r50_8_5 {
  	padding-top: 31.25%;
  }
  
  .frameContent.r50_1_1 {
  	padding-top: 50%;
  }
  
  .frameContent.r50_9_16 {
  	padding-top: 88.5%;
  }
  
  .frameContent.r75_16_9 {
  	padding-top: 42.1875%;
  }
  
  .frameContent.r75_4_3 {
  	padding-top: 56.25%;
  }
  
  .frameContent.r75_3_2 {
  	padding-top: 49.995%;
  }
  
  .frameContent.r75_8_5 {
  	padding-top: 46.875%;
  }
  
  .frameContent.r75_1_1 {
  	padding-top: 75%;
  }
  
  .frameContent.r75_9_16 {
  	padding-top: 132.75%;
  }
  
  .frameContent.generic75 {
  	width:75%;
  	margin:auto;
  }
  
  .frameContent.generic50 {
  	width:50%;
  	margin:auto;
  }
  
  .frameContent.generic50 {
  	width:50%;
  	margin:auto;
  }

  .colored-cta:hover {
  	color: black; 
  	text-decoration: none; 
  }

.alertRefresh{
	font-size: 85%;
	padding-left: 15px;
	padding-right: 15px;
}

@media (orientation: landscape) and (max-width: 991px){
	.socialNetwork li{
		display:flex;
		max-width:4%;
	}
}
	
@media (orientation: portrait) and (max-width: 991px){
	.socialNetwork li{
		display:flex;
		max-width:8%;
	}
}

@media all and (max-width: 991px){
    
.navmenu li {
	display: flex;
	flex-wrap: wrap;
} 

.navmenu li.hasChildren a {
    width: calc(100% - 50px); 
}

	li[data-icon]::after{
		height:0!important;
	}

	.noHoverIcon.mobile, .hoverIcon.active.mobile{
		display:inline-flex!important;
		align-items: center;
		jsutify-content: center;
	}
	
	.noHoverIcon, .hoverIcon, .noHoverIcon.hide.mobile{
		width:40px;
		height:40px;
		margin:0;	
	}
	
	 .hoverIcon, .noHoverIcon.hide.mobile {
	 		display:none!important;
	 }
	
	li.selected > .hoverIcon.mobile{
		display:inline-block!important;
	}
	li.selected > .hoverIcon {
	    display: none!important;
	}
	
	li.selected > .noHoverIcon.mobile{
		display:none!important;
	}
	
	.hoverIcon{
		display:none;
	}
	
	.hoverIcon.active{
		display:inline-block;
	}
	.noHoverIcon.hide{
		display:none;
	}
	
	.navmenu li a .img-block {
	    position: absolute;
	    top: 5px;
	    left: 0;
	    transform: unset;
	}
	
	.navmenu li.iconed .img-block.mobile{
		display:block;
	}
	
	/*** body ***/
	
	body.noScroll{
			overflow:hidden;
	}
	/*** barre bleue ***/
	 .bodywrapper #userinfo {
	    background-color: #045C96;
	    color: #fff;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    position: relative;
	    z-index: 900;
	    width: 100%;
	    margin-top: 50px;
	}
	/***recherche simple***/
	
	.formWrapper{
		width:100%;
	}
	#simpleSearchForm, #octopus-search{
		position:absolute;
		width:100%;
		top:-100%;
		z-index:2000;
		background-color:#fff;
	}
	
	#simpleSearchForm.active, #octopus-search.active{
		padding: 10px;
	}
	
	#simpleSearchForm.top:not(.active),  #octopus-search.top:not(.active){
		top:100%;
	}
	
	#simpleSearchForm label, #octopus-search label{
		display:none
	}
	
	#simpleSearchForm form, #octopus-search form{
		display:none;
	}
	
	#simpleSearchForm form.show, #octopus-search form.show{
		display:block;
	}
	
	#simpleSearchSubmit.bottom, #octopus-send-form.bottom{
		position:fixed;
		right:10px;
		bottom:15px;
		top:unset;
		transform:unset;
	}
	
	#simpleSearchSubmit.top, #octopus-send-form.top{
		position:fixed;
		right:10px;
		top:15px;
		bottom:unset;
		transform:unset;
	}
	
	#simpleSearchSubmit, #octopus-send-form{
		display:none;
	}
	
	/*** r�seaux sociaux ***/
	.socialNetwork{
		position:fixed;
		width:100%;
		left:0;
		bottom:0;
		z-index:500;
	}
	
	.socialNetwork.active{
		bottom:100px;
	}
	/*** composant menu ***/

	.marginBottom{
		margin-bottom:100px;
	}
	
	.marginTop{
		margin-top:52px;
	}
	
	/*** listes generiques ***/
	.genericLinkList{
		overflow:hidden;
	}

	.genericLinkList > ul.notVisible{
		opacity:0;
		height:0;
		visibility:hidden;
	}

	.genericLinkList > ul{
		padding-left:1em;
		opacity:1;
		height:auto;
	}
	
	
	.genericLinkListImg li.imgLink, .genericLinkList li.textLink{
		width:100%;
	}

	button.hideList{
		width: 100%;
		text-align: left;
		border: thin solid transparent;
		background-color: transparent;
	}
	
	button.hideList:focus{
		border-color: black;
		outline: 0;
	}

	.hideList{
		position:relative;
		cursor:pointer;
		border-bottom:solid 1px #000;
	}
	
	.hideList[aria-expanded="false"]::after{
		content:"+";
		font-size:inherit;
		position:absolute;
		right:0;
		top:0;
	}
	
	.hideList[aria-expanded="true"]::after{
		content:"-";
		font-size:inherit;
		position:absolute;
		right:0;
		top:0;
	}
	
	/*** fin listes g�n�riques ***/
	
	.header-container.height100 {
		position: fixed; 
		top:0;
		width: 100%;
		z-index: 100;
		overflow-y: auto;
	} 
	
	.hideMobile{
		display:none;
	}
	
	.height100{
		height:100vh!important;
		background-color:#fff;
	}
	
	.height100 + main{
		margin:0;
	}
	
	.btnAction{
	    display:block;
	    padding:0;
    }
	.btnAction figcaption{
		line-height: 1.8;
	}
	
	.cta {
		width: 100%;
	}
	
	.cta a{
		margin:10px 0;
	}
	
	.cta li{
		display:block;
		max-width:unset;
	}
	
	.cta img{
		display:none;
	}
	
	.socialNetwork .btnAction{
		justify-content:center;
		display:flex;
	}
	
	.socialNetwork a{
		margin:0;
	}
	
	.pinned img{
		display:none;
	}
	
	.pinned{
		width:100%;
		max-width:100%;
		-webkit-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
	}
	
	.pinned figcaption{
		display:block;
	}
	
	.pinned a{
		margin:10px 0;
	}	
	
	.pinned li{
		display: block;
	}
	
	/*** logo ***/
	#logo{
		position:absolute;
		top:50%;
		left:5px;
		-webkit-transform:translateY(-50%);
		    -ms-transform:translateY(-50%);
		        transform:translateY(-50%);
		max-width:120px;
		z-index:5000
	}
	
	#logo .img-fluid{
		max-height: 60px;
	}
	
	#logo.center{
		left:50%;
		-webkit-transform:translate(-50%, -50%);
		    -ms-transform:translate(-50%, -50%);
		        transform:translate(-50%, -50%);
	}
	
	.hideMobile{
		display : none;
	}
	
	.bodywrapper .publicationBody div.publicationPhoto {
	    float: none;
	    width: unset;
	    height: unset;
	}
	
	.bodywrapper .publicationBody {
	    margin: 0;
	}

	/*** Pagination ***/
	.pagination.bg-grey{	
	    flex-wrap: wrap;
    	padding: 0;
    	border-radius: 0;
	}
	
	.paginationPosition{
		width: 100%;
	    flex:unset;
    }
    
    .paginationNavigation {
    	width: 100%;
    	flex: unset;
    	justify-content: unset;
    }
    
     .paginationNavigation nav {
     	display: inline-block;
     }
    
    .paginationNavigation form{
        width: 100%;
        display:block;
    }
    
    .paginationNavigation form label{
		display: table-cell;
	    background-color: white;
	    padding: 0;
	    margin: 0;
	    width: fit-content;
	    margin-right: 10px;
	    vertical-align: middle;
    }
    
    .pagination.bg-grey .paginationPosition p {
    	margin: 0.5rem 5px;
    }
    
    .paginationNavigation form select{
	    margin: 10px 10px 0 5px;
	    vertical-align: super; 
    } 
    
    .pages{
        display: inline-block;
	    padding: 0 10px !important;
	    border-left: solid 1px white;
	    margin-left: 5px !important;
	    margin-top: 10px !important;
    }		
    
	.btnAction figcaption{
		text-align:left;
    }
	
	.fc-view table thead{
		left:0px;
		top: 62px;
	    width: 100%;
	}
	
	.fc-view table thead > tr{
		display:flex;
	}
	
	.carousel-pagination {
		padding-top: 25px;
	}
	
	.calendarEasyMobile  .fc-state-default.fc-button-prev .fc-button-inner, 
	.calendarEasyMobile  .fc-state-default.fc-button-next .fc-button-inner {
		 background: transparent;
		 border-style: none;
	}
	

	.carousel.default .carousel-caption {
		top: 0;
    	left: 0;
	}
	
	.default.carousel .img-bkg, 
	.paginationCarousel.carousel .img-bkg {
	    background-size: cover;
	}
	
	.paginationCarousel.carousel .carousel-item-legend {
		bottom: auto;
	}
	

	.calendar.fc .fc-header .fc-header-right {
	    margin-bottom: -70px;
	} 
	
	.calendar .fc-view table caption .fc-header-title p{
		text-align: left;
	}
	
	.calendar .fc-view table caption {
		padding-top: 0.8rem;
	}
		
	.calendar.calendarEasyMobile.fc .fc-header .fc-header-right .fc-button-today {
		right: 0;
		margin-bottom: 0;
	}
	
	.calendar .fc-view table thead {
		position: static;
	}
	
	 .calendar .fc-view table thead > tr {
	 	display: table-row;
	 }
	 
	 .calendar .fc-view table thead th {
	 	display: table-cell;
	 }
	 
	 .enlarge-overlay {
	 	width: 100%;
	 }
	 
	 .block-enlarge .close {
    	right: 5%;
	 }
	 
	@media all and (max-width: 360px){
	
		.calendar.fc .fc-header .fc-header-right {
			margin-bottom: auto;
		}
		
		.calendar.calendarEasyMobile.fc .fc-header .fc-header-right .fc-button-today {
			top: auto;
		}
	
	}
	
	@media all and (min-width: 767px){		
		.calendar.fc .fc-header .fc-header-right {
			margin-bottom: auto;
		}
		
		.calendar.calendarEasyMobile.fc .fc-header .fc-header-right .fc-button-today {
			top: auto;
		}
		
		.calendar .fc-view table thead > tr {
			display: table-row;
		}
		
				
	}
	
	.img-block {
		order: -1;
	}
	
	.mobile-overlay {		
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: black;
	    z-index: 99;
	    opacity: 0.5;
	    margin: 0;
	    padding:0;
	}
		
}


@media all and (max-width: 1310px){	
	.default.carousel .carousel-caption {
		width: 70%;
		left: 0;
	}
}

@media all and (max-width: 767px){
	.carousel.bootstrap img {
    	position: static;
	}	
	
	.block-enlarge .inner-enlarge {
	 	height: 180px;
	}
}

@media screen and (max-width:991px){
	.hiddenMobileNav {
		display: none !important;
	}
}

.placeEvent {
	display: table;
}

.placeEvent .icone {
	display: table-cell;
}

.placeEvent .placeLabel {
	display: table-cell;
	text-transform : uppercase;
	padding-left: 0.5rem;  
	color: black;
}

.typeEvent .typeLabel{
	background-color: #3498DB; 
	margin: 1.5rem;
	padding: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem; 
	text-transform : uppercase;
	color: white; 
	font-weight: bold;
	width: fit-content;
}	

.event {
	display: table; 
}

.eventList {
	padding-inline-start: 0; 
}

.eventRight{
	display: table-cell;
	width: 70%
}
.event .title{
	font-weight: bold;
	font-size: 120%;
	color: #094A85;
}

.eventLeft{
	text-transform : uppercase;
	font-weight: bold;
	display: table-cell; 
	width: 30%;
	text-align: center;
}

.flecheEvent{
	width: 23px; 
	position: relative; 
}

.flecheEventMobile{
	display: block; 
	margin-right: auto; 
	margin-left: auto; 
	width: 23px; 
	position: relative;
}

.arrowDateEvent{
	width: fit-content;
}

.dateEvent{
	text-transform : uppercase;
	font-weight: bold;
	display: table; 
	margin-right: auto; 
	margin-left: auto;
}

.dateEventMobile{
	text-transform : uppercase;
	font-weight: bold;
	display: table; 
}
	
.dateLabel{
	display: table-cell;
}

.dateIcone{
	display: table-cell;
	margin-right: 4px;
}

#hamb:focus{
	outline: 0px;
}

#hamb:focus-visible{
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color
}

.accordion .card-header:focus {
	outline: 0px; 
}

.accordion .card-header:focus-visible {
	outline: 3px solid black;
	outline-offset: -3px;
}

.colorCTA {
	background-color: #ffffff; 
}

.colorOutils {
	background-color: #3e3e3e; 
}

.colorOutils h3, .colorOutils h2, .colorOutils h4, .colorOutils h5, .colorOutils h6, .colorOutils figcaption{
	color: 	#FFFFFF;
}


blockquote {
	font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    border-left-width: 5px;
    padding-left: 20px;
    padding-right: 8px;
    line-height: 1.6;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;  
}

 
blockquote p {
	margin-block-start: 1em;
    margin-block-end: 1em;
} 

.accordion  .card > :is(h1, h2, h3, h4, h5, h6) > button {
	width: 100%;
}

.accordion  .card > :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .main-menu, .main-menu ul {
        width: 100%;
        box-sizing: border-box; 
    }

    .main-menu a {
        white-space: normal; 
        word-wrap: break-word; 
    }

    .level__ {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (min-resolution: 2dppx) {
     .carousel-caption,
     .carousel-content-container {
         font-size: 0.30em;
     }
}

table.table-accessibility  {
	border-spacing: 1px;
}
               
@media screen and (max-width:991px){
	table.table-accessibility  {
		width: 100%;
	}
}

.calendar.fc table th {
 	border-left: none;
 	border-right: none;
 	box-shadow: inset 1px 0 0 #ddd, inset -1px 0 0 #ddd;
}