.btn-iconed [class~=mdi]::before{
  opacity: 0;
   -webkit-transform-origin: left right;
   transform-origin: left right;
   -webkit-transform: translateX(-10px) scale(1.25);
   transform: translateX(-10px) scale(1.25);
   transition: .15s ease-out;
}
.btn-iconed{
	background-color:#007cba;
	border-color:white;
}
.btn-iconed:hover{
	border-color:#007cba;
}
.btn-iconed:hover [class~=mdi]::before {
   opacity: 1;
   -webkit-transform: translateX(0px) scale(0.75);
   transform: translateX(0px) scale(0.75);
}

.descActu{
	font-size:18px;
	color: black;
	text-decoration: none;
	text-align: center;
}
.titreActu{
	background-color: #bababa;
	height:100px;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}
.photoActu{
	height:200px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;

}
.colActu{
	border-width:1px;
	border-color:#bababa;
	border-style:solid;
}
.imgActu:hover{
	filter: brightness(80%);
}
.imgActu{
	width:100%;
	height: auto;
	max-height:200px;
}
.sticky {
  position: sticky;
  top: 0px;
  z-index: 99;
  margin-left:0px;
  margin-right:0px;
  padding-left:0px;
  padding-right:0px;
}
h1,h2,h3,h4,h5,h6 {
                color: #333;
                padding-bottom: 10px;
                line-height: 1em;
				font-weight:normal;
            }
			
h2{
	font-size: 26px;
}
h1{
	font-size: 30px;
}
body {
    font-family: Open Sans,Arial,sans-serif;
    font-size: 14px;
	font-weight:normal;
    color: #666;
    background-color: #fff;
    line-height: 1.7em;
}
#carouselExampleControls{
	margin:0px;
	padding:0px;
}
.text-center{
	font-family:'DM Sans',Helvetica,Arial,Lucida,sans-serif;
	letter-spacing: 3px;

}
.vignetteSecteur{
	margin-bottom:30px;

}
.vignetteSec{
	justify-content:space-evenly;
}
.imgVignette{
	height:200px;
	width:auto;
}
.textFooter{
	color:white;
	text-align:center;
	font-size:18px;
	font-family: Open Sans, Arial, sans-serif;
}
.InvisibleText{
	text-align:center;
	display:none;
}

.thumbnail {
    position: relative;
	width:fit-content;
}
.thumbnail:hover >img {
	filter: brightness(70%);
}
.thumbnail:hover >.caption {
	opacity:1;
}
.Imagebutton{
	cursor:pointer;
}
.caption {
    position: absolute;
    top: 0;
	right:0;
    left: 0;
	bottom:0;
    width: 100%;
	color:white;
	opacity:0;
	display:flex;
	align-items:center;
	justify-content:center;
}
.caption > p{
	margin:0px;
}
 @media only screen 
and (max-device-width: 1000px){
	.caption {
    position: absolute;
    top: 0;
	right:0;
    left: 0;
	bottom:0;
    width: 100%;
	color:white;
	opacity:1;
	display:flex;
	align-items:center;
	justify-content:center;
}
.caption > p{
	margin:0px;
}
}
.ButtonImage{
	height:250px;
	max-width:100%;
	min-width:150px;
}
.RealImg{
	height:300px;
	max-width:100%;
	min-width:150px;
}
@media only screen 
and (max-device-width: 600px){
	.RealImg{
		height:150px;
		max-width:100%;
	}
}


 #map {
	height: 400px;
    width: 100%;
  }
.LetInfoImg{
	width:100%;
	height:auto;
	margin-bottom:10px;
  }
 .LetInfoContainer{
	width:140px;
	display:block;
	text-decoration:none;
 }
 .PlaquetteImg{
	max-width:100%;
	height:auto;
	margin-bottom:10px;
  }
 .caption{
	font-family: Open Sans,Arial,sans-serif;
	letter-spacing:0px;
 }
.LetInfoCol{
	display:flex;
	flex-direction:column;
	align-items:center;
}
.TitreSlider{
			font-size:50px;
			color:white;
	} 
@media only screen 
and (max-device-width: 600px)
 { .TitreSlider{
			font-size:20px;
			color:white;
	} 
}

 @media only screen 
and (max-device-width: 1000px){
	.TitreSlider{
			font-size:30px;
			color:white;
	}
}

.container-fluid{
	padding:0px;
}

.row{
	margin:0px;
}

.nav-link{
	font-size:16px;
}