* {
     margin: 0;
     padding: 0;
     box-sizing: border-box; 
}
a {
    text-decoration: none;
}
ul {
  list-style-type: none; /* Supprime les puces */
  margin: 0;             /* Supprime les marges par défaut */
  padding: 0;            /* Supprime le padding par défaut */
}
/* ----------- top */

.devis-g a, .devis-g a:hover {color:#ee2f2e;font-family:Calibri, Arial, Helvetica, sans-serif, Bahnschrift;font-size:18px;position:relative;width:auto;height:18px;margin-top:55px;font-weight:600;font-style: italic;display:block;}

#top {
	position:relative;
    max-width: 1170px;
	min-width: 344px;
    height: 125px;
	margin-left: auto;
    margin-right: auto;
    /*background-color:#F00;*/
    padding: 0px;
    display: flex; 
	justify-content: flex-end; /* Aligne les enfants à droite */
	align-items: center; 	
}
#logo {
	position: relative;
	z-index: 1000;
	transform: translateX(25px); /* Démarre 20px plus bas */
    animation: fadeIn 1s forwards; /* Applique l'animation une fois */
	left: 0px;
	top: 35px;
	width:321px;
	height:231px;
	/*background-color: #FFF;*/
	background-image:url(../../Images/Logo.png);
	background-repeat:no-repeat;
	background-size: 225px;
	display: block;
}

	@keyframes fadeIn {
    from { opacity: 0; transform: translateX(25px); }
    to { opacity: 1; transform: translateY(0); }
    }

#top #menu-contact {
	position: relative;
	margin-left: auto;
	right:-10px;
	top:0px;
	width:200px;
	min-width:125px;
	height: 20px;   	
}

#top #menu-contact a, #top #menu-contact a:hover, #top #menu-contact a:visited, #top #menu-contact a:active {
	color: #333;
	font-family:Calibri, Arial, Helvetica, sans-serif, Bahnschrift;
	font-size:14px;
	text-transform:none;
	margin-right:25px;
	text-decoration: none;		
}
@media (max-width:430px) {
	#logo {left:95px;background-size:175px;top:55px;}
	#top #menu-contact a, #top #menu-contact a:hover, #top #menu-contact a:visited, #top #menu-contact a:active {
	font-size:12px;	
}
	
	}

/* -- bande et menu ----------------*/
.sous-menu {
  top:100%;
  display:fixe;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8); /* Blanc avec 50% de transparence */
  backdrop-filter: blur(10px); /* Effet de flou */
  -webkit-backdrop-filter: blur(10px); /* Support Safari */
  border-radius: 7px 7px 10px 10px;
  padding: 20px 50px 25px 0px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 1600;
  height:auto;
  transition: all 0.5s ease-in-out; transform: translateX(-50px); 
}
.space {margin-right:50px;margin-left:20px;padding-bottom:15px;margin-bottom:15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* La ligne en dessous */position:relative;width:100%;}


/* Afficher le sous-menu au survol */
.menu-item:hover .sous-menu {
  top:100%;
  display:flex;
  flex-direction: column;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
   z-index: 1200;
}
/* Style pour le chevron */
.menu-item > a::after {
    content: '';
    display: inline-block;
    margin-left: 8px; /* Espace entre texte et chevron */
    width: 6px;
    height: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg); /* Oriente vers le bas */
    vertical-align: middle;
    transition: transform 0.2s; /* Animation douce */
}

