@charset "UTF-8";
/**************************************************************************************************
*
* DISCUSSIONS
*
**************************************************************************************************/
body.discussions .nb-rep {
  position: absolute;
  width: 50px;
  height: 50px;
  right: -18px;
  top: -23px;
  background: url("../images/pastille.svg");
  background-repeat: no-repeat;
  background-position: 1px 2px;
  background-size: contain;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}
body.discussions #header_search #zone_recherche_simple {
  font-weight: 700;
  color: #ffffff;
  font-size: 12px;
  background-color: #000000;
  border: 3px #ffffff solid;
  padding: 5px;
  width: 430px;
}
body.discussions .recherche_info_resultat {
  background: #705edd;
  display: table;
  padding: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
}
body.discussions .recherche_tri {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
body.discussions .recherche_tri .recherche_btn_tri {
  background: #705edd;
  display: table;
  padding: 5px;
  margin-right: 10px;
}
body.discussions ² #container_wrap_inside {
  position: relative;
  display: flex;
  flex-direction: column;
}
body.discussions #suggestionsBas {
  left: 0;
  top: 32px;
  z-index: 9;
  max-width: calc(100% - 0px);
  background-color: #353535;
  border-top: 3px solid #fff;
}
body.discussions .container_header {
  height: inherit;
  background-color: #353535;
}
body.discussions .container_header a.container_header_menu {
  margin-top: 10px;
  margin-left: 5px;
}
body.discussions .texte {
  font-size: 12px;
}
body.discussions h1, body.discussions h2 {
  color: #9387e8;
  border-color: #9387e8;
}
body.discussions .square_button1,
body.discussions .square_button2,
body.discussions .square_button3 {
  color: #353535;
  background-color: #9387e8;
}
body.discussions .square_button1:hover,
body.discussions .square_button2:hover,
body.discussions .square_button3:hover {
  background: #000;
  color: #fff;
}
body.discussions .square_button1.icon-partager01::before {
  padding-top: 3px;
}
body.discussions .square_button1.icon-fleche02-bas::before {
  padding-top: 3px;
  font-size: 60px;
  line-height: 35px;
}
body.discussions .thread-entete > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
body.discussions .thread-entete > div .gauche {
  width: 50%;
}
body.discussions .thread-entete > div .gauche h1 {
  color: #000;
  margin-bottom: 5px;
  font-size: 28px;
  text-transform: uppercase;
}
body.discussions .thread-entete > div .gauche p {
  color: #000;
  margin-bottom: 10px;
  font-size: 12px;
}
body.discussions .thread-entete > div .gauche .auteur {
  width: fit-content;
}
body.discussions .boutons-actions {
  display: flex;
  justify-content: flex-end;
}
body.discussions #discussions_header_menu:before {
  background-color: #6F5EDD;
  padding: 5px;
  border-radius: 100px;
  color: #353535;
}
body.discussions #discussions_header_menu:hover:before {
  color: #fff;
}
body.discussions #discussions_header_menu.active::before {
  content: "";
  color: #fff;
}
body.discussions #discussions_header {
  display: flex;
  align-items: flex-start;
  background-color: #705EDD;
}
body.discussions #discussions_header.not_connected #discussions_header_link {
  padding: 5px 10px;
}
body.discussions #discussions_header_inside {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
}
body.discussions #discussions_header_inside.no-filters {
  padding-bottom: 20px;
}
body.discussions #discussions_header_inside.no-filters #discussions_header_link:after {
  display: none;
}
body.discussions #discussions_header_inside #discussions_header_link {
  background-color: #705EDD;
  width: 1140px;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}
body.discussions #discussions_header_inside #discussions_header_link span a {
  width: 100%;
  height: 100%;
  display: block;
}
body.discussions #discussions_header_inside #discussions_header_link span:after {
  content: ">";
  padding-left: 20px;
}
body.discussions #discussions_header_inside #discussions_header_link:before {
  font-size: 36px;
}
body.discussions #discussions_header_inside #discussions_header_link .tag {
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 0 15px;
  transition: background-color 0.5s ease-out;
}
body.discussions #discussions_header_inside #discussions_header_link .tag:hover {
  background-color: #fff;
  color: #705EDD;
}
body.discussions #discussions_header_inside #discussions_header_link:not(.not_connected):after {
  content: "";
  width: 15px;
  height: 15px;
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(45deg);
  display: inline-block;
  transition: all 0.2s ease-out;
  position: absolute;
  right: 15px;
  top: 10px;
}
body.discussions #discussions_header_inside .liens_entete_forum_balises {
  background-color: #E0DFE0;
}
body.discussions #discussions_header_inside:not(.opened) .liens_entete_forum_balises {
  visibility: hidden;
  height: 0;
  padding: 0;
}
body.discussions #discussions_header_inside.opened #discussions_header_link:after {
  transform: rotate(-135deg);
  top: 18px;
}
body.discussions #discussions_menu {
  background-color: #e0e0e0;
  position: absolute;
  left: -240px;
  top: 0;
  height: 100%;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 200px;
  z-index: 100;
  -webkit-box-shadow: 10px 0px 12px -6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 10px 0px 12px -6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 10px 0px 12px -6px rgba(0, 0, 0, 0.3);
  box-shadow: 10px 0px 12px -6px rgba(0, 0, 0, 0.3);
}
body.discussions #discussions_menu.active {
  left: 0;
  z-index: 999;
}
body.discussions #discussions_menu ul {
  list-style-type: none;
  padding-top: 10px;
}
body.discussions #discussions_menu ul li a {
  color: #353535;
  font-size: 12px;
  font-weight: 700;
  padding: 10px 5px 10px 10px;
  position: relative;
  text-transform: uppercase;
  font-family: "Karla", helvetica, verdana, sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
body.discussions #discussions_menu ul li a.trail {
  padding-bottom: 0;
}
body.discussions #discussions_menu ul li a.icon::before {
  font-family: "docadoc-icon";
  font-size: 24px;
  font-weight: normal;
  height: 20px;
  left: 7px;
  top: 3px;
  width: 30px;
}
body.discussions #discussions_menu ul li a.icon2::before {
  font-size: 17px;
  font-weight: normal;
  height: 20px;
  left: 7px;
  top: 3px;
  width: 28px;
  margin-left: 3px;
}
body.discussions #discussions_menu ul li a.icon-discussion::before {
  margin-right: 4px;
}
body.discussions #discussions_menu ul li a:hover {
  color: #705edd;
}
body.discussions #discussions_menu ul li ul {
  padding-top: 0;
}
body.discussions #discussions_menu ul li ul li a {
  padding: 3px 5px 3px 60px;
}
body.discussions .discussions_actions {
  margin-bottom: 30px;
}
body.discussions .discussions_actions ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
body.discussions .discussions_actions ul li {
  list-style: none;
  margin-right: 15px;
}
body.discussions .import-fichier {
  justify-content: space-around;
}
body.discussions .import-fichier .col {
  width: 40%;
  padding: 2.5%;
  margin-bottom: 20px;
  border: 1px solid #705edd;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #000;
  text-align: center;
  font-size: 12px;
}
body.discussions .import-fichier .col ul li {
  text-align: center;
}
body.discussions .import-fichier .col input[type=button] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  text-transform: capitalize;
}
body.discussions .boutons-bas {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
body.discussions .boutons-bas input {
  margin: 0 10px 20px;
}
body.discussions table.liste_discussions {
  overflow-x: auto;
  max-width: 100%;
  display: block;
}
body.discussions table.liste_discussions tr th, body.discussions table.liste_discussions tr td {
  position: relative;
  padding-right: 10px;
}
body.discussions table.liste_discussions tr th a, body.discussions table.liste_discussions tr th span, body.discussions table.liste_discussions tr td a, body.discussions table.liste_discussions tr td span {
  color: #e0e0e0;
}
body.discussions table.liste_discussions tr th a.lien_tri_entete_forum, body.discussions table.liste_discussions tr th span.lien_tri_entete_forum, body.discussions table.liste_discussions tr td a.lien_tri_entete_forum, body.discussions table.liste_discussions tr td span.lien_tri_entete_forum {
  color: #9387e8;
  font-size: 20px;
  font-weight: bold;
}
body.discussions table.liste_discussions tr th a.lien_tri_entete_forum:hover, body.discussions table.liste_discussions tr td a.lien_tri_entete_forum:hover {
  color: #705edd;
}
body.discussions table.liste_discussions tr th {
  text-align: left;
  border-bottom: 4px solid transparent;
}
body.discussions table.liste_discussions tr th::after {
  display: block;
  content: " ";
  width: calc(100% - 15px);
  position: absolute;
  background: #9387e8;
  height: 4px;
  z-index: 10;
  bottom: -4px;
  left: 0;
}
body.discussions table.liste_discussions tr th:last-child::after {
  width: 100%;
}
body.discussions table.liste_discussions tr td {
  padding: 8px 5px;
  background-color: #1e1e1e;
  border-bottom: 2px solid transparent;
}
body.discussions table.liste_discussions tr td::after {
  display: block;
  content: " ";
  width: calc(100% - 15px);
  position: absolute;
  background: #e0e0e0;
  height: 2px;
  z-index: 10;
  bottom: -2px;
  left: 0;
}
body.discussions table.liste_discussions tr td:last-child::after {
  width: 100%;
}
body.discussions .discussions_liste {
  display: flex;
  flex-direction: column;
}
body.discussions .discussions_liste .ligne {
  background: #e0e0e0;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  padding: 7px;
}
body.discussions .discussions_liste .ligne .discussion {
  width: 190px;
}
body.discussions .discussions_liste .ligne .discussion a, body.discussions .discussions_liste .ligne .discussion span {
  display: block;
  min-width: calc(100% - 25px);
  font-size: 12px;
}
body.discussions .discussions_liste .ligne .balise {
  width: 110px;
}
body.discussions .discussions_liste .ligne .balise a, body.discussions .discussions_liste .ligne .balise span {
  display: block;
  min-width: calc(100% - 25px);
  font-size: 12px;
  overflow: hidden;
}
body.discussions .discussions_liste .ligne .titre {
  width: calc(100% - 410px);
  padding-right: 15px;
}
body.discussions .discussions_liste .ligne .titre a, body.discussions .discussions_liste .ligne .titre span {
  font-size: 15px;
}
body.discussions .discussions_liste .ligne .date {
  width: 100px;
}
body.discussions .discussions_liste .ligne .date a, body.discussions .discussions_liste .ligne .date span {
  font-size: 12px;
}
body.discussions .discussions_liste .ligne .nombre {
  width: 40px;
}
body.discussions .discussions_liste .ligne .nombre .texte {
  display: flex;
  align-items: center;
}
body.discussions .discussions_liste .ligne .nombre .texte i {
  display: flex;
  align-items: center;
}
body.discussions .discussions_liste .ligne .nombre b {
  font-size: 12px;
}
body.discussions .discussions_liste .ligne .barre {
  display: none;
}
body.discussions .discussions_liste .rect {
  padding: 4px 6px;
}
body.discussions .discussions_liste .rect.rect-c3 {
  background: #9387e8;
  width: calc(100% - 35px);
  text-align: center;
  color: #fff;
}
body.discussions .discussions_liste .rect.rect-c3:hover, body.discussions .discussions_liste .rect.rect-c3:focus {
  color: #fff;
}
body.discussions .discussions_liste .rect.rect-c4 {
  background: #705edd;
  width: calc(100% - 25px);
  text-align: center;
  color: #fff;
}
body.discussions .discussions_liste .rect.rect-c4:hover, body.discussions .discussions_liste .rect.rect-c4:focus {
  color: #fff;
}
body.discussions .discussions_liste i {
  font-size: 18px;
}
body.discussions .discussions_liste .lienn:hover, body.discussions .discussions_liste .lienn:focus, body.discussions .discussions_liste .popup_membre:hover, body.discussions .discussions_liste .popup_membre:focus {
  color: #000000;
}
body.discussions .discussions_liste .lienn {
  line-height: 130%;
}
body.discussions .discussions_liste_rect {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 30px 25px;
  grid-auto-rows: minmax(100px, auto);
  list-style: none;
  margin-bottom: 20px;
}
body.discussions .discussions_liste_rect li {
  position: relative;
  background: #fff;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body.discussions .discussions_liste_rect li .titre .icon {
  margin-right: 10px;
  float: left;
}
body.discussions .discussions_liste_rect li h2 {
  color: #353535;
  border-bottom: none;
}
body.discussions .discussions_liste_rect li .cols {
  display: flex;
  flex-wrap: wrap;
}
body.discussions .discussions_liste_rect li .infos {
  margin-bottom: 20px;
}
body.discussions .discussions_liste_rect li p {
  margin-bottom: 10px;
  word-break: break-word;
}
body.discussions .discussions_liste_rect li .popup_membre {
  font-weight: bold;
  color: #000;
}
body.discussions .discussions_liste_rect li .popup_membre:hover, body.discussions .discussions_liste_rect li .popup_membre:focus {
  text-decoration: underline;
}
body.discussions .discussions_liste_rect li .btn-violet {
  margin-bottom: 10px;
}
body.discussions .discussions_liste_rect li hr {
  color: #705edd;
  margin-bottom: 10px;
}
body.discussions .discussions_details .thread-entete {
  margin-top: 20px;
  margin-bottom: 20px;
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.discussions .discussions_details .thread-entete .discussions_actions {
  margin-bottom: 0;
}
body.discussions .discussions_details .auteur {
  color: #000000;
  background: #b5b5b5;
  padding: 5px;
  display: flex;
  height: fit-content;
  align-items: center;
  flex-wrap: nowrap;
}
body.discussions .discussions_details .auteur i {
  background-color: #1e1e1e;
  padding: 5px;
  margin-right: 5px;
  color: #e0e0e0;
  font-size: 38px;
}
body.discussions .discussions_details .auteur .lignes {
  margin-right: 20px;
}
body.discussions .discussions_details .auteur .lignes .nom {
  font-size: 14px;
  font-weight: bold;
  position: relative;
}
body.discussions .discussions_details .auteur .lignes .nom .icon-premium-n {
  position: relative;
  border-radius: 50px;
  font-size: 20px;
  top: 0;
  padding: 0;
  background: transparent;
  color: #1e1e1e;
}
body.discussions .discussions_details .auteur .lignes .infos-mini {
  font-size: 12px;
}
body.discussions .discussions_details .auteur_photo {
  margin: 5px;
}
body.discussions .discussions_details .auteur_infos {
  display: flex;
  flex-wrap: wrap;
}
body.discussions .discussions_details .btn-noir {
  display: table;
  background: #1e1e1e;
  color: #e0e0e0;
  height: fit-content;
  padding: 10px;
  font-weight: normal;
}
body.discussions .discussions_details .btn-abonnement {
  margin-left: 15px;
}
body.discussions .discussions_details .btn-abonnement.est_abonne {
  background-color: #26d5b6;
  color: #000000;
}
body.discussions .discussions_details .btn-abonnement:hover {
  color: #000;
  background-color: #e0e0e0;
}
body.discussions .discussions_details .partie-droite {
  margin: 0;
  padding: 0;
}
body.discussions .discussions_details .infos {
  margin-bottom: 10px;
  border-bottom: 1px solid #705edd;
  padding-bottom: 0;
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  background: #b5b5b5;
}
body.discussions .discussions_details .infos.double {
  border: none;
  align-items: center;
}
body.discussions .discussions_details .infos .bandeau-violet {
  padding: 32px 7px;
}
body.discussions .discussions_details .infos .membre {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
body.discussions .discussions_details .infos .membre .nb-thread,
body.discussions .discussions_details .infos .membre .nb-abonnements {
  font-size: 12px;
  color: #000;
  margin: 0;
}
body.discussions .discussions_details .infos .membre .nb-thread i {
  background: none;
  padding: 0;
  color: #000;
}
body.discussions .discussions_details .infos .membre i {
  font-size: 16px;
}
body.discussions .discussions_details .infos .membre a:hover, body.discussions .discussions_details .infos .membre:focus {
  color: #000000;
}
body.discussions .discussions_details .infos .membre.partie-droite {
  align-items: center;
}
body.discussions .discussions_details .infos .membre.partie-droite .nb-abonnements {
  margin-top: 3px;
}
body.discussions .discussions_details .infos .membre.partie-droite .point-separateur {
  font-size: 20px;
  margin: 0 5px;
}
body.discussions .discussions_details .boutons-actions {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  clear: both;
}
body.discussions .discussions_details .message .inside .thread_corps_message {
  width: calc(100% - 440px);
  padding: 10px;
  color: #000;
  font-size: 0.9rem;
  float: left;
}
body.discussions .discussions_details .message .inside .thread_corps_message p {
  margin-bottom: 0;
}
body.discussions .discussions_details .message .inside .thread_corps_message ul, body.discussions .discussions_details .message .inside .thread_corps_message ol {
  margin-top: 5px;
  margin-bottom: 10px;
  padding-left: 20px;
  line-height: 140%;
}
body.discussions .discussions_details .message .inside .thread_corps_message a {
  color: #705edd;
}
body.discussions .discussions_details .message .inside .thread_corps_message a:hover, body.discussions .discussions_details .message .inside .thread_corps_message a:focus {
  text-decoration: underline;
}
body.discussions .discussions_details #btnCitation,
body.discussions .discussions_details .btnCitation {
  cursor: pointer;
  position: absolute;
  left: 15%;
  top: 0px;
  background: #705edd;
  padding: 5px;
  border: 1px solid #705edd;
  color: white;
  display: table;
}
body.discussions .discussions_details .citation {
  position: relative;
  display: table;
  padding: 15px;
  padding-right: 15px;
  margin-bottom: 5px;
  border: 1px solid transparent;
  border-radius: 4px;
  /*color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;*/
  color: #705edd;
  background-color: #d9d3fd;
  border-color: #e0dbff;
  /*&::before {
      content: "\275D";
      display: block;
      position: absolute;
      left: 2px;
      top: 2px;
      font-size: 20px;
  }
  &::after {
      content: "\275E";
      display: block;
      position: absolute;
      right: 2px;
      bottom: 2px;
      font-size: 20px;
  }*/
}
body.discussions .discussions_details #notification {
  position: relative;
}
body.discussions .discussions_details #notification .temporaire {
  position: absolute;
  right: 0;
  z-index: 2;
  padding: 15px;
  -webkit-animation: seconds 1.5s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 3s;
  animation: seconds 1.5s forwards;
  animation-iteration-count: 1;
  animation-delay: 3s;
  background: transparent;
}
body.discussions .discussions_details #notification .temporaire.alert-success {
  color: #000000;
}
@keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    right: -9999px;
  }
}
body.discussions .discussions_details .tox .tox-promotion-link, body.discussions .discussions_details .tox-statusbar__branding, body.discussions .discussions_details .tox-statusbar {
  display: none;
}
body.discussions .discussions_details .modale-info,
body.discussions .discussions_details .modale-aide-brouillon {
  position: fixed;
  top: calc(50vh - 80px);
  z-index: 999;
  color: #000;
  left: calc(50vw - 160px);
  width: 320px;
  box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.2);
  display: none;
  background-color: #353535;
  border: 6px solid #e0e0e0;
  padding: 10px;
}
body.discussions .discussions_details .modale-info .modale-entete,
body.discussions .discussions_details .modale-aide-brouillon .modale-entete {
  text-align: right;
  display: flex;
  padding: 0;
}
body.discussions .discussions_details .modale-info .modale-entete h2,
body.discussions .discussions_details .modale-aide-brouillon .modale-entete h2 {
  width: 100%;
  text-align: left;
}
body.discussions .discussions_details .modale-info .modale-entete .btn-fermer,
body.discussions .discussions_details .modale-aide-brouillon .modale-entete .btn-fermer {
  cursor: pointer;
  font-style: inherit;
  color: #e0e0e0;
  position: absolute;
  right: 9px;
  top: 3px;
  font-size: 24px;
  font-weight: 700;
}
body.discussions .discussions_details .modale-info .modale-inside,
body.discussions .discussions_details .modale-aide-brouillon .modale-inside {
  padding: 30px 40px 50px;
  background-color: #e0e0e0;
  color: #353535;
}
body.discussions .discussions_details .modale-info.visible,
body.discussions .discussions_details .modale-aide-brouillon.visible {
  display: block;
}
body.discussions .discussions_details.liste_abonnements_users {
  margin-bottom: 25px;
  background-color: #1e1e1e;
}
body.discussions .discussions_details.liste_abonnements_users .infos {
  position: relative;
  width: 100%;
}
body.discussions .discussions_details.liste_abonnements_users .infos .membre:focus {
  color: #fff;
}
body.discussions .discussions_details.liste_abonnements_users .infos .icodoc_dossier_header_bouton {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: revert;
  align-items: center;
}
body.discussions .discussions_details.liste_abonnements_users .infos .icodoc_dossier_header_bouton:hover {
  color: #705edd;
}
body.discussions .discussions_details.liste_abonnements_users .liste_abonnements_users_header {
  background: #705edd;
}
body.discussions .discussions_details.liste_abonnements_users .liste_abonnements_users_header .auteur {
  background: #705edd;
}
body.discussions .discussions_details.liste_abonnements_users .liste_abonnements_users_header .auteur_infos {
  max-width: calc(100vw - 120px);
}
body.discussions .discussions_details.liste_abonnements_users .liste_abonnements_users_header *,
body.discussions .discussions_details.liste_abonnements_users .liste_abonnements_users_header .membre .nb-thread {
  color: #fff;
}
body.discussions .discussions_details.liste_abonnements_users .liste_abonnements_users_header .auteur i.icon-premium {
  background: none;
}
body.discussions .discussions_details.liste_abonnements_users .liste_abonnements_users_header .nb-thread i {
  color: #fff;
}
body.discussions .discussions_details.liste_abonnements_users .liste_abonnements_users_header .point-separateur {
  color: #fff;
}
body.discussions .discussions_details.liste_abonnements_users .liste_abonnements_users_messages {
  padding: 0 10px 10px;
  display: none;
}
body.discussions .discussions_details.liste_abonnements_users .liste_abonnements_users_messages.active {
  display: block;
}
body.discussions .discussions_details.liste_abonnements_users .liste_abonnements_users_messages .conteneur_date_publication {
  margin-bottom: 10px;
}
body.discussions .bandeau-violet {
  background: #705edd;
  color: #ffffff;
  padding: 5px 7px;
  display: table;
}
body.discussions #pastille-nouveau {
  position: fixed;
  background: url("../images/pastille.svg");
  background-repeat: no-repeat;
  background-position: 1px 11px;
  right: 30px;
  bottom: 100px;
  overflow: visible;
  width: 130px;
  height: 130px;
  background-size: contain;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  z-index: 2;
}
body.discussions #pastille-nouveau:hover a, body.discussions #pastille-nouveau:focus a {
  text-decoration: underline;
}
body.discussions .entete-sous-specialites {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 8px;
  width: 100%;
}
body.discussions .entete-sous-specialites h1 {
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
body.discussions .entete-sous-specialites h1 a {
  margin-right: 10px;
  color: #9387e8;
}
body.discussions .entete-sous-specialites h1 a img {
  display: block;
}
body.discussions .entete-sous-specialites button {
  border: none;
  background: none;
  font-size: 42px;
  color: #e0e0e0;
  cursor: pointer;
}
body.discussions .entete-sous-specialites button i {
  display: flex;
}
body.discussions .liste-sous-specialites {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0 20px;
  grid-auto-rows: minmax(20px, auto);
  border-top: 4px solid #9387e8;
  border-bottom: 4px solid #9387e8;
  list-style: none;
  margin-bottom: 40px;
  padding: 10px 0 5px 0;
  position: relative;
  background: #1e1e1e;
  padding-left: 15px;
  padding-right: 15px;
  line-height: normal;
}
body.discussions .liste-sous-specialites.replie {
  padding: 0;
  border-bottom: none;
  overflow: hidden;
  height: 0;
}
body.discussions .liste-sous-specialites.replie::after {
  display: none;
}
body.discussions .liste-sous-specialites li {
  border-bottom: 2px solid #fff;
  display: flex;
  align-items: center;
  min-height: 25px;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
body.discussions .liste-sous-specialites li a {
  background: transparent;
}
body.discussions .liste-sous-specialites::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #1e1e1e;
  bottom: 10px;
}
body.discussions .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
body.discussions .pagination .lienpage, body.discussions .pagination font {
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 1em;
  justify-content: center;
  margin: 0.25rem;
  font-size: 10px;
  min-width: 1.5em;
  height: 1.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 0.375em;
  box-shadow: none;
  display: inline-flex;
  line-height: 1.5;
  padding-bottom: calc(.5em - 1px);
  padding-top: calc(.5em - 1px);
  position: relative;
  vertical-align: top;
  cursor: pointer;
  text-decoration: none;
}
body.discussions .pagination .lienpage {
  border-color: #9387e8;
}
body.discussions .pagination .lienpage:hover {
  background-color: #9387e8;
  color: #fff;
}
body.discussions .pagination font {
  text-decoration: underline;
  font-weight: bold;
  background-color: #9387e8;
  border-color: #9387e8;
  color: #fff;
}
body.discussions #partage_discussion {
  margin-bottom: 20px;
  width: 100%;
}
body.discussions #partage_discussion ul {
  height: 200px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  margin-bottom: 20px;
  list-style: none;
}
body.discussions #partage_discussion ul li {
  min-width: 33%;
  margin-bottom: 8px;
}
body.discussions #titre_toutes_les_discussions {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
body.discussions #titre_toutes_les_discussions #preferencesAccueilForum {
  margin-left: 10px;
}
body.discussions #titre_toutes_les_discussions #lien_tous_les_forums {
  color: #ffffff;
  display: block;
  font-size: 0;
  margin-left: 20px;
}
body.discussions #titre_toutes_les_discussions #lien_tous_les_forums:before {
  font-size: 28px;
}
body.discussions #titre_toutes_les_discussions #lien_tous_les_forums:hover {
  color: #705edd;
}

