.gallery-container-item {
    height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
}

.gallery-bloc-caption {
    width: 100%;
    background-color: rgba(3, 3, 3, 0.289);
    position: relative;
    top: 217px;
    padding-top: 15px;
}

.gallery-bloc-contour {
    position: absolute;
    bottom: 30%;
    top: 30%;
    font-size: 5em;
    color: #fff;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
}

.gallery-bloc-legend {
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
    color: #fff;
    font-size: 1.2em;
}

#ged-table-role-list td{
    vertical-align: middle;
}

.collapse-list-group{
    margin-top: 10px;
}

.footer_page{
    background-color: #2d605a;
    text-align: center;
    color: #fff;

}

blockquote {
    background: #eff3f2;
    color: #535353;
    border-radius: 5px;
}

blockquote p {
    padding: 15px;
}

#header-conteur{
    /*position: absolute;
    top: 1px;*/
    text-align: center;
    z-index: 10000;
}

#background-carousel{
	/*position: absolute;
	width: 100%;
	height: 460px;
    z-index: -1;*/
    min-height: 120px;
}

#background-carousel .item {
	width: 100%;
	max-height: 500px;
	min-height: 500px;
}
#background-carousel .owl-carousel .owl-item img{
    width: unset !important;
}

#background-carousel  .img-head-background{
    height: 500px;
    background-size: cover;
    width: 100%;
}

main li::marker {
    content: "\f043";
    font-family: "FontAwesome";
    color: #008acf;
}
main li{padding-left: 1em;}

main nav ol li::marker{content: none;}

/************************** Bloc téléchargements ******************************************/
.c-footer{display: none;}

/**************** Admin portfolio ********************************************************/
#accordion li {
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    height: 50px;
    padding-right: 0;
}
#accordion .content {
    margin-left: 20px;
    width: 80%;    
}
#accordion .content span{
    font-weight: bold;
    font-size: 0.9em;
    font-weight: normal;
}
#accordion .img-draggable {
    overflow: hidden;
    box-shadow: 1px 0px 2px 1px grey;
}
#accordion .img-draggable img {
    height: 50px;
    aspect-ratio: 16/9;
}
#tri li {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    width: 95%;
    background-color: #ffffff;
    padding: 10px;
    padding-bottom: 10px;
    border: none;
}
#tri li .content {
    width: 80%;
    margin-left: 10px;
    font-weight: bold;
}
#tri li .content span{
    font-weight: bold;
    font-size: 0.9em;
    font-weight: normal;
}

#s-portfolio .active{color: green; font-size:1.25em;}
#s-portfolio .inactive{color: red; font-size:1.25em;}

#s-portfolio-categories-view .container-result img{max-width: 250px; margin-right: 50px; margin-bottom: 20px;}

#s-portfolio-view-fiche #blocFicheSections label{
    color: #1588cb;
}
#s-portfolio-view-fiche #blocFicheSections h3{
    /*color: #89C8A7;*/
    color: #CF4500;
}
#s-portfolio-view-fiche #blocFicheSections li{
    padding-left: 1em;
}
#s-portfolio-view-fiche #blocFicheSections li::marker{
    content: "\f043";
    font-family: "FontAwesome";
    color: #008acf;    
}
#s-portfolio-view-fiche .content-carousel{height: 450px;}
#s-portfolio-view-fiche .content-carousel img{max-height: 400px; width: auto; margin: 0 auto;}
.carousel-caption{ background-color: #00000077; text-align: left; padding: 15px; bottom: 0px;}

.portfolio-card-link-more{border: solid 1px #1588cb;}

/*** Navigation ***/
/*#MenuWrapper .navbar-default .navbar-nav>li>a, #MenuWrapper .navbar-default .navbar-nav>li>a:hover, #MenuWrapper #menuHead a {
    color: #000000;
}*/
#MenuWrapper nav ul li a{
    display: inline-block;
    position: relative;
    padding-right: 2em;

}
#MenuWrapper nav ul li a::before{
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #008acf;
  transform-origin: bottom right;
  transition: transform 0.5s ease-out;
}
#MenuWrapper nav ul li a:hover::before{
    /*color: #008acf;
    border-bottom: solid 1px #008acf; 
    transition: border-bottom 2s;*/
    transform: scaleX(1);
    transform-origin: bottom left;
}
#MenuWrapper nav ul li a:hover{
    color: #008acf;   
}