/* Rotation au survol */
.menu-item:hover > a::after {
    transform: rotate(-135deg); /* Tourne pour indiquer l'ouverture */
}
/* ----------- menu hamburger */
nav {
  background:#000;
  display: flex;
  z-index: 10;
}
#menu {
  padding:0;margin-left:auto;
  display: flex;
  list-style:none;
}
#menu li a {
  padding: 10px 20px;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  font-family: sans-serif;
}
#menu li a:hover {
  text-decoration: underline;
}
nav input {
  position: relative;
  width: 40px;
  aspect-ratio: 1;
  margin-left: 10px;
  display: none;
  overflow: hidden;
  box-sizing: border-box;  
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
}
nav input:before,
nav input:after {
  content:"";
  grid-area:1/1;
  transition:.3s;
}
nav input:before {
  background:
    radial-gradient(closest-side at 12.5% 25%,#fff 96%,#0000) 0 0/80% 40%,
    linear-gradient(#fff 50%,#0000 0) top/80% 40% repeat-y;
}
nav input:after {
  padding: 10%;
  background: 
    radial-gradient(closest-side at 50% 12.5%,#fff 96%,#0000) top /20% 80% repeat-y,
    radial-gradient(closest-side at 12.5% 50%,#fff 96%,#0000) left/80% 20% repeat-x,
    conic-gradient(from 90deg at 33% 33%, #0000 90deg, #fff 0)
     100% 100%/60% 60% padding-box content-box;
  transform: translate(-100%) translateZ(0) rotate(45deg);
  opacity:0;
}
nav input:checked:before {
  transform: translate(100%);
  opacity:0;
}
nav input:checked:after {
  transform: translate(0) translateZ(0) rotate(45deg);
  opacity:1;
}
#menu-burger {position:relative;top:0px;width:200px;height:200px;display:none;visibility: hidden;}


@media (max-width:799px) { /*---- menu gsm ---*/


#menu-burger {position:relative;top:0px;height:100%;z-index:5000;display:flex;visibility:visible;}
 
#top-menu {display:none;visibility: hidden;} 


/* Bouton Burger */
.burger-btn {
    position: relative; top: 30px; right: 20px; z-index: 100;
    background: none; border: none; cursor: pointer;
    display: flex; flex-direction: column; gap: 5px;
}
.burger-btn span{
    display: block; width: 30px; height: 3px; background: #ee2f2e;
    transition: all 0.3s ease-in-out;
}
/* Animation en croix */
.burger-btn.is-active .cache:nth-child(2) {
  opacity:0;
}
.burger-btn.is-active span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.burger-btn.is-active span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* Menu Mobile (caché par défaut) */
.mobile-menu {
    position: fixed; top: 0; right: -799px; width: 80%; height: 100%;
    background-color: rgba(0, 0, 0, 0.4); transition: 0.4s; padding-top: 25px;
	display:flex;
	
}
.mobile-menu .sous-m a{
	background:#fff;font-weight:500;color:#333;}
.mobile-menu.active { right: 0; }
.mobile-menu a.actuel {color:#ee2f2e;}
.mobile-menu a:active {color:#ee2f2e;}
.mobile-menu a:hover {color:#ee2f2e;}
/* Listes */
.mobile-menu ul { list-style: none; padding: 0; margin: 0 auto; }
.mobile-menu li { border-bottom: 1px solid rgba(255, 255, 255, 0.1);margin: 0 auto; }
.mobile-menu a, .submenu-toggle {
    display: flex; padding: 15px 20px; 
    color: #fff; width: 100%; text-align: left;font-family: Calibri, Verdana, Geneva, sans-serif;
    background:#000; border: none; font-size: 20px; cursor: pointer;font-weight:bold;
	text-transform: capitalize;
}

/* Accordéon (Sous-menu) */
.submenu {
    max-height: 0; overflow: hidden; /* Cache le menu */
    transition: max-height 0.3s ease-out; 
}
.has-submenu.open .submenu {
    max-height: 800px; /* Valeur arbitraire assez grande */
}
.arrow { position:relative;float:right; font-size: 12px; transition: 0.3s; margin-left:25px; }
.has-submenu.open .arrow { transform: rotate(180deg); } 

} /*---- fin menu gsm ---*/


#bande {	
	height: 78px;
	width: 100%;
	background-color:#000;
	padding-left:5px;
	padding-right:5px;
	display:flex;
	justify-content: flex-end; /* Aligne les enfants à droite */  
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

#bande #top-menu {
	position: relative;
	width: 1170px;
	height: 78px;
	margin-left: auto;
    margin-right: auto;
	display:flex;
	align-items: center; 
	z-index: 1050;	
}

#bande #top-menu a, #bande #top-menu a:hover, #bande #top-menu a:visited {
	position: relative;
    color: #FFF;
	font-family:Bahnschrift, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform: uppercase;
	margin-right:25px;
	text-decoration: none;	
}
#bande #top-menu a:active {color: #ee2f2e;}
#bande #top-menu a:hover {color: #ee2f2e;}
#bande #top-menu a.actuel {color: #ee2f2e;}


/* ----------- navigation top  */

#navbar {
  position: fixed;
  top: 0;
  width: 100%;
  transition: top 0.3s; /* Animation de glissement */
  background-color: #FFF;
  z-index: 1000;
}

/* Classe pour cacher le menu (décalage vers le haut) */
.nav-hidden {
  top: -200px !important; /* Ajustez selon la hauteur de votre menu 124*/
  opacity: 0.95;
  #logo {top:-10px;}
}

/* ----------- banniere */

#banniere {
	position:relative;
    width: 100%;
	min-width: 344px;
	height: 100vh;
    background-color:#FFF;
    padding: 0px;
    display: flex; 
	justify-content: flex-end; /* Aligne les enfants à droite */
	align-items: center; 
}

/* Styles de base */

    .slider-container {
      max-width: 100%;
	  min-width: 344px;
      margin: 0 auto;
      padding: 0px;
      box-sizing: border-box;
    }
    .swiper {
      max-width: 100%;
	  min-width: 344px;
      height: 100vh; /* Hauteur ajustée pour être plus équilibrée sur les grands écrans */
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    .swiper-slide {
      display:flex;
      align-items: center;
    }

    /* Conteneur pour l'image et le texte */
    .slide-content {
	  position: relative;
      display:block;
	  align-items: center;
      max-width: 100%;
      max-height: 100%;
    }

    /* Image */
    .slide-image {
      width: 100%; /* L'image occupe 70% */
      height: 100%;
      background-color: #ddd;
    }

    .slide-image img {
	  position: relative;
	  top: 150px;
      width: 100%;
      height: 100vh;
      object-fit: cover;
    }
    
    /* Texte */
    .slide-text {
      position: absolute;
      top: 0px;
      left: 50%;
	  background-color: rgba(0, 0, 0, 0.0);
      transform: translateY(58px) translateX(-50%);
      transition: opacity 0.8s ease-out, transform 0.8s ease-out;
	  width:100%;
	  max-width: 1170px !important;
	  min-width: 344px !important;
	  height:258px;
      box-sizing: border-box;
	  z-index: 0;
      color: #fff;
      display: flex;
	  align-items: center; 
      flex-direction: column;
      justify-content: center;
	  border-bottom-left-radius: 10px; /* Arrondi pour le coin en bas à gauche */
      border-bottom-right-radius: 10px; /* Arrondi pour le coin en bas à droite */
    }	
    .slide-text.is-visible:hover {opacity:0.9;}
	.slide-text.is-visible {
     background-color: rgba(0, 0, 0, 0.7);
     transform: translateY(202px) translateX(-50%);
    }	
    .slide-text h2 {
	  position: relative;
      margin: 0 0 10px;
      font-size: 38px;
	  font-family:Calibri, Verdana, Geneva, sans-serif;
	  font-weight:100;     
    }
    .slide-text p {
	  position: relative;
      margin: 0;
      font-size: 28px;
	  font-family:Calibri, Verdana, Geneva, sans-serif;
      line-height: 1.5;
	  color: #ee2f2e;
	  font-weight:bold;
    }
    /* Navigation */
    .swiper-button-next, .swiper-button-prev {
      color: #ee2f2e;
    }
    /* Pagination */
    .swiper-pagination-bullet {
      background: #ee2f2e;
	  position: relative;
	  top: -100px;
	  size: 50px;
	  
    }

    /* Responsive */
    @media (max-width: 344px) {
      .swiper {
        height: 100vh;
      }

      .slide-content {
        flex-direction: column; /* Empile l'image et le texte */
      }

      .slide-image {
        flex: 0 0 auto; /* Image pleine largeur */
        width: 100%;
        height: 100vh;
      }

      .slide-text {
        flex: 0 0 auto; /* Texte pleine largeur */
        width: 100%;
        padding: 10px;
        border-left: none;
        border-top: 1px solid #ddd;
      }
  	  
      .slide-text h2 {
        font-size: 18px;
      }

      .slide-text p {
        font-size: 14px;
      }
    }

/* pub --*/

#contenue {
	 position: relative;
	 display:flex;
	 top:-89px;
	 z-index:999;
	 margin: 0 auto;
	 padding:0px;
	 max-width: 1170px;
	 min-width: 344px;
	 height: 357px;
	 justify-content: space-between;  
	 overflow:hidden;
	 }

.service {
	position: relative;
	overflow:hidden;
	z-index:1000;

	max-width: 366px;

	height: auto;
	margin-left:10px;
	margin-right:10px;
	border-top: 6px solid #ee2f2e; /* Épaisseur, style, couleur */	
	border-radius: 5px 5px 25px 0px; 
	}
	
.service p {
	font-family: Calibri, Verdana, Geneva, sans-serif;
	position: relative;
	display:flex;
    align-items: center;     /* Centrer verticalement */
	font-size:20px;
	width:100%;
	height:83px;
	color:#333;
	padding-left:30px;
	background-color:#fff;
	}
.pub-loc {height:271px;width:auto;overflow:hidden;}
.service img {height: auto;width:100%;transition: transform 0.3s ease; }
.service:hover img {transform: scale(1.2);}
.service:hover p {color:#ee2f2e;}
@media (max-width: 779px) {
#contenue {
	position:relative;
    flex-direction: column; /* Passe en vertical */
    align-items: center; /* Centre les éléments si nécessaire */
	top:-119px;
	height: auto;
	width:100%;
  }
.service {margin-top:30px;}
}


/* texte service ---*/

#text-intro {
	font-family:Calibri, Verdana, Geneva, sans-serif;
	padding-top:0px;margin-bottom:50px;
	position:relative;	
	background:#fff;
	width:100%;
	overflow:hidden;	
	height:auto;
	display:block;
	text-align: center;
	z-index:9;
	

	}
#cont-text-int {max-width:1170px;height:auto;margin: 0 auto;border-bottom:#CCC solid 1px;border-top:#CCC solid 1px;padding-top:30px;border-radius:25px;}
#text-intro h2, .serv-im h2 {font-size:30px;font-weight:600;color:#ee2f2e;margin: 0px auto 30px auto;}
#text-intro h4, .serv-tex h4, .serv-tex2 h4{font-size:22px;font-weight:550;color:#ee2f2e;margin: 0px auto 25px auto;}
#text-intro p {font-size:21px;font-weight:500;color:#666;margin: 0px auto 45px auto;line-height: 29px;}
#text-intro p strong{font-weight:600;}

 @media (max-width: 1170px) {
	 #cont-text-int {margin-right:25px;margin-left:25px;height:auto;margin-bottom:35px;}
	 #text-intro {height:auto;}
	 } 
 
 
 
 


/* contenu --*/


#contenu1 {
	position:relative;
	background-color:#e9ebed;	
	width:100%;
	overflow:hidden;
	}
#contenu1 .cont {
	position:relative;
	display:flex;
	max-width: 1170px;
	min-width: 344px;
	height:532px;
	margin: 0 auto;
	align-items: center; 	
	}
#contenu1 .cont img {
	position:relative;
	max-height:382px;
	width:100%;
	margin-left: auto;
	display:flex;
	border-radius: 8px;
	box-shadow: 0px 40px 15px -30px rgba(0, 0, 0, 0.5), 0px -25px 14px -20px rgba(0, 0, 0, 0.15); /* +10px en bas, flou 15px, étendue -5px (rétrécit) */
	transition: filter 0.3s ease;
	}
#contenu1 .cont img:hover{filter: brightness(120%); /* Assombrit à 70% de la luminosité initiale */}
#contenu1 .cont .pres {
	display:block;
	width:545px;
	margin-right:15px;
	margin-left:15px;
	}