.cols.col-d {
  flex-wrap: nowrap;
}

.liste-plus-commentees {
  max-width: 250px;
  width: 100%;
  margin-left: 20px;
  margin-top: 9px;
}
.liste-plus-commentees.balise {
  margin-top: -1px;
}
.liste-plus-commentees h2 {
  color: #705edd;
  border-bottom: 4px solid #705edd;
  margin-bottom: 0;
}
.liste-plus-commentees ul {
  list-style: none;
  padding: 10px 0 5px 0;
  position: relative;
  background: #1e1e1e;
  padding-left: 15px;
  padding-right: 15px;
}
.liste-plus-commentees ul li {
  border-bottom: 2px solid #705edd;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.liste-plus-commentees ul li a {
  display: flex;
  flex-direction: column;
}
.liste-plus-commentees ul li a:hover, .liste-plus-commentees ul li a:focus {
  text-decoration: underline;
  color: #fff;
}
.liste-plus-commentees ul li a .titre {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
}
.liste-plus-commentees ul li a .publication {
  color: #fff;
  font-size: 12px;
}
.liste-plus-commentees ul li a .contributions {
  color: #fff;
  font-size: 12px;
}

.mobile-breadcrumb {
  visibility: hidden;
  height: 0;
  background-color: #6F5EDD;
  width: 100%;
  padding: 0;
}

.liens_entete_forum_balises {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 50px 6% 50px 3%;
  width: 95%;
  position: relative;
  column-gap: 20px;
  row-gap: 10px;
}
.liens_entete_forum_balises .item {
  background-color: #FFF;
  border-radius: 5px;
  transition: background-color 0.2s ease-out;
  position: relative;
}
.liens_entete_forum_balises .item a:hover {
  text-decoration: none;
  font-size: inherit;
}
.liens_entete_forum_balises .item span:hover {
  background-color: #8B83C1;
  border-radius: 5px 0 0 5px;
  color: #fff;
}
.liens_entete_forum_balises .item .specialites-icon:hover {
  background-color: #8B83C1;
  border-radius: 0 5px 5px 0;
}
.liens_entete_forum_balises .item .specialites-icon:hover:after {
  border-color: #fff;
}
.liens_entete_forum_balises .item.active {
  background-color: #6F5EDD;
}
.liens_entete_forum_balises .item.active span:hover {
  background-color: #8B83C1;
}
.liens_entete_forum_balises .item.active .specialites-icon {
  border-radius: 0 5px 5px 0;
}
.liens_entete_forum_balises .item.active .specialites-icon:after {
  border-color: #fff;
}
.liens_entete_forum_balises .item.active .specialites-icon:hover {
  background-color: #8B83C1;
}
.liens_entete_forum_balises .item.opened .specialites-icon {
  background-color: #6F5EDD;
}
.liens_entete_forum_balises .item.opened .specialites-icon:hover {
  background-color: #8B83C1;
}
.liens_entete_forum_balises .item.opened .specialites-icon:after {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.liens_entete_forum_balises .item.active span, .liens_entete_forum_balises .item.opened span {
  background-color: #6F5EDD;
  border-radius: 5px 0 0 5px;
}
.liens_entete_forum_balises .item.active span:hover, .liens_entete_forum_balises .item.opened span:hover {
  background-color: #8B83C1;
}
.liens_entete_forum_balises .item.active a, .liens_entete_forum_balises .item.opened a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}
.liens_entete_forum_balises .item .specialites-icon {
  height: 34px;
  padding: 0 10px;
  align-items: center;
  display: flex;
  border-radius: 0 5px 5px 0;
}
.liens_entete_forum_balises .item .specialites-icon:after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid #6F5EDD;
  border-bottom: 2px solid #6F5EDD;
  transform: rotate(45deg);
  display: inline-block;
  margin-top: -5px;
}
.liens_entete_forum_balises .item.opened .item-specialites {
  display: block;
  visibility: visible;
  height: auto;
}
.liens_entete_forum_balises .item.opened .item-specialites > li {
  background-color: #8B83C1;
}
.liens_entete_forum_balises .item.opened .item-specialites > li:hover,
.liens_entete_forum_balises .item.opened .item-specialites > li a.active {
  background-color: #6F5EDD;
}
.liens_entete_forum_balises .item a {
  color: #8B83C1;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.liens_entete_forum_balises .item a span {
  padding: 10px 10px 10px 10px;
}
.liens_entete_forum_balises .item .item-specialites {
  display: none;
  visibility: hidden;
  height: 0;
  position: absolute;
  background-color: #8B83C1;
  border-radius: 5px;
  list-style-type: none;
  z-index: 9;
  min-width: 100%;
}
.liens_entete_forum_balises .item .item-specialites li {
  padding: 10px;
}
.liens_entete_forum_balises .item .item-specialites a {
  text-align: left;
  white-space: nowrap;
}
.liens_entete_forum_balises.nouveau_message {
  width: 92%;
  padding: 0 2%;
  margin-bottom: 40px;
}
.liens_entete_forum_balises .owl-stage {
  display: flex;
}
.liens_entete_forum_balises .owl-stage .owl-item {
  display: flex;
  flex-grow: 1;
}
.liens_entete_forum_balises .owl-stage .owl-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  word-break: break-all;
  color: #fff;
}
.liens_entete_forum_balises .owl-carousel {
  /* fix blank or flashing items on carousel */
  /*.item {
      position: relative;
      z-index: 100;
      -webkit-backface-visibility: hidden;
  }*/
}
.liens_entete_forum_balises .owl-carousel .owl-stage-outer {
  overflow-x: visible;
  overflow-y: visible !important;
  top: 4px;
}
.liens_entete_forum_balises .owl-carousel .owl-nav {
  /* end fix */
}
.liens_entete_forum_balises .owl-carousel .owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
  background: #353535;
}
.liens_entete_forum_balises .owl-carousel .owl-nav i {
  font-size: 52px;
}
.liens_entete_forum_balises .owl-nav .owl-prev {
  left: -60px;
}
.liens_entete_forum_balises .owl-prev, .liens_entete_forum_balises .owl-next {
  position: relative;
}
.liens_entete_forum_balises .owl-prev::after, .liens_entete_forum_balises .owl-next::after {
  display: block;
  content: "";
  position: absolute;
  width: 75px;
  height: 50px;
  bottom: 2px;
  left: 50px;
}
.liens_entete_forum_balises .owl-prev::after {
  left: 50px;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(53, 53, 53, 0.75));
}
.liens_entete_forum_balises .owl-next::after {
  left: inherit;
  right: 45px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(53, 53, 53, 0.75));
}
.liens_entete_forum_balises .owl-nav .owl-next {
  right: -60px;
}
.liens_entete_forum_balises .owl-item > * {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #8b83c1;
  border: 1px solid #8b83c1;
  text-align: center;
  font-weight: bold;
  width: 100%;
  min-height: 30px;
}
.liens_entete_forum_balises .owl-item > * > a {
  width: 100%;
  height: 100%;
  padding: 5px 0;
}
.liens_entete_forum_balises .owl-item > * .item-specialites {
  position: absolute;
  background-color: #1e1e1e;
  color: #fff;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
  padding: 12px 8px;
  list-style: none;
  left: -1px;
  top: 95%;
  visibility: hidden;
  z-index: 1;
  min-width: 140px;
  line-height: 160%;
  display: grid;
  grid-gap: 2px 10px;
  grid-template-columns: repeat(2, 1fr);
}
.liens_entete_forum_balises .owl-item > * .item-specialites li {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e0e0e0;
}
.liens_entete_forum_balises .owl-item > * .item-specialites li a {
  text-align: left;
  justify-content: flex-start;
  font-size: 11px;
  font-weight: 400;
  width: max-content;
}
.liens_entete_forum_balises .owl-item > * .item-specialites:hover, .liens_entete_forum_balises .owl-item > * .item-specialites:focus {
  visibility: visible;
  z-index: 9;
}
.liens_entete_forum_balises .owl-item:hover, .liens_entete_forum_balises .owl-item:focus {
  overflow: visible;
}
.liens_entete_forum_balises .owl-item:hover .item-specialites, .liens_entete_forum_balises .owl-item:focus .item-specialites {
  visibility: visible;
  z-index: 9;
}
.liens_entete_forum_balises .owl-item:hover > *, .liens_entete_forum_balises .owl-item:focus > *, .liens_entete_forum_balises .owl-item.selected > * {
  background: #705edd;
  border-color: #705edd;
  overflow: visible;
  /*&::before {
      display: block;
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      bottom: -100%;
      z-index: -1;
      //background: $couleur4;
  }*/
}
.liens_entete_forum_balises .owl-item:hover > * a, .liens_entete_forum_balises .owl-item:focus > * a, .liens_entete_forum_balises .owl-item.selected > * a {
  text-decoration: none;
}
.liens_entete_forum_balises a {
  display: block;
  font-family: "Karla", helvetica, verdana, sans-serif;
  text-align: center;
  font-weight: bold;
}
.liens_entete_forum_balises a:hover {
  font-weight: bold;
  font-family: "Karla", helvetica, verdana, sans-serif;
  font-size: inherit;
  text-decoration: underline;
  font-size: 11px;
}
.liens_entete_forum_balises #iconePreferencesCarousel {
  background: #8B83C1;
  z-index: 1;
  position: absolute;
  font-size: 14px;
  top: 10px;
  left: 35px;
  border: none;
  width: auto;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  padding: 5px;
  display: flex;
  align-content: center;
  align-items: center;
  gap: 5px;
}
.liens_entete_forum_balises #iconePreferencesCarousel i {
  transform: rotate(90deg);
}
.liens_entete_forum_balises #iconePreferencesCarousel:hover {
  background-color: #705edd;
  color: #fff;
}
.liens_entete_forum_balises #iconePreferencesCarousel #iconePreferencesCarousel {
  font-size: 22px;
}
.liens_entete_forum_balises #modificationCarousel {
  position: fixed;
  left: calc(50% - 160px);
  width: 280px;
  background: #fff;
  padding: 20px;
  top: -9999px;
  z-index: 5;
  transition-property: all;
  transition-duration: 0.35s;
  transition-timing-function: ease;
  transition-delay: 0.15s;
  max-height: calc(100vh - 40px);
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  background-color: #353535;
  border: 6px solid #e0e0e0;
  max-width: 100vw;
  left: calc(50vw - 241px);
  width: 430px;
}
.liens_entete_forum_balises #modificationCarousel.visible {
  top: 10vh;
  z-index: 1000;
  max-height: 75vh;
  visibility: visible;
}
.liens_entete_forum_balises #modificationCarousel form {
  position: relative;
}
.liens_entete_forum_balises #modificationCarousel .btn-fermer {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  color: #fff;
  font-size: 34px;
  top: -10px;
  cursor: pointer;
  font-style: inherit;
}
.liens_entete_forum_balises #modificationCarousel .btn-fermer:hover, .liens_entete_forum_balises #modificationCarousel .btn-fermer:focus {
  color: #705edd;
}
.liens_entete_forum_balises #modificationCarousel h4 {
  color: #705edd;
  margin-bottom: 20px;
  text-transform: uppercase;
  padding-bottom: 3px;
  border-bottom: 3px #705edd solid;
  font-size: 18px;
  padding-right: 25px;
}
.liens_entete_forum_balises #modificationCarousel .alert {
  font-size: inherit;
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  padding: 0;
}
.liens_entete_forum_balises #modificationCarousel #triDiscussions {
  margin-bottom: 20px;
  list-style: none;
  line-height: 180%;
  font-size: 16px;
  color: #fff;
  overflow-y: auto;
  max-height: 45vh;
}
.liens_entete_forum_balises #modificationCarousel #triDiscussions li svg {
  fill: #fff;
}
.liens_entete_forum_balises #modificationCarousel #triDiscussions li svg:hover, .liens_entete_forum_balises #modificationCarousel #triDiscussions li svgfocus {
  cursor: pointer;
}
.liens_entete_forum_balises #modificationCarousel #triDiscussions li label:hover {
  cursor: text;
}
.liens_entete_forum_balises #modificationCarousel #valider_tri {
  width: auto !important;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: 0;
}

