@import url("https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&display=swap");

/* Sélecteur universel */
* {
    font-family: "Baskerville", serif;
}

section#contenu a {
    text-decoration: none;
}

a.btn.btn-lg.btn-secondary {
    font-weight: bold;
    color: #c0c0c0 !important;
    background-color: #0c3d33;
    border: 0;
    padding: 15px;
}

a.btn.btn-lg.btn-secondary:hover,
a.btn.btn-lg.btn-secondary:focus {
    color: #c0c0c0 !important;
    background-color: #6c1c26;
    border: 0;
}

section#contenu a {
    font-weight: bold;
    color: #0c3d33;
}

section#contenu a:hover,
section#contenu a:focus {
    color: #6c1c26;
}

/* H1 */
h1 {
    color: #c0c0c0;
    font-weight: bold;
    font-size: 35px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* H2 */
h2 {
    color: #0c3d33;
    font-weight: bold;
    border-bottom: 2px solid #6c1c26;
    padding-bottom: 7px;
    font-size: 30px;
}

/* H3 */
h3 {
    color: #0c3d33;
    font-weight: bold;
    font-size: 25px;
}

/* P */
p {
    text-align: justify;
    color: #26252b;
    font-size: 20px;
    margin-bottom: 15px;
}

p:last-child {
    margin-bottom: 0px;
}

ul li,
ol li {
    font-size: 20px;
}

ul,
ol {
    padding-left: 1.1rem;
}

/* Body */
body {
    background-color: #abaaaa;
}

div.container {
    padding-left: 25px;
    padding-right: 25px;
}

section#logo {
    display: flex;
    background-color: #c0c0c0;
}

section#logo .container {
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}

/* Début du menu */
/* Nav */
nav#menu {
    font-weight: bold;
    background-color: #0c3d33;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Brand */
nav#menu div.container a.navbar-brand {
    margin-right: 25px;
}

/* Navbar-nav */
nav#menu div.container ul.navbar-nav {
    margin: 0px;
}

/* Nav-link */
nav#menu div.container ul.navbar-nav li.nav-item a.nav-link {
    color: rgba(192, 192, 192, 0.5);
    text-align: center;
    font-size: 20px;
    margin-right: 20px;
}

/* Nav-link : hover & focus */
nav#menu div.container ul.navbar-nav li.nav-item a.nav-link:hover,
nav#menu div.container ul.navbar-nav li.nav-item a.nav-link:focus {
    color: #c0c0c0;
}

/* Nav-link : active */
nav#menu div.container ul.navbar-nav li.nav-item a.nav-link.active {
    color: #c0c0c0;
    background-color: #136e5d;
    border-radius: 10px;
}

/* Dropdown-menu */
nav#menu div.container li.nav-item.dropdown ul.dropdown-menu {
    background-color: #c0c0c0;
}

nav#menu div.container li.nav-item.dropdown ul.dropdown-menu a.dropdown-item.active {
    color: #c0c0c0;
    background-color: #136e5d;
}

/* Dropdown-item : hover & focus */
nav#menu div.container li.nav-item.dropdown ul.dropdown-menu a.dropdown-item:hover,
nav#menu div.container li.nav-item.dropdown ul.dropdown-menu a.dropdown-item:focus {
    color: #c0c0c0;
    background-color: #0c3d33;
}

/* Dropdown-item */
nav#menu div.container li.nav-item.dropdown ul.dropdown-menu a.dropdown-item {
    color: #26252b;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #c0c0c0;
}

/* Médias queries (breakpoints de Bootstrap : 1199.98px) */

@media screen and (max-width: 1199.98px) {
    nav#menu div.container ul.navbar-nav li.nav-item a.nav-link.active {
        padding: 0.5rem;
    }

    nav#menu div.container ul.navbar-nav li.nav-item {
        margin-right: 0px;
        text-align: left;
    }

    nav#menu div.container ul.navbar-nav li.nav-item a.nav-link {
        margin-right: 0px !important;
        margin-bottom: 10px;
        text-align: left;
    }

    nav#menu div.container ul.navbar-nav li.nav-item:first-child a.nav-link {
        margin-top: 0px;
    }

    nav#menu div.container ul.navbar-nav li.nav-item:last-child a.nav-link {
        margin-bottom: 0px;
    }

    nav#menu div.container ul.navbar-nav {
        margin-top: 20px;
    }

    /* Dropdown-menu */
    nav#menu div.container li.nav-item.dropdown ul.dropdown-menu {
        margin-bottom: 10px;
        margin-top: -10px;
    }
}