#contenu1 .cont .pres h2 {
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 30px;
	color: #ee2f2e;
	margin-bottom: 25px;
	}
#contenu1 .cont .pres p {	
	line-height: 35px;
	color:#333;
	font-family:Calibri, Verdana, Geneva, sans-serif;
	font-size:22px;
	}
@media (max-width: 720px) {
#contenu1 .cont{
 	position:relative;display:flex;flex-direction: column; /* Passe en vertical */align-items: center; /* Centre les éléments si nécessaire */height: auto;width:100%;    padding:15px;}
#contenu1 .cont img {position:relative;margin:10px;height:auto;display:flex;min-width:344px;max-width:100%;}
#contenu1 .cont .pres {display:block;width:auto;margin:15px;}
}

#contenu2 {
	position:relative;
	background-color:#fff;	
	width:100%;
	overflow:hidden;
	}
#contenu2 .cont {
	position:relative;
	display:flex;
	max-width: 1170px;
	min-width: 344px;
	height:532px;
	margin: 0 auto;
	align-items: center;  
	}
#contenu2 .cont img {
	position:relative;
	max-height:382px;
	width:100%;
	margin-left: auto;
	display:flex;
	border-radius: 8px;
	box-shadow: 0px 40px 15px -30px rgba(0, 0, 0, 0.5), 0px -25px 14px -20px rgba(0, 0, 0, 0.15); /* +10px en bas, flou 15px, étendue -5px (rétrécit) */
	transition: filter 0.3s ease;
	}