#bloc_recherche_accueil_forum {
  float: left;
  width: calc(100% - 50px);
}

#preferencesAccueilForum {
  background: #353535;
  font-size: 40px;
  border: none;
  width: auto;
  text-decoration: none;
  cursor: pointer;
}
#preferencesAccueilForum:hover {
  color: #705edd;
}

#zone_selection_discussion_statique ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#zone_selection_discussion_statique ul li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #8b83c1;
  border: 1px solid #8b83c1;
  text-align: center;
  font-weight: bold;
  width: 23%;
  margin: 0 0.8% 10px;
  min-height: 30px;
}
#zone_selection_discussion_statique ul li:hover {
  background: #705edd;
  border-color: #705edd;
}
#zone_selection_discussion_statique ul li a {
  display: flex;
  font-family: "Karla", helvetica, verdana, sans-serif;
  text-align: left;
  font-weight: bold;
  justify-content: left;
  align-items: center;
  word-break: break-all;
  color: #fff;
  width: 100%;
  height: 100%;
  padding: 5px 10px;
}
#zone_selection_discussion_statique ul li a:hover {
  text-decoration: none;
}
#zone_selection_discussion_statique ul li a img, #zone_selection_discussion_statique ul li a i {
  margin-right: 10px;
}
#zone_selection_discussion_statique ul li a img {
  width: 30px;
}
#zone_selection_discussion_statique ul li a i {
  font-size: 30px;
}
#zone_selection_discussion_statique.tous_les_forums ul li {
  width: 100%;
  margin: 0 0 10px;
}
#zone_selection_discussion_statique.tous_les_forums ul li a {
  justify-content: stretch;
}
#zone_selection_discussion_statique.tous_les_forums ul li a .tous_les_forums_vignette {
  width: 40px;
}
#zone_selection_discussion_statique.tous_les_forums ul li a .tous_les_forums_nom {
  flex-grow: 1;
  font-size: 14px;
}
#zone_selection_discussion_statique.tous_les_forums ul li a .tous_les_forums_dernier_message {
  width: 180px;
  margin-left: 20px;
}

* {
  margin: 0;
  padding: 0;
}

html {
  scroll-padding-top: 80px;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome, Edge, Opera and Firefox */
}

.texte_majuscules, .uppercase {
  text-transform: uppercase;
}

/* Suppression bords arrondis IOS et SAFARI */
textarea,
input[type=text],
input[type=button],
input[type=submit],
input[type=reset],
input[type=password] {
  -webkit-appearance: none;
  border-radius: 0;
  outline: none;
}

textarea:focus,
input:focus {
  outline-color: transparent;
}

input::-webkit-input-placeholder {
  color: #000000;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

input::-moz-placeholder {
  color: #000000;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #000000;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

input:-moz-placeholder {
  color: #000000;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

textarea::-webkit-input-placeholder {
  color: #000000;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

textarea::-moz-placeholder {
  color: #000000;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

textarea:-ms-input-placeholder {
  color: #000000;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

textarea:-moz-placeholder {
  color: #000000;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

select option.select_placeholder {
  color: #000000;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

select.non_selectionnee {
  color: #000000;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

.generic_search {
  position: relative;
}

.generic_search input[type=text] {
  font-weight: 700;
  color: #ffffff;
  font-size: 12px;
  background: none;
  border: 3px #ffffff solid;
  padding: 5px;
  width: 49%;
}

.generic_search input::-webkit-input-placeholder {
  color: #ffffff;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

.generic_search input::-moz-placeholder {
  color: #ffffff;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

.generic_search input:-ms-input-placeholder {
  color: #ffffff;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

.generic_search input:-moz-placeholder {
  color: #ffffff;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

.generic_search i {
  position: absolute;
  top: 2px;
  right: 52%;
  font-size: 22px;
}

body {
  font-family: "Karla", helvetica, verdana, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #000000;
  color: #ffffff;
  font-size: 12px;
}

a:hover {
  color: #ff6600;
}

figure img {
  border: none;
}

.wrap {
  width: 1200px;
  margin: 0 auto;
}

#wrapper {
  padding-top: 65px;
}

h1 {
  color: #ff6600;
  font-size: 35px;
  margin-bottom: 15px;
}

h1.icon::before {
  font-size: 42px;
  margin-right: 5px;
  vertical-align: middle;
}

h2 {
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  color: #ff6600;
  padding-bottom: 3px;
  border-bottom: 3px #ff6600 solid;
  margin-bottom: 15px;
}

h3 {
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  color: #f90d1d;
  padding-bottom: 3px;
  border-bottom: 3px #f90d1d solid;
}

h4 {
  font-weight: 700;
  font-size: 18px;
  color: #f90d1d;
  padding-bottom: 3px;
  margin-bottom: 15px;
}

.titre_depliant {
  color: #e0e0e0;
  text-transform: none;
  border-bottom: 3px #e0e0e0 solid;
  margin: 0;
}

.titre_decale {
  padding-left: 50px;
}

.titre_depliant a,
.titre_depliant a:hover {
  color: #e0e0e0;
}

.help_title {
  float: right;
  display: inline-block;
  font-size: 0;
  width: 15px;
  height: 15px;
  margin-right: 10px;
}

.help_title::before {
  font-size: 26px;
}

#avertissement_developpement_en_cours {
  display: none;
}

#accueil_mobile {
  display: none;
}

div.message_information {
  border: 2px solid #7b7b7b;
  background-color: #eae2df;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 15px;
  margin: 15px 0;
}

.titre_docadoc_accueil span {
  display: inline-block;
  background: transparent url("../svg/docadoc.svg") center center no-repeat;
  background-size: 100%;
  color: transparent;
  font-size: 46px;
  height: 37px;
}

.container_header a.container_header_link.titre_docadoc_accueil span {
  color: transparent;
}

/**************************************************************************************************
*
* Popups
*
**************************************************************************************************/
.fancybox-skin {
  background-color: #353535;
  border: 6px solid #e0e0e0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.fancybox-skin.skin-icodoc-document {
  border: none;
}

.fancybox-close {
  top: 0;
  right: 0;
  background-image: none;
  color: #e0e0e0;
}

.fancybox-close::before {
  content: "x";
  font-size: 40px;
}

.fancybox-skin.skin-icodoc-document .fancybox-close {
  right: 30px;
}

.fancybox-close:hover {
  color: #f90d1d;
}

.mfp-bg {
  z-index: 10042;
}

.mfp-wrap {
  z-index: 10043;
}

/**************************************************************************************************
*
* Formulaires
*
**************************************************************************************************/
input,
textarea,
select {
  font-family: "Karla", helvetica, verdana, sans-serif;
}

select {
  cursor: pointer;
}

form p,
body.page #container #container_wrap_inside form p {
  margin-bottom: 10px;
}

form p {
  width: 50%;
}

form.form_full p {
  width: 100%;
}

form p.align_right {
  text-align: right;
}

label {
  cursor: pointer;
}

.labelblock {
  display: block;
}

.labelradio {
  margin-right: 15px;
}

.labelradio .icon::before {
  font-size: 22px;
}

.label1 {
  font-weight: 300;
  font-size: 14px;
  color: #e0e0e0;
  margin-bottom: 5px;
}

/* Modification pour ne pas avoir les colorations de webkit (chrome) pour les infos enregistr?es de formulaires */
input.field1:-webkit-autofill {
  border: none;
  color: #353535;
  -webkit-box-shadow: inset 0 0 0px 9999px #e0e0e0;
}

input.field1:focus,
input.field1:-webkit-autofill:focus {
  border: none;
  -webkit-box-shadow: inset 0 0 0px 9999px #e0e0e0, 0 0 8px rgba(102, 175, 233, 0.6);
}

.field1 {
  background-color: #e0e0e0;
  border: none;
  color: #353535;
  font-size: 12px;
  font-weight: 700;
  padding: 3px 5px;
  margin-bottom: 5px;
  width: 100%;
}

select.field1 option {
  padding: 1px 5px;
}

textarea.field1 {
  height: 100px;
}

.button1,
.button2,
.button3,
.button4,
.button5,
.button6,
.button7,
.button8,
.button9,
.button10 {
  display: block;
  border: none;
  font-size: 12px;
  font-weight: 700;
  padding: 10px 20px;
  margin-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}

.button1:hover,
.button2:hover,
.button3:hover,
.button4:hover,
.button5:hover,
.button6:hover,
.button7:hover,
.button8:hover,
.button9:hover,
.button10:hover {
  font-weight: 700;
}

.button1 {
  background-color: #e0e0e0;
  color: #353535;
}

.button1:hover {
  color: #353535;
  background-color: #f90d1d;
}

.button2 {
  background-color: #ffffff;
  border: 3px solid #000000;
  color: #000000;
}

.button2:hover {
  color: #ffffff;
  background-color: #000000;
}

.button3 {
  background-color: #f90d1d;
  color: #353535;
}

.button3:hover {
  color: #353535;
  background-color: #fa5964;
}

.button4 {
  background-color: #777777;
  color: #1e1e1e;
}

.button4:hover {
  color: #353535;
  background-color: #f90d1d;
}

.button5 {
  background-color: #1e1e1e;
  color: #b5b5b5;
}

.button5:hover {
  color: #353535;
  background-color: #e0e0e0;
}

.button6 {
  background-color: #1e1e1e;
  border: 3px solid #e0e0e0;
  padding: 7px 17px;
  color: #e0e0e0;
}

.button6:hover {
  color: #000000;
  background-color: #e0e0e0;
}

.button7 {
  background-color: #ff6600;
  color: #353535;
}

.button7:hover {
  color: #000000;
  background-color: #ffa366;
}

.button8 {
  background-color: #e0e0e0;
  color: #353535;
}

.button8:hover {
  color: #ffffff;
  background-color: #ff6600;
}

.button9 {
  background-color: #e0e0e0;
  color: #353535;
}

.button9:hover {
  color: #ffffff;
  background-color: #705edd;
}

.button10 {
  background-color: #705edd;
  color: #353535;
}

.button10:hover {
  color: #353535;
  background-color: #9387e8;
}

.button_icon {
  position: relative;
  padding-left: 38px;
  font-size: 15px;
}

.button_icon:hover {
  font-size: 15px;
}

.button_icon::before {
  position: absolute;
  top: 4px;
  left: 5px;
  font-size: 30px;
}

.square_button1,
.square_button2,
.square_button3 {
  display: block;
  font-weight: 300;
  font-size: 12px;
  line-height: 12px;
  background-color: #f90d1d;
  border: none;
  height: 65px;
  width: 65px;
  padding: 5px;
  text-align: center;
  cursor: pointer;
}

.square_button_mini {
  display: flex;
  background: #705edd;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  color: #fff;
}
.square_button_mini.incline {
  transform: rotate(-90deg);
}

/* Rouge Icodoc */
.square_button1 {
  color: #e0e0e0;
}

/* Noir */
.square_button2 {
  color: #000000;
}

/* Orange Docadoc */
.square_button3 {
  color: #e0e0e0;
  background-color: #ff6600;
}

.square_button1:hover,
.square_button1.active,
.square_button2:hover,
.square_button2.active,
.square_button3:hover,
.square_button2.active {
  color: #e0e0e0;
  background-color: #1e1e1e;
}

.square_button1::before,
.square_button2::before,
.square_button3::before {
  display: block;
  font-size: 40px;
}

.square_button_discussions {
  background-color: #705edd;
}

.square_button_annonces {
  background-color: #0ad37c;
}

.formulaire_centre {
  text-align: center;
}

.formulaire_centre p {
  margin-bottom: 15px;
}

.dropzone {
  background: none;
  border: none;
  min-width: 110px;
  min-height: 110px;
  height: 110px;
  width: 110px;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 20px;
}

.dropzone.dz-started {
  width: 100%;
  height: auto;
}

.dropzone .dz-default.dz-message {
  margin: 0;
}

.dropzone .dz-default.dz-message span {
  display: block;
  border: none;
  width: 100%;
  height: 100%;
  background: #f90d1d;
  color: #323635;
}

.dropzone .dz-default.dz-message span:hover {
  background-color: #000000;
  color: #e0e0e0;
}

.dropzone .dz-default.dz-message span p {
  display: block;
  font-size: 14px;
  width: 100%;
}

.dropzone .dz-default.dz-message span p::before {
  display: block;
  font-size: 70px;
}

.bouton_gauche {
  float: left;
  margin-right: 15px;
}

.bouton_droit {
  float: right;
  margin-left: 15px;
}

#icodoc_document_editer_actions {
  height: 85px;
}

#icodoc_document_editer_actions.fixed .inside {
  position: fixed;
  top: 63px;
  left: auto;
  right: auto;
  z-index: 75;
  background: #353535;
  margin-left: -10px;
  padding: 10px 0;
}

#icodoc_document_editer_actions.fixed #icodoc_document_editer_boutons_validation {
  margin-right: 10px;
}

#icodoc_document_editer_actions.fixed #icodoc_document_editer_boutons {
  margin-left: 10px;
}

#icodoc_document_editer_boutons {
  position: relative;
  list-style-type: none;
  left: auto;
  bottom: auto;
}

#icodoc_document_editer_boutons li {
  display: block;
  float: left;
  margin-right: 15px;
}

#icodoc_document_editer_boutons li button:hover {
  background-color: #fa5964;
}

#icodoc_document_editer_boutons li .button_action {
  background-color: #e0e0e0;
}

#icodoc_document_editer_boutons li .button_action:hover {
  background-color: #f90d1d;
  color: #000000;
}

