@charset "UTF-8";
/* Import du CSS pour 'header.blade.php' */
/* CSS du header du site 'Passionné de Formule 1' */
body {
  /* Petite touche de personnalisation pour l'auto-completion de la barre de recherche*/
}
body header {
  /* Header */
  background-color: #2A2622;
  padding: 1% 0;
  font-family: "Lato", sans-serif;
}
body header .header-container {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  width: 80%;
  margin: auto;
  align-items: center;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
  /* Logo et titre du site */
  /* Menu de navigation du site */
  /* Menu responsive à partir d'une largeur inférieure à 992px */
}
@media (max-width: 575.98px) {
  body header .header-container {
    flex-direction: column;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  body header .header-container {
    align-items: start;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  body header .header-container {
    flex-direction: column;
  }
}
body header .header-container .siteLogo {
  width: 25%;
  margin: 0;
  font-weight: 300;
  font-size: 1.5em;
  line-height: 1;
  color: white;
  text-align: center;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  body header .header-container .siteLogo {
    width: 75%;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  body header .header-container .siteLogo {
    padding: 0.5rem 0;
  }
}
body header .header-container .siteLogo .logo .logoLink {
  text-decoration: none;
  cursor: url("/images/bouton_icones/cursorBtn.png"), context-menu;
}
body header .header-container .siteLogo .logo .logoLink .logoImg {
  width: 75%;
  height: 100%;
  /* Responsive mobile et tablette */
}
@media (min-width: 576px) and (max-width: 991.98px) {
  body header .header-container .siteLogo .logo .logoLink .logoImg {
    width: 100%;
    padding: 0.5rem 0;
  }
}
body header .header-container .siteNav {
  width: 75%;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
  /* Barre de recherche */
}
@media (max-width: 575.98px) {
  body header .header-container .siteNav {
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  body header .header-container .siteNav {
    justify-content: space-around;
    align-items: center;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  body header .header-container .siteNav {
    width: 100%;
  }
}
body header .header-container .siteNav .nav-menu {
  width: 90%;
  position: relative;
  /* Responsive Mobile et tablette */
  /* Bouton pour le menu responsive */
  /* Menu */
  /* Quand le menu est ouvert */
}
@media (min-width: 576px) and (max-width: 991.98px) {
  body header .header-container .siteNav .nav-menu {
    width: 75%;
  }
}
body header .header-container .siteNav .nav-menu #navbarButton {
  display: none;
  /* Responsive pour le bouton */
}
@media (max-width: 991.98px) {
  body header .header-container .siteNav .nav-menu #navbarButton {
    display: block;
    margin: auto;
    padding: 0;
    border: 0;
    background: transparent;
  }
}
body header .header-container .siteNav .nav-menu #navbarButton .imgNavbarBtn {
  width: 64px;
  height: 64px;
  transform: rotateZ(90deg);
}
body header .header-container .siteNav .nav-menu .navbar-nav {
  width: 100%;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  /* Responsive mobile et tablette */
  /* Liens du menu */
}
@media (min-width: 576px) and (max-width: 991.98px) {
  body header .header-container .siteNav .nav-menu .navbar-nav {
    padding-right: 2rem;
    justify-content: center;
  }
}
@media (max-width: 991.98px) {
  body header .header-container .siteNav .nav-menu .navbar-nav {
    display: none;
  }
}
body header .header-container .siteNav .nav-menu .navbar-nav .nav-item {
  /* Responsive mobile et tablette */
  /* Menu Administrateur */
}
@media (min-width: 576px) and (max-width: 767.98px) {
  body header .header-container .siteNav .nav-menu .navbar-nav .nav-item {
    margin: 0 0.33rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  body header .header-container .siteNav .nav-menu .navbar-nav .nav-item {
    margin: 0 1rem;
  }
}
body header .header-container .siteNav .nav-menu .navbar-nav .nav-item .nav-link {
  /* Style des liens */
  position: relative;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
  color: white;
  cursor: url("/images/bouton_icones/cursorBtn.png"), context-menu;
}
body header .header-container .siteNav .nav-menu .navbar-nav .nav-item .nav-link::before, body header .header-container .siteNav .nav-menu .navbar-nav .nav-item .nav-link::after {
  /* Effets sur chaque lien */
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 3px;
  border-radius: 1.5px;
  background-color: #E00501;
  transform: scaleX(0);
  transition: transform 0.5s ease;
  /* Responsive pour mobile et tablette */
}
@media (max-width: 991.98px) {
  body header .header-container .siteNav .nav-menu .navbar-nav .nav-item .nav-link::before, body header .header-container .siteNav .nav-menu .navbar-nav .nav-item .nav-link::after {
    display: none;
  }
}
body header .header-container .siteNav .nav-menu .navbar-nav .nav-item .nav-link::before {
  /* Position au début */
  top: 0;
  transform-origin: center right;
}
body header .header-container .siteNav .nav-menu .navbar-nav .nav-item .nav-link:hover::before {
  /* Position à la fin */
  transform-origin: center left;
  transform: scaleX(1);
}
body header .header-container .siteNav .nav-menu .navbar-nav .nav-item .nav-link::after {
  /* Position au début */
  bottom: 0;
  transform-origin: center left;
}
body header .header-container .siteNav .nav-menu .navbar-nav .nav-item .nav-link:hover::after {
  /* Position à la fin */
  transform-origin: center right;
  transform: scaleX(1);
}
body header .header-container .siteNav .nav-menu .navbar-nav .nav-item .dropdown-menu {
  position: absolute !important;
  background: #241F48;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  body header .header-container .siteNav .nav-menu .navbar-nav .nav-item .dropdown-menu {
    width: 100%;
    left: -50px;
  }
}
body header .header-container .siteNav .nav-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item {
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  body header .header-container .siteNav .nav-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    text-align: center;
  }
}
body header .header-container .siteNav .nav-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
  background-color: #E00501;
}
body header .header-container .siteNav .nav-menu .toggled-on {
  /* Mobile */
  /* Tablette */
  /* Mobile et Tablette */
}
@media (max-width: 575.98px) {
  body header .header-container .siteNav .nav-menu .toggled-on {
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  body header .header-container .siteNav .nav-menu .toggled-on {
    padding-top: 2rem;
  }
}
@media (max-width: 991.98px) {
  body header .header-container .siteNav .nav-menu .toggled-on {
    display: flex;
  }
}
body header .header-container .siteNav .navSearch {
  width: 10%;
  position: relative;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
  /* Responsive mobile et tablette */
}
@media (max-width: 575.98px) {
  body header .header-container .siteNav .navSearch {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  body header .header-container .siteNav .navSearch {
    width: 25%;
  }
}
@media (max-width: 991.98px) {
  body header .header-container .siteNav .navSearch {
    height: 64px;
  }
}
body header .header-container .siteNav .navSearch #searchBtn {
  display: flex;
  margin: auto;
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: url("/images/bouton_icones/cursorBtn.png"), context-menu;
}
body header .header-container .siteNav .navSearch #searchBtn .mimify-glass {
  margin: 0;
  padding: 0.5rem 0;
  font-size: 1.5em;
  color: white;
}
body header .header-container .siteNav .navSearch .searchForm label {
  display: none;
}
body header .header-container .siteNav .navSearch .searchForm .searchInput {
  display: none;
  margin-top: 25px;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  body header .header-container .siteNav .navSearch .searchForm .searchInput {
    margin-top: 5px;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  body header .header-container .siteNav .navSearch .searchForm .searchInput {
    margin-top: -2.5px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  body header .header-container .siteNav .navSearch .searchForm .searchInput {
    margin-top: 7.5px;
  }
}
body header .header-container .siteNav .navSearch .searchForm .toggle-search {
  z-index: 1;
  position: absolute;
  right: 0;
  display: flex;
  text-align: center;
  /* Largeur de la barre de recherche hors mobile */
}
body header .header-container .siteNav .navSearch .searchForm .toggle-search:focus {
  border-color: #989898;
  box-shadow: none;
}
@media (min-width: 576px) {
  body header .header-container .siteNav .navSearch .searchForm .toggle-search {
    width: 300px;
  }
}
body header .header-container .toggled-on {
  /* Mobile */
  /* Tablette */
}
@media (max-width: 575.98px) {
  body header .header-container .toggled-on {
    align-items: center;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  body header .header-container .toggled-on {
    align-items: start;
  }
}
body .ui-autocomplete {
  /* Largeur de la liste de suggestions hors mobile */
  width: 300px !important;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  body .ui-autocomplete {
    width: 100% !important;
    left: 0px !important;
  }
}
body .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:hover {
  background-color: #E00501 !important;
  border-color: #2A2622;
}
body .ui-autocomplete .ui-menu-item .ui-state-active {
  background-color: #E00501 !important;
  border-color: #2A2622;
}

/* Import du CSS pour 'login.blade.php' */
/* CSS du formulaire de login au site 'Passionné de Formule 1' */
.backgroundLogin {
  /* Arrière plan de la page de connexion administrateur */
  background-image: url("/images/Fond_page_de_connexion_admin.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.backgroundLogin .loginContainer {
  /* Section du formulaire */
  padding: 12.375% 0;
  font-family: "Lato", sans-serif;
}
.backgroundLogin .loginContainer .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}
.backgroundLogin .loginContainer .row .col-md-8 {
  /* Message d'erreur si les identifiants sont incorrectes */
}
.backgroundLogin .loginContainer .row .col-md-8 .login-message .alert {
  margin-bottom: 0;
  border-radius: 0.25rem 0.25rem 0 0;
}
.backgroundLogin .loginContainer .row .col-md-8 .card {
  background-color: rgba(152, 152, 152, 0.7);
  border-color: #2A2622;
  border-radius: 0 0 0.25rem 0.25rem;
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-header {
  /* Entête du formulaire */
  border-radius: 0;
  background-color: #241F48;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
  color: white;
  cursor: context-menu;
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-body form {
  /* Corps du formulaire */
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-3 {
  justify-content: center;
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-3 label {
  color: #241F48;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-6 #password, .backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-6 #email {
  /* Champs Email et Mot de Passe */
  background-color: #2A2622;
  border-color: #E00501;
  color: white;
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-6 #password:focus, .backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-6 #email:focus {
  box-shadow: 0 0 0 0.25rem rgb(223, 110, 106);
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-8 {
  display: flex;
  justify-content: center;
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-8 #remember {
  /* Coche  Se Souvenir de Moi */
  background-color: #2A2622;
  border-color: #E00501;
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-8 #remember:focus {
  box-shadow: none;
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-8 #remember:checked {
  background-color: #E00501;
  border-color: #E00501;
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-0 {
  justify-content: center;
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-0 .col-md-12 button {
  /* Bouton de validation du formulaire */
  background-color: #241F48;
  border-color: #241F48;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
  color: white;
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-0 .col-md-12 button:focus {
  box-shadow: 0 0 0 0.25rem rgb(35, 144, 189);
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-0 .col-md-12 .btn-link {
  /* Lien Mot de Passe Oublié */
  text-decoration: none;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
  color: #241F48;
}
.backgroundLogin .loginContainer .row .col-md-8 .card .card-body form .mb-0 .col-md-12 .btn-link:focus {
  box-shadow: none;
}

/* Import du CSS pour 'email.blade.php' */
/* CSS du formulaire d'envoi de lien de réinitialisation du site 'Passionné de Formule 1' */
.backgroundLogin {
  /* Arrière plan de la page de demande de réinitialisation */
  background-image: url("/images/Fond_page_de_connexion_admin.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.backgroundLogin .emailContainer {
  /* Section du formulaire */
  padding: 14.275% 0;
  font-family: "Lato", sans-serif;
}
.backgroundLogin .emailContainer .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}
.backgroundLogin .emailContainer .row .col-md-8 .card {
  background-color: rgba(152, 152, 152, 0.7);
  border-color: #2A2622;
}
.backgroundLogin .emailContainer .row .col-md-8 .card .card-header {
  /* Entête du formulaire */
  background-color: #241F48;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
  color: white;
  cursor: context-menu;
}
.backgroundLogin .emailContainer .row .col-md-8 .card .card-body form {
  /* Corps du formulaire */
}
.backgroundLogin .emailContainer .row .col-md-8 .card .card-body form .mb-3 {
  justify-content: center;
  gap: 5px;
  /* Responsive pour le mobile  */
}
@media (max-width: 767.98px) {
  .backgroundLogin .emailContainer .row .col-md-8 .card .card-body form .mb-3 {
    text-align: center;
  }
}
.backgroundLogin .emailContainer .row .col-md-8 .card .card-body form .mb-3 label {
  color: #241F48;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
}
.backgroundLogin .emailContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-6 #email {
  /* Champ Email */
  background-color: #2A2622;
  border-color: #E00501;
  color: white;
}
.backgroundLogin .emailContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-6 #email:focus {
  box-shadow: 0 0 0 0.25rem rgb(223, 110, 106);
}
.backgroundLogin .emailContainer .row .col-md-8 .card .card-body form .mb-0 {
  justify-content: center;
}
.backgroundLogin .emailContainer .row .col-md-8 .card .card-body form .mb-0 .col-md-6 button {
  /* Bouton de validation du formulaire */
  background-color: #241F48;
  border-color: #241F48;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
  color: white;
}
.backgroundLogin .emailContainer .row .col-md-8 .card .card-body form .mb-0 .col-md-6 button:focus {
  box-shadow: 0 0 0 0.25rem rgb(35, 144, 189);
}

/* Import du CSS pour 'reset.blade.php' */
/* CSS du formulaire de réinitialisation de mot de passe du site 'Passionné de Formule 1' */
.backgroundLogin {
  /* Arrière plan de la page de réinitialisation de mot de passe */
  background-image: url("/images/Fond_page_de_connexion_admin.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.backgroundLogin .resetContainer {
  /* Section du formulaire */
  padding: 12.075% 0;
  font-family: "Lato", sans-serif;
}
.backgroundLogin .resetContainer .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}
.backgroundLogin .resetContainer .row .col-md-8 .card {
  background-color: rgba(152, 152, 152, 0.7);
  border-color: #2A2622;
}
.backgroundLogin .resetContainer .row .col-md-8 .card .card-header {
  /* Entête du formulaire */
  background-color: #241F48;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
  color: white;
  cursor: context-menu;
}
.backgroundLogin .resetContainer .row .col-md-8 .card .card-body form {
  /* Corps du formulaire */
}
.backgroundLogin .resetContainer .row .col-md-8 .card .card-body form .mb-3 {
  justify-content: center;
  gap: 5px;
  /* Responsive pour le mobile  */
}
@media (max-width: 767.98px) {
  .backgroundLogin .resetContainer .row .col-md-8 .card .card-body form .mb-3 {
    text-align: center;
  }
}
.backgroundLogin .resetContainer .row .col-md-8 .card .card-body form .mb-3 label {
  color: #241F48;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
}
.backgroundLogin .resetContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-6 #email, .backgroundLogin .resetContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-6 #password, .backgroundLogin .resetContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-6 #password-confirm {
  /* Champs Email, Mot de Passe et Confirmation Mot de Passe */
  background-color: #2A2622;
  border-color: #E00501;
  color: white;
}
.backgroundLogin .resetContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-6 #email:focus, .backgroundLogin .resetContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-6 #password:focus, .backgroundLogin .resetContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-6 #password-confirm:focus {
  box-shadow: 0 0 0 0.25rem rgb(223, 110, 106);
}
.backgroundLogin .resetContainer .row .col-md-8 .card .card-body form .mb-0 {
  justify-content: center;
}
.backgroundLogin .resetContainer .row .col-md-8 .card .card-body form .mb-0 .col-md-6 button {
  /* Bouton de validation du formulaire */
  background-color: #241F48;
  border-color: #241F48;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
  color: white;
}
.backgroundLogin .resetContainer .row .col-md-8 .card .card-body form .mb-0 .col-md-6 button:focus {
  box-shadow: 0 0 0 0.25rem rgb(35, 144, 189);
}

/* Import du CSS pour 'confirm.blade.php' */
/* CSS du formulaire de confirmation de mot de passe du site 'Passionné de Formule 1' */
.backgroundLogin {
  /* Arrière plan de la page de confirmation de mot de passe */
  background-image: url("/images/Fond_page_de_connexion_admin.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.backgroundLogin .confirmContainer {
  /* Section du formulaire */
  padding: 14.275% 0;
  font-family: "Lato", sans-serif;
}
.backgroundLogin .confirmContainer .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}
.backgroundLogin .confirmContainer .row .col-md-8 .card {
  background-color: rgba(152, 152, 152, 0.7);
  border-color: #2A2622;
}
.backgroundLogin .confirmContainer .row .col-md-8 .card .card-header {
  /* Entête du formulaire */
  background-color: #241F48;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
  color: white;
  cursor: context-menu;
}
.backgroundLogin .confirmContainer .row .col-md-8 .card .card-body form {
  /* Corps du formulaire */
}
.backgroundLogin .confirmContainer .row .col-md-8 .card .card-body form .mb-3 {
  justify-content: center;
  gap: 5px;
  /* Responsive pour le mobile  */
}
@media (max-width: 767.98px) {
  .backgroundLogin .confirmContainer .row .col-md-8 .card .card-body form .mb-3 {
    text-align: center;
  }
}
.backgroundLogin .confirmContainer .row .col-md-8 .card .card-body form .mb-3 label {
  color: #241F48;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
}
.backgroundLogin .confirmContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-6 #password {
  /* Champ Mot de passe */
  background-color: #2A2622;
  border-color: #E00501;
  color: white;
}
.backgroundLogin .confirmContainer .row .col-md-8 .card .card-body form .mb-3 .col-md-6 #password:focus {
  box-shadow: 0 0 0 0.25rem rgb(223, 110, 106);
}
.backgroundLogin .confirmContainer .row .col-md-8 .card .card-body form .mb-0 {
  justify-content: center;
}
.backgroundLogin .confirmContainer .row .col-md-8 .card .card-body form .mb-0 .col-md-12 button {
  /* Bouton de validation du formulaire */
  background-color: #241F48;
  border-color: #241F48;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
  color: white;
}
.backgroundLogin .confirmContainer .row .col-md-8 .card .card-body form .mb-0 .col-md-12 button:focus {
  box-shadow: 0 0 0 0.25rem rgb(35, 144, 189);
}
.backgroundLogin .confirmContainer .row .col-md-8 .card .card-body form .mb-0 .col-md-12 .btn-link {
  /* Lien Mot de Passe Oublié */
  text-decoration: none;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
  color: #241F48;
}
.backgroundLogin .confirmContainer .row .col-md-8 .card .card-body form .mb-0 .col-md-12 .btn-link:focus {
  box-shadow: none;
}

/* Import du CSS pour 'verify.blade.php' */
/* CSS du formulaire de confirmation d'email du site 'Passionné de Formule 1' */
.backgroundLogin {
  /* Arrière plan de la page de confirmation de mail */
  background-image: url("/images/Fond_page_de_connexion_admin.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.backgroundLogin .verifyContainer {
  /* Section du formulaire */
  padding: 14.275% 0;
  font-family: "Lato", sans-serif;
}
.backgroundLogin .verifyContainer .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}
.backgroundLogin .verifyContainer .row .col-md-8 .card {
  background-color: rgba(152, 152, 152, 0.7);
  border-color: #2A2622;
}
.backgroundLogin .verifyContainer .row .col-md-8 .card .card-header {
  /* Entête du formulaire */
  background-color: #241F48;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
  color: white;
  cursor: context-menu;
}
.backgroundLogin .verifyContainer .row .col-md-8 .card .card-body form button {
  /* Bouton de renvoi du lien de confirmation de l'email */
  background-color: #241F48;
  border-color: #241F48;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1;
  color: white;
}
.backgroundLogin .verifyContainer .row .col-md-8 .card .card-body form button:focus {
  box-shadow: 0 0 0 0.25rem rgb(35, 144, 189);
}

/* Import du CSS pour le crud 'ArticleController' */
/* CSS du CRUD 'ArticleController */
/* Import du CSS pour 'article.index.php' */
/* CSS de la page du gestionnaire de posts(articles) du site 'Passionné de Formule 1' */
.accueil-admin-articles {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Pagination */
}
.accueil-admin-articles .index-titre-btn {
  /* Titre de la page et bouton pour la création d'articles */
  display: flex;
  justify-content: center;
  padding: 1% 0;
  text-align: center;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  background-color: #54514E;
}
.accueil-admin-articles .index-titre-btn .titre-btn-index {
  /* Animation sur le bouton */
}
.accueil-admin-articles .index-titre-btn .titre-btn-index .titre-index {
  /* Titre */
  margin: 0 0 1% 0;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-articles .index-titre-btn .titre-btn-index .titre-index {
    font-size: 2em;
  }
}
.accueil-admin-articles .index-titre-btn .titre-btn-index .btn-index {
  /* Bouton */
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 2;
  font-weight: 400;
  font-size: 2em;
  color: #FFFFFF;
  position: relative;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-articles .index-titre-btn .titre-btn-index .btn-index {
    font-size: 1.5em;
  }
}
.accueil-admin-articles .index-titre-btn .titre-btn-index .btn-index::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
  transform-origin: center;
  transform: translate(-50%, 0) scaleX(0);
  transition: transform 0.3s ease-in-out;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .accueil-admin-articles .index-titre-btn .titre-btn-index .btn-index::before {
    display: none;
  }
}
.accueil-admin-articles .index-titre-btn .titre-btn-index .btn-index:hover::before {
  transform: translate(-50%, 0) scaleX(1);
}
.accueil-admin-articles .index-message .alert {
  /* Message de réussite de la création d'un article */
  margin-bottom: 0;
  border-radius: 0;
}
.accueil-admin-articles .background-image {
  /* Image en arrière plan */
  min-height: 715px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("/images/crud_articles/Fond_page_accueil_admin.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.accueil-admin-articles .background-image .index-container {
  /* Définition du postionnement du contenu sur la page */
  width: 80%;
  margin: 2% 0;
  background-color: rgba(152, 152, 152, 0.7);
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-articles .background-image .index-container {
    width: 95%;
  }
}
.accueil-admin-articles .background-image .index-container .index-table {
  margin: 0;
  --bs-table-bg: none;
}
.accueil-admin-articles .background-image .index-container .index-table .table-column {
  border-color: #2A2622;
}
.accueil-admin-articles .background-image .index-container .index-table .table-column .column-name .article-titre, .accueil-admin-articles .background-image .index-container .index-table .table-column .column-name .article-image, .accueil-admin-articles .background-image .index-container .index-table .table-column .column-name .article-date, .accueil-admin-articles .background-image .index-container .index-table .table-column .column-name .article-options {
  /* Nom de chaque colonne */
  text-align: center;
  vertical-align: middle;
  font-weight: 500;
  font-size: 2em;
  color: #2A2622;
}
.accueil-admin-articles .background-image .index-container .index-table .table-column .column-name .article-image {
  /* Responsive pour la tablette */
}
@media (max-width: 767.98px) {
  .accueil-admin-articles .background-image .index-container .index-table .table-column .column-name .article-image {
    display: none;
  }
}
@media (max-width: 1023.98px) {
  .accueil-admin-articles .background-image .index-container .index-table .table-column .column-name .article-date {
    display: none;
  }
}
.accueil-admin-articles .background-image .index-container .index-table .table-body {
  border-color: #54514E;
  border-top: 2px solid #2A2622;
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-titre, .accueil-admin-articles .background-image .index-container .index-table .table-body .article-image, .accueil-admin-articles .background-image .index-container .index-table .table-body .article-date, .accueil-admin-articles .background-image .index-container .index-table .table-body .article-options {
  /* Positonnement du contenu dans les colonnes */
  width: 25%;
  vertical-align: middle;
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-titre p, .accueil-admin-articles .background-image .index-container .index-table .table-body .article-date .date p {
  /* Contenu */
  margin: 0;
  text-align: center;
  font-weight: 400;
  font-size: 2.5em;
  color: #2A2622;
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-image {
  /* Responsive pour la tablette */
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-image img {
  /* Image de l'Article */
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .accueil-admin-articles .background-image .index-container .index-table .table-body .article-image {
    display: none;
  }
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-date {
  /* Responsive pour la tablette */
}
@media (max-width: 1023.98px) {
  .accueil-admin-articles .background-image .index-container .index-table .table-body .article-date {
    display: none;
  }
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-options {
  /* Responsive pour le mobile */
}
@media (max-width: 767.98px) {
  .accueil-admin-articles .background-image .index-container .index-table .table-body .article-options {
    width: 75%;
  }
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article {
  /* Boutons pour Voir, Éditer ou Supprimer un Article */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  /* Effet sur les boutons de visionnage et d'édition */
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article .btn-index {
  /* Bouton */
  width: 50%;
  height: 48px;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  line-height: 2;
  font-weight: 400;
  font-size: 1.5em;
  z-index: 1;
  position: relative;
  outline: none;
  overflow: hidden;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article .btn-index {
    line-height: 3;
    font-size: 1em;
  }
}
@media (min-width: 576px) and (max-width: 1359.98px) {
  .accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article .btn-index {
    line-height: 2.5;
    font-size: 1.25em;
  }
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article .vision {
  /* Visionner l'Article */
  background-color: #241F48;
  color: #FFFFFF;
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article .edition {
  /* Éditer l'Article */
  background-color: #989898;
  color: #241F48;
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article .vision::after, .accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article .edition::after {
  content: "";
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: -50%;
  bottom: -50%;
  width: 1.5em;
  transform: translate3d(-525%, 0, 0) rotate(35deg);
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article .vision::after, .accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article .edition::after {
    display: none;
  }
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article .vision:hover::after, .accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article .edition:hover::after {
  transition: transform 0.45s ease-in-out;
  transform: translate3d(200%, 0, 0) rotate(35deg);
  /* Correction valeur de translation en écran large (> 1400px) */
}
@media (min-width: 1400px) {
  .accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article .vision:hover::after, .accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article .edition:hover::after {
    transform: translate3d(275%, 0, 0) rotate(35deg);
  }
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article form {
  /* Supprimer l'Article */
  width: 100%;
  text-align: center;
  /* Effet sur le bouton de suppression */
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article form .suppression {
  background-color: #E00501;
  color: #FFFFFF;
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article form .suppression::after {
  content: "";
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: -50%;
  bottom: -50%;
  width: 1.5em;
  transform: translate3d(-525%, 0, 0) rotate(35deg);
  /* Correction valeur de translation en écran large (> 1600px) */
  /* Responsive mobile et tablette */
}
@media (min-width: 1600px) {
  .accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article form .suppression::after {
    transform: translate3d(-585%, 0, 0) rotate(35deg);
  }
}
@media (max-width: 991.98px) {
  .accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article form .suppression::after {
    display: none;
  }
}
.accueil-admin-articles .background-image .index-container .index-table .table-body .article-options .btn-article form .suppression:hover::after {
  transition: transform 0.45s ease-in-out;
  transform: translate3d(200%, 0, 0) rotate(35deg);
}
.accueil-admin-articles .index-pagination {
  display: flex;
  justify-content: center;
  background-color: #54514E;
}

/* Import du CSS pour 'article.show.php' */
/* CSS pour la page d'affichage des posts(articles) du gestionnaire de posts du site 'Passionné de Formule 1' */
.show-admin-articles {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
}
.show-admin-articles .show-titre-btn {
  /* Titre de la page et bouton de retour sur l'accueil administrateur */
  padding: 1% 0;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  background-color: #54514E;
}
@media (max-width: 575.98px) {
  .show-admin-articles .show-titre-btn {
    text-align: center;
  }
}
.show-admin-articles .show-titre-btn .titre-btn-show .btn-show {
  /* Bouton */
  border: 1px solid transparent;
  margin: 0 0 0 16px;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 2;
  font-weight: 400;
  font-size: 2em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Image du bouton */
}
@media (max-width: 575.98px) {
  .show-admin-articles .show-titre-btn .titre-btn-show .btn-show {
    margin: 0;
    font-size: 1.5em;
  }
}
.show-admin-articles .show-titre-btn .titre-btn-show .btn-show img {
  width: 34px;
  height: 34px;
  vertical-align: text-bottom;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-articles .show-titre-btn .titre-btn-show .btn-show img {
    width: 26px;
    height: 26px;
  }
}
.show-admin-articles .show-titre-btn .titre-btn-show .titre-show {
  /* Titre */
  width: 95%;
  margin: 0 auto 1rem;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-articles .show-titre-btn .titre-btn-show .titre-show {
    margin: 1rem auto;
    font-size: 2em;
  }
}
.show-admin-articles .background-show {
  /* Arrière plan */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #54514E;
}
.show-admin-articles .background-show .show-container {
  /* Définition du postionnement du contenu sur la page */
  width: 80%;
  margin: 2rem 0;
  background-color: rgba(84, 81, 78, 0.3);
  border-radius: 8px;
  border: 1px solid #2A2622;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-articles .background-show .show-container {
    width: 95%;
  }
}
.show-admin-articles .background-show .show-container .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  width: 75%;
  margin: auto;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-articles .background-show .show-container .row {
    width: 95%;
  }
}
.show-admin-articles .background-show .show-container .row .show-titre, .show-admin-articles .background-show .show-container .row .show-contenu, .show-admin-articles .background-show .show-container .row .show-image {
  /* Postionnement des éléments de la page (Titre, contenu et image de la publication) */
  margin: 1.735rem auto;
  display: flex;
  align-items: center;
  gap: 22px;
  /* Responsive monile et tablette */
  /* Titre de l'article et contenu de l'article */
  /* Image de l'article */
}
@media (max-width: 1023.98px) {
  .show-admin-articles .background-show .show-container .row .show-titre, .show-admin-articles .background-show .show-container .row .show-contenu, .show-admin-articles .background-show .show-container .row .show-image {
    flex-direction: column;
  }
}
.show-admin-articles .background-show .show-container .row .show-titre strong, .show-admin-articles .background-show .show-container .row .show-contenu strong, .show-admin-articles .background-show .show-container .row .show-image strong {
  width: 33%;
  font-size: 1.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
  /* Responsive mobile et tablette */
}
@media (max-width: 575.98px) {
  .show-admin-articles .background-show .show-container .row .show-titre strong, .show-admin-articles .background-show .show-container .row .show-contenu strong, .show-admin-articles .background-show .show-container .row .show-image strong {
    font-size: 1.5em;
  }
}
@media (min-width: 1024px) and (max-width: 1359.98px) {
  .show-admin-articles .background-show .show-container .row .show-titre strong, .show-admin-articles .background-show .show-container .row .show-contenu strong, .show-admin-articles .background-show .show-container .row .show-image strong {
    width: 50%;
  }
}
@media (max-width: 1023.98px) {
  .show-admin-articles .background-show .show-container .row .show-titre strong, .show-admin-articles .background-show .show-container .row .show-contenu strong, .show-admin-articles .background-show .show-container .row .show-image strong {
    width: 100%;
    text-align: center;
  }
}
.show-admin-articles .background-show .show-container .row .show-titre .titre-article, .show-admin-articles .background-show .show-container .row .show-titre .contenu-article, .show-admin-articles .background-show .show-container .row .show-contenu .titre-article, .show-admin-articles .background-show .show-container .row .show-contenu .contenu-article, .show-admin-articles .background-show .show-container .row .show-image .titre-article, .show-admin-articles .background-show .show-container .row .show-image .contenu-article {
  margin: 0;
  text-align: justify;
  font-size: 1.5em;
  color: #FFFFFF;
  /* Responsive mobile et tablette */
  /* Responsive pour la tablette */
}
@media (max-width: 1023.98px) {
  .show-admin-articles .background-show .show-container .row .show-titre .titre-article, .show-admin-articles .background-show .show-container .row .show-titre .contenu-article, .show-admin-articles .background-show .show-container .row .show-contenu .titre-article, .show-admin-articles .background-show .show-container .row .show-contenu .contenu-article, .show-admin-articles .background-show .show-container .row .show-image .titre-article, .show-admin-articles .background-show .show-container .row .show-image .contenu-article {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .show-admin-articles .background-show .show-container .row .show-titre .titre-article, .show-admin-articles .background-show .show-container .row .show-titre .contenu-article, .show-admin-articles .background-show .show-container .row .show-contenu .titre-article, .show-admin-articles .background-show .show-container .row .show-contenu .contenu-article, .show-admin-articles .background-show .show-container .row .show-image .titre-article, .show-admin-articles .background-show .show-container .row .show-image .contenu-article {
    width: 50%;
  }
}
.show-admin-articles .background-show .show-container .row .show-titre .img-article, .show-admin-articles .background-show .show-container .row .show-contenu .img-article, .show-admin-articles .background-show .show-container .row .show-image .img-article {
  width: 50%;
  height: 100%;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .show-admin-articles .background-show .show-container .row .show-titre .img-article, .show-admin-articles .background-show .show-container .row .show-contenu .img-article, .show-admin-articles .background-show .show-container .row .show-image .img-article {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .show-admin-articles .background-show .show-container .row .show-titre .img-article, .show-admin-articles .background-show .show-container .row .show-contenu .img-article, .show-admin-articles .background-show .show-container .row .show-image .img-article {
    width: 75%;
  }
}

/* Import du CSS pour 'article.create.php' et 'article.edit.php */
/* CSS de la page de création de posts(articles) du site 'Passionné de Formule 1' */
.create-edit-admin-articles {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Bouton d'envoi du formulaire */
}
.create-edit-admin-articles .create-edit-titre-btn {
  /* Titre de la page et bouton de retour sur l'accueil administrateur */
  padding: 1% 0;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  background-color: #54514E;
}
@media (max-width: 575.98px) {
  .create-edit-admin-articles .create-edit-titre-btn {
    text-align: center;
  }
}
.create-edit-admin-articles .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit {
  /* Bouton */
  border: 1px solid transparent;
  margin: 0 0 0 16px;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 2;
  font-weight: 400;
  font-size: 2em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Image du bouton */
}
@media (max-width: 575.98px) {
  .create-edit-admin-articles .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit {
    margin: 0;
    font-size: 1.5em;
  }
}
.create-edit-admin-articles .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit img {
  width: 34px;
  height: 34px;
  vertical-align: text-bottom;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-articles .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit img {
    width: 26px;
    height: 26px;
  }
}
.create-edit-admin-articles .create-edit-titre-btn .titre-btn-create-edit .titre-edit {
  /* Titre */
  width: 95%;
  margin: 0 auto 1rem;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-articles .create-edit-titre-btn .titre-btn-create-edit .titre-edit {
    margin: 1rem auto;
    font-size: 2em;
  }
}
.create-edit-admin-articles .create-edit-titre-btn .titre-btn-create-edit .titre-create {
  /* Titre */
  margin: 0 0 1rem 0;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-articles .create-edit-titre-btn .titre-btn-create-edit .titre-create {
    margin: 1rem 0;
    font-size: 2em;
  }
}
.create-edit-admin-articles .background-create {
  background-image: url("/images/crud_articles/Fond_page_de_creation_admin.png");
}
.create-edit-admin-articles .background-edit {
  background-image: url("/images/crud_articles/Fond_page_d_edition_admin.png");
}
.create-edit-admin-articles .background-image {
  /* Image en arrière plan */
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #54514E;
}
.create-edit-admin-articles .background-image .create-edit-container {
  /* Définition du postionnement du contenu sur la page */
  width: 80%;
  margin: 2rem 0;
  background-color: rgba(84, 81, 78, 0.3);
  border-radius: 8px;
  border: 1px solid #2A2622;
}
.create-edit-admin-articles .background-image .create-edit-container .create-form, .create-edit-admin-articles .background-image .create-edit-container .edit-form {
  /* Définition du positionnement du formulaire sur la page */
  width: 75%;
  margin: auto;
  padding: 2% 0;
}
.create-edit-admin-articles .background-image .create-edit-container .create-form .row, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row {
  gap: 32px;
}
.create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image {
  /* Postionnement des champs du formulaire (Titre, Date, Contenu et image de la publication) */
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Responsive mobile et tablette */
  /* Particularité pour l'édition de l'image, on affiche l'image enregistrée dans la base  */
}
@media (max-width: 1023.98px) {
  .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image {
    flex-direction: column;
  }
}
.create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre strong, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date strong, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu strong, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image strong {
  width: 33%;
  font-size: 2em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
  /* Responsive mobile et tablette */
}
@media (max-width: 575.98px) {
  .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre strong, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date strong, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu strong, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image strong {
    font-size: 1.5em;
  }
}
@media (min-width: 1024px) and (max-width: 1359.98px) {
  .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre strong, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date strong, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu strong, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image strong {
    width: 50%;
  }
}
@media (max-width: 1023.98px) {
  .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre strong, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date strong, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu strong, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu strong, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image strong {
    width: 100%;
    text-align: center;
  }
}
.create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre input, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre textarea, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date input, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date textarea, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu input, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu textarea, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image input, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image textarea, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre input, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre textarea, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date input, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date textarea, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu input, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu textarea, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image input, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image textarea {
  width: 67%;
  border-color: #2A2622;
  background-color: #989898;
  color: #2A2622;
  outline: none;
  resize: none;
  /* Responsive pour la tablette */
  /* Responsive mobile et tablette */
}
@media (min-width: 1024px) and (max-width: 1359.98px) {
  .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre input, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre textarea, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date input, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date textarea, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu input, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu textarea, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image input, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image textarea, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre input, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre textarea, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date input, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date textarea, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu input, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu textarea, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image input, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image textarea {
    width: 50%;
  }
}
@media (max-width: 1023.98px) {
  .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre input, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre textarea, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date input, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date textarea, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu input, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu textarea, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image input, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image textarea, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre input, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre textarea, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date input, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date textarea, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu input, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu textarea, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image input, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image textarea {
    width: 100%;
  }
}
.create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre input:focus, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre textarea:focus, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date input:focus, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date textarea:focus, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu input:focus, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu textarea:focus, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image input:focus, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image textarea:focus, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre input:focus, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre textarea:focus, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date input:focus, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date textarea:focus, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu input:focus, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu textarea:focus, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image input:focus, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image textarea:focus {
  box-shadow: none;
}
.create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre input::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre textarea::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date input::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date textarea::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu input::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu textarea::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image input::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image textarea::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre input::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre textarea::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date input::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date textarea::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu input::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu textarea::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image input::-moz-placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image textarea::-moz-placeholder {
  color: #2A2622;
}
.create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre input::placeholder, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre textarea::placeholder, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date input::placeholder, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date textarea::placeholder, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu input::placeholder, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu textarea::placeholder, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image input::placeholder, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image textarea::placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre input::placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre textarea::placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date input::placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date textarea::placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu input::placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu textarea::placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image input::placeholder, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image textarea::placeholder {
  color: #2A2622;
}
.create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre .edit-champ-image, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date .edit-champ-image, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu .edit-champ-image, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image .edit-champ-image, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre .edit-champ-image, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date .edit-champ-image, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu .edit-champ-image, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image .edit-champ-image {
  /* Responsive pour la tablette */
}
@media (min-width: 1024px) {
  .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre .edit-champ-image, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date .edit-champ-image, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu .edit-champ-image, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image .edit-champ-image, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre .edit-champ-image, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date .edit-champ-image, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu .edit-champ-image, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image .edit-champ-image {
    width: 67%;
  }
}
.create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre .edit-champ-image .img-actuelle, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date .edit-champ-image .img-actuelle, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu .edit-champ-image .img-actuelle, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image .edit-champ-image .img-actuelle, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre .edit-champ-image .img-actuelle, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date .edit-champ-image .img-actuelle, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu .edit-champ-image .img-actuelle, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image .edit-champ-image .img-actuelle {
  width: 100%;
  max-height: 100%;
}
.create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-titre .edit-champ-image .input-nvl-img, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-date .edit-champ-image .input-nvl-img, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-contenu .edit-champ-image .input-nvl-img, .create-edit-admin-articles .background-image .create-edit-container .create-form .row .form-article-champ-image .edit-champ-image .input-nvl-img, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-titre .edit-champ-image .input-nvl-img, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-date .edit-champ-image .input-nvl-img, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-contenu .edit-champ-image .input-nvl-img, .create-edit-admin-articles .background-image .create-edit-container .edit-form .row .form-article-champ-image .edit-champ-image .input-nvl-img {
  width: 100%;
  margin: 1rem 0 0 0;
}
.create-edit-admin-articles .create-envoy {
  display: flex;
  justify-content: center;
  padding: 1% 0;
  background-color: #54514E;
}
.create-edit-admin-articles .create-envoy .btn-envoy {
  /* Bouton */
  width: 200px;
  height: 48px;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 1;
  font-weight: 400;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Image du bouton */
  /* Texte du bouton */
}
@media (max-width: 575.98px) {
  .create-edit-admin-articles .create-envoy .btn-envoy {
    font-size: 2em;
  }
}
.create-edit-admin-articles .create-envoy .btn-envoy img {
  width: 44px;
  height: 44px;
  margin-right: 0.5rem;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-articles .create-envoy .btn-envoy img {
    width: 34px;
    height: 34px;
  }
}
.create-edit-admin-articles .create-envoy .btn-envoy span {
  vertical-align: text-bottom;
}

/* Import du CSS pour le crud 'PiloteController' */
/* CSS du CRUD 'PiloteController' */
/* Import du CSS pour pilote.index.php */
/* CSS de la page du gestionnaire de pilotes du site 'Passionné de Formule 1' */
.accueil-admin-pilotes {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Pagination */
}
.accueil-admin-pilotes .index-titre-btn {
  /* Titre de la page et bouton pour la création de pilotes */
  display: flex;
  justify-content: center;
  padding: 1% 0;
  text-align: center;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  background-color: #54514E;
}
.accueil-admin-pilotes .index-titre-btn .titre-btn-index {
  /* Animation sur le bouton */
}
.accueil-admin-pilotes .index-titre-btn .titre-btn-index .titre-index {
  /* Titre */
  margin: 0 0 1% 0;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-pilotes .index-titre-btn .titre-btn-index .titre-index {
    font-size: 2em;
  }
}
.accueil-admin-pilotes .index-titre-btn .titre-btn-index .btn-index {
  /* Bouton */
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 2;
  font-weight: 400;
  font-size: 2em;
  color: #FFFFFF;
  position: relative;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-pilotes .index-titre-btn .titre-btn-index .btn-index {
    font-size: 1.5em;
  }
}
.accueil-admin-pilotes .index-titre-btn .titre-btn-index .btn-index::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
  transform-origin: center;
  transform: translate(-50%, 0) scaleX(0);
  transition: transform 0.3s ease-in-out;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .accueil-admin-pilotes .index-titre-btn .titre-btn-index .btn-index::before {
    display: none;
  }
}
.accueil-admin-pilotes .index-titre-btn .titre-btn-index .btn-index:hover::before {
  transform: translate(-50%, 0) scaleX(1);
}
.accueil-admin-pilotes .index-message .alert {
  /* Message de réussite de la création d'un pilote */
  margin-bottom: 0;
  border-radius: 0;
}
.accueil-admin-pilotes .background-image {
  /* Image en arrière plan */
  min-height: 715px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("/images/crud_pilotes/Fond_page_accueil_admin.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.accueil-admin-pilotes .background-image .index-container {
  /* Définition du postionnement du contenu sur la page */
  width: 80%;
  margin: 2% auto;
  background-color: rgba(152, 152, 152, 0.7);
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-pilotes .background-image .index-container {
    width: 95%;
  }
}
.accueil-admin-pilotes .background-image .index-container .index-table {
  margin: 0;
  --bs-table-bg: none;
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-column {
  border-color: #2A2622;
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-column .column-name .pilote-nom, .accueil-admin-pilotes .background-image .index-container .index-table .table-column .column-name .pilote-nationalite, .accueil-admin-pilotes .background-image .index-container .index-table .table-column .column-name .pilote-points, .accueil-admin-pilotes .background-image .index-container .index-table .table-column .column-name .pilote-img_ecurie, .accueil-admin-pilotes .background-image .index-container .index-table .table-column .column-name .pilote-options {
  /* Nom de chaque colonne */
  text-align: center;
  vertical-align: middle;
  font-weight: 500;
  font-size: 2em;
  color: #2A2622;
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-column .column-name .pilote-points {
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-column .column-name .pilote-points {
    display: none;
  }
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-column .column-name .pilote-img_ecurie {
  /* Responsive mobile et tablette */
}
@media (max-width: 1499.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-column .column-name .pilote-img_ecurie {
    display: none;
  }
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-column .column-name .pilote-nationalite {
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-column .column-name .pilote-nationalite {
    display: none;
  }
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body {
  border-color: #54514E;
  border-top: 2px solid #2A2622;
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-nom, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-nationalite, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-points, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-img_ecurie, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options {
  /* Positonnement du contenu dans les colonnes */
  width: 20%;
  vertical-align: middle;
  /* Colonne regroupant le drapeau et la nationalité du pilote */
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-nom .pilote-drapeau-nationalite, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-nationalite .pilote-drapeau-nationalite, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-points .pilote-drapeau-nationalite, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-img_ecurie .pilote-drapeau-nationalite, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .pilote-drapeau-nationalite {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Responsive mobile et tablette */
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-nom .pilote-drapeau-nationalite p, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-nationalite .pilote-drapeau-nationalite p, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-points .pilote-drapeau-nationalite p, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-img_ecurie .pilote-drapeau-nationalite p, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .pilote-drapeau-nationalite p {
  margin: 0;
  font-weight: 400;
  font-size: 2em;
  color: #2A2622;
}
@media (max-width: 991.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-nom .pilote-drapeau-nationalite, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-nationalite .pilote-drapeau-nationalite, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-points .pilote-drapeau-nationalite, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-img_ecurie .pilote-drapeau-nationalite, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .pilote-drapeau-nationalite {
    display: none;
  }
}
@media (max-width: 1499.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-nom .pilote-drapeau-nationalite, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-nationalite .pilote-drapeau-nationalite, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-points .pilote-drapeau-nationalite, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-img_ecurie .pilote-drapeau-nationalite, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .pilote-drapeau-nationalite {
    flex-direction: column;
    gap: 8px;
  }
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-nom p, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-points p {
  /* Textes Nom Pilote et Nombre de points */
  margin: 0;
  text-align: center;
  font-weight: 400;
  font-size: 2em;
  color: #2A2622;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-nom p, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-points p {
    font-size: 1.5em;
  }
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-points {
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-points {
    display: none;
  }
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-img_ecurie {
  text-align: center;
  /* Responsive mobile et tablette */
}
@media (max-width: 1499.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-img_ecurie {
    display: none;
  }
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-nationalite {
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-nationalite {
    display: none;
  }
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-drapeau img, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-img_ecurie img {
  /* Image de la biographie */
  width: 65px;
  height: 65px;
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options {
  /* Responsive pour le mobile */
}
@media (max-width: 767.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options {
    width: 75%;
  }
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote {
  /* Boutons pour Voir, Éditer ou Supprimer un Pilote */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  /* Effet sur les boutons de visionnage et d'édition */
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .btn-index {
  /* Bouton */
  width: 50%;
  height: 36px;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  line-height: 1.5;
  font-weight: 400;
  font-size: 1.5em;
  z-index: 1;
  position: relative;
  outline: none;
  overflow: hidden;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .btn-index {
    width: 80%;
    line-height: 2.5;
    font-size: 1em;
  }
}
@media (min-width: 576px) and (max-width: 1359.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .btn-index {
    width: 80%;
    line-height: 2;
    font-size: 1.25em;
  }
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .vision {
  /* Visionner le Pilote */
  background-color: #241F48;
  color: #FFFFFF;
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .edition {
  /* Éditer le Pilote */
  background-color: #989898;
  color: #241F48;
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .vision::after, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .edition::after {
  content: "";
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: -50%;
  bottom: -50%;
  width: 1.5em;
  transform: translate3d(-525%, 0, 0) rotate(35deg);
  /* Correction valeur de translation en écran PC Portable (< 1360px) */
  /* Responsive mobile et tablette */
}
@media (max-width: 1359.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .vision::after, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .edition::after {
    transform: translate3d(-615%, 0, 0) rotate(35deg);
  }
}
@media (max-width: 991.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .vision::after, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .edition::after {
    display: none;
  }
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .vision:hover::after, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .edition:hover::after {
  transition: transform 0.45s ease-in-out;
  transform: translate3d(200%, 0, 0) rotate(35deg);
  /* Correction valeur de translation en écran PC Portable (< 1360px) */
}
@media (max-width: 1359.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .vision:hover::after, .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote .edition:hover::after {
    transform: translate3d(375%, 0, 0) rotate(35deg);
  }
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote form {
  /* Supprimer le Pilote */
  width: 100%;
  text-align: center;
  /* Effet sur le bouton de suppression */
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote form .suppression {
  background-color: #E00501;
  color: #FFFFFF;
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote form .suppression::after {
  content: "";
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: -50%;
  bottom: -50%;
  width: 1.5em;
  transform: translate3d(-525%, 0, 0) rotate(35deg);
  /* Correction valeur de translation en écran PC Portable (< 1360px) */
  /* Responsive mobile et tablette */
}
@media (max-width: 1359.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote form .suppression::after {
    transform: translate3d(-680%, 0, 0) rotate(35deg);
  }
}
@media (max-width: 991.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote form .suppression::after {
    display: none;
  }
}
.accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote form .suppression:hover::after {
  transition: transform 0.45s ease-in-out;
  transform: translate3d(200%, 0, 0) rotate(35deg);
  /* Correction valeur de translation en écran PC Portable (< 1360px) */
}
@media (max-width: 1359.98px) {
  .accueil-admin-pilotes .background-image .index-container .index-table .table-body .pilote-options .btn-pilote form .suppression:hover::after {
    transform: translate3d(275%, 0, 0) rotate(35deg);
  }
}
.accueil-admin-pilotes .index-pagination {
  display: flex;
  justify-content: center;
  background-color: #54514E;
}

/* Import du CSS pour pilote.edit.php */
/* CSS de la page de création de pilotes du site 'Passionné de Formule 1' */
.create-edit-admin-pilotes {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Bouton d'envoi du formulaire */
}
.create-edit-admin-pilotes .create-edit-titre-btn {
  /* Titre de la page et bouton de retour sur l'accueil administrateur */
  padding: 1% 0;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  background-color: #54514E;
}
@media (max-width: 575.98px) {
  .create-edit-admin-pilotes .create-edit-titre-btn {
    text-align: center;
  }
}
.create-edit-admin-pilotes .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit {
  /* Bouton */
  border: 1px solid transparent;
  margin: 0 0 0 16px;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 2;
  font-weight: 400;
  font-size: 2em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Image du bouton */
}
@media (max-width: 575.98px) {
  .create-edit-admin-pilotes .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit {
    margin: 0;
    font-size: 1.5em;
  }
}
.create-edit-admin-pilotes .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit img {
  width: 34px;
  height: 34px;
  vertical-align: text-bottom;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-pilotes .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit img {
    width: 26px;
    height: 26px;
  }
}
.create-edit-admin-pilotes .create-edit-titre-btn .titre-btn-create-edit .titre-edit {
  /* Titre */
  width: 95%;
  margin: 0 auto 1rem;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-pilotes .create-edit-titre-btn .titre-btn-create-edit .titre-edit {
    margin: 1rem auto;
    font-size: 2em;
  }
}
.create-edit-admin-pilotes .create-edit-titre-btn .titre-btn-create-edit .titre-create {
  /* Titre */
  margin: 0 0 1rem 0;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-pilotes .create-edit-titre-btn .titre-btn-create-edit .titre-create {
    margin: 1rem 0;
    font-size: 2em;
  }
}
.create-edit-admin-pilotes .background-create {
  background-image: url("/images/crud_pilotes/Fond_page_de_creation_admin.jpg");
}
.create-edit-admin-pilotes .background-edit {
  background-image: url("/images/crud_pilotes/Fond_page_d_edition_admin.jpg");
}
.create-edit-admin-pilotes .background-image {
  /* Image en arrière plan */
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #54514E;
}
.create-edit-admin-pilotes .background-image .create-edit-container {
  /* Définition du postionnement du contenu sur la page */
  width: 80%;
  margin: 2rem 0;
  background-color: rgba(84, 81, 78, 0.3);
  border-radius: 8px;
  border: 1px solid #2A2622;
}
.create-edit-admin-pilotes .background-image .create-edit-container .create-form, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form {
  /* Définition du positionnement du formulaire sur la page */
  width: 75%;
  margin: auto;
  padding: 2% 0;
}
.create-edit-admin-pilotes .background-image .create-edit-container .create-form .row, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row {
  gap: 32px;
}
.create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie {
  /* Postionnement des champs du formulaire (Ecurie du pilote, Rôle et nom du pilote, Nationalité avec le drapeau du pilote, nombre de points du pilote et écusson de l'écurie du pilote) */
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Responsive mobile et tablette */
  /* Particularité pour l'édition du drapeau et de l'écusson, on affiche les images enregistrées dans la base  */
}
@media (max-width: 1023.98px) {
  .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie {
    flex-direction: column;
  }
}
.create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id label, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote label, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote label, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite label, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau label, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points label, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie label, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id label, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote label, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote label, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite label, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau label, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points label, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie label {
  /* Responsive mobile et tablette */
}
@media (max-width: 1023.98px) {
  .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id label, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote label, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote label, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite label, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau label, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points label, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie label, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id label, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote label, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote label, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite label, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau label, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points label, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie label {
    width: 100%;
    text-align: center;
  }
}
.create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie strong {
  width: 60%;
  font-size: 2em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Responsive mobile et tablette */
}
@media (max-width: 575.98px) {
  .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie strong {
    font-size: 1.5em;
  }
}
@media (max-width: 1023.98px) {
  .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points strong, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points strong, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie strong {
    width: 100%;
    text-align: center;
  }
}
.create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id select, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id input, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id textarea, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote select, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote input, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote textarea, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote select, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote input, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote textarea, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite select, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite input, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite textarea, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau select, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau input, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau textarea, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points select, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points input, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points textarea, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie select, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie input, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie textarea, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id select, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id input, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id textarea, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote select, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote input, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote textarea, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote select, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote input, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote textarea, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite select, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite input, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite textarea, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau select, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau input, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau textarea, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points select, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points input, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points textarea, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie select, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie input, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie textarea {
  width: 40%;
  border-color: #2A2622;
  background-color: #989898;
  color: #2A2622;
  outline: none;
  /* Responsive mobile et tablette */
}
@media (max-width: 1023.98px) {
  .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id select, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id input, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id textarea, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote select, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote input, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote textarea, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote select, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote input, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote textarea, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite select, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite input, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite textarea, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau select, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau input, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau textarea, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points select, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points input, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points textarea, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie select, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie input, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie textarea, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id select, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id input, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id textarea, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote select, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote input, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote textarea, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote select, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote input, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote textarea, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite select, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite input, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite textarea, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau select, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau input, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau textarea, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points select, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points input, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points textarea, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie select, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie input, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie textarea {
    width: 100%;
  }
}
.create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id select:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id input:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id textarea:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote select:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote input:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote textarea:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote select:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote input:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote textarea:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite select:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite input:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite textarea:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau select:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau input:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau textarea:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points select:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points input:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points textarea:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie select:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie input:focus, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie textarea:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id select:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id input:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id textarea:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote select:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote input:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote textarea:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote select:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote input:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote textarea:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite select:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite input:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite textarea:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau select:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau input:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau textarea:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points select:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points input:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points textarea:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie select:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie input:focus, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie textarea:focus {
  box-shadow: none;
}
.create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id select::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id input::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id textarea::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote select::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote input::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote textarea::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote select::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote input::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote textarea::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite select::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite input::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite textarea::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau select::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau input::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau textarea::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points select::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points input::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points textarea::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie select::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie input::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie textarea::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id select::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id input::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id textarea::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote select::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote input::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote textarea::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote select::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote input::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote textarea::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite select::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite input::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite textarea::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau select::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau input::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau textarea::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points select::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points input::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points textarea::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie select::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie input::-moz-placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie textarea::-moz-placeholder {
  color: #2A2622;
}
.create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id select::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id input::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id textarea::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote select::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote input::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote textarea::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote select::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote input::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote textarea::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite select::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite input::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite textarea::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau select::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau input::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau textarea::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points select::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points input::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points textarea::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie select::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie input::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie textarea::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id select::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id input::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id textarea::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote select::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote input::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote textarea::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote select::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote input::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote textarea::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite select::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite input::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite textarea::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau select::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau input::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau textarea::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points select::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points input::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points textarea::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie select::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie input::placeholder, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie textarea::placeholder {
  color: #2A2622;
}
.create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie .edit-champ-img_ecurie {
  /* Responsive pour la tablette */
}
@media (min-width: 1024px) {
  .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points .edit-champ-img_ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie .edit-champ-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie .edit-champ-img_ecurie {
    width: 40%;
  }
}
.create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id .edit-champ-drapeau .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id .edit-champ-drapeau .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id .edit-champ-img_ecurie .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id .edit-champ-img_ecurie .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote .edit-champ-drapeau .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote .edit-champ-drapeau .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote .edit-champ-img_ecurie .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote .edit-champ-img_ecurie .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote .edit-champ-drapeau .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote .edit-champ-drapeau .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote .edit-champ-img_ecurie .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote .edit-champ-img_ecurie .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite .edit-champ-drapeau .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite .edit-champ-drapeau .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite .edit-champ-img_ecurie .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite .edit-champ-img_ecurie .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau .edit-champ-drapeau .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau .edit-champ-drapeau .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau .edit-champ-img_ecurie .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau .edit-champ-img_ecurie .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points .edit-champ-drapeau .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points .edit-champ-drapeau .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points .edit-champ-img_ecurie .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points .edit-champ-img_ecurie .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie .edit-champ-drapeau .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie .edit-champ-drapeau .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie .edit-champ-img_ecurie .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie .edit-champ-img_ecurie .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id .edit-champ-drapeau .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id .edit-champ-drapeau .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id .edit-champ-img_ecurie .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id .edit-champ-img_ecurie .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote .edit-champ-drapeau .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote .edit-champ-drapeau .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote .edit-champ-img_ecurie .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote .edit-champ-img_ecurie .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote .edit-champ-drapeau .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote .edit-champ-drapeau .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote .edit-champ-img_ecurie .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote .edit-champ-img_ecurie .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite .edit-champ-drapeau .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite .edit-champ-drapeau .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite .edit-champ-img_ecurie .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite .edit-champ-img_ecurie .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau .edit-champ-drapeau .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau .edit-champ-drapeau .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau .edit-champ-img_ecurie .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau .edit-champ-img_ecurie .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points .edit-champ-drapeau .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points .edit-champ-drapeau .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points .edit-champ-img_ecurie .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points .edit-champ-img_ecurie .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie .edit-champ-drapeau .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie .edit-champ-drapeau .ecurie-actuelle, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie .edit-champ-img_ecurie .drapeau-actuel, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie .edit-champ-img_ecurie .ecurie-actuelle {
  width: 65px;
  height: 65px;
  display: flex;
  margin: auto;
}
.create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id .edit-champ-drapeau .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id .edit-champ-drapeau .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id .edit-champ-img_ecurie .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-ecurie_id .edit-champ-img_ecurie .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote .edit-champ-drapeau .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote .edit-champ-drapeau .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote .edit-champ-img_ecurie .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-role_pilote .edit-champ-img_ecurie .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote .edit-champ-drapeau .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote .edit-champ-drapeau .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote .edit-champ-img_ecurie .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nom-pilote .edit-champ-img_ecurie .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite .edit-champ-drapeau .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite .edit-champ-drapeau .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite .edit-champ-img_ecurie .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-nationalite .edit-champ-img_ecurie .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau .edit-champ-drapeau .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau .edit-champ-drapeau .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau .edit-champ-img_ecurie .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-drapeau .edit-champ-img_ecurie .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points .edit-champ-drapeau .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points .edit-champ-drapeau .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points .edit-champ-img_ecurie .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-points .edit-champ-img_ecurie .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie .edit-champ-drapeau .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie .edit-champ-drapeau .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie .edit-champ-img_ecurie .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .create-form .row .form-pilote-champ-img_ecurie .edit-champ-img_ecurie .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id .edit-champ-drapeau .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id .edit-champ-drapeau .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id .edit-champ-img_ecurie .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-ecurie_id .edit-champ-img_ecurie .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote .edit-champ-drapeau .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote .edit-champ-drapeau .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote .edit-champ-img_ecurie .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-role_pilote .edit-champ-img_ecurie .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote .edit-champ-drapeau .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote .edit-champ-drapeau .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote .edit-champ-img_ecurie .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nom-pilote .edit-champ-img_ecurie .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite .edit-champ-drapeau .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite .edit-champ-drapeau .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite .edit-champ-img_ecurie .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-nationalite .edit-champ-img_ecurie .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau .edit-champ-drapeau .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau .edit-champ-drapeau .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau .edit-champ-img_ecurie .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-drapeau .edit-champ-img_ecurie .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points .edit-champ-drapeau .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points .edit-champ-drapeau .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points .edit-champ-img_ecurie .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-points .edit-champ-img_ecurie .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie .edit-champ-drapeau .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie .edit-champ-drapeau .input-nvl-ecurie, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie .edit-champ-img_ecurie .input-nv-drapeau, .create-edit-admin-pilotes .background-image .create-edit-container .edit-form .row .form-pilote-champ-img_ecurie .edit-champ-img_ecurie .input-nvl-ecurie {
  width: 100%;
  margin: 1rem 0 0 0;
}
.create-edit-admin-pilotes .create-envoy {
  display: flex;
  justify-content: center;
  padding: 1% 0;
  background-color: #54514E;
}
.create-edit-admin-pilotes .create-envoy .btn-envoy {
  /* Bouton */
  width: 200px;
  height: 48px;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 1;
  font-weight: 400;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Image du bouton */
  /* Texte du bouton */
}
@media (max-width: 575.98px) {
  .create-edit-admin-pilotes .create-envoy .btn-envoy {
    font-size: 2em;
  }
}
.create-edit-admin-pilotes .create-envoy .btn-envoy img {
  width: 44px;
  height: 44px;
  margin-right: 0.5rem;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-pilotes .create-envoy .btn-envoy img {
    width: 34px;
    height: 34px;
  }
}
.create-edit-admin-pilotes .create-envoy .btn-envoy span {
  vertical-align: text-bottom;
}

/* Import du CSS pour 'pilote.show.php' */
/* CSS pour la page d'affichage des pilotes du gestionnaire de posts du site 'Passionné de Formule 1' */
.show-admin-pilotes {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
}
.show-admin-pilotes .show-titre-btn {
  /* Titre de la page et bouton de retour sur l'accueil administrateur */
  padding: 1% 0;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  background-color: #54514E;
}
@media (max-width: 575.98px) {
  .show-admin-pilotes .show-titre-btn {
    text-align: center;
  }
}
.show-admin-pilotes .show-titre-btn .titre-btn-show .btn-show {
  /* Bouton */
  border: 1px solid transparent;
  margin: 0 0 0 16px;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 2;
  font-weight: 400;
  font-size: 2em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Image du bouton */
}
@media (max-width: 575.98px) {
  .show-admin-pilotes .show-titre-btn .titre-btn-show .btn-show {
    margin: 0;
    font-size: 1.5em;
  }
}
.show-admin-pilotes .show-titre-btn .titre-btn-show .btn-show img {
  width: 34px;
  height: 34px;
  vertical-align: text-bottom;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-pilotes .show-titre-btn .titre-btn-show .btn-show img {
    width: 26px;
    height: 26px;
  }
}
.show-admin-pilotes .show-titre-btn .titre-btn-show .titre-show {
  /* Titre */
  width: 95%;
  margin: 0 auto 1rem;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-pilotes .show-titre-btn .titre-btn-show .titre-show {
    margin: 1rem auto;
    font-size: 2em;
  }
}
.show-admin-pilotes .background-show {
  /* Arrière plan */
  min-height: 567px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #54514E;
}
.show-admin-pilotes .background-show .show-container {
  /* Définition du postionnement du contenu sur la page */
  width: 80%;
  margin: 2rem 0;
  background-color: rgba(84, 81, 78, 0.3);
  border-radius: 8px;
  border: 1px solid #2A2622;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-pilotes .background-show .show-container {
    width: 95%;
  }
}
.show-admin-pilotes .background-show .show-container .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  width: 75%;
  margin: auto;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-pilotes .background-show .show-container .row {
    width: 95%;
  }
}
.show-admin-pilotes .background-show .show-container .row .show-nom, .show-admin-pilotes .background-show .show-container .row .show-nationalite-drapeau, .show-admin-pilotes .background-show .show-container .row .show-points, .show-admin-pilotes .background-show .show-container .row .show-img_ecurie {
  /* Postionnement des éléments de la page (Nom du pilote, Pays et drapeau de nationalite, Points du pilote et Ecusson de l'écurie du pilote) */
  margin: 1.735rem auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Responsive mobile et tablette */
  /* Titre de chaque section */
  /* Nom du pilote, sa nationalité et son nombre de points au classement 'pilotes' */
  /* Drapeau de nationalité du pilote et écusson de son écurie */
}
@media (max-width: 991.98px) {
  .show-admin-pilotes .background-show .show-container .row .show-nom, .show-admin-pilotes .background-show .show-container .row .show-nationalite-drapeau, .show-admin-pilotes .background-show .show-container .row .show-points, .show-admin-pilotes .background-show .show-container .row .show-img_ecurie {
    flex-direction: column;
    gap: 22px;
  }
}
.show-admin-pilotes .background-show .show-container .row .show-nom strong, .show-admin-pilotes .background-show .show-container .row .show-nationalite-drapeau strong, .show-admin-pilotes .background-show .show-container .row .show-points strong, .show-admin-pilotes .background-show .show-container .row .show-img_ecurie strong {
  font-size: 1.5em;
  color: #FFFFFF;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .show-admin-pilotes .background-show .show-container .row .show-nom strong, .show-admin-pilotes .background-show .show-container .row .show-nationalite-drapeau strong, .show-admin-pilotes .background-show .show-container .row .show-points strong, .show-admin-pilotes .background-show .show-container .row .show-img_ecurie strong {
    text-align: center;
  }
}
.show-admin-pilotes .background-show .show-container .row .show-nom .nom-pilote, .show-admin-pilotes .background-show .show-container .row .show-nom .nationalite-pilote, .show-admin-pilotes .background-show .show-container .row .show-nom .points-pilote, .show-admin-pilotes .background-show .show-container .row .show-nationalite-drapeau .nom-pilote, .show-admin-pilotes .background-show .show-container .row .show-nationalite-drapeau .nationalite-pilote, .show-admin-pilotes .background-show .show-container .row .show-nationalite-drapeau .points-pilote, .show-admin-pilotes .background-show .show-container .row .show-points .nom-pilote, .show-admin-pilotes .background-show .show-container .row .show-points .nationalite-pilote, .show-admin-pilotes .background-show .show-container .row .show-points .points-pilote, .show-admin-pilotes .background-show .show-container .row .show-img_ecurie .nom-pilote, .show-admin-pilotes .background-show .show-container .row .show-img_ecurie .nationalite-pilote, .show-admin-pilotes .background-show .show-container .row .show-img_ecurie .points-pilote {
  margin: 0;
  text-align: justify;
  font-size: 1.5em;
  color: #FFFFFF;
}
.show-admin-pilotes .background-show .show-container .row .show-nom .drapeau-pilote, .show-admin-pilotes .background-show .show-container .row .show-nom .ecurie-pilote, .show-admin-pilotes .background-show .show-container .row .show-nationalite-drapeau .drapeau-pilote, .show-admin-pilotes .background-show .show-container .row .show-nationalite-drapeau .ecurie-pilote, .show-admin-pilotes .background-show .show-container .row .show-points .drapeau-pilote, .show-admin-pilotes .background-show .show-container .row .show-points .ecurie-pilote, .show-admin-pilotes .background-show .show-container .row .show-img_ecurie .drapeau-pilote, .show-admin-pilotes .background-show .show-container .row .show-img_ecurie .ecurie-pilote {
  width: 65px;
  height: 65px;
}

/* Import du CSS pour le crud 'BiographieController' */
/* CSS du CRUD 'BiographieController' */
/* Import du CSS pour biographie.index.php */
/* CSS de la page du gestionnaire de biographies du site 'Passionné de Formule 1' */
.accueil-admin-biographies {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Pagination */
}
.accueil-admin-biographies .index-titre-btn {
  /* Titre de la page et bouton pour la création de biographies */
  display: flex;
  justify-content: center;
  padding: 1% 0;
  text-align: center;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  background-color: #54514E;
}
.accueil-admin-biographies .index-titre-btn .titre-btn-index {
  /* Animation sur le bouton */
}
.accueil-admin-biographies .index-titre-btn .titre-btn-index .titre-index {
  /* Titre */
  margin: 0 0 1% 0;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-biographies .index-titre-btn .titre-btn-index .titre-index {
    font-size: 2em;
  }
}
.accueil-admin-biographies .index-titre-btn .titre-btn-index .btn-index {
  /* Bouton */
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 2;
  font-weight: 400;
  font-size: 2em;
  color: #FFFFFF;
  position: relative;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-biographies .index-titre-btn .titre-btn-index .btn-index {
    font-size: 1.5em;
  }
}
.accueil-admin-biographies .index-titre-btn .titre-btn-index .btn-index::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
  transform-origin: center;
  transform: translate(-50%, 0) scaleX(0);
  transition: transform 0.3s ease-in-out;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .accueil-admin-biographies .index-titre-btn .titre-btn-index .btn-index::before {
    display: none;
  }
}
.accueil-admin-biographies .index-titre-btn .titre-btn-index .btn-index:hover::before {
  transform: translate(-50%, 0) scaleX(1);
}
.accueil-admin-biographies .index-message .alert {
  /* Message de réussite de la création d'une biographie */
  margin-bottom: 0;
  border-radius: 0;
}
.accueil-admin-biographies .background-image {
  /* Image en arrière plan */
  min-height: 715px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("/images/crud_biographies/Fond_page_accueil_admin.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.accueil-admin-biographies .background-image .index-container {
  /* Définition du postionnement du contenu sur la page */
  width: 80%;
  margin: 2% auto;
  background-color: rgba(152, 152, 152, 0.7);
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-biographies .background-image .index-container {
    width: 95%;
  }
}
.accueil-admin-biographies .background-image .index-container .index-table {
  margin: 0;
  --bs-table-bg: none;
}
.accueil-admin-biographies .background-image .index-container .index-table .table-column {
  border-color: #2A2622;
}
.accueil-admin-biographies .background-image .index-container .index-table .table-column .column-name .biographie-nom, .accueil-admin-biographies .background-image .index-container .index-table .table-column .column-name .biographie-image, .accueil-admin-biographies .background-image .index-container .index-table .table-column .column-name .biographie-texte, .accueil-admin-biographies .background-image .index-container .index-table .table-column .column-name .biographie-options {
  /* Nom de chaque colonne */
  text-align: center;
  vertical-align: middle;
  font-weight: 500;
  font-size: 2em;
  color: #2A2622;
}
.accueil-admin-biographies .background-image .index-container .index-table .table-column .column-name .biographie-image {
  /* Responsive mobile et tablette */
}
@media (max-width: 767.98px) {
  .accueil-admin-biographies .background-image .index-container .index-table .table-column .column-name .biographie-image {
    display: none;
  }
}
.accueil-admin-biographies .background-image .index-container .index-table .table-column .column-name .biographie-texte {
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .accueil-admin-biographies .background-image .index-container .index-table .table-column .column-name .biographie-texte {
    display: none;
  }
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body {
  border-color: #54514E;
  border-top: 2px solid #2A2622;
  /* Nom du pilote et texte correspondant à sa biographie */
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-nom, .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-image, .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-texte, .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options {
  /* Positonnement du contenu dans les colonnes */
  width: 25%;
  vertical-align: middle;
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-nom p, .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-texte p {
  /* Contenu */
  margin: 0;
  text-align: center;
  font-weight: 400;
  font-size: 2.5em;
  color: #2A2622;
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-image {
  /* Responsive mobile et tablette */
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-image img {
  /* Image de la biographie */
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-image {
    display: none;
  }
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-texte {
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-texte {
    display: none;
  }
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options {
  /* Responsive pour le mobile */
}
@media (max-width: 767.98px) {
  .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options {
    width: 75%;
  }
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie {
  /* Boutons pour Voir, Éditer ou Supprimer une Biographie */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  /* Effet sur les boutons de visionnage et d'édition */
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie .btn-index {
  /* Bouton */
  width: 67%;
  height: 70px;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  line-height: 3;
  font-weight: 400;
  font-size: 1.5em;
  z-index: 1;
  position: relative;
  outline: none;
  overflow: hidden;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie .btn-index {
    line-height: 4.5;
    font-size: 1em;
  }
}
@media (min-width: 576px) and (max-width: 1359.98px) {
  .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie .btn-index {
    line-height: 3.75;
    font-size: 1.25em;
  }
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie .vision {
  /* Visionner la Biographie */
  background-color: #241F48;
  color: #FFFFFF;
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie .edition {
  /* Éditer la Biographie */
  background-color: #989898;
  color: #241F48;
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie .vision::after, .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie .edition::after {
  content: "";
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: -50%;
  bottom: -50%;
  width: 1.5em;
  transform: translate3d(-525%, 0, 0) rotate(35deg);
  /* Correction valeur de translation en écran large (> 1400px) */
  /* Responsive mobile et tablette */
}
@media (min-width: 1400px) {
  .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie .vision::after, .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie .edition::after {
    transform: translate3d(-725%, 0, 0) rotate(35deg);
  }
}
@media (max-width: 991.98px) {
  .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie .vision::after, .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie .edition::after {
    display: none;
  }
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie .vision:hover::after, .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie .edition:hover::after {
  transition: transform 0.45s ease-in-out;
  transform: translate3d(400%, 0, 0) rotate(35deg);
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie form {
  /* Supprimer l'Article */
  width: 100%;
  text-align: center;
  /* Effet sur le bouton de suppression */
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie form .suppression {
  background-color: #E00501;
  color: #FFFFFF;
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie form .suppression::after {
  content: "";
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: -50%;
  bottom: -50%;
  width: 1.5em;
  transform: translate3d(-725%, 0, 0) rotate(35deg);
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie form .suppression::after {
    display: none;
  }
}
.accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie form .suppression:hover::after {
  transition: transform 0.45s ease-in-out;
  transform: translate3d(200%, 0, 0) rotate(35deg);
  /* Correction valeur de translation en écran large (> 1400px) */
}
@media (min-width: 1400px) {
  .accueil-admin-biographies .background-image .index-container .index-table .table-body .biographie-options .btn-biographie form .suppression:hover::after {
    transform: translate3d(300%, 0, 0) rotate(35deg);
  }
}
.accueil-admin-biographies .index-pagination {
  display: flex;
  justify-content: center;
  background-color: #54514E;
}

/* Import du CSS pour biographie.edit.php */
/* CSS de la page de création de biographies du site 'Passionné de Formule 1' */
.create-edit-admin-biographies {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Bouton d'envoi du formulaire */
}
.create-edit-admin-biographies .create-edit-titre-btn {
  /* Titre de la page et bouton de retour sur l'accueil administrateur */
  padding: 1% 0;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  background-color: #54514E;
}
@media (max-width: 575.98px) {
  .create-edit-admin-biographies .create-edit-titre-btn {
    text-align: center;
  }
}
.create-edit-admin-biographies .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit {
  /* Bouton */
  border: 1px solid transparent;
  margin: 0 0 0 16px;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 2;
  font-weight: 400;
  font-size: 2em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Image du bouton */
}
@media (max-width: 575.98px) {
  .create-edit-admin-biographies .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit {
    margin: 0;
    font-size: 1.5em;
  }
}
.create-edit-admin-biographies .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit img {
  width: 34px;
  height: 34px;
  vertical-align: text-bottom;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-biographies .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit img {
    width: 26px;
    height: 26px;
  }
}
.create-edit-admin-biographies .create-edit-titre-btn .titre-btn-create-edit .titre-edit {
  /* Titre */
  width: 95%;
  margin: 0 auto 1rem;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-biographies .create-edit-titre-btn .titre-btn-create-edit .titre-edit {
    margin: 1rem auto;
    font-size: 2em;
  }
}
.create-edit-admin-biographies .create-edit-titre-btn .titre-btn-create-edit .titre-create {
  /* Titre */
  margin: 0 0 1rem 0;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-biographies .create-edit-titre-btn .titre-btn-create-edit .titre-create {
    margin: 1rem 0;
    font-size: 2em;
  }
}
.create-edit-admin-biographies .background-create {
  background-image: url("/images/crud_biographies/Fond_page_de_creation_admin.jpg");
}
.create-edit-admin-biographies .background-edit {
  background-image: url("/images/crud_biographies/Fond_page_d_edition_admin.jpg");
}
.create-edit-admin-biographies .background-image {
  /* Image en arrière plan */
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #54514E;
}
.create-edit-admin-biographies .background-image .create-edit-container {
  /* Définition du postionnement du contenu sur la page */
  width: 80%;
  margin: 2rem 0;
  background-color: rgba(84, 81, 78, 0.3);
  border-radius: 8px;
  border: 1px solid #2A2622;
}
.create-edit-admin-biographies .background-image .create-edit-container .create-form, .create-edit-admin-biographies .background-image .create-edit-container .edit-form {
  /* Définition du positionnement du formulaire sur la page */
  width: 90%;
  margin: auto;
  padding: 2% 0;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .create-edit-admin-biographies .background-image .create-edit-container .create-form, .create-edit-admin-biographies .background-image .create-edit-container .edit-form {
    width: 75%;
  }
}
.create-edit-admin-biographies .background-image .create-edit-container .create-form .row, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row {
  gap: 32px;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .create-edit-admin-biographies .background-image .create-edit-container .create-form .row, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row {
    flex-direction: column;
  }
}
.create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux {
  /* Postionnement des champs du formulaire (Nom & Prénom du pilote, Image en arrière-plan de la biographie, image de la biographie, texte de la biographie, date de naissance et décès, carrière automobile du pilote et ses réseaux) */
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* Particularité pour l'édition de l'image d'arrière-plan et de la biographie, on affiche les images enregistrées dans la base  */
}
.create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote label, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image label, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie label, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie label, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance label, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces label, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere label, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux label, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote label, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image label, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie label, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie label, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance label, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces label, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere label, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux label {
  text-align: center;
}
.create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote strong, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image strong, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie strong, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie strong, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance strong, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces strong, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere strong, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux strong {
  font-size: 2em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote strong, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image strong, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie strong, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie strong, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance strong, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces strong, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere strong, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere strong, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux strong {
    font-size: 1.5em;
    text-align: center;
  }
}
.create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote input, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote textarea, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image input, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image textarea, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie input, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie textarea, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie input, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie textarea, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance input, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance textarea, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces input, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces textarea, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere input, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere textarea, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux input, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux textarea, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote input, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote textarea, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image input, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image textarea, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie input, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie textarea, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie input, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie textarea, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance input, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance textarea, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces input, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces textarea, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere input, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere textarea, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux input, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux textarea {
  border-color: #2A2622;
  background-color: #989898;
  color: #2A2622;
  outline: none;
  resize: none;
}
.create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote input:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image input:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie input:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie input:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance input:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces input:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere input:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux input:focus, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote input:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image input:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie input:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie input:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance input:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces input:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere input:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere textarea:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux input:focus, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux textarea:focus {
  box-shadow: none;
}
.create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere textarea::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux input::-moz-placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux textarea::-moz-placeholder {
  color: #2A2622;
}
.create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere textarea::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux input::placeholder, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux textarea::placeholder {
  color: #2A2622;
}
.create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux .edit-champ-image-biographie {
  /* Responsive pour la tablette */
}
@media (min-width: 1024px) {
  .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere .edit-champ-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux .edit-champ-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux .edit-champ-image-biographie {
    width: 67%;
  }
}
.create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere .edit-champ-image-biographie .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux .edit-champ-background-image .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux .edit-champ-background-image .image-biographie-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux .edit-champ-image-biographie .background-image-actuelle, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux .edit-champ-image-biographie .image-biographie-actuelle {
  width: 100%;
  height: 100%;
}
.create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-background-image .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-image-biographie .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-texte-biographie .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-naissance .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-date-deces .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-carriere .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .create-form .row .form-biographie-champ-reseaux .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-nom-prenom-pilote .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-background-image .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-image-biographie .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-texte-biographie .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-naissance .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-date-deces .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-carriere .edit-champ-image-biographie .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux .edit-champ-background-image .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux .edit-champ-background-image .input-nvl-image-biographie, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux .edit-champ-image-biographie .input-nvl-background-image, .create-edit-admin-biographies .background-image .create-edit-container .edit-form .row .form-biographie-champ-reseaux .edit-champ-image-biographie .input-nvl-image-biographie {
  width: 100%;
  margin: 1rem 0 0 0;
}
.create-edit-admin-biographies .create-envoy {
  display: flex;
  justify-content: center;
  padding: 1% 0;
  background-color: #54514E;
}
.create-edit-admin-biographies .create-envoy .btn-envoy {
  /* Bouton */
  width: 200px;
  height: 48px;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 1;
  font-weight: 400;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Image du bouton */
  /* Texte du bouton */
}
@media (max-width: 575.98px) {
  .create-edit-admin-biographies .create-envoy .btn-envoy {
    font-size: 2em;
  }
}
.create-edit-admin-biographies .create-envoy .btn-envoy img {
  width: 44px;
  height: 44px;
  margin-right: 0.5rem;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-biographies .create-envoy .btn-envoy img {
    width: 34px;
    height: 34px;
  }
}
.create-edit-admin-biographies .create-envoy .btn-envoy span {
  vertical-align: text-bottom;
}

/* Import du CSS pour 'biographie.show.php' */
/* CSS pour la page d'affichage des biographies du gestionnaire de posts du site 'Passionné de Formule 1' */
.show-admin-biographies {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
}
.show-admin-biographies .show-titre-btn {
  /* Titre de la page et bouton de retour sur l'accueil administrateur */
  padding: 1% 0;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  background-color: #54514E;
}
@media (max-width: 575.98px) {
  .show-admin-biographies .show-titre-btn {
    text-align: center;
  }
}
.show-admin-biographies .show-titre-btn .titre-btn-show .btn-show {
  /* Bouton */
  border: 1px solid transparent;
  margin: 0 0 0 16px;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 2;
  font-weight: 400;
  font-size: 2em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Image du bouton */
}
@media (max-width: 575.98px) {
  .show-admin-biographies .show-titre-btn .titre-btn-show .btn-show {
    margin: 0;
    font-size: 1.5em;
  }
}
.show-admin-biographies .show-titre-btn .titre-btn-show .btn-show img {
  width: 34px;
  height: 34px;
  vertical-align: text-bottom;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-biographies .show-titre-btn .titre-btn-show .btn-show img {
    width: 26px;
    height: 26px;
  }
}
.show-admin-biographies .show-titre-btn .titre-btn-show .titre-show {
  /* Titre */
  width: 95%;
  margin: 0 auto 1rem;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-biographies .show-titre-btn .titre-btn-show .titre-show {
    margin: 1rem auto;
    font-size: 2em;
  }
}
.show-admin-biographies .background-show {
  /* Arrière plan */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #54514E;
}
.show-admin-biographies .background-show .show-container {
  /* Définition du postionnement du contenu sur la page */
  width: 80%;
  margin: 2rem 0;
  border-radius: 8px;
  border: 1px solid #2A2622;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-biographies .background-show .show-container {
    width: 95%;
  }
}
.show-admin-biographies .background-show .show-container .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  width: 95%;
  margin: 2.5% auto;
  border-radius: 8px;
  background-color: rgba(152, 152, 152, 0.7);
}
.show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote, .show-admin-biographies .background-show .show-container .row .show-texte-biographie, .show-admin-biographies .background-show .show-container .row .show-image-biographie {
  /* Postionnement des éléments de la page (Nom & Prénom du pilote, texte et image de la biographie) */
  width: 95%;
  margin: 1.735rem auto;
  display: flex;
  align-items: center;
  gap: 22px;
  /* Responsive monile et tablette */
  /* Nom & Prénom du pilote, texte de la biographie */
  /* Image de la biographie */
}
@media (max-width: 1023.98px) {
  .show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote, .show-admin-biographies .background-show .show-container .row .show-texte-biographie, .show-admin-biographies .background-show .show-container .row .show-image-biographie {
    flex-direction: column;
  }
}
.show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote strong, .show-admin-biographies .background-show .show-container .row .show-texte-biographie strong, .show-admin-biographies .background-show .show-container .row .show-image-biographie strong {
  width: 33%;
  font-size: 1.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
  /* Responsive mobile et tablette */
}
@media (max-width: 575.98px) {
  .show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote strong, .show-admin-biographies .background-show .show-container .row .show-texte-biographie strong, .show-admin-biographies .background-show .show-container .row .show-image-biographie strong {
    font-size: 1.5em;
  }
}
@media (min-width: 1024px) and (max-width: 1359.98px) {
  .show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote strong, .show-admin-biographies .background-show .show-container .row .show-texte-biographie strong, .show-admin-biographies .background-show .show-container .row .show-image-biographie strong {
    width: 50%;
  }
}
@media (max-width: 1023.98px) {
  .show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote strong, .show-admin-biographies .background-show .show-container .row .show-texte-biographie strong, .show-admin-biographies .background-show .show-container .row .show-image-biographie strong {
    width: 100%;
    text-align: center;
  }
}
.show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote .nom-prenom-pilote, .show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote .texte-biographie, .show-admin-biographies .background-show .show-container .row .show-texte-biographie .nom-prenom-pilote, .show-admin-biographies .background-show .show-container .row .show-texte-biographie .texte-biographie, .show-admin-biographies .background-show .show-container .row .show-image-biographie .nom-prenom-pilote, .show-admin-biographies .background-show .show-container .row .show-image-biographie .texte-biographie {
  margin: 0;
  text-align: justify;
  font-size: 1.5em;
  color: #FFFFFF;
  /* Responsive mobile et tablette */
  /* Responsive pour la tablette */
}
@media (max-width: 1023.98px) {
  .show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote .nom-prenom-pilote, .show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote .texte-biographie, .show-admin-biographies .background-show .show-container .row .show-texte-biographie .nom-prenom-pilote, .show-admin-biographies .background-show .show-container .row .show-texte-biographie .texte-biographie, .show-admin-biographies .background-show .show-container .row .show-image-biographie .nom-prenom-pilote, .show-admin-biographies .background-show .show-container .row .show-image-biographie .texte-biographie {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote .nom-prenom-pilote, .show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote .texte-biographie, .show-admin-biographies .background-show .show-container .row .show-texte-biographie .nom-prenom-pilote, .show-admin-biographies .background-show .show-container .row .show-texte-biographie .texte-biographie, .show-admin-biographies .background-show .show-container .row .show-image-biographie .nom-prenom-pilote, .show-admin-biographies .background-show .show-container .row .show-image-biographie .texte-biographie {
    width: 67%;
  }
}
.show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote .image-biographie, .show-admin-biographies .background-show .show-container .row .show-texte-biographie .image-biographie, .show-admin-biographies .background-show .show-container .row .show-image-biographie .image-biographie {
  width: 50%;
  height: 100%;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote .image-biographie, .show-admin-biographies .background-show .show-container .row .show-texte-biographie .image-biographie, .show-admin-biographies .background-show .show-container .row .show-image-biographie .image-biographie {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .show-admin-biographies .background-show .show-container .row .show-nom-prenom-pilote .image-biographie, .show-admin-biographies .background-show .show-container .row .show-texte-biographie .image-biographie, .show-admin-biographies .background-show .show-container .row .show-image-biographie .image-biographie {
    width: 75%;
  }
}

/* Import du CSS pour le crud 'PhotoController' */
/* CSS du CRUD 'PhotoController' */
/* Import du CSS pour photo.index.php */
/* CSS de la page du gestionnaire de photos du site 'Passionné de Formule 1' */
.accueil-admin-photos {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Pagination */
}
.accueil-admin-photos .index-titre-btn {
  /* Titre de la page et bouton pour l'importation de photos */
  display: flex;
  justify-content: center;
  padding: 1% 0;
  text-align: center;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  background-color: #54514E;
}
.accueil-admin-photos .index-titre-btn .titre-btn-index {
  /* Animation sur le bouton */
}
.accueil-admin-photos .index-titre-btn .titre-btn-index .titre-index {
  /* Titre */
  margin: 0 0 1% 0;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-photos .index-titre-btn .titre-btn-index .titre-index {
    font-size: 2em;
  }
}
.accueil-admin-photos .index-titre-btn .titre-btn-index .btn-index {
  /* Bouton */
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 2;
  font-weight: 400;
  font-size: 2em;
  color: #FFFFFF;
  position: relative;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-photos .index-titre-btn .titre-btn-index .btn-index {
    font-size: 1.5em;
  }
}
.accueil-admin-photos .index-titre-btn .titre-btn-index .btn-index::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 5px;
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
  transform-origin: center;
  transform: translate(-50%, 0) scaleX(0);
  transition: transform 0.3s ease-in-out;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .accueil-admin-photos .index-titre-btn .titre-btn-index .btn-index::before {
    display: none;
  }
}
.accueil-admin-photos .index-titre-btn .titre-btn-index .btn-index:hover::before {
  transform: translate(-50%, 0) scaleX(1);
}
.accueil-admin-photos .index-message .alert {
  /* Message de réussite de l'importation d'une photo */
  margin-bottom: 0;
  border-radius: 0;
}
.accueil-admin-photos .background-image {
  /* Image en arrière plan */
  min-height: 715px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("/images/crud_photos/Fond_page_accueil_admin.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.accueil-admin-photos .background-image .index-container {
  /* Définition du postionnement du contenu sur la page */
  width: 80%;
  margin: 2% auto;
  background-color: rgba(152, 152, 152, 0.7);
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-photos .background-image .index-container {
    width: 95%;
  }
}
.accueil-admin-photos .background-image .index-container .index-table {
  margin: 0;
  --bs-table-bg: none;
}
.accueil-admin-photos .background-image .index-container .index-table .table-column {
  border-color: #2A2622;
}
.accueil-admin-photos .background-image .index-container .index-table .table-column .column-name .photo-image, .accueil-admin-photos .background-image .index-container .index-table .table-column .column-name .photo-titre, .accueil-admin-photos .background-image .index-container .index-table .table-column .column-name .photo-options {
  /* Nom de chaque colonne */
  text-align: center;
  vertical-align: middle;
  font-weight: 500;
  font-size: 2em;
  color: #2A2622;
}
.accueil-admin-photos .background-image .index-container .index-table .table-column .column-name .photo-image {
  /* Responsive mobile et tablette */
}
@media (max-width: 767.98px) {
  .accueil-admin-photos .background-image .index-container .index-table .table-column .column-name .photo-image {
    display: none;
  }
}
.accueil-admin-photos .background-image .index-container .index-table .table-body {
  border-color: #54514E;
  border-top: 2px solid #2A2622;
  /* Titre de la photo importée */
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-image, .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-titre, .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options {
  /* Positonnement du contenu dans les colonnes */
  width: 33.33%;
  vertical-align: middle;
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-image {
  /* Responsive mobile et tablette */
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-image img {
  /* Photo importée */
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-image {
    display: none;
  }
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-titre p {
  /* Contenu */
  margin: 0;
  text-align: center;
  font-weight: 400;
  font-size: 2.5em;
  color: #2A2622;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-titre p {
    font-size: 1.5em;
  }
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options {
  /* Responsive pour le mobile */
}
@media (max-width: 767.98px) {
  .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options {
    width: 75%;
  }
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo {
  /* Boutons pour Voir, Éditer ou Supprimer une Photo */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  /* Effet sur les boutons de visionnage et d'édition */
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .btn-index {
  /* Bouton */
  width: 75%;
  height: 48px;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  line-height: 2;
  font-weight: 400;
  font-size: 1.5em;
  z-index: 1;
  position: relative;
  outline: none;
  overflow: hidden;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .btn-index {
    line-height: 3.5;
    font-size: 1em;
  }
}
@media (min-width: 576px) and (max-width: 1359.98px) {
  .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .btn-index {
    line-height: 3;
    font-size: 1.25em;
  }
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .vision {
  /* Visionner la Photo */
  background-color: #241F48;
  color: #FFFFFF;
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .edition {
  /* Éditer la Photo */
  background-color: #989898;
  color: #241F48;
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .vision::after, .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .edition::after {
  content: "";
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: -50%;
  bottom: -50%;
  width: 1.5em;
  transform: translate3d(-650%, 0, 0) rotate(35deg);
  /* Correction valeur de translation en écran large (> 1400px) */
  /* Responsive mobile et tablette */
}
@media (min-width: 1400px) {
  .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .vision::after, .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .edition::after {
    transform: translate3d(-850%, 0, 0) rotate(35deg);
  }
}
@media (max-width: 991.98px) {
  .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .vision::after, .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .edition::after {
    display: none;
  }
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .vision:hover::after, .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .edition:hover::after {
  transition: transform 0.45s ease-in-out;
  transform: translate3d(400%, 0, 0) rotate(35deg);
  /* Correction valeur de translation en écran large (> 1400px) */
}
@media (min-width: 1400px) {
  .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .vision:hover::after, .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo .edition:hover::after {
    transform: translate3d(600%, 0, 0) rotate(35deg);
  }
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo form {
  /* Supprimer l'Article */
  width: 100%;
  text-align: center;
  /* Effet sur le bouton de suppression */
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo form .suppression {
  background-color: #E00501;
  color: #FFFFFF;
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo form .suppression::after {
  content: "";
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: -50%;
  bottom: -50%;
  width: 1.5em;
  transform: translate3d(-725%, 0, 0) rotate(35deg);
  /* Correction valeur de translation en écran large (> 1400px) */
  /* Responsive mobile et tablette */
}
@media (min-width: 1400px) {
  .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo form .suppression::after {
    transform: translate3d(-925%, 0, 0) rotate(35deg);
  }
}
@media (max-width: 991.98px) {
  .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo form .suppression::after {
    display: none;
  }
}
.accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo form .suppression:hover::after {
  transition: transform 0.45s ease-in-out;
  transform: translate3d(300%, 0, 0) rotate(35deg);
  /* Correction valeur de translation en écran large (> 1400px) */
}
@media (min-width: 1400px) {
  .accueil-admin-photos .background-image .index-container .index-table .table-body .photo-options .btn-photo form .suppression:hover::after {
    transform: translate3d(600%, 0, 0) rotate(35deg);
  }
}
.accueil-admin-photos .index-pagination {
  display: flex;
  justify-content: center;
  background-color: #54514E;
}

/* Import du CSS pour photo.edit.php */
/* CSS de la page d'importation de photos du site 'Passionné de Formule 1' */
.create-edit-admin-photos {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Bouton d'envoi du formulaire */
}
.create-edit-admin-photos .create-edit-titre-btn {
  /* Titre de la page et bouton de retour sur l'accueil administrateur */
  padding: 1% 0;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  background-color: #54514E;
}
@media (max-width: 575.98px) {
  .create-edit-admin-photos .create-edit-titre-btn {
    text-align: center;
  }
}
.create-edit-admin-photos .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit {
  /* Bouton */
  border: 1px solid transparent;
  margin: 0 0 0 16px;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 2;
  font-weight: 400;
  font-size: 2em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Image du bouton */
}
@media (max-width: 575.98px) {
  .create-edit-admin-photos .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit {
    margin: 0;
    font-size: 1.5em;
  }
}
.create-edit-admin-photos .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit img {
  width: 34px;
  height: 34px;
  vertical-align: text-bottom;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-photos .create-edit-titre-btn .titre-btn-create-edit .btn-create-edit img {
    width: 26px;
    height: 26px;
  }
}
.create-edit-admin-photos .create-edit-titre-btn .titre-btn-create-edit .titre-edit {
  /* Titre */
  width: 95%;
  margin: 0 auto 1rem;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-photos .create-edit-titre-btn .titre-btn-create-edit .titre-edit {
    margin: 1rem auto;
    font-size: 2em;
  }
}
.create-edit-admin-photos .create-edit-titre-btn .titre-btn-create-edit .titre-create {
  /* Titre */
  margin: 0 0 1rem 0;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-photos .create-edit-titre-btn .titre-btn-create-edit .titre-create {
    margin: 1rem 0;
    font-size: 2em;
  }
}
.create-edit-admin-photos .background-create {
  background-image: url("/images/crud_photos/Fond_page_de_creation_admin.jpg");
}
.create-edit-admin-photos .background-edit {
  background-image: url("/images/crud_photos/Fond_page_d_edition_admin.jpg");
}
.create-edit-admin-photos .background-image {
  /* Image en arrière plan */
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #54514E;
}
.create-edit-admin-photos .background-image .create-edit-container {
  /* Définition du postionnement du contenu sur la page */
  width: 80%;
  margin: 2rem 0;
  background-color: rgba(84, 81, 78, 0.3);
  border-radius: 8px;
  border: 1px solid #2A2622;
}
.create-edit-admin-photos .background-image .create-edit-container .create-form, .create-edit-admin-photos .background-image .create-edit-container .edit-form {
  width: 75%;
  margin: auto;
  padding: 2% 0;
}
.create-edit-admin-photos .background-image .create-edit-container .create-form .row, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row {
  gap: 32px;
}
.create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo {
  /* Postionnement des champs du formulaire (Photo importée, titre et description de l'image) */
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Responsive mobile et tablette */
  /* Particularité pour l'édition de l'image, on affiche l'image enregistrée dans la base  */
}
@media (max-width: 1023.98px) {
  .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo {
    flex-direction: column;
  }
}
.create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo strong, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo strong, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo strong, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo strong, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo strong, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo strong {
  width: 60%;
  font-size: 2em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Responsive mobile et tablette */
}
@media (max-width: 575.98px) {
  .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo strong, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo strong, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo strong, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo strong, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo strong, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo strong {
    font-size: 1.5em;
  }
}
@media (max-width: 1023.98px) {
  .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo strong, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo strong, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo strong, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo strong, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo strong, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo strong {
    width: 100%;
    text-align: center;
  }
}
.create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo input, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo textarea, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo input, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo textarea, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo input, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo textarea, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo input, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo textarea, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo input, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo textarea, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo input, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo textarea {
  width: 40%;
  border-color: #2A2622;
  background-color: #989898;
  color: #2A2622;
  outline: none;
  resize: none;
  /* Responsive mobile et tablette */
}
@media (max-width: 1023.98px) {
  .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo input, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo textarea, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo input, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo textarea, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo input, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo textarea, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo input, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo textarea, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo input, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo textarea, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo input, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo textarea {
    width: 100%;
  }
}
.create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo input:focus, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo textarea:focus, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo input:focus, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo textarea:focus, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo input:focus, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo textarea:focus, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo input:focus, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo textarea:focus, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo input:focus, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo textarea:focus, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo input:focus, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo textarea:focus {
  box-shadow: none;
}
.create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo input::-moz-placeholder, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo textarea::-moz-placeholder, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo input::-moz-placeholder, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo textarea::-moz-placeholder, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo input::-moz-placeholder, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo textarea::-moz-placeholder, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo input::-moz-placeholder, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo textarea::-moz-placeholder, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo input::-moz-placeholder, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo textarea::-moz-placeholder, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo input::-moz-placeholder, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo textarea::-moz-placeholder {
  color: #2A2622;
}
.create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo input::placeholder, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo textarea::placeholder, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo input::placeholder, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo textarea::placeholder, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo input::placeholder, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo textarea::placeholder, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo input::placeholder, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo textarea::placeholder, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo input::placeholder, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo textarea::placeholder, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo input::placeholder, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo textarea::placeholder {
  color: #2A2622;
}
.create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo .edit-champ-image-photo, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo .edit-champ-image-photo, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo .edit-champ-image-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo .edit-champ-image-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo .edit-champ-image-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo .edit-champ-image-photo {
  /* Responsive pour la tablette */
}
@media (min-width: 1024px) {
  .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo .edit-champ-image-photo, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo .edit-champ-image-photo, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo .edit-champ-image-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo .edit-champ-image-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo .edit-champ-image-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo .edit-champ-image-photo {
    width: 40%;
  }
}
.create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo .edit-champ-image-photo .img-actuelle, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo .edit-champ-image-photo .img-actuelle, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo .edit-champ-image-photo .img-actuelle, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo .edit-champ-image-photo .img-actuelle, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo .edit-champ-image-photo .img-actuelle, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo .edit-champ-image-photo .img-actuelle {
  width: 100%;
  max-height: 100%;
}
.create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-image-photo .edit-champ-image-photo .input-nvl-photo, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-titre-photo .edit-champ-image-photo .input-nvl-photo, .create-edit-admin-photos .background-image .create-edit-container .create-form .row .form-photo-champ-desc-photo .edit-champ-image-photo .input-nvl-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-image-photo .edit-champ-image-photo .input-nvl-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-titre-photo .edit-champ-image-photo .input-nvl-photo, .create-edit-admin-photos .background-image .create-edit-container .edit-form .row .form-photo-champ-desc-photo .edit-champ-image-photo .input-nvl-photo {
  width: 100%;
  margin: 1rem 0 0 0;
}
.create-edit-admin-photos .create-envoy {
  display: flex;
  justify-content: center;
  padding: 1% 0;
  background-color: #54514E;
}
.create-edit-admin-photos .create-envoy .btn-envoy {
  /* Bouton */
  width: 200px;
  height: 48px;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 1;
  font-weight: 400;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Image du bouton */
  /* Texte du bouton */
}
@media (max-width: 575.98px) {
  .create-edit-admin-photos .create-envoy .btn-envoy {
    font-size: 2em;
  }
}
.create-edit-admin-photos .create-envoy .btn-envoy img {
  width: 44px;
  height: 44px;
  margin-right: 0.5rem;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .create-edit-admin-photos .create-envoy .btn-envoy img {
    width: 34px;
    height: 34px;
  }
}
.create-edit-admin-photos .create-envoy .btn-envoy span {
  vertical-align: text-bottom;
}

/* Import du CSS pour 'photo.show.php' */
/* CSS pour la page d'affichage des photos du gestionnaire de posts du site 'Passionné de Formule 1' */
.show-admin-photos {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
}
.show-admin-photos .show-titre-btn {
  /* Titre de la page et bouton de retour sur l'accueil administrateur */
  padding: 1% 0;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  background-color: #54514E;
}
@media (max-width: 575.98px) {
  .show-admin-photos .show-titre-btn {
    text-align: center;
  }
}
.show-admin-photos .show-titre-btn .titre-btn-show .btn-show {
  /* Bouton */
  border: 1px solid transparent;
  margin: 0 0 0 16px;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #E00501;
  line-height: 2;
  font-weight: 400;
  font-size: 2em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Image du bouton */
}
@media (max-width: 575.98px) {
  .show-admin-photos .show-titre-btn .titre-btn-show .btn-show {
    margin: 0;
    font-size: 1.5em;
  }
}
.show-admin-photos .show-titre-btn .titre-btn-show .btn-show img {
  width: 34px;
  height: 34px;
  vertical-align: text-bottom;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-photos .show-titre-btn .titre-btn-show .btn-show img {
    width: 26px;
    height: 26px;
  }
}
.show-admin-photos .show-titre-btn .titre-btn-show .titre-show {
  /* Titre */
  width: 95%;
  margin: 0 auto 1rem;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-size: 2.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-photos .show-titre-btn .titre-btn-show .titre-show {
    margin: 1rem auto;
    font-size: 2em;
  }
}
.show-admin-photos .background-show {
  /* Arrière plan */
  min-height: 567px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #54514E;
}
.show-admin-photos .background-show .show-container {
  /* Définition du postionnement du contenu sur la page */
  width: 80%;
  margin: 2rem 0;
  background-color: rgba(84, 81, 78, 0.3);
  border-radius: 8px;
  border: 1px solid #2A2622;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-photos .background-show .show-container {
    width: 95%;
  }
}
.show-admin-photos .background-show .show-container .row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  width: 75%;
  margin: auto;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .show-admin-photos .background-show .show-container .row {
    width: 95%;
  }
}
.show-admin-photos .background-show .show-container .row .show-photo, .show-admin-photos .background-show .show-container .row .show-desc {
  /* Postionnement des éléments de la page (Image importée et description de la photo) */
  margin: 1.735rem auto;
  display: flex;
  align-items: center;
  gap: 22px;
  /* Responsive monile et tablette */
  /* Description de la photo importée */
  /* Photo importée */
}
@media (max-width: 1023.98px) {
  .show-admin-photos .background-show .show-container .row .show-photo, .show-admin-photos .background-show .show-container .row .show-desc {
    flex-direction: column;
  }
}
.show-admin-photos .background-show .show-container .row .show-photo strong, .show-admin-photos .background-show .show-container .row .show-desc strong {
  width: 33%;
  font-size: 1.5em;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
  /* Responsive mobile et tablette */
}
@media (max-width: 575.98px) {
  .show-admin-photos .background-show .show-container .row .show-photo strong, .show-admin-photos .background-show .show-container .row .show-desc strong {
    font-size: 1.5em;
  }
}
@media (min-width: 1024px) and (max-width: 1359.98px) {
  .show-admin-photos .background-show .show-container .row .show-photo strong, .show-admin-photos .background-show .show-container .row .show-desc strong {
    width: 50%;
  }
}
@media (max-width: 1023.98px) {
  .show-admin-photos .background-show .show-container .row .show-photo strong, .show-admin-photos .background-show .show-container .row .show-desc strong {
    width: 100%;
    text-align: center;
  }
}
.show-admin-photos .background-show .show-container .row .show-photo .desc-photo, .show-admin-photos .background-show .show-container .row .show-desc .desc-photo {
  margin: 0;
  text-align: justify;
  font-size: 1.5em;
  color: #FFFFFF;
  /* Responsive mobile et tablette */
}
@media (max-width: 1023.98px) {
  .show-admin-photos .background-show .show-container .row .show-photo .desc-photo, .show-admin-photos .background-show .show-container .row .show-desc .desc-photo {
    width: 100%;
    text-align: center;
  }
}
.show-admin-photos .background-show .show-container .row .show-photo .img-photo, .show-admin-photos .background-show .show-container .row .show-desc .img-photo {
  width: 50%;
  height: 100%;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .show-admin-photos .background-show .show-container .row .show-photo .img-photo, .show-admin-photos .background-show .show-container .row .show-desc .img-photo {
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .show-admin-photos .background-show .show-container .row .show-photo .img-photo, .show-admin-photos .background-show .show-container .row .show-desc .img-photo {
    width: 75%;
  }
}

/* Import du CSS pour 'pagination-custom.php' */
/* CSS pour la pagination sur les différentes page du site 'Passionné de Formule 1' */
.pagination-custom {
  /* Menu de navigation */
  margin: 1% 0;
  font-family: "Lato", sans-serif;
}
.pagination-custom .tableau-pagination {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-custom .tableau-pagination .pagination-element {
  /* Affichage des différents liens de pagination */
  padding: 2.5%;
  list-style: none;
  display: flex;
  justify-content: center;
  /* Animation sur les liens */
}
.pagination-custom .tableau-pagination .pagination-element .pagination-disabled, .pagination-custom .tableau-pagination .pagination-element .pagination-lien {
  /* Liens désactivés et actifs */
  width: 50px;
  height: 50px;
  padding: 50%;
  border-radius: 10px;
  font-size: 1.5em;
  background-color: #E00501;
  color: white;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-custom .tableau-pagination .pagination-element .pagination-disabled {
  /* Au survol des liens désactivés */
  cursor: context-menu;
}
.pagination-custom .tableau-pagination .pagination-element .pagination-lien {
  position: relative;
}
.pagination-custom .tableau-pagination .pagination-element .pagination-lien:hover {
  /* Au survol des liens actifs */
  transform: scaleX(1);
  transition: transform 0.5s ease;
  background-color: #241F48;
  /* Responsive pour mobile et tablette */
}
@media (max-width: 991.98px) {
  .pagination-custom .tableau-pagination .pagination-element .pagination-lien:hover {
    background-color: #E00501;
  }
}
.pagination-custom .tableau-pagination .pagination-element .pagination-lien::before, .pagination-custom .tableau-pagination .pagination-element .pagination-lien::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #FFFFFF;
  transform-origin: center right;
  transform: scaleX(0);
  transition: transform 0.5s ease;
  /* Responsive pour mobile et tablette */
}
@media (max-width: 991.98px) {
  .pagination-custom .tableau-pagination .pagination-element .pagination-lien::before, .pagination-custom .tableau-pagination .pagination-element .pagination-lien::after {
    display: none;
  }
}
.pagination-custom .tableau-pagination .pagination-element .pagination-lien::before {
  top: 0;
}
.pagination-custom .tableau-pagination .pagination-element .pagination-lien::after {
  bottom: 0;
}
.pagination-custom .tableau-pagination .pagination-element .pagination-lien:hover::before, .pagination-custom .tableau-pagination .pagination-element .pagination-lien:hover::after {
  transform-origin: center left;
  transform: scaleX(1);
}

/* Import du CSS pour 'classements.php' */
/* CSS pour la page des classements du site 'Passionné de Formule 1' */
.classements {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
}
.classements .background-image {
  /* Image en arrière plan */
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("/images/Fond_page_classements_visiteur.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #54514E;
}
.classements .background-image .classements-contenu {
  /* Contenu de la page de classements */
  width: 100%;
  margin: 2% 0;
  padding: 0 10%;
  display: flex;
  justify-content: space-between;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .classements .background-image .classements-contenu {
    flex-direction: column;
    align-items: center;
  }
}
.classements .background-image .classements-contenu .classement-pilotes, .classements .background-image .classements-contenu .classement-ecuries {
  /* Définition du positionnement des classements 'pilotes' et 'écuries' sur la page */
  width: 40%;
  margin: 0;
  padding: 1%;
  border: 1px solid #2A2622;
  border-radius: 10px;
  background-color: rgba(152, 152, 152, 0.3);
  /* Responsive mobile et tablette */
  /* Responsive pour la tablette */
  /* Organisation des lignes de chaque classement */
}
@media (max-width: 991.98px) {
  .classements .background-image .classements-contenu .classement-pilotes, .classements .background-image .classements-contenu .classement-ecuries {
    width: 100%;
    margin: 2rem 0;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .classements .background-image .classements-contenu .classement-pilotes, .classements .background-image .classements-contenu .classement-ecuries {
    width: 45%;
  }
}
.classements .background-image .classements-contenu .classement-pilotes .ligne-pilote, .classements .background-image .classements-contenu .classement-pilotes .ligne-ecurie, .classements .background-image .classements-contenu .classement-ecuries .ligne-pilote, .classements .background-image .classements-contenu .classement-ecuries .ligne-ecurie {
  margin: 0.5rem 0;
  padding: 1rem 0.5rem;
  border: 1px solid #2A2622;
  border-radius: 19px;
  list-style: none;
  background-color: #54514E;
  color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Responsive pour le mobile */
  /* Drapeaux et écussons écurie */
  /* Nom du pilote pour le classmeent 'pilotes' */
  /* Nombre de points du pilote pour le classmeent 'pilotes' */
  /* Classement des écuries */
}
@media (max-width: 575.98px) {
  .classements .background-image .classements-contenu .classement-pilotes .ligne-pilote, .classements .background-image .classements-contenu .classement-pilotes .ligne-ecurie, .classements .background-image .classements-contenu .classement-ecuries .ligne-pilote, .classements .background-image .classements-contenu .classement-ecuries .ligne-ecurie {
    flex-direction: column;
    gap: 10px;
  }
}
.classements .background-image .classements-contenu .classement-pilotes .ligne-pilote img, .classements .background-image .classements-contenu .classement-pilotes .ligne-ecurie img, .classements .background-image .classements-contenu .classement-ecuries .ligne-pilote img, .classements .background-image .classements-contenu .classement-ecuries .ligne-ecurie img {
  width: 65px;
  height: 65px;
}
.classements .background-image .classements-contenu .classement-pilotes .ligne-pilote .pilote-nom, .classements .background-image .classements-contenu .classement-pilotes .ligne-ecurie .pilote-nom, .classements .background-image .classements-contenu .classement-ecuries .ligne-pilote .pilote-nom, .classements .background-image .classements-contenu .classement-ecuries .ligne-ecurie .pilote-nom {
  width: 30%;
  margin: 0;
  text-align: center;
}
.classements .background-image .classements-contenu .classement-pilotes .ligne-pilote .pilote-points, .classements .background-image .classements-contenu .classement-pilotes .ligne-ecurie .pilote-points, .classements .background-image .classements-contenu .classement-ecuries .ligne-pilote .pilote-points, .classements .background-image .classements-contenu .classement-ecuries .ligne-ecurie .pilote-points {
  width: 15%;
  margin: 0;
  text-align: end;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .classements .background-image .classements-contenu .classement-pilotes .ligne-pilote .pilote-points, .classements .background-image .classements-contenu .classement-pilotes .ligne-ecurie .pilote-points, .classements .background-image .classements-contenu .classement-ecuries .ligne-pilote .pilote-points, .classements .background-image .classements-contenu .classement-ecuries .ligne-ecurie .pilote-points {
    text-align: center;
  }
}
.classements .background-image .classements-contenu .classement-pilotes .ligne-pilote .ecurie-points, .classements .background-image .classements-contenu .classement-pilotes .ligne-ecurie .ecurie-points, .classements .background-image .classements-contenu .classement-ecuries .ligne-pilote .ecurie-points, .classements .background-image .classements-contenu .classement-ecuries .ligne-ecurie .ecurie-points {
  width: 100%;
  margin: 0;
}
.classements .background-image .classements-contenu .classement-pilotes .ligne-pilote .ecurie-points p, .classements .background-image .classements-contenu .classement-pilotes .ligne-ecurie .ecurie-points p, .classements .background-image .classements-contenu .classement-ecuries .ligne-pilote .ecurie-points p, .classements .background-image .classements-contenu .classement-ecuries .ligne-ecurie .ecurie-points p {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* Responsive pour le mobile */
  /* Nom de l'écurie et son nombre de points */
}
@media (max-width: 575.98px) {
  .classements .background-image .classements-contenu .classement-pilotes .ligne-pilote .ecurie-points p, .classements .background-image .classements-contenu .classement-pilotes .ligne-ecurie .ecurie-points p, .classements .background-image .classements-contenu .classement-ecuries .ligne-pilote .ecurie-points p, .classements .background-image .classements-contenu .classement-ecuries .ligne-ecurie .ecurie-points p {
    flex-direction: column;
    gap: 10px;
  }
}
.classements .background-image .classements-contenu .classement-pilotes .ligne-pilote .ecurie-points p .nom-ecurie, .classements .background-image .classements-contenu .classement-pilotes .ligne-pilote .ecurie-points p .points-ecurie, .classements .background-image .classements-contenu .classement-pilotes .ligne-ecurie .ecurie-points p .nom-ecurie, .classements .background-image .classements-contenu .classement-pilotes .ligne-ecurie .ecurie-points p .points-ecurie, .classements .background-image .classements-contenu .classement-ecuries .ligne-pilote .ecurie-points p .nom-ecurie, .classements .background-image .classements-contenu .classement-ecuries .ligne-pilote .ecurie-points p .points-ecurie, .classements .background-image .classements-contenu .classement-ecuries .ligne-ecurie .ecurie-points p .nom-ecurie, .classements .background-image .classements-contenu .classement-ecuries .ligne-ecurie .ecurie-points p .points-ecurie {
  width: 25%;
}
.classements .background-image .classements-contenu .classement-pilotes .ligne-pilote .ecurie-points p .nom-ecurie, .classements .background-image .classements-contenu .classement-pilotes .ligne-ecurie .ecurie-points p .nom-ecurie, .classements .background-image .classements-contenu .classement-ecuries .ligne-pilote .ecurie-points p .nom-ecurie, .classements .background-image .classements-contenu .classement-ecuries .ligne-ecurie .ecurie-points p .nom-ecurie {
  text-align: center;
}
.classements .background-image .classements-contenu .classement-pilotes .ligne-pilote .ecurie-points p .points-ecurie, .classements .background-image .classements-contenu .classement-pilotes .ligne-ecurie .ecurie-points p .points-ecurie, .classements .background-image .classements-contenu .classement-ecuries .ligne-pilote .ecurie-points p .points-ecurie, .classements .background-image .classements-contenu .classement-ecuries .ligne-ecurie .ecurie-points p .points-ecurie {
  text-align: end;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .classements .background-image .classements-contenu .classement-pilotes .ligne-pilote .ecurie-points p .points-ecurie, .classements .background-image .classements-contenu .classement-pilotes .ligne-ecurie .ecurie-points p .points-ecurie, .classements .background-image .classements-contenu .classement-ecuries .ligne-pilote .ecurie-points p .points-ecurie, .classements .background-image .classements-contenu .classement-ecuries .ligne-ecurie .ecurie-points p .points-ecurie {
    text-align: center;
  }
}

/* Import du CSS pour 'biographies.php' */
/* CSS pour la page des biographie de pilotes du site 'Passionné de Formule 1' */
.biographies {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Positonnement de la barre de pagination sur la page */
}
.biographies .background-image {
  /* Image en arrière plan */
  min-height: 715px;
  background-color: #54514E;
}
.biographies .background-image .biographies-contenu {
  /* Contenu de la page de biographies */
  width: 100%;
  padding: 5% 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .biographies .background-image .biographies-contenu {
    flex-direction: column;
  }
}
.biographies .background-image .biographies-contenu .biographie-card {
  /* Définition du positionnement de la carte de biographie sur la page */
  width: 50%;
  max-height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .biographies .background-image .biographies-contenu .biographie-card {
    width: 80%;
    max-height: 1000px;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .biographies .background-image .biographies-contenu .biographie-card {
    width: 80%;
    max-height: 800px;
  }
}
.biographies .background-image .biographies-contenu .biographie-card .container-card {
  margin: 2rem;
  border: 1px solid #54514E;
  border-radius: 10px;
  background-color: rgba(152, 152, 152, 0.7);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.biographies .background-image .biographies-contenu .biographie-card .container-card .image-card {
  /* Image de la biographie */
  width: 60%;
  margin: 1.5rem auto;
  height: 300px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .biographies .background-image .biographies-contenu .biographie-card .container-card .image-card {
    width: 95%;
    margin: 1.5rem auto 0;
  }
}
.biographies .background-image .biographies-contenu .biographie-card .container-card .taille {
  /* Largeur et taille d'écriture du texte de biographie et de son lien */
  width: 95%;
  margin: 1.5rem auto 0;
  font-size: 1.5em;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .biographies .background-image .biographies-contenu .biographie-card .container-card .taille {
    text-align: center;
  }
}
.biographies .background-image .biographies-contenu .biographie-card .container-card .desc-card {
  /* Texte de la biographie */
  font-weight: 400;
  color: #241F48;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .biographies .background-image .biographies-contenu .biographie-card .container-card .desc-card {
    text-align: center;
  }
}
.biographies .background-image .biographies-contenu .biographie-card .container-card .link-card {
  /* Lien pour visualiser le reste de l'article */
  font-weight: 700;
  text-decoration: none;
  color: #E00501;
}
.biographies .biographies-pagination {
  background-color: #54514E;
}
.biographies .biographies-pagination .pagination-custom {
  /* Pagination pour les biographies */
  margin: auto;
  padding: 2rem 0;
}

/* Import du CSS pour 'single.biographie.php' */
/* CSS pour la page d'affichage d'une biographie d'un pilote du site 'Passionné de Formule 1' */
.single-biographie {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  background-color: #989898;
}
.single-biographie .backBtn {
  /* Bouton de retour sur la page de biographies */
  width: 100%;
  padding: 1rem 10%;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .single-biographie .backBtn {
    text-align: center;
  }
}
.single-biographie .backBtn .btn-single {
  font-size: 1.5em;
  color: #241F48;
}
.single-biographie .background-image {
  /* Image en arrière plan */
  min-height: 650px;
  background-color: #989898;
}
.single-biographie .background-image .biographie-contenu {
  /* Contenu de la page single-biographie */
  width: 100%;
  padding: 5% 10%;
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote {
  /* Entête de la section */
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote {
    flex-direction: column;
    gap: 25px;
  }
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .image-biographie {
  /* Image de la biographie */
  width: 40%;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .image-biographie {
    width: 95%;
  }
}
@media (min-width: 575.98px) and (max-width: 991.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .image-biographie {
    width: 80%;
  }
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .image-biographie img {
  width: 100%;
  height: auto;
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie {
  /* Infos du pilote cité dans la biographie */
  width: 50%;
  padding: 0;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
  /* Nom et Prénom du pilote autobiographié */
  /* Dates de naissance et décès qui peut être éventuelle */
  /* Carrière en F1 du pilote */
  /* Réseaux sociaux du pilote (site web, pages, compte twtier, insta, ect.) */
}
@media (max-width: 575.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie {
    width: 95%;
  }
}
@media (min-width: 575.98px) and (max-width: 991.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie {
    width: 80%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie {
    width: 52.5%;
  }
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie li {
  list-style: none;
  font-size: 1.25em;
  color: #241F48;
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .nom-prenom-pilote {
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .nom-prenom-pilote {
    margin-bottom: 1rem;
    text-align: center;
  }
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .naissance, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .deces {
  display: flex;
  align-items: center;
  /* Responsive le mobile */
}
@media (max-width: 575.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .naissance, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .deces {
    margin: 1rem 0;
    flex-direction: column;
    text-align: center;
  }
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .naissance span, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .deces span {
  width: 50%;
  font-size: 1.25em;
  color: #241F48;
  /* Responsive le mobile */
}
@media (max-width: 575.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .naissance span, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .deces span {
    width: 100%;
  }
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .naissance .date-naissance, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .naissance .date-deces, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .deces .date-naissance, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .deces .date-deces {
  width: 50%;
  /* Responsive le mobile */
}
@media (max-width: 575.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .naissance .date-naissance, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .naissance .date-deces, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .deces .date-naissance, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .deces .date-deces {
    width: 100%;
  }
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .naissance .date-naissance .date p, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .naissance .date-deces .date p, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .deces .date-naissance .date p, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .deces .date-deces .date p {
  margin: 0;
  text-align: end;
  /* Responsive le mobile */
}
@media (max-width: 575.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .naissance .date-naissance .date p, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .naissance .date-deces .date p, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .deces .date-naissance .date p, .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .deces .date-deces .date p {
    text-align: center;
  }
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .carriere-f1 {
  display: flex;
  align-items: center;
  /* Responsive le mobile */
}
@media (max-width: 575.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .carriere-f1 {
    margin: 1rem 0;
    flex-direction: column;
    text-align: center;
  }
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .carriere-f1 span {
  width: 50%;
  font-size: 1.25em;
  color: #241F48;
  /* Responsive le mobile */
}
@media (max-width: 575.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .carriere-f1 span {
    width: 100%;
  }
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .carriere-f1 .carriere {
  width: 50%;
  text-align: end;
  /* Responsive le mobile */
}
@media (max-width: 575.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .carriere-f1 .carriere {
    width: 100%;
    text-align: center;
  }
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .reseaux-sociaux {
  margin: 1rem 0;
  display: flex;
  align-items: center;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .reseaux-sociaux {
    flex-direction: column;
    text-align: center;
  }
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .reseaux-sociaux span {
  width: 50%;
  font-size: 1.25em;
  color: #241F48;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .reseaux-sociaux span {
    width: 100%;
  }
}
.single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .reseaux-sociaux .reseaux {
  width: 50%;
  text-align: end;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .single-biographie .background-image .biographie-contenu .biographie-image-infos-pilote .infos-pilote-biographie .reseaux-sociaux .reseaux {
    width: 100%;
    text-align: center;
  }
}
.single-biographie .background-image .biographie-contenu .texte-biographie {
  /* Texte relatif au pilote */
  margin: 2rem 0;
  font-size: 1.25em;
  color: #241F48;
  text-align: justify;
}

/* Import du CSS pour 'photos.php' */
/* CSS pour la page des photos du site 'Passionné de Formule 1' */
.photos {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Positonnement de la barre de pagination sur la page */
}
.photos .background-image {
  /* Image en arrière plan */
  min-height: 715px;
  background-color: #54514E;
}
.photos .background-image .photos-contenu {
  /* Contenu de la page de photos */
  width: 100%;
  padding: 5% 10%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .photos .background-image .photos-contenu {
    padding: 5% 2.5%;
  }
}
.photos .background-image .photos-contenu .photo-card {
  /* Définition du positionnement de la carte de photo sur la page */
  display: flex;
  flex: 1 1 33%;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .photos .background-image .photos-contenu .photo-card {
    flex: 1 1 100%;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .photos .background-image .photos-contenu .photo-card {
    flex: 1 1 50%;
  }
}
.photos .background-image .photos-contenu .photo-card .container-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2rem;
}
.photos .background-image .photos-contenu .photo-card .container-card .image-photo {
  /* Photo */
  width: 100%;
  margin: 1.5rem auto;
}
.photos .background-image .photos-contenu .photo-card .container-card .link-card {
  /* Lien vers la page single-photo */
  width: 100%;
  text-align: center;
  text-decoration: none;
  font-size: 1.5em;
  color: #FFFFFF;
}
.photos .photos-pagination {
  background-color: #54514E;
}
.photos .photos-pagination .pagination-custom {
  /* Pagination pour les photos */
  margin: auto;
  padding: 2rem 0;
}

/* Import du CSS pour 'single.photo.php' */
/* CSS pour la page d'affichage d'une photo du site 'Passionné de Formule 1' */
.single-photo {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  background-color: #989898;
}
.single-photo .backBtn {
  /* Bouton de retour sur la page de photos */
  width: 100%;
  padding: 1rem 10%;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .single-photo .backBtn {
    text-align: center;
  }
}
.single-photo .backBtn .btn-single {
  font-size: 1.5em;
  color: #241F48;
}
.single-photo .background-image {
  /* Image en arrière plan */
  min-height: 650px;
  background-color: #989898;
}
.single-photo .background-image .photo-contenu {
  /* Contenu de la page single-photo */
  width: 100%;
  padding: 7% 10%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* Responsive mobile et tablette */
  /* Description de la photo */
}
@media (max-width: 991.98px) {
  .single-photo .background-image .photo-contenu {
    flex-direction: column;
  }
}
.single-photo .background-image .photo-contenu .image-photo {
  /* Photo importée */
  width: 40%;
  height: auto;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .single-photo .background-image .photo-contenu .image-photo {
    width: 95%;
  }
}
@media (min-width: 575.98px) and (max-width: 991.98px) {
  .single-photo .background-image .photo-contenu .image-photo {
    width: 80%;
  }
}
.single-photo .background-image .photo-contenu .desc {
  width: 40%;
  margin: 2rem 0;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
  /* Responsive mobile et tablette */
}
@media (max-width: 575.98px) {
  .single-photo .background-image .photo-contenu .desc {
    width: 95%;
  }
}
@media (min-width: 575.98px) and (max-width: 991.98px) {
  .single-photo .background-image .photo-contenu .desc {
    width: 80%;
  }
}
@media (max-width: 991.98px) {
  .single-photo .background-image .photo-contenu .desc {
    text-align: center;
  }
}
.single-photo .background-image .photo-contenu .desc span {
  font-size: 1.5em;
  color: #241F48;
}
.single-photo .background-image .photo-contenu .desc .desc-photo {
  /* Texte relatif à la photo */
  text-align: justify;
  font-size: 1.5em;
  font-style: italic;
  color: #241F48;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .single-photo .background-image .photo-contenu .desc .desc-photo {
    text-align: center;
  }
}

/* Import du CSS pour 'contact.php */
/* CSS pour la page de contact du site 'Passionné de Formule 1' */
.contact {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Couleur de l'arrière plan */
  background-color: #54514E;
  /* Message concernant l'envoi du formulaire */
}
.contact .contact-message .alert {
  margin-bottom: 0;
}
.contact .contact-message .alert p {
  margin-bottom: 0;
  text-align: center;
}
.contact .form-contact {
  /* Contenu du formulaire de contact */
  width: 100%;
  padding: 5% 10%;
  /* Champs obligatoires */
  /* Conditions RGPD pour le formulaire */
  /* Bouton d'envoi du formulaire */
}
.contact .form-contact .form-contenu {
  /* Positionnement des champs du formulaire sur la page */
  display: flex;
  align-items: start;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .contact .form-contact .form-contenu {
    flex-direction: column;
  }
}
.contact .form-contact .form-contenu .form-contact-champs-infos {
  /* Positionnement des champs 'infos' de la personne nous contactant */
}
.contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-nom .label-champ, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-prenom .label-champ, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-adresse-mail .label-champ, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-telephone .label-champ {
  margin: 0;
  color: #FFFFFF;
  font-size: 1.5em;
}
.contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-nom .label-champ i, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-prenom .label-champ i, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-adresse-mail .label-champ i, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-telephone .label-champ i {
  font-style: normal;
  color: #E00501;
}
.contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-nom #nom, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-nom #prenom, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-nom #adresse_mail, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-nom #telephone, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-prenom #nom, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-prenom #prenom, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-prenom #adresse_mail, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-prenom #telephone, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-adresse-mail #nom, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-adresse-mail #prenom, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-adresse-mail #adresse_mail, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-adresse-mail #telephone, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-telephone #nom, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-telephone #prenom, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-telephone #adresse_mail, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-telephone #telephone {
  margin: 0.5rem 0;
  background-color: #989898;
  border-color: #2A2622;
  color: #FFFFFF;
}
.contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-nom #nom:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-nom #prenom:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-nom #adresse_mail:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-nom #telephone:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-prenom #nom:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-prenom #prenom:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-prenom #adresse_mail:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-prenom #telephone:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-adresse-mail #nom:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-adresse-mail #prenom:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-adresse-mail #adresse_mail:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-adresse-mail #telephone:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-telephone #nom:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-telephone #prenom:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-telephone #adresse_mail:focus, .contact .form-contact .form-contenu .form-contact-champs-infos .form-contact-champ-telephone #telephone:focus {
  box-shadow: none;
}
.contact .form-contact .form-contenu .form-contact-champ-message {
  /* Positionnement du champ 'message' du formulaire */
}
.contact .form-contact .form-contenu .form-contact-champ-message .label-champ {
  margin: 0;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.5em;
}
.contact .form-contact .form-contenu .form-contact-champ-message .label-champ i {
  font-style: normal;
  color: #E00501;
}
.contact .form-contact .form-contenu .form-contact-champ-message #message {
  margin-top: 0.5rem;
  background-color: #989898;
  border-color: #2A2622;
  color: #FFFFFF;
  resize: none;
}
.contact .form-contact .form-contenu .form-contact-champ-message #message:focus {
  box-shadow: none;
}
.contact .form-contact .form-contenu .form-contact-champ-message #message::-moz-placeholder {
  color: #FFFFFF;
}
.contact .form-contact .form-contenu .form-contact-champ-message #message::placeholder {
  color: #FFFFFF;
}
.contact .form-contact .text-obligatoire {
  margin: 0;
  padding-top: 2rem;
  color: #FFFFFF;
  font-size: 1.5em;
}
.contact .form-contact .text-obligatoire i {
  font-style: normal;
  color: #E00501;
}
.contact .form-contact .contact-rgpd {
  width: 70%;
  margin: auto;
  padding-top: 2rem;
  display: flex;
  align-items: center;
  gap: 25px;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .contact .form-contact .contact-rgpd {
    flex-direction: column;
  }
}
.contact .form-contact .contact-rgpd .check-rgpd #rgpd {
  width: 25px;
  height: 25px;
  background-color: #989898;
  border-color: #2A2622;
  cursor: url("/images/bouton_icones/cursorBtn.png"), context-menu;
}
.contact .form-contact .contact-rgpd .check-rgpd #rgpd:focus {
  box-shadow: none;
}
.contact .form-contact .contact-rgpd .check-rgpd #rgpd:checked {
  background-color: #E00501;
}
.contact .form-contact .contact-rgpd .check-rgpd .rgpd-obligatoire {
  font-size: 1.5em;
  font-style: normal;
  color: #E00501;
}
.contact .form-contact .contact-rgpd .text-rgpd {
  width: 90%;
  margin: 0;
  text-align: justify;
  color: #FFFFFF;
  font-size: 1.5em;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .contact .form-contact .contact-rgpd .text-rgpd {
    width: 100%;
  }
}
.contact .form-contact .contact-envoy {
  display: flex;
  justify-content: center;
  padding-top: 2rem;
}
.contact .form-contact .contact-envoy .btn-envoy {
  /* Bouton */
  width: 250px;
  height: 72px;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  text-align: center;
  text-decoration: none;
  cursor: url("/images/bouton_icones/cursorBtn.png"), pointer;
  background-color: #E00501;
  font-weight: 400;
  font-size: 2em;
  color: #FFFFFF;
  outline: none;
  /* Effet sur le bouton */
  /* Texte et image du bouton */
}
.contact .form-contact .contact-envoy .btn-envoy:hover {
  animation: jelly 0.5s;
}
@keyframes jelly {
  0%, 100% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
.contact .form-contact .contact-envoy .btn-envoy span {
  margin: 0 0.5rem;
  vertical-align: middle;
}
.contact .form-contact .contact-envoy .btn-envoy img {
  width: 68px;
  height: auto;
}
@media (max-width: 575.98px) {
  .contact .form-contact .contact-envoy .btn-envoy img {
    width: 58px;
  }
}

/* Import du CSS pour 'recherche.php' */
/* CSS de la page de recherche di site 'Passionné de Formule 1' */
.recherche {
  /* Contenu de la page de recherche */
  width: 100%;
  padding: 10% 10%;
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Arrière plan de la page */
  background-color: #54514E;
}
.recherche .titre-recherche {
  /* Titre de la page de recherche */
  margin-bottom: 4.5rem;
  font-size: 2rem;
  color: #FFFFFF;
  /* Responsive pour le mobile */
  /* Responsive mobile et tablette */
}
@media (max-width: 575.98px) {
  .recherche .titre-recherche {
    font-size: 1.75rem;
  }
}
@media (max-width: 991.98px) {
  .recherche .titre-recherche {
    text-align: center;
  }
}
.recherche .recherche-articles, .recherche .recherche-biographies, .recherche .recherche-pilotes, .recherche .recherche-ecuries, .recherche .recherche-photos {
  margin: 2rem 0;
  /* Responsive mobile et tablette */
  /* Résultats pour chaque section */
  /* Titre de chaque section */
  /* Résultat(s) de chaque section */
}
@media (max-width: 991.98px) {
  .recherche .recherche-articles, .recherche .recherche-biographies, .recherche .recherche-pilotes, .recherche .recherche-ecuries, .recherche .recherche-photos {
    margin: 1rem 0;
  }
}
.recherche .recherche-articles h3, .recherche .recherche-articles p, .recherche .recherche-biographies h3, .recherche .recherche-biographies p, .recherche .recherche-pilotes h3, .recherche .recherche-pilotes p, .recherche .recherche-ecuries h3, .recherche .recherche-ecuries p, .recherche .recherche-photos h3, .recherche .recherche-photos p {
  margin: 0.75rem 0;
  color: #FFFFFF;
}
.recherche .recherche-articles h3, .recherche .recherche-biographies h3, .recherche .recherche-pilotes h3, .recherche .recherche-ecuries h3, .recherche .recherche-photos h3 {
  font-size: 1.75rem;
  /* Responsive pour le mobile */
  /* Responsive mobile et tablette */
}
@media (max-width: 575.98px) {
  .recherche .recherche-articles h3, .recherche .recherche-biographies h3, .recherche .recherche-pilotes h3, .recherche .recherche-ecuries h3, .recherche .recherche-photos h3 {
    font-size: 1.5rem;
  }
}
@media (max-width: 991.98px) {
  .recherche .recherche-articles h3, .recherche .recherche-biographies h3, .recherche .recherche-pilotes h3, .recherche .recherche-ecuries h3, .recherche .recherche-photos h3 {
    text-align: center;
  }
}
.recherche .recherche-articles p, .recherche .recherche-biographies p, .recherche .recherche-pilotes p, .recherche .recherche-ecuries p, .recherche .recherche-photos p {
  padding: 0.5% 0;
  font-size: 1.5rem;
  /* Responsive pour le mobile */
  /* Responsive mobile et tablette */
}
@media (max-width: 575.98px) {
  .recherche .recherche-articles p, .recherche .recherche-biographies p, .recherche .recherche-pilotes p, .recherche .recherche-ecuries p, .recherche .recherche-photos p {
    font-size: 1.25rem;
  }
}
@media (max-width: 991.98px) {
  .recherche .recherche-articles p, .recherche .recherche-biographies p, .recherche .recherche-pilotes p, .recherche .recherche-ecuries p, .recherche .recherche-photos p {
    text-align: center;
  }
}

/* Import du CSS pour 'mentions-legales.php' */
/* CSS de la page de mentions légales du site 'Passionné de Formule 1' */
.mentions-legales {
  /* Contenu de la page de mentions légales */
  width: 100%;
  padding: 10% 10%;
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Arrière plan de la page */
  background-color: #54514E;
}
.mentions-legales .article01, .mentions-legales .article02, .mentions-legales .article03, .mentions-legales .article04, .mentions-legales .article05, .mentions-legales .article06 {
  /* Couleur des titres et du texte des mentions légales */
}
.mentions-legales .article01 h2, .mentions-legales .article01 p, .mentions-legales .article01 a, .mentions-legales .article01 ul li, .mentions-legales .article02 h2, .mentions-legales .article02 p, .mentions-legales .article02 a, .mentions-legales .article02 ul li, .mentions-legales .article03 h2, .mentions-legales .article03 p, .mentions-legales .article03 a, .mentions-legales .article03 ul li, .mentions-legales .article04 h2, .mentions-legales .article04 p, .mentions-legales .article04 a, .mentions-legales .article04 ul li, .mentions-legales .article05 h2, .mentions-legales .article05 p, .mentions-legales .article05 a, .mentions-legales .article05 ul li, .mentions-legales .article06 h2, .mentions-legales .article06 p, .mentions-legales .article06 a, .mentions-legales .article06 ul li {
  text-align: justify;
  color: #FFFFFF;
}
.mentions-legales .article01 h2, .mentions-legales .article02 h2, .mentions-legales .article03 h2, .mentions-legales .article04 h2, .mentions-legales .article05 h2, .mentions-legales .article06 h2 {
  text-decoration: underline;
  font-size: 2.25em;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .mentions-legales .article01 h2, .mentions-legales .article02 h2, .mentions-legales .article03 h2, .mentions-legales .article04 h2, .mentions-legales .article05 h2, .mentions-legales .article06 h2 {
    text-align: center;
  }
}
.mentions-legales .article01 p, .mentions-legales .article01 ul li, .mentions-legales .article02 p, .mentions-legales .article02 ul li, .mentions-legales .article03 p, .mentions-legales .article03 ul li, .mentions-legales .article04 p, .mentions-legales .article04 ul li, .mentions-legales .article05 p, .mentions-legales .article05 ul li, .mentions-legales .article06 p, .mentions-legales .article06 ul li {
  font-size: 1.5em;
}
.mentions-legales .article01 {
  /* Couleur du texte des mentions légales */
}
.mentions-legales .article01 div {
  margin-bottom: 1rem;
}
.mentions-legales .article01 div .part11, .mentions-legales .article01 div .part12, .mentions-legales .article01 div .part13, .mentions-legales .article01 div .part14 {
  text-align: justify;
  font-size: 1.5em;
  color: #FFFFFF;
}

/* Import du CSS pour 'plan-du-site.php' */
/* CSS de la page du plan de site 'Passionné de Formule 1' */
.plan-du-site {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Arrière-plan de la page */
  min-height: 715px;
  padding: 5% 10%;
  background-color: #54514E;
}
.plan-du-site .liens-plan-du-site {
  /* Liens pour les visiteurs du plan de site */
  /* Ligne pour la page 'Mentions légales' */
  /* Liens de la section Administrateur du site 'Passionné de Formule 1' */
}
.plan-du-site .liens-plan-du-site .ligne01, .plan-du-site .liens-plan-du-site .ligne02, .plan-du-site .liens-plan-du-site .ligne03 {
  display: flex;
  justify-content: center;
  gap: 20px;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .plan-du-site .liens-plan-du-site .ligne01, .plan-du-site .liens-plan-du-site .ligne02, .plan-du-site .liens-plan-du-site .ligne03 {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}
.plan-du-site .liens-plan-du-site .ligne01 .planItem, .plan-du-site .liens-plan-du-site .ligne02 .planItem, .plan-du-site .liens-plan-du-site .ligne03 .planItem {
  width: 100%;
  text-align: center;
}
.plan-du-site .liens-plan-du-site .ligne01 .planItem a, .plan-du-site .liens-plan-du-site .ligne02 .planItem a, .plan-du-site .liens-plan-du-site .ligne03 .planItem a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 1.5rem;
}
.plan-du-site .liens-plan-du-site .ligne04 {
  margin: 1rem 0 10px 0;
  display: flex;
  justify-content: center;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .plan-du-site .liens-plan-du-site .ligne04 {
    margin: 10px 0;
  }
}
.plan-du-site .liens-plan-du-site .ligne04 .planItem {
  width: 100%;
  text-align: center;
}
.plan-du-site .liens-plan-du-site .ligne04 .planItem a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 1.5rem;
}
.plan-du-site .liens-plan-du-site .section-admin {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  /* Accès aux controllers lorsque l'on est connecté */
}
.plan-du-site .liens-plan-du-site .section-admin .adminPlanItem {
  width: 100%;
  text-align: center;
}
.plan-du-site .liens-plan-du-site .section-admin .adminPlanItem a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 1.5rem;
}
.plan-du-site .liens-plan-du-site .section-admin .liens-admin {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Import du CSS pour '404.php' */
/* CSS pour la page 404 du site 'Passionné de Formule 1' */
.page-404 {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Arrière-plan de la page */
  padding: 5% 10%;
  background-color: #54514E;
}
.page-404 .img-404 {
  /* Image de la page 404 */
  width: 30%;
  height: auto;
  margin: auto;
  padding: 5% 0;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .page-404 .img-404 {
    width: 95%;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .page-404 .img-404 {
    width: 60%;
  }
}
.page-404 .img-404 img {
  width: 100%;
  height: 100%;
}
.page-404 .titre-404 {
  /* Titre de la page 404 */
  margin-bottom: 5.2rem;
  text-align: center;
  color: #FFFFFF;
}

/* Import du CSS pour '500.php' */
/* CSS pour la page 500 du site 'Passionné de Formule 1' */
.page-500 {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Arrière-plan de la page */
  padding: 5% 10%;
  background-color: #54514E;
}
.page-500 .img-500 {
  /* Image de la page 500 */
  width: 30%;
  height: auto;
  margin: auto;
  padding: 5% 0;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .page-500 .img-500 {
    width: 95%;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .page-500 .img-500 {
    width: 60%;
  }
}
.page-500 .img-500 img {
  width: 100%;
  height: 100%;
}
.page-500 .titre-500 {
  /* Titre de la page 500 */
  margin-bottom: 5.2rem;
  text-align: center;
  color: #FFFFFF;
}

/* Import du CSS pour '503.php' */
/* CSS pour la page 503 du site 'Passionné de Formule 1' */
.page-503 {
  /* Police d'écriture et curseur utilisés sur la page */
  font-family: "Lato", sans-serif;
  cursor: context-menu;
  /* Arrière-plan de la page */
  padding: 5% 10%;
  background-color: #54514E;
}
.page-503 .img-503 {
  /* Image de la page 503 */
  width: 30%;
  height: auto;
  margin: auto;
  padding: 5% 0;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .page-503 .img-503 {
    width: 95%;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .page-503 .img-503 {
    width: 60%;
  }
}
.page-503 .img-503 img {
  width: 100%;
  height: 100%;
}
.page-503 .titre-503 {
  /* Titre de la page 503 */
  margin-bottom: 5.2rem;
  text-align: center;
  color: #FFFFFF;
}

/* Import du CSS pour 'footer.blade.php' */
/* CSS du footer du site 'Passionné de Formule 1' */
footer {
  /* Footer */
  background-color: #2A2622;
  padding: 1% 0;
}
footer .footer-container {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  width: 80%;
  margin: auto;
  justify-content: space-between;
  align-items: center;
  /* Texte 'Copyright' et mentions légales */
  /* Liens réseaux sociaux */
}
@media (max-width: 991.98px) {
  footer .footer-container {
    flex-direction: column;
  }
}
footer .footer-container .col-copyright-mentions {
  width: 42%;
  padding: 0;
  cursor: context-menu;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  footer .footer-container .col-copyright-mentions {
    flex-direction: column;
  }
}
@media (max-width: 767.98px) {
  footer .footer-container .col-copyright-mentions {
    align-items: center;
  }
}
@media (max-width: 991.98px) {
  footer .footer-container .col-copyright-mentions {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  footer .footer-container .col-copyright-mentions {
    width: 62%;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  footer .footer-container .col-copyright-mentions {
    width: 52%;
  }
}
footer .footer-container .col-copyright-mentions .col-copyright, footer .footer-container .col-copyright-mentions .col-mentions {
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  footer .footer-container .col-copyright-mentions .col-copyright, footer .footer-container .col-copyright-mentions .col-mentions {
    width: 80%;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  footer .footer-container .col-copyright-mentions .col-copyright, footer .footer-container .col-copyright-mentions .col-mentions {
    width: 50%;
    margin: 1rem 0;
  }
}
@media (max-width: 991.98px) {
  footer .footer-container .col-copyright-mentions .col-copyright, footer .footer-container .col-copyright-mentions .col-mentions {
    text-align: center;
  }
}
footer .footer-container .col-copyright-mentions .col-copyright {
  /* Texte 'Copyright' */
}
@media (min-width: 992px) {
  footer .footer-container .col-copyright-mentions .col-copyright {
    width: 65%;
  }
}
footer .footer-container .col-copyright-mentions .col-copyright .copyrightText {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1;
  color: white;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  footer .footer-container .col-copyright-mentions .col-copyright .copyrightText {
    margin: 1rem 0;
  }
}
footer .footer-container .col-copyright-mentions .col-mentions {
  /* Lien 'Mentions Légales' */
}
@media (min-width: 992px) {
  footer .footer-container .col-copyright-mentions .col-mentions {
    width: 35%;
  }
}
footer .footer-container .col-copyright-mentions .col-mentions .mentionsText {
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1;
  color: white;
}
footer .footer-container .col-rs {
  width: 33%;
  padding: 0;
  cursor: context-menu;
  /* Responsive pour la tablette */
  /* Liens 'Réseaux sociaux' */
  /* Plan du site */
}
@media (max-width: 991.98px) {
  footer .footer-container .col-rs {
    width: 100%;
  }
}
footer .footer-container .col-rs .rsLink {
  width: 100%;
  justify-content: end;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  footer .footer-container .col-rs .rsLink {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 991.98px) {
  footer .footer-container .col-rs .rsLink {
    margin: 1rem 0;
    justify-content: center;
  }
}
footer .footer-container .col-rs .rsLink .rsItem {
  margin: 0 5%;
  text-decoration: none;
  font-size: 1.5em;
  line-height: 1;
  color: white;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  footer .footer-container .col-rs .rsLink .rsItem {
    margin: 1rem 0;
  }
}
footer .footer-container .col-rs .sitePlan {
  width: 100%;
  justify-content: end;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  footer .footer-container .col-rs .sitePlan {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 991.98px) {
  footer .footer-container .col-rs .sitePlan {
    margin: 1rem 0;
    justify-content: center;
  }
}
footer .footer-container .col-rs .sitePlan .sitePlanLink {
  margin: 0.75rem 19.5% 0;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1;
  color: white;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  footer .footer-container .col-rs .sitePlan .sitePlanLink {
    margin: 1rem 0;
  }
}

/* CSS pour 'index.blade.php' */
.accueil {
  /* Message lors de la déconnexion de l'admin */
  /* Slider d'image de la page d'accueil visiteur */
}
.accueil .index-message .alert {
  margin-bottom: 0;
}
.accueil #slider {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  /* Style des bouton précédent et suivant */
  /* Positionnement du bouton précédent */
  /* Positionnement du slider */
  /* Positionnement du bouton suivant */
}
.accueil #slider #prev, .accueil #slider #next {
  position: absolute;
  top: 45%;
  z-index: 1;
  font-size: 3em;
  color: #FFFFFF;
  text-decoration: none;
}
.accueil #slider #prev {
  left: 10px;
  cursor: url("/images/bouton_icones/cursorBtn.png"), context-menu;
}
.accueil #slider .slider-accueil {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.accueil #slider .slider-accueil .slider-item {
  width: 100%;
  height: 100%;
}
.accueil #slider .slider-accueil .slider-item > * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.accueil #slider #next {
  right: 10px;
  cursor: url("/images/bouton_icones/cursorBtn.png"), context-menu;
}
.accueil .background-image {
  /* Image d'arrière plan du site */
  background-image: url("/images/Fond_page_accueil_visiteur.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.accueil .background-image .accueil-contenu {
  /* Contenu de la page d'accueil */
  width: 100%;
  padding: 2% 10%;
  top: 0;
}
.accueil .background-image .accueil-contenu .section_passion {
  /* Section passion */
  border: 1px solid #2A2622;
  border-radius: 10px;
  background-color: rgba(152, 152, 152, 0.3);
  color: #FFFFFF;
  cursor: context-menu;
  margin-bottom: 5rem;
}
.accueil .background-image .accueil-contenu .section_passion .presentation, .accueil .background-image .accueil-contenu .section_passion .pilotesFav, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav {
  /* Sections Présentation, Pilotes favoris et Écuries favorites */
  width: 90%;
  margin: 2rem auto;
  font-family: "Lato", sans-serif;
  /* Titre de chaque section (Présentation, Pilotes favoris et écuries favorites) */
  /* Contenu de chaque section (Présentation, Pilotes favoris et écuries favorites) */
  /* Boutons pour écouter la sonorité d'un V10 et voir l'intro officielle du championnat 2022 de Formule 1 */
  /* Section des classements de pilotes préférés */
  /* Section du classement des écuries favorites */
}
.accueil .background-image .accueil-contenu .section_passion .presentation .titre-presentation, .accueil .background-image .accueil-contenu .section_passion .presentation .titre-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .presentation .titre-ecuriesFav, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .titre-presentation, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .titre-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .titre-ecuriesFav, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .titre-presentation, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .titre-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .titre-ecuriesFav {
  font-family: "Open Sans", sans-serif;
  font-size: 2.25em;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil .background-image .accueil-contenu .section_passion .presentation .titre-presentation, .accueil .background-image .accueil-contenu .section_passion .presentation .titre-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .presentation .titre-ecuriesFav, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .titre-presentation, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .titre-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .titre-ecuriesFav, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .titre-presentation, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .titre-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .titre-ecuriesFav {
    text-align: center;
  }
}
.accueil .background-image .accueil-contenu .section_passion .presentation .contenu-presentation, .accueil .background-image .accueil-contenu .section_passion .presentation .contenu-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .presentation .contenu-ecuriesFav, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .contenu-presentation, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .contenu-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .contenu-ecuriesFav, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .contenu-presentation, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .contenu-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .contenu-ecuriesFav {
  margin: 0;
  font-weight: 400;
  font-size: 1.33em;
  text-align: justify;
}
.accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  gap: 5rem;
  /* Responsive pour le mobile */
  /* Style bouton intro championnat 2022 de Formule 1 */
  /* Style bouton sonorité d'un V10 */
  /* Affichage du container média de chaque bouton */
  /* Effet sur les boutons */
}
@media (max-width: 575.98px) {
  .accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}
.accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .intro-2024, .accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .sonorite-v10, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .intro-2024, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .sonorite-v10, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .intro-2024, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .sonorite-v10 {
  z-index: 1;
  position: relative;
  font-size: 1.5em;
  font-family: inherit;
  background-color: #E00501;
  color: #FFFFFF;
  padding: 0.5em 1em;
  outline: none;
  border: none;
  border-radius: 15px;
  /* Responsive pour le mobile */
}
@media (max-width: 575.98px) {
  .accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .intro-2024, .accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .sonorite-v10, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .intro-2024, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .sonorite-v10, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .intro-2024, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .sonorite-v10 {
    width: 160px;
    margin: 1rem 0;
    padding: 0.5em 0.5em;
  }
}
.accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .intro-2024:hover, .accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .sonorite-v10:hover, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .intro-2024:hover, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .sonorite-v10:hover, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .intro-2024:hover, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .sonorite-v10:hover {
  cursor: url("/images/bouton_icones/cursorBtn.png"), pointer;
}
.accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .modal, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .modal, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .modal {
  z-index: 3;
  display: none;
  padding: 1%;
  position: fixed;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
  animation: fade 0.8s;
  /* Responsive pour le mobile */
  /* Contenu du container média de chaque bouton */
  /* Modif valeur lageur */
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 575.98px) {
  .accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .modal, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .modal, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .modal {
    padding: 0;
  }
}
.accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .modal .modal-dialog, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .modal .modal-dialog, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .modal .modal-dialog {
  /* Fermeture du container média de chaque bouton */
  /* Contenu de la modal */
}
.accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .modal .modal-dialog .modal-button, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .modal .modal-dialog .modal-button, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .modal .modal-dialog .modal-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  background-color: #E00501;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  cursor: url("/images/bouton_icones/cursorBtn.png"), pointer;
}
@media (min-width: 1024px) {
  .accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .modal .modal-dialog .modal-button, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .modal .modal-dialog .modal-button, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .modal .modal-dialog .modal-button {
    transition: 0.8s ease;
  }
}
@media (min-width: 1024px) {
  .accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .modal .modal-dialog .modal-button:hover, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .modal .modal-dialog .modal-button:hover, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .modal .modal-dialog .modal-button:hover {
    transition: 0.8s ease;
    background-color: #FFFFFF;
    color: #000000;
  }
}
.accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .modal .modal-dialog .modal-content, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .modal .modal-dialog .modal-content, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .modal .modal-dialog .modal-content {
  background: transparent;
  /* Intro officielle de la Formule 1 */
  /* Image de la modal de la sonorité du V10 */
  /* Sonorité d'un V10 */
}
.accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .modal .modal-dialog .modal-content video, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .modal .modal-dialog .modal-content video, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .modal .modal-dialog .modal-content video {
  width: 100%;
  height: 100%;
  margin: auto;
}
.accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .modal .modal-dialog .modal-content .img-modal, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .modal .modal-dialog .modal-content .img-modal, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .modal .modal-dialog .modal-content .img-modal {
  width: 25%;
  height: auto;
  margin: auto;
}
.accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .modal .modal-dialog .modal-content audio, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .modal .modal-dialog .modal-content audio, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .modal .modal-dialog .modal-content audio {
  width: 100%;
  height: 100%;
  margin: auto;
}
.accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .modal .modal-dialog, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .modal .modal-dialog, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .modal .modal-dialog {
  width: 100%;
}
.accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .intro-2024::before, .accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .sonorite-v10::before, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .intro-2024::before, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .sonorite-v10::before, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .intro-2024::before, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .sonorite-v10::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 4px solid #E00501;
  border-radius: 15px;
  transform-origin: center;
  transform: scale(1);
}
.accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .intro-2024:hover::before, .accueil .background-image .accueil-contenu .section_passion .presentation .boutons-son-intro .sonorite-v10:hover::before, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .intro-2024:hover::before, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .boutons-son-intro .sonorite-v10:hover::before, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .intro-2024:hover::before, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .boutons-son-intro .sonorite-v10:hover::before {
  transition: all 0.75s ease-in-out;
  transform-origin: center;
  transform: scale(2.25);
  opacity: 0;
}
.accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
  gap: 50px;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav {
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav {
    gap: 25px;
  }
}
.accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav .pilotesAncienneGen .classement-titre, .accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav .pilotesNouvelleGen .classement-titre, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav .pilotesAncienneGen .classement-titre, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav .pilotesNouvelleGen .classement-titre, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav .pilotesAncienneGen .classement-titre, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav .pilotesNouvelleGen .classement-titre {
  /* Titre */
  font-family: "Open Sans", sans-serif;
  font-size: 2.25em;
}
@media (max-width: 1399.98px) {
  .accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav .pilotesAncienneGen .classement-titre, .accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav .pilotesNouvelleGen .classement-titre, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav .pilotesAncienneGen .classement-titre, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav .pilotesNouvelleGen .classement-titre, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav .pilotesAncienneGen .classement-titre, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav .pilotesNouvelleGen .classement-titre {
    font-size: 1.75em;
    text-align: center;
  }
}
.accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav .pilotesAncienneGen .classement-pilotesAncienneGen, .accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav .pilotesAncienneGen .classement-pilotesNouvelleGen, .accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav .pilotesNouvelleGen .classement-pilotesAncienneGen, .accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav .pilotesNouvelleGen .classement-pilotesNouvelleGen, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav .pilotesAncienneGen .classement-pilotesAncienneGen, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav .pilotesAncienneGen .classement-pilotesNouvelleGen, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav .pilotesNouvelleGen .classement-pilotesAncienneGen, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav .pilotesNouvelleGen .classement-pilotesNouvelleGen, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav .pilotesAncienneGen .classement-pilotesAncienneGen, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav .pilotesAncienneGen .classement-pilotesNouvelleGen, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav .pilotesNouvelleGen .classement-pilotesAncienneGen, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav .pilotesNouvelleGen .classement-pilotesNouvelleGen {
  /* Classement pilotes ancienne et nouvelle génération */
  padding: 0;
  margin: 0;
  text-align: center;
}
.accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav .pilotesAncienneGen .classement-pilotesAncienneGen .pilote-item, .accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav .pilotesAncienneGen .classement-pilotesNouvelleGen .pilote-item, .accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav .pilotesNouvelleGen .classement-pilotesAncienneGen .pilote-item, .accueil .background-image .accueil-contenu .section_passion .presentation .classement-pilotesFav .pilotesNouvelleGen .classement-pilotesNouvelleGen .pilote-item, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav .pilotesAncienneGen .classement-pilotesAncienneGen .pilote-item, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav .pilotesAncienneGen .classement-pilotesNouvelleGen .pilote-item, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav .pilotesNouvelleGen .classement-pilotesAncienneGen .pilote-item, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-pilotesFav .pilotesNouvelleGen .classement-pilotesNouvelleGen .pilote-item, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav .pilotesAncienneGen .classement-pilotesAncienneGen .pilote-item, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav .pilotesAncienneGen .classement-pilotesNouvelleGen .pilote-item, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav .pilotesNouvelleGen .classement-pilotesAncienneGen .pilote-item, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-pilotesFav .pilotesNouvelleGen .classement-pilotesNouvelleGen .pilote-item {
  list-style: none;
  font-weight: 400;
  font-size: 1.33em;
}
.accueil .background-image .accueil-contenu .section_passion .presentation .classement-ecuriesFav, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-ecuriesFav, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-ecuriesFav {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.accueil .background-image .accueil-contenu .section_passion .presentation .classement-ecuriesFav .ecuriesFavAllTime .classement-titre, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-ecuriesFav .ecuriesFavAllTime .classement-titre, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-ecuriesFav .ecuriesFavAllTime .classement-titre {
  font-weight: 500;
  font-size: 2.25em;
  /* Responsive mobile et tablette */
}
@media (max-width: 991.98px) {
  .accueil .background-image .accueil-contenu .section_passion .presentation .classement-ecuriesFav .ecuriesFavAllTime .classement-titre, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-ecuriesFav .ecuriesFavAllTime .classement-titre, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-ecuriesFav .ecuriesFavAllTime .classement-titre {
    text-align: center;
  }
}
.accueil .background-image .accueil-contenu .section_passion .presentation .classement-ecuriesFav .ecuriesFavAllTime .classement-ecuriesFavAllTime, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-ecuriesFav .ecuriesFavAllTime .classement-ecuriesFavAllTime, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-ecuriesFav .ecuriesFavAllTime .classement-ecuriesFavAllTime {
  padding: 0;
  margin: 0;
  text-align: center;
}
.accueil .background-image .accueil-contenu .section_passion .presentation .classement-ecuriesFav .ecuriesFavAllTime .classement-ecuriesFavAllTime .ecurie-item, .accueil .background-image .accueil-contenu .section_passion .pilotesFav .classement-ecuriesFav .ecuriesFavAllTime .classement-ecuriesFavAllTime .ecurie-item, .accueil .background-image .accueil-contenu .section_passion .ecuriesFav .classement-ecuriesFav .ecuriesFavAllTime .classement-ecuriesFavAllTime .ecurie-item {
  list-style: none;
  font-weight: 400;
  font-size: 1.33em;
}
.accueil .background-image .accueil-contenu .section-a-propos {
  /* Section A propos */
  border: 1px solid #2A2622;
  border-radius: 10px;
  background-color: rgba(152, 152, 152, 0.3);
  color: #FFFFFF;
  cursor: context-menu;
}
.accueil .background-image .accueil-contenu .section-a-propos .a-propos {
  /* Carte A propos de Moi */
  display: flex;
  align-items: center;
  width: 90%;
  margin: 2rem auto;
  font-family: "Lato", sans-serif;
  gap: 50px;
  /* Responsive mobile et tablette */
  /* Image de la section */
}
@media (max-width: 1199.98px) {
  .accueil .background-image .accueil-contenu .section-a-propos .a-propos {
    flex-direction: column;
  }
}
.accueil .background-image .accueil-contenu .section-a-propos .a-propos .image-a-propos {
  width: 20%;
  height: 100%;
  /* Responsive mobile et tablette */
}
@media (max-width: 1199.98px) {
  .accueil .background-image .accueil-contenu .section-a-propos .a-propos .image-a-propos {
    width: 80%;
    margin: 20px 0 0;
  }
}
.accueil .background-image .accueil-contenu .section-a-propos .a-propos .container-a-propos .titre-a-propos {
  /* Titre de la section */
  font-family: "Open Sans", sans-serif;
  font-size: 2.25em;
}
.accueil .background-image .accueil-contenu .section-a-propos .a-propos .container-a-propos .contenu {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.accueil .background-image .accueil-contenu .section-a-propos .a-propos .container-a-propos .contenu .contenu-a-propos {
  /* Contenu de la section */
  margin: 0;
  font-weight: 400;
  font-size: 1.33em;
  text-align: justify;
}
.accueil .accueil-articles {
  /* Section Articles de l'accueil visiteur */
  display: flex;
  width: 100%;
  padding: 2% 10%;
  top: 0;
  gap: 5rem;
  background-color: #989898;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .accueil .accueil-articles {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
  }
}
@media (min-width: 576px) and (max-width: 1399.98px) {
  .accueil .accueil-articles {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .accueil .accueil-articles {
    padding: 2% 5%;
    gap: 2.5rem;
  }
}
.accueil .accueil-articles .articles-card {
  /* Carte Article dans la section */
  width: 25%;
  border: 1px solid #2A2622;
  border-radius: 10px;
  background-color: #54514E;
  font-family: "Lato", sans-serif;
  cursor: url("/images/bouton_icones/cursorBtn.png"), context-menu;
  /* Responsive pour le mobile */
  /* Responsive pour la tablette */
}
@media (max-width: 575.98px) {
  .accueil .accueil-articles .articles-card {
    width: 100%;
    margin: 1rem 0;
  }
}
@media (min-width: 576px) and (max-width: 1399.98px) {
  .accueil .accueil-articles .articles-card {
    width: 45%;
  }
}
.accueil .accueil-articles .articles-card .container-card {
  /* Contenu de la carte d'actualité */
  width: 90%;
  padding: 5% 0;
  margin: auto;
  color: #FFFFFF;
}
.accueil .accueil-articles .articles-card .container-card .entete-card {
  /* Entête de la carte avec le titre et la date de publication */
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accueil .accueil-articles .articles-card .container-card .entete-card .titre-card, .accueil .accueil-articles .articles-card .container-card .entete-card .date-card p {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 1rem;
  /* Responsive pour la tablette */
}
@media (min-width: 992px) and (max-width: 1499.98px) {
  .accueil .accueil-articles .articles-card .container-card .entete-card .titre-card, .accueil .accueil-articles .articles-card .container-card .entete-card .date-card p {
    font-size: 0.825rem;
  }
}
.accueil .accueil-articles .articles-card .container-card .contenu-card {
  /* Contenu de l'article */
  margin: 1rem 0;
  font-weight: 400;
  font-size: 1.25em;
  text-align: justify;
}
.accueil .accueil-articles .articles-card .container-card .image-card {
  /* Image de publication */
  width: 100%;
  height: 100%;
}