#contenu2 .cont img:hover{filter: brightness(110%); /* Assombrit à 70% de la luminosité initiale */}
#contenu2 .cont .pres {
	display:block;
	width:545px;
	margin-right:15px;
	margin-left:15px;
	}

#contenu2 .cont .pres {
	display:block;
	width:545px;
    margin-right:15px;
	margin-left:25px;
	}
#contenu2 .cont .pres h2 {
	font-family: Calibri, Verdana, Geneva, sans-serif;
	font-size: 30px;
	color: #ee2f2e;
	margin-bottom: 25px;
	}
#contenu2 .cont .pres p {	
	line-height: 35px;
	color:#666;
	font-family:Calibri, Verdana, Geneva, sans-serif;
	font-size:22px;
	}
@media (max-width: 720px) {
#contenu2 .cont{position:relative;display:flex;flex-direction: column; /* Passe en vertical */align-items: center; /* Centre les éléments si nécessaire */height: auto;width:100%;padding:15px;}
#contenu2 .cont img {position:relative;margin:10px;height:auto;display:flex;min-width:344px;max-width:100%;}
#contenu2 .cont .pres {display:block;width:auto;margin:15px;}
}
/* fond -----------------------*/

#fond {
	position: relative;
	text-align:center;
	display:flex;
	top:0px;
	width: 100%;
	height: 532px;
	background-image:url(../../Images/iStock-1353442572.jpg);
	background-repeat: no-repeat; /* Pour ne pas répéter l'image */
    background-attachment: fixed; /* L'image reste en place */flex-direction: column;
    background-size: cover;
	z-index:10;
	}