#icodoc_document_editer_boutons_validation {
  float: right;
  list-style-type: none;
  margin-top: 15px;
}

#icodoc_document_editer_boutons_validation li {
  display: block;
  float: left;
  margin-left: 15px;
}

ul.liste_choix {
  width: 100%;
  list-style-type: none;
}

ul.liste_choix.colonnes_css {
  -moz-column-count: 4;
  -moz-column-gap: 20px;
  -webkit-column-count: 4;
  -webkit-column-gap: 20px;
  column-count: 4;
  column-gap: 20px;
}

ul.liste_choix li {
  margin: 0 1%;
  padding: 9px 0 5px;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}

ul.liste_choix li label {
  display: inline-block;
  margin: 0;
  width: calc(100% - 20px);
}

ul.liste_choix li input[type=checkbox] {
  vertical-align: top;
}

ul.liste_choix li input[type=checkbox]:hover {
  cursor: pointer;
}

ul.liste_choix li input[type=checkbox]:checked + label {
  color: #f90d1d;
}

ul.liste_choix.specialites li a.sous_choix {
  position: absolute;
  top: 3px;
  right: 0;
}

ul.liste_choix.specialites li a.sous_choix::before {
  font-size: 24px;
}

ul.liste_choix.specialites li a.sous_choix:hover {
  color: #f90d1d;
}

ul.liste_choix li.trail label {
  width: calc(100% - 40px);
}

ul.liste_choix li ul.sous_elements {
  margin-top: 5px;
  margin-left: 25px;
  list-style-type: none;
}

ul.liste_choix li ul.sous_elements li {
  float: none;
  border: none;
  padding: 5px 0;
}

p.saisie_reseau_social {
  position: relative;
}

p.saisie_reseau_social span {
  position: absolute;
  top: 25px;
  left: 5px;
  color: #000000;
}

p.saisie_reseau_social input {
  width: 100%;
}

/**************************************************************************************************
*
* Tableaux
*
**************************************************************************************************/
table.docadoc_tableau {
  width: 100%;
  font-size: 12px;
}

table.docadoc_tableau th {
  font-weight: bold;
  border-bottom: 2px solid #ff6600;
}

table.docadoc_tableau td {
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px solid #ffffff;
}

th.docadoc_tableau_discussions {
  text-align: left;
}

docadoc_tableau_discussions {
  width: 60%;
}

.docadoc_tableau_messages {
  width: 20%;
}

.docadoc_tableau_dernier_message {
  width: 20%;
}

.mini_messagerie_zone {
  background-color: #ffffff;
}

/**************************************************************************************************
*
* Onglets
*
**************************************************************************************************/
ul.onglets1,
ul.onglets2,
ul.onglets3 {
  display: block;
  list-style-type: none;
  width: 100%;
  border-bottom: 3px solid #f90d1d;
  margin-bottom: 25px;
}

ul.onglets2 {
  border-bottom: none;
  margin-bottom: 0;
}

ul.onglets1 li,
ul.onglets2 li,
ul.onglets3 li {
  display: inline;
  margin: 0 2px;
}

ul.onglets1 li a,
ul.onglets2 li a,
ul.onglets3 li a {
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background-color: #777777;
  color: #353535;
  padding: 10px 35px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

ul.onglets2 li a {
  text-transform: none;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
  margin: 0;
}

ul.onglets1 li a:hover,
ul.onglets1 li a.active,
ul.onglets2 li a:hover,
ul.onglets2 li a.active {
  background-color: #f90d1d;
  color: #ffffff;
}

ul.onglets3 {
  border-color: #705edd;
}
ul.onglets3 li a {
  color: #ffffff;
  background-color: #777777;
}

ul.onglets3 li a:hover,
ul.onglets3 li a.active {
  background-color: #705edd;
}

ul.onglets_centres {
  text-align: center;
}

/**************************************************************************************************
*
* Entete
*
**************************************************************************************************/
#header {
  background-color: #000000;
  border-bottom: 5px solid #ff6600;
  height: 60px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

body.pseudo #header,
body.pseudo #header .inside,
body.pseudo #header_search input[type=text] {
  background-color: #7f7b7b;
}

#header .wrap {
  position: relative;
}

#header .inside {
  position: relative;
  padding: 12px 0;
  height: 36px;
  z-index: 1000;
  background-color: #000000;
}

#changelang {
  float: left;
  color: #000000;
  text-transform: lowercase;
}
#changelang a + a {
  margin-left: 25px;
}

#header_logo,
#header_search,
#header_upload {
  float: left;
}

#header_logo img {
  display: block;
  border: none;
}

#header_search {
  margin: 0 95px 0 185px;
  position: relative;
}

#header_search input[type=text] {
  font-weight: 700;
  color: #ffffff;
  font-size: 12px;
  background-color: #000000;
  border: 3px #ffffff solid;
  padding: 5px;
  width: 430px;
}

#header_search input::-webkit-input-placeholder {
  color: #ffffff;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

#header_search input::-moz-placeholder {
  color: #ffffff;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

#header_search input:-ms-input-placeholder {
  color: #ffffff;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

#header_search input:-moz-placeholder {
  color: #ffffff;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

#header_search i {
  position: absolute;
  top: 2px;
  right: 5px;
  font-size: 22px;
}

#header_upload a {
  display: block;
  width: 36px;
  height: 36px;
  font-size: 0;
  position: relative;
  top: -3px;
  background: url("../svg/plus-cadre-blanc.svg");
  background-repeat: no-repeat;
  background-size: 122%;
  background-position: center;
}
#header_upload a:hover {
  background: url("../svg/plus-cadre-orange.svg");
  background-size: 122%;
  background-position: center;
}

#header_messages,
#header_account,
#header_member {
  float: right;
}

#header_member {
  text-align: right;
  margin-right: 5px;
}

#header_member span {
  text-transform: uppercase;
}

.header_member,
.header_member a {
  font-weight: 700;
  font-size: 14px;
}

#header .header_member,
#header .header_member a {
  font-size: 12px;
}

i.icon-only,
.header_member i {
  font-size: 0;
}

i.icon-only::before,
.header_member i::before {
  font-size: 16px;
}

.header_member #lien_connectes span,
#header_messages span {
  display: inline-block;
  width: 20px;
  height: 18px;
  background-color: #ff6600;
  border-radius: 25px;
  padding: 2px 0 0 0;
  color: #000000;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

#header .header_member #lien_connectes span,
#header #header_messages span {
  font-size: 12px;
}

#header_messages {
  position: relative;
}

#header_messages a {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 0;
}

#header_messages a::before {
  font-size: 42px;
}

#header_messages a:hover {
  color: #ff6600;
}

#header_messages span {
  position: absolute;
  top: 0;
  right: 0;
}

#header_account.nouveaute::after {
  content: "●";
  position: absolute;
  top: 5px;
  right: 45px;
  font-size: 15px;
  color: #4ca2f7;
}

#header_account a#header_lien_compte {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 0;
}

#header_account a#header_lien_compte::before {
  font-size: 38px;
}

#header_account a#header_lien_compte:hover,
#header_account a#header_lien_compte.active {
  color: #ff6600;
}

#header_lien_compte.active::after {
  background: transparent url("../images/menu_compte_fleche.png") no-repeat scroll center bottom;
  bottom: 0;
  right: 55px;
  content: " ";
  display: block;
  height: 5px;
  position: absolute;
  width: 14px;
}

#account_menu {
  position: absolute;
  background: #ff6600 none repeat scroll 0 0;
  top: -240px;
  right: 40px;
  width: 200px;
  z-index: 100;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

#account_menu.active {
  top: 65px;
}

#account_menu .field1 {
  width: calc(100% - 10px);
}

#account_menu .button2 {
  width: 100%;
  padding: 5px;
}

#account_menu ul {
  list-style-type: none;
}

#account_menu ul li form {
  padding: 8px;
}

#account_menu ul li a {
  font-family: "Karla", helvetica, verdana, sans-serif;
  position: relative;
  display: block;
  padding: 10px 35px 10px 5px;
  text-align: right;
  text-transform: uppercase;
  color: #000000;
  font-size: 12px;
  font-weight: 700;
}
#account_menu ul li a.nouveaute::after {
  content: "●";
  position: absolute;
  top: 0;
  right: 4px;
  font-size: 15px;
  color: #4ca2f7;
}

#account_menu ul li a:hover {
  background-color: #ffffff;
}

#account_menu ul li a.icon::before {
  font-family: "docadoc-icon";
}

#account_menu ul li a.icon2::before {
  font-family: "docadoc-icon2";
}

#account_menu ul li a.icon::before,
#account_menu ul li a.icon2::before {
  position: absolute;
  top: 3px;
  right: 7px;
  font-size: 24px;
  font-weight: normal;
  height: 20px;
  width: 30px;
}

/**************************************************************************************************
*
* Pub entete
*
**************************************************************************************************/
#header_pub > * {
  margin: 10px 0 0;
  text-align: center;
}

/**************************************************************************************************
*
* Menu principal
*
**************************************************************************************************/
#menu_principal {
  padding-top: 10px;
  border-bottom: 5px solid #ff6600;
  /*    height: 60px;*/
}

body.discussions #menu_principal {
  border-color: #705edd;
}

body.groupes #menu_principal {
  border-color: #2daae8;
}

body.icodoc #menu_principal {
  border-color: #f90d1d;
}

body.annonces #menu_principal {
  border-color: #0ad37c;
}

body.membres #menu_principal {
  border-color: #26d6b7;
}

body.inviter #menu_principal {
  border-color: #e0fc2d;
}

body.partenaires #menu_principal {
  border-color: #9354db;
}

body.aide #menu_principal {
  border-color: #9354db;
}

.menu_principal ul {
  list-style-type: none;
  text-align: justify;
  display: flex;
  justify-content: space-between;
}

/*#menu_principal ul::after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 95%;
}*/
.menu_principal ul li {
  display: inline-block;
}

.menu_principal ul li a {
  display: inline-block;
  text-transform: lowercase;
  height: 28px;
  padding: 10px;
  font-size: 18px;
  -webkit-transition: background 0.2s ease 0s;
  transition: background 0.2s ease 0s;
}

.menu_principal ul li a span {
  font-family: "Karla", helvetica, verdana, sans-serif;
}

.menu_principal ul li a::before {
  font-size: 30px;
  font-weight: 400;
  vertical-align: middle;
  margin-right: 5px;
}

#wrapper .menu_principal ul li a:hover,
#wrapper .menu_principal ul li a.active {
  color: #000000;
}

.menu_principal ul li a.icon-icodoc::before {
  font-size: 0;
}

.menu_principal ul li a.icon-icodoc {
  height: 28px;
}

#wrapper .menu_principal ul li a span {
  display: inline-block;
  height: 30px;
  vertical-align: middle;
}

#wrapper .menu_principal ul li a:hover span,
#wrapper .menu_principal ul li a.active span {
  color: transparent;
}

.menu_principal ul li.page_accueil a {
  color: #ff6600;
}
.menu_principal ul li.page_accueil a span {
  width: 63px;
}
.menu_principal ul li.page_accueil a:hover, .menu_principal ul li.page_accueil a.active {
  background-color: #ff6600;
}

.menu_principal ul li.page_discussions a {
  color: #705edd;
}

.menu_principal ul li.page_discussions a:hover, .menu_principal ul li.page_discussions a.active {
  background-color: #705edd;
}

.menu_principal ul li.page_groupes a {
  color: #2daae8;
}

.menu_principal ul li.page_groupes a:hover, .menu_principal ul li.page_groupes a.active {
  background-color: #2daae8;
}

#groupes_header_link span,
#discussions_header_link span {
  display: inline-block;
  height: 36px;
  width: 130px;
  vertical-align: middle;
  color: transparent;
}

#discussions_header_link span {
  padding-left: 20px;
}

.menu_principal ul li.page_icodoc a {
  color: #f90c1c;
}

.menu_principal ul li.page_icodoc a:hover, .menu_principal ul li.page_icodoc a.active {
  background-color: #f90c1c;
}

.menu_principal ul li.page_annonces a {
  color: #0ad37c;
}

.menu_principal ul li.page_annonces a:hover, .menu_principal ul li.page_annonces a.active {
  background-color: #0ad37c;
}

.menu_principal ul li.page_membres a {
  color: #26d6b7;
}

.menu_principal ul li.page_membres a:hover, .menu_principal ul li.page_membres a.active {
  background-color: #26d6b7;
}

#membres_header_link span {
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  color: transparent;
}

.menu_principal ul li.page_inviter a {
  color: #e0fc2d;
}

.menu_principal ul li.page_inviter a:hover, .menu_principal ul li.page_inviter a.active {
  background-color: #e0fc2d;
}

.menu_principal ul li.page_partenaires a {
  color: #9354db;
}

.menu_principal ul li.page_partenaires a:hover, .menu_principal ul li.page_partenaires a.active {
  background-color: #9354db;
}

.menu_principal ul li.page_aide a {
  color: #9354db;
}

.menu_principal ul li.page_aide a:hover, .menu_principal ul li.page_aide a.active {
  background-color: #9354db;
}

