/* Selectionne tous les élements */
*, *::before, *::after
{
  box-sizing: border-box;
  padding: 0;
}
html
{
  scroll-behavior: smooth;
  height: 100%
}
body
{
  min-height: 100%;
  padding-top: 3.5rem;
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  overflow-x: hidden;

  background-attachment: fixed;
  background-image: linear-gradient(to right bottom, #3747ce, #0068e0, #0084ea, #009dec, #00b4eb, #03c2ec, #29cfeb, #49dbe8, #47e3e8, #4aece6, #52f3e2, #5ffbdd);
  background-size: 100%;
  caret-color: transparent;
}
.container0
{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: center;
  align-content: center;
}
.container_wrap
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.titre
{
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.08em;
}
.bleu_azur
{
 color: #3496ff;
}
.blanc
{
  color: #fff;
}
.hidden
{
  display: none;
}
.dark
{
  color: white;
  background-color: #343a40;
}
.dark:focus
{
  color: white;
  background-color: #343a40;
  caret-color: auto;
}
.darker
{
  color: white;
  background-color: rgba(25, 27, 28, 1);
}
.close:hover
{
  color: white;
}
textarea.form-control
{
  border: none;
}
textarea.form-control:hover, textarea.form-control:focus
{
  border: 1px solid white !important;
}
/* ---------------- INPUT AUTOFILL CHROME ---------------- */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
  transition: background-color 5000000s ease-in-out 0s;
  font-family: Lato;
}
input:-webkit-autofill{
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
}
/* ---------------- SCROLLBAR ---------------- */
::-webkit-scrollbar {
  width: 17px;
  padding: 0;
  margin: 0;
  background-color: rgba(34, 37, 38, 1);
}
::-webkit-scrollbar-track {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(72, 78, 81, 1);
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgb(91, 98, 101);
}
/* SCROLLBAR DISCUSSIONS */
.bodyDiscussion::-webkit-scrollbar {
  width: 20px;
  background-color: transparent;
}
.bodyDiscussion::-webkit-scrollbar-track {
  background-color: transparent;
}
.bodyDiscussion::-webkit-scrollbar-thumb {
  background-color: #343a40;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}
.bodyDiscussion::-webkit-scrollbar-thumb:hover {
  background-color: #454d54;
}
/* Mozilla Firefox */
html {
  scrollbar-color: rgba(34, 37, 38, 1) rgba(72, 78, 81, 1);
}
.bodyDiscussion {
  scrollbar-width: thin;
  scrollbar-color: #343a40 transparent;
}
/* --------------------------------------------- CONTAINER CUSTOM --------------------------------------------- */
.containerPerso {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 576px)
{
  .containerPerso { max-width: 840px; }
}
@media screen and (min-width: 768px)
{
  .containerPerso { max-width: 1020px; }
}
@media screen and (min-width: 992px)
{
  .containerPerso { max-width: 1260px; }
}
@media screen and (min-width: 1200px)
{
  .containerPerso { max-width: 1340px; }
}

/* --------------------------------------------- PAGINATION --------------------------------------------- */
.div_pagination
{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.apercu_pagination
{
  display: flex;
  justify-content: center;
}
.apercu_pagination a
{
  color: black;
  padding: 4px 8px;
  /* margin-left: 2px;
  margin-right: 2px; */
  text-decoration: none;
  border: 1px solid #343a40;
  border-left: none;
  transition: background-color .3s;
}
.apercu_pagination a.active 
{
  background-color: #4CAF50;
  color: white;
}
.apercu_pagination a:hover:not(.active) { color: white; border: 1px solid white; }
.clair
{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.clair a:hover:not(.active) { color: white; background-color: #343a40; border: 1px solid black; }
.apercu_pagination a:first-child 
{
  border-left: 1px solid #343a40;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

.apercu_pagination a:last-child 
{
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

/* --------------------------------------------- FLECHE RETOUR & ACTUALISER --------------------------------------------- */
.div_fleche
{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.icone_retour, .retour
{
  text-decoration: none !important;
  color: white;
  /* color: #373A3C; */
  font-size: 1.4rem;
}
.icone_actualiser
{
  color: #373A3C;
  font-size: 1.4rem;
}
a:hover {
  text-decoration: none;
}
/* --------------------------------------------- SELECTPICKER --------------------------------------------- */

.btn-light
{
  color: white !important;
  background-color: #343a40 !important;
  border: none;
}
.dropdown-menu
{
  color: white;
  background-color: #343a40;
}
.dropdown-item span
{
  color: white;
}
.dropdown-item:hover span
{
  color: black;
}
.no-results
{
  color: white;
  background-color: #343a40 !important;
}

/* --------------------------------------------- NAVBAR --------------------------------------------- */
.navbar.navbar-7 .navbar-toggler-icon
{
  background-image: url('https://image.flaticon.com/icons/png/512/60/60995.png');
  border-style: ridge;
  border-color: black;
}
.navbar-toggler:focus, .navbar-toggler:active, button:focus, button:active
{
  outline: none !important;
}
.navbar.navbar-7
{
  border-style: ridge;
  border-color: black;
  border-radius: 10px;
}
.apercu_connexion
{
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.05em;
  color: #00FF00 !important;
}

/* --------------------------------------------- PAGE DE CONNEXION --------------------------------------------- */
.titre_accueil
{
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  color: #dc3545;
  font-size: 50px;
  font-weight: 300;
  letter-spacing: 0.08em;
}
.text-petit
{
  color: #2f3337;
}
.div_inputs_login
{
  display: flex;
  flex-direction: column;
  align-items: center;
}
input#identifiant, input#mdp, input#verifMdp
{
  width: 25rem;
  text-align: center;
  color: white;
  background: rgba(255,255,255,0.4);
  backdrop-filter: blur(5px);
  border: none;
  border-radius: 25px;
}
input#identifiant:hover, input#mdp:hover, input#verifMdp:hover
{
  background-color: transparent;
  transition: background-color .3s;
  border: solid 1px white;
}
.div_input_icone_id
{
  display: flex;
  align-items: center;
  margin-right: 33px;
}
.div_input_icone_mdp
{
  display: flex;
  align-items: center;
  margin-right: 30px;
}
.icone_identifiant, .icone_mdp
{
  position: relative;
  z-index: 1;
  left: 33;
  font-size: 1.5rem;
  color: #5c7983;
}
.icone_mdp
{
  position: relative;
  z-index: 1;
  left: 30;
  font-size: 1.2rem;
  color: #5c7983;
}
.card_connexion
{
  max-width: 30rem;
  align-items: center;
  margin-left: auto;
  margin-right: auto;

  border: none !important;
  background-color: transparent !important;
}
.alert_connexion
{
  text-align: center;
  width: 30rem;
  margin-left: auto;
  margin-right: auto;
}
.connexion_container
{
  text-align: center;
}
/* reCaptcha */
#rc-anchor-container
{
  border-radius: 10px;
}
.rc-anchor-dark
{
  border: 1px solid #FFF;
  background: none;
  border-radius: 10px;
}
/* ---------------- CHECKBOX ---------------- */
/* Create a custom checkbox */
.checkmark
{
  position: absolute;
  top: 0;
  left: 34%;
  height: 20px;
  width: 20px;
  margin-top: 3px;
  border: none;
  background: rgba(255,255,255,0.4);
  backdrop-filter: blur(5px);
  border-radius: 25px;
}
/* On mouse-over, change background color */
.containerCheck:hover input ~ .checkmark
{
  background-color: transparent;
  border: solid 1px white;
}
/* When the checkbox is checked, add a blue background */
.containerCheck input:checked ~ .checkmark
{
  background-color: #0068e0;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after
{
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.containerCheck input:checked ~ .checkmark:after
{
  display: block;
}
/* Style the checkmark/indicator */
.containerCheck .checkmark:after
{
  left: 8px;
  top: 3.5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ---------------- BOUTON CUSTOM ---------------- */
.button {
  display: inline-block;
	min-width: 150px;
	max-width: 250px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

.button.bouton_custom {
	background: #007bff;
	color: #fff;
  border-radius: 25px;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.bouton_custom.button--inverted {
	background: #fff;
	color: #343a40;
}
.bouton_custom::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid #ffffff;
	z-index: -1;
	border-radius: inherit;
	opacity: 0;
	-webkit-transform: scale3d(0.6, 0.6, 1);
	transform: scale3d(0.6, 0.6, 1);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.bouton_custom.button--inverted::before {
	border-color: #7986cb;
}
.bouton_custom:hover {
	background-color: transparent;
	color: #ffffff;
}
.bouton_custom.button--inverted:hover {
	background-color: #37474f;
	color: #7986cb;
}
.bouton_custom:hover::before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
}
.disabled
{
  opacity: 0.5;
}
.disabled:hover
{
  background: #007bff;
	color: #fff;
  opacity: 0.5;
  border: none;
}
.disabled::before
{
  border: none;
}
/* --------------------------------------------- VALIDATION --------------------------------------------- */
.card_text
{
  line-height: 1.6;
  letter-spacing: 0.4px;
  margin-bottom: 0.5rem;
}
.card_list
{
  font-family: 'Lato', sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  margin-bottom: 0;
  padding-left: 2rem;
}
.card_list li::marker
{
  color: #dc3545;
}
.card_validation
{
  max-width: 30rem;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;


  color: white;
  background-color: #343a40;
}
.card_flex
{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
/* --------------------------------------------- INDEX --------------------------------------------- */

.shadow-sm
{
  border-style: solid;
  border-color: black;
  height: 100%;
}
.shadow-sm_edt
{
  border-style: solid;
  border-color: black;
}
.titreOutil
{
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0.08em;
}
.texteOutil
{
  font-family: 'Lato', sans-serif;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.cardOutil
{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  color: white;
  background-color: #343a40;
  border: none;
}
.card_edt
{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  height: 371px;
  border: none;
}
.titreAjout
{
  font-size: 2rem;
}
.imageSecteur
{
  width: 100%;
  height: 15rem;
}
.imageSecteurGrand
{
  width: 100%;
  height: 22rem;
}
.avatarProfil
{
  max-width: 140px;
  height: 140px;
}

/* --------------------------------------------- PAGE DISCUSSIONS --------------------------------------------- */
.cardHamburger
{
  border: none;
  background: none !important;
}
.navbarHamburger
{
  border-style: ridge;
  border-color: black;
  border-radius: 10px;
  border-width: 1px;
}
.hamburger_icon
{
  background-image: url(../images/design/hamburger_toggler_noir_light.png);
  border-style: ridge;
  border-color: black;
  border-width: 2px;
  font-size: 1.9rem;
}
.background_black
{
  background: #343a40;
}

.containerFil
{
  width: 100%;
  padding-right: 8%;
  padding-left: 8%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 576px)
{
  .containerFil
  {
    width: 100%;
    padding-right: 2%;
    padding-left: 2%;
    margin-right: auto;
    margin-left: auto;
  }
}
.cardDiscussion
{
  background: none;
}
.titreDiscussion
{
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0.08em;
  margin-bottom: 0;
}
/*
.containerMessage_perso
{
  display: flex;
  justify-content: flex-end;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 10rem;
  margin-left: auto;
}
.containerMessage_interlocuteur
{
  display: flex;
  justify-content: flex-start;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: 10rem;
}
*/
.cardMessage_perso
{
  color: white;
  background: #20d973;
}
.cardMessage_interlocuteur
{
  color: white;
  background: #383838;
}
.card-header
{
  padding: 0.3rem 0.5rem;
}
.avatar
{
  max-width: 36px;
  height: 36px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.icone_poubelle, .icone_edit
{
  display:inline-flex;
  font-size: 20px;
  height: 30px;
  width: 30px;
  text-align: center;
  align-items: center;
  color:#007bff;
}
.icone_poubelle
{
  color:#dc3545;
}
.icone_poubelle:hover
{
  color:#98222e;
}
.card_discussion
{
  color: black;
}
.card_discussion:hover
{
  color: black;
  text-decoration: none;
  text-transform: none;
}
.card-footer
{
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
  padding-left: 0.3rem !important;
}
.bouton_discussion
{
  width: 9.5rem;
  height: 2rem;
  font-size: 0.8rem;
}
/* --------------------------------------------- APERCU MESSAGE --------------------------------------------- */
.bodyDiscussion
{
  max-height: 32rem;
  overflow-y: scroll;
}
.card_apercu_perso
{
  color: white;
  background: #20d973 !important;
  border: 0;
}
.card_apercu_interlocuteur
{
  color: white;
  background: #00BFFF;
  border: 0;
}
.apercu_lien
{
  position: absolute;
  width: 100%;
  height: 74%;
  left: 0;
  z-index: 1;
}
.apercu_avatar
{
  display: flex;
  justify-content: center;
}
.avatarGros
{
  max-width: 6rem;
  height: 6rem;
  display: block;
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (max-width: 768px)
{
  .avatarGros
  {
    max-width: 4.5rem;
    height: 4.5rem;
    display: block;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 576px)
{
  .avatarGros
  {
    display: none;
  }
}
.apercu_nom
{
  font-size: 1.3rem;
}
.apercu_message
{
  color: #6c757d!important;
  font-size: 80%;
  font-weight: 400;
}
/* --------------------------------------------- MODIF MESSAGE --------------------------------------------- */
.titreCentre
{
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 0.08em;
}
.titreCentrePetit
{
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 34px;
  font-weight: 300;
  letter-spacing: 0.08em;
}

/* --------------------------------------------- GESTION DE PROJET --------------------------------------------- */

/* ---------------- Equipe ---------------- */

.titreSection
{
  color: white;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 200;
  letter-spacing: 0.03em;
  margin-top: 2vh;
  margin-bottom: 2vh;
}
.hr_titre
{
  align-items: center;
  display: flex;
}
.hr_titre::before
{
  border-top: 0.0825em solid;
  content: "";
  flex: 1;
  margin-left: 20%;
  margin-right: 0.6em;
}
.hr_titre::after
{
  border-top: 0.0825em solid;
  content: "";
  flex: 1;
  margin-left: 0.6em;
  margin-right: 20%;
}

/* ---------------- Liste projets ---------------- */
.titre_projets_vide
{
  color: white;
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 0.07em;
  margin-top: 2rem;
  margin-bottom: 3rem;
}
.div_lien_projet a
{
  color: black;
  display: block;
  width: 100%;
  height: 100%;
}
.header_projet
{
  color: white;
  background-color: #343a40!important;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.div_titre_projet
{
  padding: 0;
}
@media screen and (min-width: 768px)
{
  .div_titre_projet
  {
    display: inline-block;
    border: 2px solid white;
    border-left: none;
    border-top: none;
    border-bottom: none;
  }
}
.titre_projet
{
  color: #00BFFF;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 0.08em;
  margin-bottom: 0;
  text-align: center;
}
.div_intitule_dateDeb
{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.intitule_projet
{
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  margin-bottom: 0;
}
.div_progressbar
{
  display: flex;
  overflow: hidden;
  border: 1px solid black;
  height: 1.2rem;
  font-size: .75rem;
  border-radius: 0.25rem;
}
.liste_etapes_vide
{
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.08em;
}
.div_etape
{
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
}
@media screen and (max-width: 624px)
{
  .div_etape
  {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    font-size: 1.2rem;
  }
}
.icone_cercle
{
  color: #00BFFF;
}
.div_hr
{
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
}
.hrPerso
{
  width: 80%;
  border-radius: 10px;
  color: black;
  background-color: black;
  opacity: 1 !important;
  margin-top: 0.8rem;
  margin-bottom: 1rem;
}

/* ---------------- Projet ---------------- */
.muted
{
  text-align: center;
  font-style: italic;
  font-size: 1.2rem;
  color: #6c757d!important;
}
.titreCentrePlusPetit
{
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 0.08em;
}
.container_etape
{
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 768px)
{
  .container_etape
  {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
.div_details_projet
{
  margin-bottom: 2rem;
}
.div_intitule
{
  display: flex;
  align-items: center;
  justify-content: center;
}
.header_mb
{
  border-bottom: solid 1px white;
}
.div_etapes_finies
{
  font-size: 1.2rem;
}
@media screen and (max-width: 768px)
{
  .div_etapes_finies
  {
    font-size: 1rem;
  }
}
.icone_termine
{
  color: #3BD408;
  font-size: 1.8rem;
  margin-right: 20px;
}
.hr_vert
{
  border-left: 6px solid #3BD408;
  height: 45px;
  margin-left: 0.7rem;
  margin-top: 0.1rem;
  margin-bottom: 0.2rem;
}
.div_etat_nom
{
  display: flex;
  align-items: center;
  padding: 0;
}
.div_dates_debut_fin
{
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
@media screen and (max-width: 768px)
{
  .div_dates_debut_fin
  {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    padding: 0;
  }
}
.div_etapes_depassees
{
  font-size: 1.2rem;
}
@media screen and (max-width: 768px)
{
  .div_etapes_depassees
  {
    font-size: 1rem;
  }
}
.icone_depassees
{
  color: #dc3545;
  font-size: 1.8rem;
  margin-right: 20px;
}
.hr_rouge
{
  border-left: 6px solid #dc3545;
  height: 45px;
  margin-left: 0.7rem;
  margin-top: 0.1rem;
  margin-bottom: 0.2rem;
}
.div_etapes_encours
{
  font-size: 1.2rem;
}
@media screen and (max-width: 768px)
{
  .div_etapes_encours
  {
    font-size: 1rem;
  }
}
.icone_encours
{
  color: #00BFFF;
  font-size: 1.8rem;
  margin-right: 20px;
}
.hr_bleu
{
  border-left: 6px solid #00BFFF;
  height: 45px;
  margin-left: 0.7rem;
  margin-top: 0.1rem;
  margin-bottom: 0.2rem;
}

.div_etapes_futures
{
  font-size: 1.2rem;
}
@media screen and (max-width: 768px)
{
  .div_etapes_futures
  {
    font-size: 1rem;
  }
}
.icone_futures
{
  color: lightslategray;
  font-size: 1.8rem;
  margin-right: 20px;
}
.hr_gris
{
  border-left: 6px solid lightslategray;
  height: 45px;
  margin-left: 0.7rem;
  margin-top: 0.1rem;
  margin-bottom: 0.2rem;
}

/* --------------------------------------------- MEMBRE EQUIPES --------------------------------------------- */
.row_membreEquipe
{
  display: flex;
}
.div_avatar_membreEquipe, .avatar_membreEquipe
{
  border-radius: 50%!important;
  width: 9rem;
  height: 9rem;
}
.div_membreEquipe
{
  display: flex;
  align-items: center;
}
.avatar_membreEquipe
{
  max-width: 140px;
}
/* --------------------------------------------- PROFIL --------------------------------------------- */
.texte
{
  margin-bottom: 0;
}
.container_profil
{
  width: 60%;
}
div.show-image
{
  display: flex;
  justify-content: center;
}
.div_avatar a
{
  display: block;
  width: 100%;
  height: 100%;
}
.div_avatar, .avatarProfil
{
  width: 9rem;
  height: 9rem;
}
div.div_avatar:hover img
{
  opacity:0.5;
}
.icone_camera
{
  display: none !important;
  position: absolute;
  margin: 0;
  padding: 0;
  margin-left: 3.5rem;
  margin-top: -5.3rem;
  font-size: 28px;
}
.div_avatar:hover~.icone_camera
{
  display: block !important;
}
.form_infos
{
  margin: 0;
}
.form_profil_identifiant
{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}
.container_profil_annexes
{
  display: flex;
}
.texte_identifiant_profil
{
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0.04em;
}
.form_profil
{
  text-align: center;
}
.texte_infos_profil
{
  font-size: 25px;
  font-weight: 300;
}
.div_equipes
{
  flex-direction: column;
}
.div_liste_equipes
{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.div_liste_equipes a
{
  color: #373A3C;
  text-decoration: none;
}
.div_image_equipe
{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.miniatureEquipe
{
  width: 6rem;
  height: 5.5rem;
}
.row_modifAvatar
{
  text-align: center;
  justify-content: center;
}
.row_form_modifAvatar, .row_projets, .row_discussions
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.div_import_image
{
  background-attachment: fixed;
  background-image: linear-gradient(to right bottom, #3747ce, #0068e0, #0084ea, #009dec, #00b4eb, #03c2ec, #29cfeb, #49dbe8, #47e3e8, #4aece6, #52f3e2, #5ffbdd);
  background-size: 100%;
  caret-color: transparent;
  width: 95%;
  height: 12rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-evenly;
}
.div_import_image :hover
{
  cursor: pointer;
}
.input_avatar
{
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* --------------------------------------------- MENTIONS LEGALES --------------------------------------------- */
.titre_page_mentions
{
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  font-size: 60px;
  font-weight: 300;
  letter-spacing: 0.04em;
  margin-bottom: 2rem;
}
.rouge
{
  color: #dc3545;
  font-weight: bold;
}
.hr_titre
{
  align-items: center;
  display: flex;
}
.hr_titre::before
{
  border-top: 0.0625em solid;
  content: "";
  flex: 1;
  margin-left: 10%;
  margin-right: 0.6em;
}
.hr_titre::after
{
  border-top: 0.0625em solid;
  content: "";
  flex: 1;
  margin-left: 0.6em;
  margin-right: 10%;
}
.card_mentions
{
  margin-top: 0vh;
  margin-bottom: 2vh;
  color: white;
  background-color: #272727;
  padding: 2%;
  border-radius: 0.25rem;
}
.titre_card_mentions
{
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 35px;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.titre_mentions
{
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0.02em;
  margin-bottom: 5px;
}
.couleur
{
  /* color: #AA56F0; */
  color: #dc3545;
  font-weight: bold;
}
.liste
{
  padding-left: 2rem;
}
.liste li
{
  font-size: 1rem;
  line-height: 30px;
}
.liste li::marker
{
  color: #dc3545;
}

/* --------------------------------------------- PIED --------------------------------------------- */
.div_pied
{
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* -------------------------------- PERMET D'AFFICHER LE CURSEUR DANS LES INPUTS ET TEXTAREA -------------------------------- */
input
{
  caret-color: black;
}
textarea
{
  caret-color: black;
}
.display-4
{
  font-size: 1.4rem;
}

/*-----------------Cookies----------------------*/
.cookie{
	width: 420px;
  height: 95px;
  background-color: #fff;
  position: fixed;
  bottom: 88px;
  border-radius: 10px;
	left: 5%;
	padding: 10px 20px;
}

.cookie .txt{
	float: left;
  width: 65%;
}
.txt p{
	color:#1D2D35;
}

.cookie .accept {
  background-color: #40CC79;
  color: #fff !important;
  border-radius: 32px;
  padding: 3px 23px;
  /* align-self: center; */
  font-size: 19px;
  margin-top: 2.5%;
  margin-left: 3%;

}
.cookie .accept:hover {
	background-color: #30b867;
}