#fond p {margin: auto;
	font-family: Calibri, Verdana, Geneva, sans-serif;color:#fff;font-size:28px;z-index:10;}
#fond:hover p{
	margin: auto;
	font-family: Calibri, Verdana, Geneva, sans-serif;color:#fff;font-size:28px;
	z-index:10;
	  /* Animation: nom durée timing-function itération */
    animation: zoomRotate 0.5s ease-in-out  alternate;
	}
@keyframes zoomRotate {
  0% {
    transform: scale(0.5) rotateY(0deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1) rotateY(360deg);
    opacity: 1;
  }
}
#fond::before {
	content: ''; /* Obligatoire pour les pseudo-éléments */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:#000;
	opacity: 0.4;
    z-index: 1; /* Place la couleur au-dessus de l'image (fond) */
	}
	
.bouton-savoir-plus {
    display: inline-block;
    padding: 8px 15px;
    background-color: #fff;
    color: #000;font-family: Calibri, Verdana, Geneva, sans-serif;font-size:18px;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 500;
	z-index:10;
}
.bouton-savoir-plus:hover {
    color: #ee2f2e;;
	z-index:10;
}

/* realisation --------------*/

#realisation {
	position: relative;
	background-image:url(../../Images/service-fond.jpg);
	background-position: center top;
	background-size: cover;
  /* Applique le filtre noir et blanc à 100% */
	display:flex;
	overflow:hidden;
	width: 100%;
	
	}