body.fr_FR .menu_principal ul li.page_accueil a span {
  background: url("../svg/fr_FR/accueil.svg") no-repeat center center;
  color: transparent;
}
body.fr_FR .menu_principal ul li.page_accueil a:hover span, body.fr_FR .menu_principal ul li.page_accueil a.active span {
  background-image: url("../svg/fr_FR/accueil_active.svg");
}
body.fr_FR .container_header a.container_header_link.titre_docadoc_accueil span {
  background-image: url("../svg/fr_FR/accueil_blanc.svg");
}
body.fr_FR .menu_principal ul li.page_discussions a span {
  background: url("../svg/fr_FR/discussions.svg") no-repeat center center;
  color: transparent;
}
body.fr_FR .menu_principal ul li.page_discussions a:hover span, body.fr_FR .menu_principal ul li.page_discussions a.active span {
  background-image: url("../svg/fr_FR/discussions_active.svg");
}
body.fr_FR #discussions_header_link span {
  background: url("../svg/fr_FR/discussions_active_mobile.svg") no-repeat center center;
  background-size: 126px;
}
body.fr_FR .menu_principal ul li.page_groupes a span {
  background: url("../svg/fr_FR/groupes.svg") no-repeat center center;
  color: transparent;
}
body.fr_FR .menu_principal ul li.page_groupes a:hover span, body.fr_FR .menu_principal ul li.page_groupes a.active span {
  background-image: url("../svg/fr_FR/groupes_active.svg");
}
body.fr_FR #groupes_header_link span {
  background: url("../svg/fr_FR/groupes_active_mobile.svg") no-repeat center center;
  background-size: 100px;
}
body.fr_FR .menu_principal ul li.page_icodoc a span {
  background: url("../svg/fr_FR/icodoc.svg") no-repeat center center;
  color: transparent;
}
body.fr_FR .menu_principal ul li.page_icodoc a:hover span, body.fr_FR .menu_principal ul li.page_icodoc a.active span {
  background-image: url("../svg/fr_FR/icodoc_active.svg");
}
body.fr_FR a#icodoc_header_link span {
  background: transparent url("../svg/fr_FR/icodoc_titre.svg") center center no-repeat;
}
body.fr_FR .not_connected a#icodoc_header_link span {
  background: transparent url("../svg/fr_FR/icodoc_titre_couleur.svg") center center no-repeat;
}
body.fr_FR .menu_principal ul li.page_annonces a span {
  background: url("../svg/fr_FR/annonces.svg") no-repeat center center;
  color: transparent;
}
body.fr_FR .menu_principal ul li.page_annonces a:hover span, body.fr_FR .menu_principal ul li.page_annonces a.active span {
  background-image: url("../svg/fr_FR/annonces_active.svg");
}
body.fr_FR .menu_principal ul li.page_membres a span {
  background: url("../svg/fr_FR/membres.svg") no-repeat center center;
  color: transparent;
}
body.fr_FR .menu_principal ul li.page_membres a:hover span, body.fr_FR .menu_principal ul li.page_membres a.active span {
  background-image: url("../svg/fr_FR/membres_active.svg");
}
body.fr_FR #membres_header_link span {
  background: url("../svg/fr_FR/membres_active_mobile.svg") no-repeat center center;
  background-size: 90px;
}
body.fr_FR .menu_principal ul li.page_inviter a span {
  background: url("../svg/fr_FR/inviter.svg") no-repeat center center;
  color: transparent;
}
body.fr_FR .menu_principal ul li.page_inviter a:hover span, body.fr_FR .menu_principal ul li.page_inviter a.active span {
  background-image: url("../svg/fr_FR/inviter_active.svg");
}
body.fr_FR .menu_principal ul li.page_partenaires a span {
  background: url("../svg/fr_FR/partenaires.svg") no-repeat center center;
  color: transparent;
}
body.fr_FR .menu_principal ul li.page_partenaires a:hover span, body.fr_FR .menu_principal ul li.page_partenaires a.active span {
  background-image: url("../svg/fr_FR/partenaires_active.svg");
}
body.fr_FR .menu_principal ul li.page_aide a span {
  background: url("../svg/fr_FR/aide.svg") no-repeat center center;
  color: transparent;
}
body.fr_FR .menu_principal ul li.page_aide a:hover span, body.fr_FR .menu_principal ul li.page_aide a.active span {
  background-image: url("../svg/fr_FR/aide_active.svg");
}

body.en_GB .menu_principal ul li.page_accueil a span {
  background: url("../svg/en_GB/accueil.svg") no-repeat center center;
  color: transparent;
}
body.en_GB .menu_principal ul li.page_accueil a:hover span, body.en_GB .menu_principal ul li.page_accueil a.active span {
  background-image: url("../svg/en_GB/accueil_active.svg");
}
body.en_GB .container_header a.container_header_link.titre_docadoc_accueil span {
  background-image: url("../svg/en_GB/accueil_blanc.svg");
}
body.en_GB .menu_principal ul li.page_discussions a span {
  background: url("../svg/en_GB/discussions.svg") no-repeat center center;
  color: transparent;
}
body.en_GB .menu_principal ul li.page_discussions a:hover span, body.en_GB .menu_principal ul li.page_discussions a.active span {
  background-image: url("../svg/en_GB/discussions_active.svg");
}
body.en_GB #discussions_header_link span {
  background: url("../svg/en_GB/discussions_active_mobile.svg") no-repeat center center;
  background-size: 126px;
}
body.en_GB .menu_principal ul li.page_groupes a span {
  background: url("../svg/en_GB/groupes.svg") no-repeat center center;
  color: transparent;
}
body.en_GB .menu_principal ul li.page_groupes a:hover span, body.en_GB .menu_principal ul li.page_groupes a.active span {
  background-image: url("../svg/en_GB/groupes_active.svg");
}
body.en_GB .menu_principal ul li.page_icodoc a span {
  background: url("../svg/en_GB/icodoc.svg") no-repeat center center;
  color: transparent;
}
body.en_GB .menu_principal ul li.page_icodoc a:hover span, body.en_GB .menu_principal ul li.page_icodoc a.active span {
  background-image: url("../svg/en_GB/icodoc_active.svg");
}
body.en_GB a#icodoc_header_link span {
  background: transparent url("../svg/en_GB/icodoc_titre.svg") center center no-repeat;
}
body.en_GB .not_connected a#icodoc_header_link span {
  background: transparent url("../svg/en_GB/icodoc_titre_couleur.svg") center center no-repeat;
}
body.en_GB #groupes_header_link span {
  background: url("../svg/en_GB/groupes_active_mobile.svg") no-repeat center center;
  background-size: 80px;
}
body.en_GB .menu_principal ul li.page_annonces a span {
  background: url("../svg/en_GB/annonces.svg") no-repeat center center;
  color: transparent;
}
body.en_GB .menu_principal ul li.page_annonces a:hover span, body.en_GB .menu_principal ul li.page_annonces a.active span {
  background-image: url("../svg/en_GB/annonces_active.svg");
}
body.en_GB .menu_principal ul li.page_membres a span {
  background: url("../svg/en_GB/membres.svg") no-repeat center center;
  color: transparent;
}
body.en_GB .menu_principal ul li.page_membres a:hover span, body.en_GB .menu_principal ul li.page_membres a.active span {
  background-image: url("../svg/en_GB/membres_active.svg");
}
body.en_GB #membres_header_link span {
  background: url("../svg/en_GB/membres_active_mobile.svg") no-repeat center center;
  background-size: 90px;
}
body.en_GB .menu_principal ul li.page_inviter a span {
  background: url("../svg/en_GB/inviter.svg") no-repeat center center;
  color: transparent;
}
body.en_GB .menu_principal ul li.page_inviter a:hover span, body.en_GB .menu_principal ul li.page_inviter a.active span {
  background-image: url("../svg/en_GB/inviter_active.svg");
}
body.en_GB .menu_principal ul li.page_partenaires a span {
  background: url("../svg/en_GB/partenaires.svg") no-repeat center center;
  color: transparent;
}
body.en_GB .menu_principal ul li.page_partenaires a:hover span, body.en_GB .menu_principal ul li.page_partenaires a.active span {
  background-image: url("../svg/en_GB/partenaires_active.svg");
}
body.en_GB .menu_principal ul li.page_aide a span {
  background: url("../svg/en_GB/aide.svg") no-repeat center center;
  color: transparent;
}
body.en_GB .menu_principal ul li.page_aide a:hover span, body.en_GB .menu_principal ul li.page_aide a.active span {
  background-image: url("../svg/en_GB/aide_active.svg");
}

/**************************************************************************************************
*
* Fil d'ariane
*
**************************************************************************************************/
#fil_ariane {
  padding: 10px 0;
}

#fil_ariane,
#fil_ariane a,
#fil_ariane a.lienn {
  font-family: "Karla", helvetica, verdana, sans-serif;
  font-size: 12px;
  color: #ffffff;
}

#fil_ariane a:hover {
  color: #ff6600;
}

/**************************************************************************************************
*
* Pied de page
*
**************************************************************************************************/
#footer {
  border-top: 5px solid #ff6600;
  color: #999999;
  text-transform: uppercase;
}

#footer .wrap {
  padding: 10px 0 0;
}

#footer .colonne {
  float: left;
  width: 31%;
  padding: 0 1.5% 30px;
}

#footer .colonne.first {
  padding-left: 0;
}

#footer .colonne.last {
  padding-right: 0;
}

#footer .affiliation {
  float: right;
  margin-top: 50px;
}

#footer .bloc_mentions {
  font-size: 10px;
  margin-top: 25px;
}

#footer h3 {
  font-weight: 400;
  padding: 12px 0 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #999999;
  color: #999999;
}

#footer ul {
  list-style-type: none;
}

#footer ul li {
  display: inline-block;
  margin-bottom: 10px;
}

#footer .button1 {
  background-color: #999999;
  padding: 5px;
}

#footer .button1:hover {
  background-color: #e0e0e0;
}

#footer ul.bloc_reseaux_sociaux {
  margin-top: 10px;
}

#footer ul.bloc_reseaux_sociaux li + li {
  margin-left: 12px;
}

#footer ul.bloc_reseaux_sociaux li a {
  display: inline-block;
  color: #999999;
  width: 30px;
  height: 30px;
  font-size: 0;
}

#footer ul.bloc_reseaux_sociaux li a:hover {
  color: #ff6600;
}

#footer ul.bloc_reseaux_sociaux li a::before {
  font-size: 30px;
}

#pied_retour_top {
  height: 70px;
}

#pied_retour_top a {
  position: fixed;
  right: 50px;
  bottom: 18px;
  display: block;
  opacity: 0;
  width: 60px;
  height: 0;
  padding-top: 0;
  overflow: hidden;
  background: transparent url("../images/fleche.png") left top no-repeat;
  -webkit-transition: opacity 0.15s linear 0s;
  transition: opacity 0.15s linear 0s;
  z-index: 50;
}

#pied_retour_top.show a {
  padding-top: 60px;
  opacity: 1;
}

#pied_retour_top a:hover {
  opacity: 0.7;
}

/**************************************************************************************************
*
* Formulaire de recherche
*
**************************************************************************************************/
.suggestionsBox {
  position: absolute;
  left: 0;
  margin: 0;
  top: 32px;
  width: 100%;
  background-color: #000000;
  color: #ffffff;
  text-align: left;
}

.suggestionList {
  margin: 0;
  padding: 0;
  border-left: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
}

.suggestionList li {
  margin: 0;
  padding: 0;
  cursor: pointer;
  list-style-type: none;
  font-size: 13px;
}

.suggestionList li:hover {
  background-color: #ff6600;
}

.suggestionList li a {
  color: #ffffff;
  display: block;
  font-size: 13px;
  padding: 5px 5px;
  border-bottom: 1px solid #ffffff;
}

.suggestionList #suggestions_plus_resultats {
  width: 100%;
  height: 45px;
}

.suggestionList #suggestions_plus_resultats a,
.suggestionList #suggestions_annuler a {
  display: inline-block;
  background-color: #ffffff;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 10px;
  margin-right: 10px;
  margin-top: 10px;
  float: right;
}

.suggestionList #suggestions_annuler a {
  float: left;
  margin-left: 10px;
}

.suggestionList #suggestions_plus_resultats a:hover,
.suggestionList #suggestions_annuler a:hover {
  background-color: #ff6600;
}

/**************************************************************************************************
*
* Contenu
*
**************************************************************************************************/
#container {
  /*background-color: #353535;*/
  /*    background-color: #E0E0E0;*/
  background-color: #ffffff;
  padding: 25px 0;
  font-size: 12px;
}

#container_wrap {
  position: relative;
  /*    overflow: hidden; Enlev? pour les menus d?roulants des vignettes des fichiers Icodoc */
  overflow: hidden;
}

.container_header {
  height: 45px;
  /*    position: relative;*/
}

.container_header .container_header_inside {
  padding: 5px;
}

.container_header a.container_header_menu::before {
  font-size: 28px;
}

.container_header a.container_header_menu {
  display: block;
  font-size: 0;
  height: 35px;
  width: 35px;
  float: left;
  color: #353535;
  margin-right: 20px;
}

.container_header a.container_header_menu:hover,
.container_header a.container_header_menu.active {
  color: #ffffff;
}

a.container_header_link {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  text-transform: lowercase;
}

a.container_header_link::before {
  color: #ffffff;
  font-size: 36px;
  font-weight: normal;
  text-transform: lowercase;
  vertical-align: middle;
}

.container_header a.container_header_link span {
  color: #ffffff;
  font-size: 24px;
  font-weight: bold;
  text-transform: lowercase;
}

a#icodoc_header_link span {
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  color: transparent;
}

.container_header a#groupes_header_link::before {
  padding-right: 10px;
}

.not_connected a#icodoc_header_link span {
  font-size: 46px;
  height: 37px;
  color: transparent;
}

/* Specificites par rubriques */
body.page #container,
body.groupes #container,
body.icodoc #container,
body.membres #container,
body.discussions #container {
  background-color: #000000;
  text-align: left;
  padding-top: 0;
}

body.page_accueil #container {
  padding: 0;
}

body.page #container #container_wrap_inside,
body.groupes #container #container_wrap_inside,
body.icodoc #container #container_wrap_inside,
body.membres #container #container_wrap_inside,
body.discussions #container #container_wrap_inside {
  background-color: #353535;
  color: #e0e0e0;
  padding: 20px 10px;
  min-height: 300px;
  padding-bottom: 100px;
}

body.page #container #container_wrap_inside p {
  margin-bottom: 20px;
}

body.page_accueil #container #container_wrap_inside {
  padding: 0;
  background-color: #000000;
}

body .container_header {
  text-align: left;
  background-color: #ff6600;
}

body.groupes .container_header {
  background-color: #2daae8;
}

body.icodoc .container_header {
  background-color: #f90d1d;
}

body.membres .container_header {
  background-color: #26d6b7;
}

body.icodoc .container_header.not_connected {
  background-color: #353535;
}

body.icodoc .container_header .container_header_inside {
  padding: 10px;
}

body.icodoc .help_title {
  color: #f90d1d;
}

body.icodoc .help_title:hover {
  color: #fa5964;
}

ul#liste_mettre_en_ligne {
  list-style-type: none;
  width: 70%;
  margin: 50px auto 0;
}

ul#liste_mettre_en_ligne li {
  display: block;
  width: 33%;
  float: left;
  position: relative;
}

ul#liste_mettre_en_ligne li a {
  width: 120px;
  height: 120px;
  font-size: 18px;
  line-height: 18px;
  color: #000000;
  margin: 0 auto;
}

ul#liste_mettre_en_ligne li a:hover {
  color: #ffffff;
}

ul#liste_mettre_en_ligne li a::before {
  font-size: 80px;
}

.cadre_moitie_gauche {
  float: left;
  width: 48%;
  margin-right: 2%;
}

.cadre_moitie_droite {
  margin-left: 52%;
}

.cadre_moitie_gauche h2,
.cadre_moitie_droite h2 {
  margin: 0;
}

.cadre_moitie_inside {
  background-color: #1e1e1e;
  padding: 10px;
  min-height: 250px;
}

.cadre_moitie_droite p {
  margin-bottom: 5px;
}

.cadre_moitie_inside input.field1 {
  max-width: 250px;
}

#bouton_inscription {
  width: 80px;
  margin-top: 25px;
}

/**************************************************************************************************
*
* ICODOC
*
**************************************************************************************************/
#pastille-nouveau-fichier {
  position: fixed;
  background: url("../images/pastille_icodoc.svg");
  background-repeat: no-repeat;
  background-position: 1px 11px;
  right: 30px;
  bottom: 100px;
  overflow: visible;
  width: 130px;
  height: 130px;
  background-size: contain;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  z-index: 100;
  word-spacing: 9999px;
}
#pastille-nouveau-fichier:hover a, #pastille-nouveau-fichier:focus a {
  text-decoration: underline;
}

.zone_icodoc_illustration picture img {
  max-width: 100%;
}

body.icodoc h1 {
  color: #f90d1d;
}

body.icodoc h2 {
  color: #f90d1d;
  border-bottom: 3px #f90d1d solid;
}

body.icodoc h2.titre_depliant {
  color: #e0e0e0;
  text-transform: none;
  border-bottom: 3px #e0e0e0 solid;
  margin: 0;
}

#icodoc_header_menu.active::before {
  content: "";
}

#icodoc_menu {
  background-color: #e0e0e0;
  position: absolute;
  left: -240px;
  top: 0;
  height: 100%;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 200px;
  z-index: 100;
  -webkit-box-shadow: 10px 0px 12px -6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 10px 0px 12px -6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 10px 0px 12px -6px rgba(0, 0, 0, 0.3);
  box-shadow: 10px 0px 12px -6px rgba(0, 0, 0, 0.3);
}

#icodoc_menu.active {
  left: 0;
}

#icodoc_menu ul {
  list-style-type: none;
  padding-top: 10px;
}

#icodoc_menu ul li a {
  color: #353535;
  font-size: 12px;
  font-weight: 700;
  padding: 10px 5px 10px 10px;
  position: relative;
  text-transform: uppercase;
  font-family: "Karla", helvetica, verdana, sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