/* Pas de menu persistant sur téléphone */
@media screen and (max-width: 1199.98px) {
    .sticky-top {
        position: initial;
    }
}

@media screen and (max-width: 767.98px) {
  nav#menu div.container li.nav-item.dropdown ul.dropdown-menu a.dropdown-item {
    max-width: 100%;
    white-space: normal;
  }
}

/* Fin du menu */

/* Début des sections */
/* Premier-titre*/
section#premier-titre {
    background-color: #136e5d;
}

/* Contenu */
section#contenu {
    background-color: #c0c0c0;
}

/* Deuxieme-contenu*/
section#deuxieme-contenu {
    background-color: #abaaaa;
}

/* Fin des sections */

/* Footer */
footer {
    background-color: #6c1c26;
    padding-top: 25px;
    padding-bottom: 25px;
}

footer div.container h3,
footer div.container h3 span {
    font-size: 25px;
    color: #c0c0c0;
}

/* Footer : p, strong, span*/
footer p,
footer p strong,
footer p strong span {
    font-size: 17px;
    color: #c0c0c0;
}

/* Fin des buttons*/

blockquote {
    background-color: #6c1c26;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 15px;
}

blockquote p {
    color: #c0c0c0;
    font-size: 25px;
    margin-bottom: 0px;
}

blockquote p strong {
    font-size: 25px;
}

p.petit {
    font-size: 17px;
}

.dropdown-toggle::after,
.dropstart .dropdown-toggle::before {
    display: none;
}

.dropend .dropdown-toggle::after {
    display: none;
}

.small {
    font-size: 17px !important;
}

.smallcaps {
    font-variant: small-caps;
}

/* Gestion des médias queries (breakpoints de Bootstrap : 767.98px) */

@media screen and (max-width: 767.98px) {
    .armoiries {
        width: 250px !important;
    }
}

div.float-md-start img.img-float {
    display: inline-block !important;
    margin-right: 15px !important;
}

.btn-block {
    display: block !important;
}

/* Formulaire de contact */


input, textarea {
    background-color: #c0c0c0;
    color: #000;
    border: #000 1px solid;
}

.submit {
	background: #0c3d33;
	color: #c0c0c0;
    border: #000 1px solid;
    padding: 10px;
}

.submit:hover {
	background: #136e5d;
	color: #c0c0c0;
    padding: 10px;
}

/* --- Bouton "Remonter en haut" --- */
#myBtn {
  display: none; /* Caché tant que l'utilisateur n'a pas scrollé */
  position: fixed; /* Reste visible même lors du défilement */
  height: 40px;
  width: 40px;
  bottom: 10px; /* Positionné en bas à droite */
  right: 10px;
  z-index: 99; /* Passe au-dessus des autres éléments */
  font-size: 18px;
  border: 1px solid #0c3d33;
  outline: none;
  background-color: #0c3d33; /* Fond vert foncé */
  color: #c0c0c0; /* Icône/flèche gris clair */
  box-shadow: 0px 0px 7px #26252b;
  cursor: pointer;
  border-radius: 4px;
}

#myBtn:hover,
#myBtn:focus,
#myBtn:active {
  color: #0c3d33; /* Inversion des couleurs au survol */
  background-color: #c0c0c0;
  border: 1px solid #0c3d33;
}

/* --- Personnalisation des tooltips Bootstrap --- */

/* Définition des couleurs principales */
.tooltip,
.tooltip-inner {
  --bs-tooltip-bg: #0c3d33; /* Fond vert foncé */
  --bs-tooltip-color: #c0c0c0; /* Texte gris clair */
}

/* Couleur de la flèche */
.tooltip {
  --bs-tooltip-arrow-bg: #0c3d33;
}

/* Forçage des couleurs pour éviter la transparence Bootstrap */
.tooltip-inner {
  background-color: #0c3d33 !important; /* Fond opaque */
  color: #c0c0c0 !important;
  background-image: none !important; /* Supprime les effets internes */
}

/* Suppression des effets de transparence */
.tooltip {
  opacity: 1 !important; /* Empêche Bootstrap d'ajouter une opacité */
  filter: none !important; /* Supprime les filtres (blur, etc.) */
  backdrop-filter: none !important; /* Supprime les effets de verre dépoli */
}

[id] {
  scroll-margin-top: 207.74px !important; /* Empêche les ancres d'être masquées par le header sticky en ajoutant une marge de scroll de la hauteur du header */
}

@media screen and (max-width: 1199.98px) {
  [id] {
    scroll-margin-top: initial !important;
  }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1320px;
    }
}