@import url(https://fonts.googleapis.com/css?family=Raleway);

.custom-col-md-4 {
  padding: 30px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.card-body{
	text-align:center;
}

.droits{
	font-size:9pt;
	padding-top:15px;
	padding-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	max-width:1180px;	
	}

.card:hover {
    background-color: lightblue;
}

.fondo { 
background-color:aliceblue;
padding:25px;
}

.card-title{
	font-weight:700;
	font-family:system-ui;
	font-size:16pt;
}

.btn-darkblue{
  background-color: darkblue;
  border-color: darkblue;
  color: white; /* Pour un texte blanc */
}

/* Pour gérer le survol des boutons */
.btn-darkblue:hover {
  background-color: red; /* Une teinte de bleu plus foncée pour le survol */
  border-color: red;
}

.icon-color {
      color: darkblue;
    }

footer a {
    text-decoration: none;
    color: white;
}

footer a:hover {
    text-decoration: underline;
}

.accordion-header .accordion-button {
    font-weight: 600;
	line-height:1.5em;
} 

.titrefaq{
	text-align:center;
	font-size:25pt;
	font-weight: 600;
	font-family:system-ui;
	padding:30px;
	padding-top:0px;
	line-height:1.5em;
}

.navbar a {
    text-decoration: none;  /* Supprime le soulignement par défaut */
    color: black;  /* Définit la couleur du texte */
    position: relative;  /* Important pour le positionnement du pseudo-élément */
}



/* Styles pour la navbar centrée avec largeur maximale */
.navbar {
    
    margin-left: auto;
    margin-right: auto;
}

.promesse{
	font-size:16pt; 
	padding:15px; 
	line-height:1.5em;
}

.navbar-light .navbar-nav .nav-link {
  color: black; /* Couleur du texte */
}
.navbar-light .navbar-nav .dropdown-menu {
  background-color: white; /* Fond du menu déroulant */
}

body, button, input, textarea {
  font-family: "Raleway", sans-serif;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  height: 100%;
  background-color: #FFF;
}

#menu-toggle {
  position: absolute;
  opacity: 0; /* Rend la checkbox transparente */
  width: 0; /* S'assure qu'elle ne prend pas de place visible */
  height: 0; /* S'assure qu'elle ne prend pas de place visible */
  z-index: -1; /* Assure qu'elle ne sera pas au-dessus d'autres éléments cliquables */
}

.main {
	max-width: 1180px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right:2em;
	padding-left:2em;
	margin-top:5px;
	margin-bottom:15px;
    display: flex;
    flex-direction: row; /* Mettre en ligne le texte et le carrousel */
    justify-content: space-between; /* Aligner les éléments horizontalement */
    align-items: center; /* Aligner les éléments verticalement */
    padding: 20px;
	margin-right:auto;
	margin-left:auto;
}

.faq {
	font-size:13pt;
	max-width: 1180px;
	padding-right:2em;
	padding-left:2em;
	margin-top:5px;
	margin-bottom:15px;
    padding: 20px;
	margin-right:auto;
	margin-left:auto;
}

.pourquoi {
	max-width: 1180px;
	padding-right:2em;
	padding-left:2em;
	margin-top:5px;
	margin-bottom:15px;
	margin-right:auto;
	margin-left:auto;
}




.index {
	border-radius:30px;
	border: 2px solid lightblue;
	background-color: lightblue;
	box-shadow: 25px 25px lightblue;
}

img { width:320px; height:auto;}

.fond { 
background-color:aliceblue;
padding-bottom:10px;
}

.accroche {
	font-size:35pt; font-weight:bold; padding:15px; line-height:1.3em; font-family:system-ui;
}

.accroche span {
	color:darkblue;
}

.buttons {
    display: flex;
    justify-content: center; /* Center the buttons horizontally */
    padding: 10px;
    width: 100%; /* Take the full width of the parent div */
    flex-wrap: wrap; /* Wrap buttons if needed */
	justify-content: space-evenly;
}

.bouton {
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11pt;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 25px;
    transition: background-color 0.3s;
	background-color: darkblue;
	font-weight: bold;
}

.bouton:hover {
    background-color: red;
}


.top-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #FFF;
    color: #000;
    height: 50px;
    margin-right: auto;
    margin-left: auto;
    font-size: 10pt;
    position: fixed;
    width: 100%;
}

.top-nav > div,
.menu {
  display: flex;
  align-items: center;
}

.top-nav img {
  max-width: 125px;
  height: auto;
  margin-right:150px;
}


.navbar li a:hover,
.navbar li a:focus {
    text-decoration: underline;
    text-decoration-color: darkred; /* Couleur du soulignement */
    text-underline-offset: 10px; /* Augmenter l'espace entre le texte et la ligne */
    text-decoration-thickness: 1px; /* Épaisseur de la ligne */
}

.navbar li .dropdown-menu a:hover {
    text-underline-offset: 5px; /* Espacement plus court entre le texte et la ligne pour les sous-menus */
}

/* Responsive adjustments for the hamburger menu */
@media (max-width: 700px) {


.fondo { 
background-color:aliceblue;
padding:5px;
}
	
.custom-col-md-4 {
  padding-bottom: 30px;
}	
	
	
  .menu-button-container {
    display: flex;
  }

.index{display:none;}

.top-nav{ width:100%}

  .top-nav > div {
    padding-top: 15px;
  }

  .main {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right:15px;
	padding-left:15px;
	margin-top:15px;
	margin-bottom:15px;
}


  .faq {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right:15px;
	padding-left:15px;
	margin-top:15px;
	margin-bottom:15px;
}
 
.promesse{
	font-size:14pt; 
	padding:15px; 
	line-height:1.5em;
	text-align:center;
}
 
 
.accroche {
	font-size:21pt; 
	font-weight:bold; 
	padding:15px; 
	line-height:1.5em; 
	font-family:system-ui;
	text-align:center;
}

.accordion-header .accordion-button {
    font-weight: 600;
	line-height:1.5em;
	font-size:14pt;
} 



.titrefaq{
	text-align:center;
	font-size:20pt;
	font-weight: 700;
	font-family:system-ui;
	padding-top:0px;
	line-height:1.5em;
}


.bouton {
    border: none;
    color: white;
    padding: 15px 32px;
	width:300px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12pt;
    margin: 10px;
    cursor: pointer;
    border-radius: 25px;
    transition: background-color 0.3s;
	background-color: darkblue;
	font-weight: bold;
}

.bouton:hover {
    background-color: red;
}

 
}