#icodoc_menu ul li a.trail {
  padding-bottom: 0;
}

#icodoc_menu ul li a.icon::before {
  font-family: "docadoc-icon";
  font-size: 24px;
  font-weight: normal;
  height: 20px;
  left: 7px;
  top: 3px;
  width: 30px;
}

#icodoc_menu ul li a:hover {
  color: #f90c1c;
}

#icodoc_menu ul li ul {
  padding-top: 0;
}

#icodoc_menu ul li ul li a {
  padding: 3px 5px 3px 60px;
}

.generic_search.icodoc_search input[type=text] {
  border-color: #f90d1d;
  width: 550px;
  max-width: 100%;
}

.generic_search.icodoc_search input[type=text]:focus {
  outline-color: #f90d1d;
}

.generic_search.group_add_doc_search select,
.generic_search.icodoc_search select {
  background-color: #e0e0e0;
  border: medium none;
  color: #353535;
  font-size: 12px;
  font-weight: 700;
  padding: 5px;
  border: 2px solid #e0e0e0;
}

.generic_search.discussions_search i,
.generic_search.icodoc_search i {
  right: 5px;
}

#directory_search {
  float: left;
}

#document_search input[type=text] {
  width: calc(100% - 15px);
}

#directory_search #directory_search_inside_input {
  position: relative;
  float: left;
}

#directory_search #directory_search_inside_input,
#directory_search input[type=text] {
  width: 450px;
}

#users_search #recherche_groupe_ajout_doc_dossier_concerne,
#directory_search #recherche_mes_dossiers_dossier_concerne {
  width: 250px;
  margin-left: 15px;
}

#bouton_nouveau_dossier {
  float: right;
}

.icodoc_dossier_header {
  width: 100%;
  min-height: 30px;
  background: #fd5964;
  margin-top: 20px;
  color: #ffffff;
}

.dossier_a_classer .icodoc_dossier_header,
.specialite_utilisateur .icodoc_dossier_header,
.carousel_abonnements .icodoc_dossier_header {
  background-color: #e0e0e0;
}

.dossier_a_classer .icodoc_dossier_header a {
  text-transform: uppercase;
  color: #353535;
}

.specialite_utilisateur .icodoc_dossier_header a,
.carousel_abonnements .icodoc_dossier_header a {
  color: #353535;
}

.dossier_a_classer .icodoc_dossier_header a:hover,
.specialite_utilisateur .icodoc_dossier_header a:hover,
.carousel_abonnements .icodoc_dossier_header a:hover {
  color: #f90d1d;
}

.icodoc_dossier_header span {
  display: inline-block;
  max-width: calc(100% - 70px);
  overflow: hidden;
  height: 25px;
}

.icodoc_dossier_header span a {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 7px 15px 0;
}

.icodoc_dossier_header span a:hover {
  color: #000000;
}

.icodoc_dossier_header_bouton {
  float: right;
  display: block;
  font-size: 0;
  height: 30px;
  width: 30px;
  border-left: 3px solid #353535;
  color: #ffffff;
}

.icodoc_dossier_header_bouton::before {
  font-size: 30px;
}

.icodoc_dossier_header_bouton:hover {
  background-color: #ffffff;
  color: #f90d1d;
}

.icodoc_dossier_carousel {
  margin-top: 20px;
  margin-bottom: 25px;
  overflow: hidden;
  /* Pour masquer les ?l?ments du carousel mais laisser la place au menu de chaque document */
}

.icodoc_dossier_carousel.active {
  margin-bottom: 0;
}

.icodoc_dossier_carousel .icodoc_dossier_header {
  margin-top: 0;
}

.icodoc_dossier_documents_carousel {
  height: 250px;
}

.icodoc_dossier_documents_carousel ul li.carousel_element {
  height: 195px;
}

ul.liste_choix.icodoc_carousel_liste_sous_specialites li {
  border-bottom: none;
  padding: 0 5px;
}

ul.liste_choix.icodoc_carousel_liste_sous_specialites li a {
  border-bottom: 1px solid #e0e0e0;
  display: inline-block;
  padding: 9px 5px 5px;
  width: 100%;
}

ul.icodoc_carousel_liste_sous_specialites li a:hover {
  color: #f90d1d;
}

.icodoc_dossier_carousel .icodoc_carousel_liste_sous_specialites_lien_affichage {
  display: none;
}

/**************************************************************************************************
*
* ICODOC - Partage
*
**************************************************************************************************/
.partager-avec {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.partager-avec .partager-avec-inside {
  width: 50%;
}
.partager-avec .partager-avec-inside .envoyer_edition_parametres_bouton_categories {
  background: #fff;
}
.partager-avec .partager-avec-inside .envoyer_edition_parametres_bouton_categories:hover, .partager-avec .partager-avec-inside .envoyer_edition_parametres_bouton_categories:focus {
  background: #f90d1d;
}
.partager-avec .butsuppartage {
  position: relative;
  padding: 3px;
  font-size: 10px;
  text-transform: inherit;
  background: #b5b5b5;
}

.icodoc_partages_afficher_alerte {
  margin-top: 10px;
}
.icodoc_partages_afficher_alerte .bouton_droit {
  margin-left: 5px;
}

#formulaire_document_partages_groupes .liste .ligne input {
  margin-bottom: 5px;
}
#formulaire_document_partages_groupes .liste .ligne label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 5px;
  max-width: calc(100% - 20px);
}

.icodoc_dossier_header_bouton.icon-partager01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.icodoc_dossier_header_bouton.icon-partager01::before {
  font-size: 25px;
}

.icodoc_partage .envoyer_liste_partages_membres {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.icodoc_partage .envoyer_liste_partages_membres label {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.icodoc_partage .envoyer_liste_partages_membres .butsuppartage {
  margin-right: 15px;
  margin-bottom: 12px;
}

@media screen and (max-width: 640px) {
  .partager-avec {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .partager-avec .partager-avec-inside {
    width: 100%;
  }

  .icodoc_partage .bouton_gauche {
    min-width: 110px;
    margin-right: 20px;
    margin-bottom: 15px;
  }
}
/**************************************************************************************************
*
* ICODOC - Dossiers
*
**************************************************************************************************/
.icon-oeil::before {
  font-size: 14px;
}

.icodoc_dossier .icodoc_dossier_documents,
.icodoc_dossier .icodoc_carousel_liste_sous_specialites {
  display: none;
  background-color: #1e1e1e;
}

.icodoc_dossier.active .icodoc_dossier_documents,
.icodoc_dossier.active .icodoc_carousel_liste_sous_specialites {
  display: block;
}

.masque_uniquement_surspecialites .icodoc_dossier .icodoc_dossier_documents {
  display: block;
}

.icodoc_dossier_description {
  display: none;
  padding: 30px;
}

.icodoc_dossier_documents .encart_pj {
  display: block;
  position: relative;
}

.icodoc_dossier_documents .lienpj,
.envoyer_edition .lienpj {
  display: block;
  position: relative;
  height: 125px;
  padding-bottom: 55px;
  width: 100%;
}

.icodoc_dossier_documents.thread_documents .lienpj {
  height: auto;
}

.icodoc_dossier_documents .lienpj:hover,
.envoyer_edition .lienpj:hover {
  text-decoration: none;
}

.icodoc_dossier_documents .lienpj .icon,
.icodoc_dossier_documents .encart_document_edition_multiple_label .encart_pj .icon,
.envoyer_edition .lienpj .icon,
.icodoc_dossier_documents .document_erreur,
.envoyer_edition .document_erreur {
  display: block;
  position: relative;
  width: 100%;
  height: 180px;
  color: #1e1e1e;
  background-color: #777777;
}

.icodoc_dossier_documents .lienpj .icon,
.icodoc_dossier_documents .document_erreur {
  height: 125px;
}

.icodoc_dossier_documents.dossier_details .document_erreur {
  height: 60px;
  font-size: 8px;
}

.visuel_document .document_erreur {
  padding-top: 80px;
  height: 100px;
}

.icodoc_dossier_documents .document_erreur,
.envoyer_edition .document_erreur {
  text-align: center;
}

.icodoc_dossier_documents .lienpj .icon::before,
.icodoc_dossier_documents .encart_document_edition_multiple_label .encart_pj .icon::before,
.envoyer_edition .lienpj .icon::before {
  font-size: 110px;
  padding: 0;
  top: calc(50% - 55px);
  left: calc(50% - 55px);
  position: absolute;
}

.icodoc_dossier_documents.dossier_details .lienpj .icon::before,
.icodoc_dossier_documents.dossier_details .encart_document_edition_multiple_label .encart_pj .icon::before {
  left: 0;
  top: 0;
}

.icodoc_dossier_documents .encart_pj .lienpj_video.icon,
.envoyer_edition .encart_pj .lienpj_video.icon {
  display: block;
  width: 70px;
  height: 70px;
  position: absolute;
  top: calc(50% - 60px);
  left: calc(50% - 35px);
  background: none;
  color: #e0e0e0;
}

.envoyer_edition .encart_pj .lienpj_video.icon {
  width: 110px;
  height: 110px;
  top: calc(50% - 55px);
  left: calc(50% - 55px);
}

.icodoc_dossier_documents .encart_pj .lienpj_video.icon::before {
  font-size: 70px;
  padding-left: 0;
  padding-top: 0;
  top: 0;
  left: 0;
  position: absolute;
}

.icodoc_dossier_documents .lienpj_hover,
.envoyer_edition .lienpj_hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url("../images/lienpj_hover.png") repeat left top;
  width: 100%;
  height: 100%;
}

.icodoc_dossier_documents .encart_pj:hover .lienpj_hover,
.envoyer_edition .encart_pj:hover .lienpj_hover {
  display: block;
}

.icodoc_dossier_documents .lienpj_menu {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.icodoc_dossier_documents .lienpj_menu li a {
  display: block;
  width: 22px;
  height: 16px;
  padding: 4px 0 3px;
  margin-bottom: 2px;
  font-size: 0;
  background-color: #1f1f1f;
  color: #ffffff;
}

.icodoc_dossier_documents .lienpj_menu li a:hover {
  background-color: #ffffff;
  color: #1f1f1f;
}

.icodoc_dossier_documents .lienpj_menu li a::before {
  font-size: 16px;
  padding: 4px;
}

.icodoc_dossier_documents .encart_pj:hover .lienpj_menu {
  display: block;
}

.icodoc_dossier_documents .lienpj_menu_groupe_ajout {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 50px);
}
.icodoc_dossier_documents .lienpj_menu_groupe_ajout li {
  display: inline-block;
  width: 100%;
  height: 50%;
  position: relative;
}
.icodoc_dossier_documents .lienpj_menu_groupe_ajout li .lienpj_menu_groupe_ajout_ajouter,
.icodoc_dossier_documents .lienpj_menu_groupe_ajout li .lienpj_menu_groupe_ajout_consulter {
  display: block;
  padding: 20px 10px;
  height: calc(100% - 40px);
  text-align: center;
  margin: 0;
}
.icodoc_dossier_documents .encart_pj:hover .lienpj_menu_groupe_ajout {
  display: block;
}

.icodoc_dossier_documents ul {
  list-style-type: none;
}

.icodoc_dossier_documents ul li {
  display: list-item;
}

.icodoc_dossier_documents ul li .encart_document {
  float: left;
  position: relative;
  margin: 8px;
  width: 180px;
}

.icodoc_dossier_documents.thread_documents ul li .encart_document {
  width: auto;
}

.icodoc_dossier_documents ul li .encart_pj_informations {
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 14px);
  border-top: 3px solid #f90d1d;
  background-color: #e0e0e0;
  color: #1e1e1e;
  padding: 2px 7px;
  font-size: 10px;
}

.icodoc_dossier_documents ul li .encart_pj_informations a.encart_pj_informations_libelle {
  display: inline-block;
  color: #1e1e1e;
  width: 100%;
  height: 20px;
  font-size: 14px;
  word-break: break-all;
  overflow: hidden;
}

.icodoc_dossier_documents ul li .encart_pj_informations a.encart_pj_informations_libelle {
  width: auto;
  max-width: 90%;
}

.icodoc_dossier_documents.dossier_details ul li .encart_pj_informations a.encart_pj_informations_libelle {
  color: #e0e0e0;
}

.icodoc_dossier_documents ul li .encart_pj_informations a.icon-options::before {
  float: right;
  width: 15px;
  font-size: 20px;
  color: #1e1e1e;
}

.icodoc_dossier_documents ul li .encart_pj_informations.active a.icon-options,
.icodoc_dossier_documents ul li .encart_pj_informations.active a.icon-options::before,
.icodoc_dossier_documents ul li .encart_pj_informations a.icon-options:hover,
.icodoc_dossier_documents ul li .encart_pj_informations a.icon-options:hover::before,
.icodoc_dossier_documents ul li .encart_pj_informations a.encart_pj_informations_libelle:hover,
.icodoc_dossier_documents .icodoc_dossier_documents_carousel ul li .encart_pj_informations a.encart_pj_informations_libelle.popup_document:hover,
.icodoc_dossier_documents .icodoc_dossier_documents_liste ul li .encart_pj_informations a.encart_pj_informations_libelle.popup_document:hover,
.icodoc_dossier_documents.dossier_details ul li .encart_pj_informations a.encart_pj_informations_libelle.popup_document:hover,
.icodoc_dossier_documents.dossier_details ul li .encart_pj_informations a.icon-options:hover::before,
.icodoc_dossier_documents.dossier_details ul li .encart_pj_informations.active a.icon-options::before {
  color: #f90d1d;
}

.icodoc_dossier_documents ul li .encart_pj_informations a.encart_pj_informations_libelle i {
  margin-right: 2px;
}

.icodoc_dossier_documents .encart_pj_informations .bouton_sous_menu {
  float: right;
  font-size: 0;
}

.icodoc_dossier_documents ul li .encart_pj_informations a.encart_pj_informations_membre {
  display: inline-block;
  color: #1e1e1e;
  width: 100%;
  height: 15px;
  font-size: 10px;
  word-break: break-all;
  overflow: hidden;
}

.icodoc_dossier_documents ul li .encart_pj_informations a.encart_pj_informations_membre:hover {
  color: #f90d1d;
}

.icodoc_dossier_documents ul li .encart_pj_informations .encart_pj_informations_menu {
  display: none;
  position: absolute;
  background-color: #777777;
  right: 10px;
  top: 30px;
  width: 160px;
  z-index: 50;
  -webkit-box-shadow: 5px 5px 26px -2px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 5px 5px 26px -2px rgba(0, 0, 0, 0.7);
  box-shadow: 5px 5px 26px -2px rgba(0, 0, 0, 0.7);
}

.icodoc_dossier_documents ul li .encart_pj_informations .encart_pj_informations_menu.menu_top {
  bottom: 53px;
  top: auto;
  -webkit-box-shadow: 5px -5px 26px -2px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 5px -5px 26px -2px rgba(0, 0, 0, 0.7);
  box-shadow: 5px -5px 26px -2px rgba(0, 0, 0, 0.7);
}

.icodoc_dossier_documents ul li .encart_pj_informations .encart_pj_informations_menu ul li a {
  display: block;
  padding: 5px;
  color: #e0e0e0;
  font-size: 12px;
}

.icodoc_dossier_documents ul li .encart_pj_informations .encart_pj_informations_menu ul li a:hover {
  color: #181818;
  background-color: #e0e0e0;
}

.icodoc_dossier_documents ul li .encart_pj_informations .encart_pj_informations_menu ul li a::before {
  font-size: 14px;
  margin-right: 5px;
}

.icodoc_dossier_documents ul li .encart_pj_informations.active .encart_pj_informations_menu ul li a.active::before,
.icodoc_dossier_documents .lienpj_menu li a.active::before {
  color: #f90d1d;
}

.icodoc_dossier_documents ul li .encart_pj_informations.active .encart_pj_informations_menu {
  display: block;
}

.icodoc_dossier_documents ul li.dossier_documents_boutons .encart_document {
  padding: 65px 0 0;
}

/**************************************************************************************************
*
* ICODOC - Dossier - Details
*
**************************************************************************************************/
.icodoc_dossier_detail_gauche {
  width: 350px;
  float: left;
  background-color: #e0e0e0;
  color: #353535;
  padding: 15px;
}

.icodoc_dossier_detail_droite {
  margin-left: 410px;
}

.icodoc_dossier_detail_gauche ul {
  list-style-type: none;
  margin-top: 30px;
}

ul.square_buttons_list li {
  display: inline;
}

ul.square_buttons_list li a {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

ul.square_buttons_list li a.last {
  margin-right: 0;
}

.icodoc_dossier_detail_droite #document_search {
  margin-bottom: 25px;
}

.icodoc_dossier_documents.dossier_details {
  border-top: 3px solid #f90d1d;
  padding-top: 5px;
  height: 398px;
  overflow-y: scroll;
  background-color: #1e1e1e;
}

.icodoc_dossier_documents.dossier_details ul li {
  display: list-item;
  padding: 5px 10px;
}

.icodoc_dossier_documents.dossier_details ul li .encart_document {
  float: none;
  margin: 0;
  width: 100%;
  min-height: 70px;
  border-bottom: 1px solid #f90d1d;
}

.icodoc_dossier_documents.dossier_details .encart_pj {
  height: 60px;
  width: 60px;
  float: left;
}

.icodoc_dossier_documents.dossier_details ul li .encart_pj_informations {
  background: none;
  border: none;
  color: #e0e0e0;
  width: calc(100% - 70px);
  margin-left: 70px;
  font-size: 10px;
  padding: 0;
  position: relative;
}

.icodoc_dossier_documents.dossier_details ul li .encart_pj_informations .document_titre {
  font-size: 14px;
}

.icodoc_dossier_documents .icodoc_dossier_documents_carousel ul li .encart_pj_informations a.encart_pj_informations_libelle.popup_document,
.icodoc_dossier_documents .icodoc_dossier_documents_liste ul li .encart_pj_informations a.encart_pj_informations_libelle.popup_document {
  color: #1e1e1e;
}

.icodoc_dossier_documents.dossier_details .lienpj {
  height: 60px;
  width: 60px;
  padding: 0;
}

.icodoc_dossier_documents.dossier_details .encart_pj .icon {
  height: 60px;
}

.icodoc_dossier_documents.dossier_details .encart_pj .icon::before {
  font-size: 35px;
  padding: 13px;
}

.icodoc_dossier_documents.dossier_details .encart_pj .lienpj_video.icon {
  height: 35px;
  left: calc(50% - 17px);
  top: calc(50% - 19px);
  width: 35px;
}

.icodoc_dossier_documents.dossier_details .encart_pj .lienpj_video.icon::before {
  padding: 0;
}

.icodoc_dossier_documents.dossier_details .lienpj_hover {
  width: 60px;
  height: 60px;
}

.icodoc_dossier_documents.dossier_details .encart_pj_informations_lien_menu {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  width: 40px;
  height: 40px;
  color: #e0e0e0;
}

.icodoc_dossier_documents.dossier_details ul li .encart_pj_informations.active a.encart_pj_informations_lien_menu,
.icodoc_dossier_documents.dossier_details ul li .encart_pj_informations a.encart_pj_informations_lien_menu:hover {
  color: #f90d1d;
}

.icodoc_dossier_documents.dossier_details .encart_pj_informations_lien_menu::before {
  font-size: 30px;
}

.icodoc_dossier_documents.dossier_details ul li .encart_pj_informations a.icon-options::before {
  color: #e0e0e0;
  float: none;
  width: auto;
}

.icodoc_dossier_documents.dossier_details .encart_pj_informations_menu ul li {
  padding: 0;
}

.icodoc_dossier_documents.dossier_details ul li .encart_pj_informations a.encart_pj_informations_membre {
  width: auto;
  color: #e0e0e0;
}

.encart_document_edition_multiple_label {
  display: block;
}

.encart_document_edition_multiple_label:hover,
.encart_document_edition_multiple_label.active {
  background-color: #353535;
}

.icodoc_dossier_documents li.selected label {
  background-color: #fa5964;
}

/**************************************************************************************************
*
* ENVOI/EDITION DE FICHIERS
*
**************************************************************************************************/
#envoyer_edition_multiple,
#validation_upload .envoyer_edition {
  width: 45%;
  margin-bottom: 25px;
}