/*** Page d'accueil ***/
header{background-color: white; position: sticky; top: 0px; z-index:10;}

#section_diaporama_accueil{height: 500px; z-index: 3; position: relative;}
#section_diaporama_accueil .owl-carousel item{height: 500px !important;}
#section_diaporama_accueil .carousel-caption-title{font-size: 1.25em; font-weight: bold;}
#section_diaporama_accueil .carousel-caption-description{font-size: 1em;}

#section_presentation{position: relative; margin-bottom: 30px;}
#section_presentation h1{font-size: 2.85em; font-weight: bold; font-family: "Manjari"; display: inline-block; text-align: left; line-height: 1em; margin-right: 15px; padding-top: 20px;}
#section_presentation h1 span{color: #757575; font-weight: 300; font-family: "montserratextralight"; font-size: 0.625em; line-height: 1em; display: inline-block;}
#section_presentation #eaux{font-size: 1em; font-weight: bold; font-family: "Manjari"; color: #1588cb; display: inline-block; border-left: solid 2px #1588cb;padding-left:5px; text-transform: uppercase;}
@media screen and (min-width: 768px){
     #section_presentation #eaux{position: relative; top: -3em; left: -120px;}
     #section_presentation h1 span{font-size: 1em;}
     #domaines_intervention{column-count: 2;}
     #domaines_intervention li{break-before: avoid;}
}

#section_actualites_home{margin: 50px 0px; background-color: #f6f4f5; padding-bottom:35px;}
#section_actualites_home #carrouselActuHome h3{padding-left: 10px;}
#section_actualites_home #carrouselActuHome a{text-decoration: none;}
#section_actualites_home #carrouselActuHome .owl-stage{display: flex;}
#section_actualites_home #carrouselActuHome .owl-item{margin:10px; background-color: white; border-radius: 25px;}
#section_actualites_home #carrouselActuHome .owl-item img{border-radius: 25px;}
#section_actualites_home #carrouselActuHome .owl-item .resumeActu{margin-bottom: 25px; padding: 10px}
#section_actualites_home #carrouselActuHome .owl-item .dateActu{display: flex; justify-content: space-between; flex-direction: row; padding: 10px}
#section_actualites_home #carrouselActuHome .owl-item .dateActu a.linkActu{margin-right: 30px;}
#section_actualites_home #carrouselActuHome .owl-item .dateActu svg{font-size: 1.5em;}
#section_actualites_home #carousel-home-generic .carousel-caption{padding-bottom:30px;}
#section_actualites_home #allNewsLink{margin-top: 20px;}
#section_actualites_home #allNewsLink .btn{background-color: #008acf; color: white;}
#section_actualites_home #allNewsLink .btn:hover{background-color: #89c8a7;}

#carrouselPortfolioHome{margin-top: 15px; margin-bottom: 50px;}
#carrouselPortfolioHome .itemPortfolio{background-color: #f6f4f5; padding:10px 20px; border-radius: 25px;}
#carrouselPortfolioHome .itemPortfolio .row{min-height: 100px;}
#carrouselPortfolioHome .itemPortfolio img{border-radius: 5px; -webkit-box-shadow: 5px 5px 13px -3px rgba(0,0,0,0.61); box-shadow: 5px 5px 13px -3px rgba(0,0,0,0.61);}
#carrouselPortfolioHome h3{margin-top: 10px; font-size: 1.35em}
#carrouselPortfolioHome h3 a{text-decoration: none;}
#carrouselPortfolioHome .fichePortfolio{display: flex; flex-direction: column; justify-content: space-between;}
#carrouselPortfolioHome #allPortfolioLink .btn{background-color: #008acf; color: white;}
#carrouselPortfolioHome #allPortfolioLink .btn:hover{background-color: #89c8a7;}

.wrapper{position: relative;}
.paths {
    position: absolute;
    /*top: -172px;*/
    /*left: calc((100% - 1170px) / 2);*/
    width: min(calc( (100% - 1170px) / 2),200px);
    height: 100%;    
    z-index: 1;
}
#path_blue {
    z-index: 2 !important;
}

.active > .page-link, .page-link.active{background-color: #008acf;}

#NewsLink .btn{background-color: #008acf; color: white; margin-top:10px;}
#NewsLink .btn:hover{background-color: #89c8a7;}