/* Définit une animation pour l'élément */
/* L'élément est invisible au chargement de la page */
.transition-element {
    opacity: 0;
    margin:15px;
}


.transition-element.highlight{
    font-size: larger;
    color: orangered;
    font-style: italic;
   
}

.page-header {
    padding: 0.5rem 0!important; 
}

/* L'élément devient visible avec une transition */
.transition-element.visible {
    opacity: 1;
    transition: opacity 1.5s ease-in-out; /* La transition dure 0.5 seconde avec un effet d'entrée/sortie fluide */
  }


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');

.main {
  width:100%;
  height:100%;
  background:#ddd;
  font-family: 'Montserrat', sans-serif;
  font-size:99px;
  text-align:center;
}

.main div {
  position:absolute;
}

/*
.region-content , .footer-bottom-section{
    backdrop-filter: blur(1px) brightness(30%);
    -webkit-backdrop-filter: blur(1px) brightness(30%);
    padding: 12px;
    color: black;
    border-radius:5px;
  mix-blend-mode: difference; 
}
*/
.region-content h3 {
    color: orangered!important;
}
/*
.node-content .field--name-body, node-content .field--name-body h5, .block-content {
  color:cornsilk!important;
  text-shadow: 2px 2px black!important;
}*/

.transition-element{
	/*text-shadow: 1px 2px whitesmoke !important*/
}

.slider-container{
	margin-top:20px;
}

.slider-container h2{
        color:snow!important;
        text-shadow: 1px 2px grey !important;
}

.service h4{
  color:snow!important;
}

.copyright{
  color:snow;
}

.node-view-mode-teaser{
  height: 350px;
  text-align:center;
  margin-bottom:0px!important;
}

.fr-h2{
  font-size: 2rem !important;
  line-height: 2.5rem !important;
  font-weight: 700 !important;
  margin: var(--title-spacing);
  margin-bottom: 50px;
  margin-top: 50px;
}

.fr-h3 {
  font-size: 1.75rem!important;
  line-height: 2.25rem!important;
  font-weight: 700 !important;
  margin: var(--title-spacing);
  margin-bottom: 50px;
  margin-top: 50px;
}

.views-view-responsive-grid__item-inner {
  border: none;
  color: black;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  transition: 0.3s;
}

.views-view-responsive-grid__item-inner:hover {
  background-color: rgba(218,82,82,0.82);
  color: white;
}

.node-view-mode-teaser{
  border-bottom:none!important;
}