#validation_upload .envoyer_edition:nth-child(even) {
  float: right;
}

#envoyer_edition_multiple,
#validation_upload .envoyer_edition:nth-child(odd) {
  float: left;
}

.envoyer_edition h3 {
  color: #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.envoyer_edition_inside {
  background: #1e1e1e;
  padding: 20px;
}

#validation_upload .envoyer_edition_inside {
  height: 615px;
}

.envoyer_edition_inside p {
  width: 100%;
}

.envoyer_edition_infos {
  float: left;
  width: 180px;
}

.envoyer_edition_parametres {
  margin-left: 190px;
}

.envoyer_edition_parametres p {
  margin-bottom: 15px;
}

.envoyer_edition_parametres_bouton_categories {
  width: 145px;
  padding: 5px 10px;
}

.envoyer_edition_parametres_bouton_nouveau_dossier {
  float: right;
  width: 140px;
  padding: 5px 0;
}

.envoyer_edition_parametres_liste_dossiers {
  width: calc(100% - 170px);
}

.envoyer_edition_parametres_bouton_tout_enregistrer {
  width: 140px;
  padding-left: 0;
  padding-right: 0;
}

.envoyer_edition_liste_categories {
  list-style-type: none;
  margin-bottom: 10px;
}

.envoyer_edition_liste_categories a {
  color: #ffffff;
}

.envoyer_edition_liste_categories a:hover {
  color: #ffffff;
}

#validation_upload .envoyer_edition_liste_categories {
  max-height: 68px;
  overflow-y: auto;
}

#apercu_vignette {
  width: 180px;
  height: 180px;
  background-color: #000000;
  margin: 0 auto 20px;
  text-align: center;
  color: #ffffff;
}

#apercu_vignette .lienpj_video {
  display: none;
}

/**************************************************************************************************
*
* Barres de progression
*
**************************************************************************************************/
.progressbarwrapper {
  margin-bottom: 20px;
  min-height: 45px;
}

.progressbarcontainer {
  position: relative;
  width: 100%;
  height: 25px;
  background-color: #353535;
}

.progressbarcontainer .progressbar {
  height: 20px;
  padding: 5px 0 0 0;
  width: 0;
  background-color: #e50716;
  text-align: center;
  color: #fff;
}

/**************************************************************************************************
*
* ICODOC - Document - D?tails
*
**************************************************************************************************/
.fancybox-inner-document {
  overflow-y: auto !important;
}

.details_document_gauche {
  float: left;
  width: 640px;
}

#popup_document h2 {
  color: #f90d1d;
  border-color: #f90d1d;
  margin: 0;
}

.details_document_gauche h2 {
  padding: 0 25px;
  text-align: center;
  position: relative;
  word-break: break-all;
  word-wrap: break-word;
}

.details_document_gauche h2 a.lien_modif {
  color: #f90d1d;
}

.details_document_gauche video {
  max-height: 480px;
  background-color: #000000;
}

.details_document_gauche audio {
  width: 100%;
  background-color: #000000;
}

.details_document_gauche .zone_visuel_document {
  position: relative;
}

.details_document_gauche .visuel_document {
  background-color: #777777;
  text-align: center;
}

.details_document_gauche .visuel_document img,
.details_document_gauche img.vignette_video_non_encodee {
  width: 100%;
  height: auto;
}

.details_document_gauche .visuel_document .icon {
  width: 100%;
}

.details_document_gauche .visuel_document .icon::before {
  font-size: 500px;
  color: #1e1e1e;
}

.visuel_document {
  position: relative;
}

body .icon.icon-superpose {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 50px !important;
  height: 50px !important;
  background-color: #777777;
}
body .icon.icon-superpose::before {
  font-size: 50px !important;
  top: auto !important;
  left: auto !important;
}

body .icodoc_dossier_documents.dossier_details .lienpj .icon.icon-superpose {
  width: 20px !important;
  height: 20px !important;
}
body .icodoc_dossier_documents.dossier_details .lienpj .icon.icon-superpose::before {
  font-size: 18px !important;
  padding: 1px !important;
}

.details_document_navigation a {
  position: absolute;
  top: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.details_document_navigation a.details_document_navigation_precedent {
  left: 0;
}

.details_document_navigation a.details_document_navigation_suivant {
  right: 0;
}

.details_document_navigation a {
  color: #f90d1d;
  font-size: 40px;
  background: transparent;
  height: 40%;
  width: 50px;
  text-align: center;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.details_document_navigation a:hover {
  background: rgba(53, 53, 53, 0.5);
}

.details_document_informations {
  border-top: 3px solid #fa0717;
  background-color: #e0e0e0;
  padding: 10px 15px;
}

.details_document_informations_inside {
  width: 350px;
  float: left;
}

.details_document_informations_inside .lien_modif {
  color: #000000;
}

#popup_document .details_document_informations h3 {
  border: none;
  color: #1e1e1e;
  text-transform: none;
  word-break: break-all;
}

.details_document_date {
  margin-bottom: 10px;
}

i.icon-oeil {
  font-style: normal;
}

.details_document_date i::before {
  font-size: 18px;
}

.details_document_proprietaire {
  background-color: #b5b5b5;
  padding: 8px 5px;
  margin-bottom: 10px;
  height: 26px;
}

.details_document_proprietaire .details_document_proprietaire_photo {
  display: block;
  float: left;
  width: 26px;
  height: 26px;
  overflow: hidden;
  margin-right: 7px;
}

.details_document_proprietaire .icone_proprietaire::before {
  background-color: #1c1c1c;
  color: #b5b5b5;
  font-size: 26px;
}

.details_document_proprietaire_membre {
  font-weight: bold;
  color: #1e1e1e;
}

.details_document_proprietaire_membre:hover {
  color: #ffffff;
}

.details_document_proprietaire_membre i,
.encart_pj_informations_membre i,
.vignette_membre_infos i {
  font-size: 0;
}

.details_document_proprietaire_membre i::before,
.encart_pj_informations_membre i::before,
.vignette_membre_infos i::before {
  font-size: 14px;
}

.details_document_proprietaire_nb_abonnes {
  font-size: 10px;
}

.details_document_proprietaire .details_document_proprietaire_abonnement {
  float: right;
  text-transform: lowercase;
  padding: 5px 10px;
}

.details_document_proprietaire .details_document_proprietaire_abonnement.est_abonne {
  background-color: #26d5b6;
  color: #000000;
}

.details_document_sous_titre {
  text-transform: uppercase;
  font-weight: bold;
  color: #000000;
}

.details_document_sous_titre::before {
  font-size: 18px;
  margin-right: 5px;
}

#details_document_categories,
#details_document_groupes,
#details_document_discussions {
  margin-bottom: 10px;
}

#details_document_categories a,
#details_document_groupes,
#details_document_groupes a,
#details_document_discussions,
#details_document_discussions a {
  color: #000000;
  font-weight: bold;
}

#details_document_categories a:hover,
#details_document_groupes a:hover,
#details_document_discussions a:hover {
  text-decoration: underline;
}

.details_document_informations h4 {
  text-transform: uppercase;
  font-size: 18px;
  color: #000000;
  padding: 0;
  margin: 0;
}

#details_document_discussions ul li {
  display: list-item;
  padding: 0 10px;
  list-style-type: none;
}

.details_document_informations_actions {
  margin-left: 395px;
}

.details_document_informations_actions ul {
  list-style-type: none;
}

#popup_document .details_document_informations_actions ul li a {
  float: left;
  margin: 10px;
  background-color: #f90d1d;
}

#popup_document .details_document_informations_actions ul li a:hover {
  background-color: #000000;
}

.details_document_droite {
  margin-left: 2%;
  float: left;
  /*    width: 30%;*/
  width: calc(98% - 640px);
  color: #ffffff;
}

.details_document_droite .icodoc_dossier_documents.dossier_details {
  border: medium none;
  height: auto;
  /*    overflow-y: hidden;*/
  overflow-y: visible;
}

.details_document_droite h2 a {
  color: #f90d1d;
  font-weight: bold;
}

.details_document_droite h2 a.afficher_masquer {
  display: none;
}

.details_document_droite .icodoc_dossier_documents {
  background-color: #1e1e1e;
  padding-top: 5px;
  margin-bottom: 25px;
}

.document_voir_plus {
  float: right;
  margin: 10px 10px 10px 0;
  padding: 5px;
  width: 130px;
}

/**************************************************************************************************
*
* Groupes
*
**************************************************************************************************/
body.groupes h1,
body.groupes h2,
body.groupes h3 {
  color: #2daae8;
}

body.groupes ul.onglets1 {
  border-bottom: 3px solid #2daae8;
}

body.groupes ul.onglets1 li a:hover,
body.groupes ul.onglets1 li a.active {
  background-color: #2daae8;
}

body.groupes h2,
body.groupes h3,
body.membres ul.onglets1 {
  border-color: #2daae8;
}

body.groupes .button3,
body.groupes .square_button1,
body.groupes .square_button2 {
  background-color: #2daae8;
}

#bouton_nouveau_groupe {
  float: right;
}

#groupe_titre {
  float: left;
  margin-bottom: 30px;
  max-width: calc(100% - 400px);
}

.bouton_groupe_entete {
  float: right;
  margin-left: 20px;
}

#zone_groupes_details {
  clear: both;
}

body.groupes a.button1:hover {
  background-color: #2daae8;
}

body.groupes a.button3:hover {
  background-color: #777777;
}

body.groupes a.square_button1:hover,
body.groupes a.square_button2:hover {
  background-color: #000000;
}

body.groupes h2 a.afficher_masquer {
  display: none;
  color: #2f8fd2;
}

#zone_groupes_details,
#zone_groupes_documents,
#zone_groupes_discussions {
  float: left;
  width: 31%;
}

#zone_groupes_details,
#zone_groupes_documents {
  margin-right: 3%;
}

#groupe_documents_inside,
#groupe_discussions_inside {
  padding: 5px 0 10px 0;
}

#groupe_discussions_inside ul {
  list-style-type: none;
  margin-top: 10px;
}
#groupe_discussions_inside ul li {
  border-bottom: 1px solid #705edd;
  margin: 0 10px 10px 10px;
  padding-bottom: 10px;
  font-weight: bold;
}
#groupe_discussions_inside ul li a {
  color: #000000;
  font-weight: bold;
}
#groupe_discussions_inside ul li a:hover {
  text-decoration: underline;
}

#zone_groupes_details .zone_contenu_1 .inside {
  padding: 10px;
}

.groupes_inside {
  height: 330px;
  overflow-y: scroll;
}

#zone_groupes_invitations_inside {
  height: 160px;
}

#groupe_details_inside p {
  margin-bottom: 15px;
}

.groupes_inside ul {
  list-style-type: none;
}

.liste_groupes_detail {
  background-color: #e0e0e0;
  color: #353535;
  width: 48%;
  height: 160px;
  margin: 0 1% 10px;
  float: left;
  position: relative;
}

.liste_groupes_detail .liste_groupes_detail_bouton::before {
  font-size: 18px;
}

.liste_groupes_detail .liste_groupes_detail_bouton {
  position: absolute;
  right: 5px;
  bottom: 5px;
  margin: 0;
  padding: 5px 10px 5px 10px;
}

.liste_groupes_detail .liste_groupes_detail_bouton.liste_groupes_detail_bouton_refus {
  right: auto;
  left: 5px;
}

.liste_groupes_detail .liste_groupes_detail_inside {
  padding: 5px;
  max-height: 113px;
  overflow: hidden;
}

.liste_groupes_detail .liste_groupes_detail_illustration {
  background-color: #777777;
  margin-right: 5px;
  margin-bottom: 5px;
  display: block;
  float: left;
  width: 45px;
  height: 45px;
}

.liste_groupes_detail .liste_groupes_detail_illustration::before {
  font-size: 44px;
}

.liste_groupes_detail .groupe_titre {
  font-size: 14px;
  font-weight: bold;
  color: #353535;
}

.liste_groupes_detail .groupe_titre:hover {
  color: #2daae8;
}

.liste_groupes_detail .liste_groupes_detail_description {
  clear: both;
}

#group_search input[type=text] {
  width: 100%;
  color: #000000;
  border-color: #000000;
}

#group_search input::-webkit-input-placeholder {
  color: #000000;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

#group_search input::-moz-placeholder {
  color: #000000;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

#group_search input:-ms-input-placeholder {
  color: #000000;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

#group_search input:-moz-placeholder {
  color: #000000;
  font-style: normal;
  font-size: 1em;
  opacity: 1;
}

#group_search i {
  right: 10px;
}

.groupe_membres_voir_plus,
.groupe_discussions_voir_plus {
  float: right;
  margin: 10px;
  padding: 5px;
  width: 130px;
}

.groupe_discussions_voir_plus {
  background-color: #e0e0e0;
  border: 3px solid #1e1e1e;
  color: #1e1e1e;
}
.groupe_discussions_voir_plus:hover {
  background-color: #1e1e1e;
  color: #e0e0e0;
}