#realisation::before {
	content: ''; /* Obligatoire pour les pseudo-éléments */
    position: absolute;
    top: 0;left: 0;right: 0;bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
	filter: grayscale(100%);
    z-index: 1; /* Place la couleur au-dessus de l'image (fond) */
	}
#cont-real {
	position: relative;
	margin: 0 auto;
	width:1170px;
	min-width: 344px;
	z-index: 2;
	margin-bottom:100px;
	height: auto;
	}
#cont-real a {color:#ee2f2e;}
#cont-real p {
	position: relative;
	font-family: Calibri, Verdana, Geneva, sans-serif;color:#FFF;font-size:28px;
	font-weight:100;
	display: flex;
	margin-right:10px;
	max-width:1170px;
	min-width: 344px;
	height:160px;
	border-bottom: #ee2f2e solid 1px;
	justify-content: center; 
	align-items: center;	
	}
#cont-real #cont-cas {
	position:relative;
	max-width:1170px;
	min-width: 344px;
	height:auto;
    display:flex;
	justify-content: space-between; 

	}
#cont-real #cont-cas .in-cas {position:relative;max-width:344px;height:auto;margin-right:15px;text-align:center;}
#cont-real #cont-cas .in-cas .font-cas{position:relative;font-family: Calibri, Verdana, Geneva, sans-serif;width:344px;font-size:18px;color:#FFF;font-weight:100;text-align:center;}
#cont-real #cont-cas .in-cas .choix-cas{position:relative;top:-30px;left:0px;font-family: Calibri, Verdana, Geneva, sans-serif;width:344px;font-size:16px;color:#ee2f2e;}

figure {
  display: inline-block;
  box-shadow: 2px 2px 10px 3px rgba(0, 0, 0, 0.4) inset;
  overflow:hidden;
  width:279px;
  border-radius:5px;
  background:white;
  margin: 40px 0px 40px 0;
}
#cont-cas .in-cas .ino{
  display: block;
  border-radius:5px;
  mix-blend-mode: multiply;
  filter: grayscale(100%);
  transition: filter 0.5s ease; /* Optionnel : pour un effet fluide */
  transition: transform 0.5s ease; /* Animation fluide */
}
#cont-cas .in-cas .ino:hover {
  filter: grayscale(0%);
  transform: scale(1.1); /* Zoom de 20% au survol */ 
}
.text-overlay {position: absolute;top: 60px;width: 280px;height: 40px;background: rgba(0, 0, 0, 0.5);margin:auto;color: white;opacity: 0;transition: opacity 0.9s ease; display: flex;justify-content: center;align-items: center;}
#cont-cas .in-cas:hover .text-overlay {
  opacity: 0.5; /* Apparaît au survol */
  
}
in-h3 {margin:auto;}
.ino{max-width:280px;height:auto;}
.im-pris {position:relative;opacity:0.9;width:40px;left:45px;top:10px;}

