/* MESSAGES INFO / SUCCESS / WARN / ERROR */

/* !!! NE PAS MODIFIER CE FICHIER !!! */
/* !!! NE PAS MODIFIER CE FICHIER !!! */
/* !!! NE PAS MODIFIER CE FICHIER !!! */
/* !!! NE PAS MODIFIER CE FICHIER !!! */
/* !!! NE PAS MODIFIER CE FICHIER !!! */

/* !!! MODIFIER CE FICHIER VIA LE PANEL ADMIN !!! */
/* !!! MODIFIER CE FICHIER VIA LE PANEL ADMIN !!! */
/* !!! MODIFIER CE FICHIER VIA LE PANEL ADMIN !!! */
/* !!! MODIFIER CE FICHIER VIA LE PANEL ADMIN !!! */
/* !!! MODIFIER CE FICHIER VIA LE PANEL ADMIN !!! */










































/* ------------------------------- */
.alert-info-1 {
/*statut-info-1*/ display: show;
}
.alert-info-1-msg:after {
/*msg-info-1*/ content: 'Bienvenue sur le site d\2019 Informatique des 6TQ';
}
.alert-info-2 {
/*statut-info-2*/ display: none;
}
.alert-info-2-msg:after {
/*msg-info-2*/ content: 'Message Information 2';
}
.alert-info-3 {
/*statut-info-3*/ display: none;
}
.alert-info-3-msg:after {
/*msg-info-3*/ content: 'Message Information 3';
}
.alert-success-1 {
/*statut-success-1*/ display: none;
}
.alert-success-1-msg:after {
/*msg-success-1*/ content: 'Annonce - Success 1';
}
.alert-success-2 {
/*statut-success-2*/ display: none;
}
.alert-success-2-msg:after {
/*msg-success-2*/ content: 'Annonce - Success 2';
}
.alert-success-3 {
/*statut-success-3*/ display: none;
}
.alert-success-3-msg:after {
/*msg-success-3*/ content: 'Annonce - Success 3';
}
.alert-warning-1 {
/*statut-warn-1*/ display: none;
}
.alert-warning-1-msg:after {
/*msg-warn-1*/ content: 'Message Warning 1';
}
.alert-warning-2 {
/*statut-warn-2*/ display: none;
}
.alert-warning-2-msg:after {
/*msg-warn-2*/ content: 'Message Warning 2';
}
.alert-warning-3 {
/*statut-warn-3*/ display: none;
}
.alert-warning-3-msg:after {
/*msg-warn-3*/ content: 'Message Warning 3';
}
.alert-error-1 {
/*statut-error-1*/ display: none;
}
.alert-error-1-msg:after {
/*msg-error-1*/ content: 'Message Error 1';
}
.alert-error-2 {
/*statut-error-2*/ display: none;
}
.alert-error-2-msg:after {
/*msg-error-2*/ content: 'Message Error 2';
}
.alert-error-3 {
/*statut-error-3*/ display: none;
}
.alert-error-3-msg:after {
/*msg-error-3*/ content: 'Message Error 3';
}

/* ------------------------------------------------------------------------------------ */

/* CODE | NE PAS TOUCHER */

.alert {
  width: 50%;
  margin: 10px;
  padding: 17px;
  position: relative;
  border-radius: 5px;
  /* box-shadow: 0 0 15px 5px #ccc; */
  width: fit-content;
  cursor: pointer;
  transition: all 0.3s;
}

.alert h3 {
  font-weight: 600;
}

/* Alert */
.alert-info {
  border-left: 5px solid #6c6c6c;
  background-color: rgba(235, 235, 235, 0.5);
}

.alert-success {
  border-left: 5px solid #178344;
  background-color: rgba(168, 240, 198, 0.5);
}

.alert-warning {
  border-left: 5px solid #8a5700;
  background-color: rgba(255, 212, 138, 0.5);
}

.alert-error {
  border-left: 5px solid #8f130c;
  background-color: rgba(247, 167, 163, 0.5);
}

.alert-error-interro{
  border-left: 5px solid #8f130c;
  background-color: rgba(247, 167, 163, 0.5);
}

/* Alert Global */
.alert-info-global{
  border-left: 5px solid #6c6c6c;
  background-color: rgba(235, 235, 235, 0.5);
}

.alert-success-global{
  border-left: 5px solid #178344;
  background-color: rgba(168, 240, 198, 0.5);
}

.alert-warning-global{
  border-left: 5px solid #8a5700;
  background-color: rgba(255, 212, 138, 0.5);
}

.alert-error-global{
  border-left: 5px solid #8f130c;
  background-color: rgba(247, 167, 163, 0.5);
}

/* Messages */
.alert-info-msg {
  color: #6c6c6c;
}

.alert-success-msg {
  color: #178344;
}

.alert-warning-msg {
  color: #8a5700;
}

.alert-error-msg {
  color: #8f130c;
}

.alert-error-interro-msg {
  color: #8f130c;
}

/* Messages Global */
.alert-info-global-msg {
  color: #6c6c6c;
}

.alert-success-global-msg {
  color: #178344;
}

.alert-warning-global-msg {
  color: #8a5700;
}

.alert-error-global-msg {
  color: #8f130c;
}

/* Icon */
.alert i {
  margin-right: 15px;
}

.fa-info-circle {
  color: #6c6c6c;
}

.fa-check-circle {
  color: #178344;
}

.fa-warning {
  color: #8a5700;
}

.fa-times {
  color: #8f130c;
}

/* DarkMode */
.darkmode--activated .alert-info {
  box-shadow: 0 0 15px 5px #6c6c6c;
  background-color: rgb(64, 64, 64);
  transition: all 0.3s;
}

.darkmode--activated .alert-info h3 {
  color: #ccc;
  transition: all 0.3s;
}

.darkmode--activated .alert-info i {
  color: #ccc;
  transition: all 0.3s;
}

.darkmode--activated .alert-success-msg {
  color: #178344;
  transition: all 0.3s;
}

.darkmode--activated .alert-warning-msg {
  color: #8a5700;
  transition: all 0.3s;
}

.darkmode--activated .alert-error-msg {
  color: #8f130c;
  transition: all 0.3s;
}

.darkmode--activated .alert-error-interro-msg {
  color: #8f130c;
  transition: all 0.3s;
}

/* DarkMode Global */
.darkmode--activated .alert {
  box-shadow: 0 0 15px 5px #6c6c6c;
  transition: all 0.3s;
}

.darkmode--activated .alert-info-global {
  background-color: rgb(64, 64, 64);
  transition: all 0.3s;
}

.darkmode--activated .alert-info-global h3 {
  color: #ccc;
  transition: all 0.3s;
}

.darkmode--activated .alert-info-global i {
  color: #ccc;
  transition: all 0.3s;
}

.darkmode--activated .alert-success-global-msg {
  color: #178344;
  transition: all 0.3s;
}

.darkmode--activated .alert-warning-global-msg {
  color: #8a5700;
  transition: all 0.3s;
}

.darkmode--activated .alert-error-global-msg {
  color: #8f130c;
  transition: all 0.3s;
}