#zone_groupes_onglets .zone_contenu_gauche_moitie {
  margin: 0;
  width: 49%;
  float: left;
}

.icodoc_dossier_documents ul li.groupe_ajout_multiple .encart_pj_informations {
  background-color: #2DAAE8;
}

#groupe_ajout_multiple_bouton {
  position: absolute;
  top: 0;
  right: 0;
}

/**************************************************************************************************
*
* Membres
*
**************************************************************************************************/
.popup_membre.mfp-wrap {
  background-color: #353535;
  height: calc(100% - 20px);
  left: 10px;
  top: 10px;
  width: calc(100% - 20px);
}

.popup_membre .mfp-container {
  padding: 0;
}

.popup_membre .mfp-content {
  width: 100%;
  height: 100%;
}

body.membres h1,
body.membres h2,
body.membres h3,
#popup_membre h1,
#popup_membre #popup_membre_fiche h2 {
  color: #26d6b7;
}

body.membres ul.onglets1 li a:hover,
body.membres ul.onglets1 li a.active {
  background-color: #26d6b7;
}

body.membres h2,
body.membres h3,
#popup_membre #popup_membre_fiche h2,
body.membres ul.onglets1,
#zone_groupes_membres h2 {
  border-color: #26d6b7;
}

#popup_membre h1 {
  margin-top: 15px;
}

#popup_membre h2 {
  margin: 0;
}

#popup_membre h2 a.icon-crayon03,
#popup_membre h2 a.afficher_masquer,
h2 a.afficher_masquer {
  /*    display: inline-block;*/
  float: right;
  font-size: 0;
  height: 15px;
  margin-right: 10px;
  width: 15px;
}

#popup_membre #popup_membre_fiche h2 a,
#zone_groupes_membres h2,
#zone_groupes_membres h2 a {
  color: #26d6b7;
}

#popup_membre h2 a.icon-crayon03::before,
#popup_membre h2 a.afficher_masquer::before,
h2 a.afficher_masquer::before {
  font-size: 26px;
}

.popup_membre_bloc_inside {
  background-color: #1e1e1e;
  padding: 10px;
}

#popup_membre_fiche .popup_membre_bloc_inside {
  padding: 20px;
}

#popup_membre_fiche {
  float: left;
  width: 40%;
}

#popup_membre_fiche img {
  float: left;
}

#popup_membre_fiche_contenu {
  margin-left: 100px;
}

#popup_membre_fiche_contenu p {
  margin-bottom: 16px;
}

#popup_membre_fiche_contenu p strong {
  text-transform: uppercase;
}

#popup_membre_fiche_contenu a {
  color: #ffffff;
}

#popup_membre_fiche_contenu h3 {
  color: #ffffff;
  border-color: #ffffff;
  text-transform: none;
  margin-bottom: 15px;
}

#popup_membre .membre_presentation {
  line-height: 150%;
}

ul#popup_membre_fiche_actions {
  list-style-type: none;
}

ul#popup_membre_fiche_actions li {
  display: inline;
}

ul#popup_membre_fiche_actions li a {
  background-color: #26d6b7;
  color: #1e1e1e;
  width: 90px;
  height: 90px;
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

ul#popup_membre_fiche_actions li a:hover {
  background-color: #e0e0e0;
}

#popup_membre_documents {
  margin-left: 2%;
  float: left;
  width: 30%;
}

#popup_membre #popup_membre_documents h2,
#zone_groupes_documents h2,
#zone_groupes_documents_tous h2 {
  color: #f90d1d;
  border-color: #f90d1d;
}

#popup_membre #popup_membre_documents h2 a,
#zone_groupes_documents h2 a,
#zone_groupes_documents_tous h2 a {
  color: #f90d1d;
  font-weight: bold;
}

#popup_membre_documents .icodoc_dossier_documents.dossier_details,
#zone_groupes_documents .inside,
#zone_groupes_documents_tous .inside {
  height: auto;
  overflow: visible;
  border: none;
}

#popup_membre_documents .icodoc_dossier_documents.dossier_details .encart_pj_informations {
  color: #ffffff;
  overflow: hidden;
}

.membre_voir_plus {
  width: 130px;
  float: right;
  margin: 40px 10px 10px 0;
  padding: 5px;
}

#popup_membre_discussions_annonces {
  margin-left: 2%;
  float: left;
  width: 25%;
}

#popup_membre_discussions {
  margin-bottom: 25px;
}

#popup_membre #popup_membre_discussions h2,
#popup_membre #popup_membre_discussions h2 a,
#zone_groupes_discussions h2,
#zone_groupes_discussions h2 a {
  color: #705edd;
  border-color: #705edd;
  font-weight: bold;
}

#popup_membre_discussions .popup_membre_bloc_inside,
#popup_membre_annonces .popup_membre_bloc_inside {
  padding: 0;
}

#popup_membre_discussions ul,
#popup_membre_annonces ul {
  list-style-type: none;
}

#popup_membre_discussions ul li,
#popup_membre_annonces ul li {
  display: list-item;
  padding: 0 10px;
  color: white;
}

.popup_membre_discussions_element {
  border-bottom: 1px solid #705edd;
  padding: 10px 0;
}

#popup_membre #popup_membre_annonces h2,
#popup_membre #popup_membre_annonces h2 a {
  color: #0ad37c;
  border-color: #0ad37c;
}

#popup_membre_annonces ul {
  padding-bottom: 10px;
}

.popup_membre_annonces_element {
  border-bottom: 1px solid #0ad37c;
  padding: 10px 0;
}

#popup_membre h2 a.afficher_masquer {
  display: none;
}

#popup_membre_fiche_contenu {
  position: relative;
  overflow: hidden;
}

#popup_membre_mini_message {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 90%;
  padding: 15px 5%;
  background-color: #353535;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

#popup_membre_mini_message.active {
  bottom: 0;
}

#popup_membre_mini_message h3 {
  color: #26d6b7;
  border-color: #26d6b7;
}

#popup_membre_mini_message p {
  width: 100%;
}

#popup_membre_mini_message .button3 {
  background-color: #f90d1d;
}

#popup_membre_mini_message .button3:hover {
  background-color: #777777;
}

.zone_contenu_droite {
  float: right;
  width: 40%;
}

.zone_contenu_droite_moitie {
  float: right;
  width: 49%;
}

.zone_contenu_droite_petite {
  float: right;
  width: 25%;
}

.zone_contenu_droite_petite.zone_connexion .bouton_gauche,
.zone_contenu_droite_petite.zone_connexion .bouton_droit {
  margin-left: 0;
  margin-right: 0;
}

.zone_contenu_1 h2,
.zone_contenu_2 h2 {
  margin: 0;
}

body .zone_contenu_3 h2 {
  border: none;
  text-transform: none;
}

.zone_contenu_1 .inside,
.zone_contenu_2 .inside {
  padding: 20px;
}

.zone_contenu_2 .inside {
  background-color: #1e1e1e;
}

.zone_contenu_gauche {
  margin-right: 42%;
}

.zone_contenu_gauche_moitie {
  margin-right: 51%;
}

.zone_contenu_gauche_petite {
  margin-right: 27%;
}

.zone_contenu_1 .inside {
  background-color: #e0e0e0;
  color: #353535;
}

.popup_scroll {
  height: 100%;
  position: relative;
}

.popup_scroll .zone_contenu_1 {
  height: 100%;
}

.popup_scroll .zone_contenu_1 .inside {
  overflow-y: scroll;
  height: calc(100% - 90px);
}

ul.liste_reseaux_sociaux {
  height: 40px;
}

ul.liste_reseaux_sociaux li {
  display: inline-block;
}

ul.liste_reseaux_sociaux li a {
  color: #999999;
  display: inline-block;
  font-size: 0;
  height: 30px;
  width: 30px;
}

ul.liste_reseaux_sociaux li a:hover {
  color: #ff6600;
}

ul.liste_reseaux_sociaux li a::before {
  font-size: 30px;
}

#groupe_membres_inside {
  padding: 10px;
}

ul.liste_membres {
  list-style-type: none;
}

ul.liste_membres li {
  display: block;
  position: relative;
  width: 75px;
  height: 75px;
  overflow: hidden;
  float: left;
  margin: 0 5px 10px;
  background-color: #777777;
}

ul.liste_membres li img {
  margin-top: -12px;
}

ul.liste_membres li a {
  display: block;
  width: 100%;
  height: 100%;
}

ul.liste_membres li a .vignette_membre_infos {
  position: absolute;
  left: 0;
  bottom: 0;
  word-wrap: break-word;
  width: 100%;
  padding: 3px 0;
  color: #000000;
  text-align: center;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background: transparent url("../images/lienpj_hover.png") repeat scroll left top;
}

ul.liste_membres li a:hover .vignette_membre_infos {
  bottom: 0;
}

ul.liste_membres li i.icon-individu::before {
  font-size: 76px;
  color: #1e1e1e;
  display: block;
  width: 100%;
}

.groupe_membres_liste_complete ul.liste_membres li {
  margin: 0 7px 14px;
}

#recherche_documents_inside {
  padding: 8px 0 8px 80px;
}

#recherche_membres_inside,
#recherche_documents_inside {
  overflow-y: scroll;
}

#recherche_membres_inside {
  height: 330px;
}

#recherche_documents_inside {
  height: 390px;
}

#recherche_membres_inside ul.liste_membres {
  max-height: 100%;
}

#recherche_membres_inside ul.liste_membres li {
  width: 340px;
  margin: 15px;
  background-color: #e0e0e0;
}

#recherche_membres_inside ul.liste_membres li a.popup_membre {
  width: 75px;
  float: left;
  background-color: #777777;
}

#recherche_membres_inside ul.liste_membres li a.popup_membre::after {
  background-color: #efeff2;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition-duration: 0.15s;
  -webkit-transition-property: opacity;
  transition-duration: 0.15s;
  transition-property: opacity;
  width: 75px;
}

#recherche_membres_inside ul.liste_membres li a.popup_membre:hover::after {
  opacity: 0.4;
}

#recherche_membres_inside ul.liste_membres li .vignette_membre_infos {
  float: left;
  padding: 5px;
  color: #1e1e1e;
  width: 255px;
}

#recherche_membres_inside ul.liste_membres li .abonnement_membre_infos {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #1e1e1e;
}

#recherche_membres_inside ul.liste_membres li .bouton_inviter {
  width: 80px;
  padding: 5px 5px 5px 2px;
  margin: 0;
}

#recherche_membres_inside ul.liste_membres li .bouton_inviter::before {
  font-size: 18px;
}

/**************************************************************************************************
*
* Liste des membres
*
**************************************************************************************************/
.liste_membres_conteneur {
  clear: both;
  border-top: 1px solid #ffffff;
}

.liste_membres_conteneur.first {
  border: none;
}

.liste_membres_membre,
.liste_membres_statut,
.liste_membres_membre_depuis,
.liste_membres_membre_connecte,
.liste_membres_statut_abrege,
.liste_membres_pays_ville {
  float: left;
  padding: 5px 0;
}

.liste_membres_membre,
.liste_membres_membre_connecte {
  width: 30%;
}

.liste_membres_statut {
  width: 55%;
}

.liste_membres_membre_depuis {
  width: 15%;
}

.liste_membres_statut_abrege {
  width: 30%;
}

.liste_membres_pays_ville {
  width: 40%;
}

/**************************************************************************************************
*
* Gestion du compte
*
**************************************************************************************************/
.options_distribution_choix_balise {
  display: block;
  width: 48%;
  float: left;
}

.options_distribution_choix_balise.even {
  margin-right: 2%;
}

.options_distribution_choix_balise.odd {
  margin-left: 2%;
}

ul.options_discussions_choix {
  list-style-type: none;
}

ul.options_discussions_choix li {
  margin-bottom: 10px;
}

.bouton_supprimer {
  font-size: 0;
}

.bouton_supprimer::before {
  font-size: 22px;
}

/**************************************************************************************************
*
* Magnific Popup
*
**************************************************************************************************/
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

body.discussions #formulaire_recherche_simple {
  margin-bottom: 15px;
}

body.discussions #zone_recherche_simple {
  width: 450px;
  border-color: #9387e8;
  max-width: 100%;
}

body.discussions #duree_recherche_simple {
  height: 30px;
  margin-left: 15px;
}

.thread_entete_message,
.annonce_entete {
  padding-left: 10px;
}

.thread_entete_message {
  float: left;
  width: calc(100% - 440px);
}

.thread_entete_message_liens,
.thread_corps_documents {
  float: right;
  width: 420px;
}

.thread_entete_separateur {
  clear: both;
}

.annonce_corps {
  padding: 10px;
}

#nouveau_thread_discussion,
#nouveau_thread_balise,
#nouveau_thread_titre,
#nouveau_thread_message {
  width: 620px;
  max-width: 100%;
}

.information_traduction_automatique {
  font-size: 12px;
  font-style: italic;
  color: #606060;
}

#forum_nouveau_message_documents {
  margin-top: 10px;
  width: 50%;
}

#forum_nouveau_message_documents li {
  display: block;
  position: relative;
  /*border: 1px solid #000;*/
  padding: 10px 30px;
  overflow: hidden;
  background: #eae2df url("../images/sortable.png") no-repeat scroll 7px center;
  cursor: pointer;
  margin: 0 0 10px 0;
}

#forum_nouveau_message_documents li:hover {
  background-color: #ff6600;
}

#forum_nouveau_message_documents li#aucun_document {
  background: none;
  cursor: default;
}

#forum_nouveau_message_documents li a {
  display: block;
  font-size: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  right: 10px;
}

#forum_nouveau_message_documents li a::before {
  font-size: 32px;
  color: #f90d1d;
}

#forum_nouveau_message_documents li a:hover::before {
  color: #000000;
}

#forum_nouveau_message_documents li i.icon-fichier01 {
  display: inline-block !important;
}

#forum_nouveau_message_documents li i.icon-fichier01::before {
  font-size: 20px;
}

#forum_nouveau_message_documents li img {
  float: left;
  margin-right: 5px;
}

#forum_nouveau_message_documents li span.lienpj_video {
  margin-left: -20px;
  margin-right: 5px;
}

#footer_version_responsive {
  display: block;
  clear: both;
  text-align: center;
  margin-bottom: 20px;
}

#footer_version_responsive a {
  text-transform: none;
}

#i18n-pref {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  -webkit-justify-content: left;
  -moz-justify-content: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
#i18n-pref p {
  margin: 5px 14px;
  width: auto;
}

.alertify-notifier {
  z-index: 9999;
}
.alertify-notifier.ajs-bottom {
  bottom: 80% !important;
}
.alertify-notifier .ajs-message {
  font-size: 15px;
}
.alertify-notifier .ajs-message.ajs-success {
  background: #FD7706 !important;
  text-shadow: initial;
}

/**************************************************************************************************
*
* Utilitaires
*
**************************************************************************************************/
/* Messages d'alerte */
.alert {
  padding: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.cols {
  display: flex;
  flex-wrap: wrap;
}

.mt-20 {
  margin-top: 20px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-20 {
  margin-right: 20px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-40 {
  padding-bottom: 40px;
}

.fond-blanc {
  background: #fff;
}

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

.btn-violet {
  background: #705edd;
  padding: 5px;
  border: 1px solid #705edd;
  color: #fff;
  display: table;
}
.btn-violet:hover, .btn-violet:focus {
  cursor: pointer;
  color: #fff;
  background: #9387e8;
}

.btn-lavande {
  background: #9387e8;
  padding: 5px;
  border: 1px solid #9387e8;
  color: #000;
  display: table;
}
.btn-lavande:hover, .btn-lavande:focus {
  cursor: pointer;
  color: #fff;
  background: #705edd;
}

.select-personnalise {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
  height: 2.5em;
}
.select-personnalise select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  box-shadow: none;
  border: 1px solid transparent;
  outline: 0;
  padding-right: 2.5em;
  background-color: #9387e8;
  border-color: #9387e8;
  border-radius: 0.375em;
  color: #fff;
  line-height: 1.5;
  padding-bottom: calc(.5em - 1px);
  padding-left: calc(.75em - 1px);
  padding-top: calc(.5em - 1px);
  position: relative;
}
.select-personnalise::after {
  border: 2px solid transparent;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 46%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
  border-color: #fff;
  right: 1.125em;
  z-index: 4;
}
.select-personnalise.lavande select {
  background-color: #9387e8;
  border-color: #9387e8;
  color: #fff;
}
.select-personnalise.lavande::after {
  border-color: #fff;
}

/*# sourceMappingURL=style.css.map */