@media (max-width: 892px) {
	#cont-real #cont-cas{position:relative;display:flex;flex-direction: column; /* Passe en vertical */align-items: center; /* Centre les éléments si nécessaire */height: auto;width:100%;padding:15px;}
	#realisation {height:auto;padding:0 0 60px 10px;}
	}	
	
/* - infos contact -----------------*/

#infos-contact {
	position: relative;	
	width: 100%;
	background-image:url(../../Images/electricity_warning_sign-wallpaper.jpg);
	background-repeat: no-repeat; /* Pour ne pas répéter l'image */background-attachment: fixed; /* L'image reste en place */background-size: cover;	
	height:820px;	
	}
#bas-cont {max-width:1170px;margin: 0 auto;
    text-align:center;
	display:flex;
	z-index:10;
	font-family: Calibri, Verdana, Geneva, sans-serif;color:#555;font-size:17px;
	justify-content: space-between; 
	height:820px;		
    }
#bas-cont a{color:#ee2f2e;}
#logo-bas {
	position:relative;	
	width:330px;
    margin-top:275px;
	}
#infos-contact #cont-contact {
	width:330px;
	margin-left:auto;
	margin-right:auto;
    margin-top:275px;
	}
#infos-contact #cont-contact span {
	color:#ee2f2e;font-weight:800;font-size:18px;
	}
#infos-contact #marques {
	position:relative;
	width:330px;
	display:flex;flex-direction: column;
	text-align:left;
	margin-top:275px;	
	}
#infos-contact #marques img {
	position:relative;
	max-width:60px;
	height:auto;
	margin: 0  auto 7px auto;
	}	

@media (max-width: 720px) {
	#infos-contact {height:auto;}
	#bas-cont{position:relative;display:flex;flex-direction: column; /* Passe en vertical */align-items: center; /* Centre les éléments si nécessaire */height: auto;width:100%;}	
    #infos-contact #cont-contact, #logo-bas, #infos-contact #marques {margin-top:25px;}
	#infos-contact #marques {margin-bottom:20px;}
	
}

/* pied -------------*/

#pied {
	position: relative;
	display:flex;
	height:40px;
	width:100%;
	background:#000 !important;
	color:#999 !important;
    justify-content: space-between; 
	padding-right: 50px;
	padding-left: 50px;
	font-family: Calibri, Verdana, Geneva, sans-serif;font-size:14px;
	}
#pied  img {
	height: 20px;
	margin-top:10px;
	margin-bottom:auto;
	}
#pied img a {
	 border: none;
     outline: none; /* Pour les navigateurs anciens */
	 text-decoration: none;
	}
#pied p {
    margin-top:auto;
	margin-bottom:auto;
	}
	
/*back top ----*/

/* Défilement fluide pour toute la page */
html {
  scroll-behavior: smooth;
}

#back-to-top {
  position: fixed;
  bottom: 130px;
  right: 13px;
  z-index: 9999; /* Reste au-dessus de tout le contenu */
    
    
    /* Pour éviter les clignotements au survol */
    transition: all 0.9s ease;
    
    /* Optionnel : ajout d'un fond pour éviter la transparence */
    background: rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 50%;
  
  color: #ee2f2e;
  padding: 15px;
  border-radius: 50%; /* Forme circulaire */
  display: flex;
  
}

#back-to-top:hover {

  background: rgba(0, 0, 0, 1);

}
#lettre-moi {
  position: fixed;
  bottom: 50px;
  right: 10px;
  z-index: 9999; /* Reste au-dessus de tout le contenu */ 
    /* Pour éviter les clignotements au survol */
    transition: all 0.9s ease;
    /* Optionnel : ajout d'un fond pour éviter la transparence */
    background: rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 50%;  
  color: #ee2f2e;
  padding: 15px;
  border-radius: 50%; /* Forme circulaire */
  display: flex;
  
}
#lettre-moi:hover {
  background: rgba(0, 0, 0, 1);
}

/* renseignement pour les ancres --- */