@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap");
/********************************************* Footer ******************************************/
/********************************************* Footer ******************************************/
.footer {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  margin-top: 50px;
  background-color: #fff;
  clear: both;
  position: absolute;
  bottom: 0;
  text-align: center;
  padding: 12px; }
  .footer a {
    color: #000;
    text-decoration: underline; }
  .footer .copyright {
    font-size: 13px;
    text-align: center;
    color: #000; }
    .footer .copyright:after {
      content: ' - '; }

a {
  color: #39D7D5; }

.btn-primary {
  color: #fff;
  background-color: #39D7D5;
  border-color: #39D7D5;
  font-weight: 700; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:hover {
    background: #289694;
    border-color: #289694;
    outline: none; }

.alert-success {
  color: black;
  background-color: #EEF3F8;
  border-color: #EEF3F8; }

.wrapper {
  padding: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  min-height: 100%;
  position: relative; }
  .wrapper.edition {
    background: #FAF4EE; }

/********************************************* Header ******************************************/
/********************************************* Header ******************************************/
.head0 {
  height: 45px;
  padding: 0;
  position: fixed;
  z-index: 9999;
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  background: #fff; }

.head1 {
  padding-top: 50px;
  padding-bottom: 16px;
  margin: auto; }

.bienvenue-user {
  font-size: 13px;
  color: #000; }

.top-header-block {
  margin-top: 20px;
  position: relative; }

.top-header-block a {
  color: #000;
  font-size: 12px; }

/********************************************* Login ******************************************/
/********************************************* Login ******************************************/
.form-login-admin {
  background: #fff;
  color: #000;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  padding: 15px;
  margin-top: 20vh; }

.veuillez-identifier {
  font-weight: 800;
  text-align: center;
  font-size: 22px;
  padding: 20px; }

.content-wr {
  padding-top: 20px;
  border-radius: 0;
  min-height: calc(100vh - 65px);
  padding-bottom: 50px; }

/********************************************* Home ******************************************/
/********************************************* Home ******************************************/
.choix-client, .creer-modele {
  background: #fff;
  border-radius: 5px;
  padding: 15px;
  color: #000;
  margin-top: 30px; }
  .choix-client a, .creer-modele a {
    color: #000; }

.choix-client {
  font-weight: 500; }

.creer-modele {
  font-weight: 800;
  font-size: 22px;
  padding: 38px;
  text-align: center; }

.creer-une-revue, .acceder-une-revue {
  background: #39D7D5;
  border-radius: 5px;
  font-weight: 800; }

.index-acceder-revue, .index-creer-revue {
  background-color: #fff !important;
  color: #000 !important; }

.index-error-name-revue, .index-error-revue, .index-error-year, .index-error-modele, .index-error-year-revue {
  font-size: 12px;
  color: #000;
  display: none; }

.index-error-customer {
  font-weight: 800;
  display: none; }

.logo {
  padding-left: 0;
  margin-top: -35px;
  position: fixed;
  z-index: 9999; }
  @media screen and (max-width: 992px) {
    .logo {
      margin-top: -47px; } }
  .logo img {
    max-height: 40px; }

/*Gestion revue*/
.head2 {
  color: #000;
  margin-top: 0;
  background: #fff;
  padding: 0 15px 0 0; }

.wrapp-revue {
  background: #fff;
  padding-right: 30px; }

.flou {
  position: absolute;
  display: none;
  background: #000;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  z-index: 10; }

.left-bar {
  /* margin-bottom: 39px;*/
  margin-bottom: 19px;
  padding-bottom: 22px;
  background: #fff;
  color: #000; }

.content-left-bar {
  height: 100vh;
  overflow: scroll;
  width: 100%;
  border: 1px solid #D2D2D2;
  padding: 5px;
  border-radius: 5px; }

.header-infos {
  background: #FAF4EE;
  border-radius: 5px 5px 0 0;
  padding-top: 5px; }

.header-infos-suite {
  background: #FAF4EE;
  border-radius: 0 0 5px 5px;
  margin-bottom: 10px; }

.btn-multiple-deletion-wrapper {
  padding: 0;
  margin-bottom: 10px; }

.btn-multiple-deletion {
  border-radius: 2px;
  background: #EE6C6C;
  font-size: 12px;
  padding: 6px 15px 6px 8px;
  border: 1px solid #EE6C6C;
  width: 150px;
  display: none;
  color: #fff;
  font-weight: 800; }

.btn-multiple-deletion:hover {
  background: #c15353;
  border-color: #c15353;
  color: #fff; }

.les-imports {
  padding: 0;
  margin-bottom: 10px; }

.name_pdf_position {
  margin-top: 25px; }

.quality-convert {
  margin-bottom: 15px;
  margin-top: 10px;
  border-radius: 5px;
  padding: 3px;
  color: #fff;
  background: #39D7D5;
  font-weight: 500; }

.text-quality-image {
  margin-top: 7px; }

.btn-import {
  border-radius: 2px;
  background: #202E3D;
  font-size: 12px;
  padding: 6px;
  padding-left: 8px;
  padding-right: 15px;
  border: 1px solid #fff; }

.btn-import-pdf {
  padding: 0; }

.btn-import-csv {
  right: -11px; }

.btn-import:hover {
  background: #fff; }

.pdf-files-browse, .csv-files-browse, .add-ecran-file {
  display: none !important; }

.selected-pdfs {
  background: #FAF4EE;
  width: 80%;
  margin-left: 10%;
  border-radius: 10px;
  padding: 15px;
  color: #000;
  display: none;
  position: absolute;
  z-index: 11;
  z-index: 14; }
  .selected-pdfs .position-field {
    width: 60px; }

.pdf-file-name {
  margin-top: 5px; }

.supprime-pdf-file-name {
  right: 20px;
  position: absolute;
  margin-top: -27px;
  font-size: 11px;
  border-radius: 2px;
  cursor: pointer;
  background: #39D7D5;
  padding: 3px;
  color: #fff;
  width: 20px;
  height: 20px;
  text-align: center;
  font-weight: 800; }

.close-pdf-import {
  position: absolute;
  cursor: pointer;
  right: 15px;
  top: 10px;
  font-size: 18px;
  border-radius: 50%; }

.validate-import-files {
  margin-bottom: 15px; }

.wait-import-pdfs, .wait-add-ecran {
  width: 36px;
  position: absolute;
  z-index: 3;
  left: 110px;
  display: none; }

.error-import-pdf, .error-ecran-vide {
  display: none;
  font-size: 14px;
  padding-left: 0;
  color: #000;
  background: #EEF3F8; }

.item-menu .glyphicon {
  color: #000; }

#revueUpdate {
  display: none;
  position: absolute;
  z-index: 50;
  background: #fff;
  padding: 10px;
  border: 2px solid #ddd; }
  #revueUpdate .help {
    color: #7b7b7b;
    margin-top: 0; }
  #revueUpdate .delete-background-image {
    cursor: pointer; }
  #revueUpdate .revue-background-img-upload {
    color: transparent; }

.update-revue-form > div {
  margin-top: 10px; }

/********************************************* Stats revue**************************************/
/********************************************* Stats revue**************************************/
.sel-stats-year, .sel-stats-month {
  height: 25px;
  border: none;
  color: #fff;
  background: #39D7D5;
  padding: 0px;
  z-index: 9;
  position: relative; }

.stats-year, .stats-month {
  z-index: 5; }

.stats-revue {
  border: 1px solid #aaa;
  padding: 2px;
  padding-left: 10px;
  margin-top: 8px;
  border-radius: 4px;
  color: #aaa;
  left: -2px;
  z-index: 9999;
  cursor: pointer;
  position: absolute;
  margin-top: -51px; }
  @media screen and (max-width: 992px) {
    .stats-revue {
      left: 170px;
      margin-top: -55px; } }

.datas-stats {
  color: #000;
  position: absolute;
  margin-left: 25%;
  width: 74.2%;
  left: -4px;
  border-radius: 4px;
  padding: 15px;
  margin-top: 35px;
  background: #EEF3F8;
  z-index: 100;
  display: none;
  top: 17px; }

.graphe-stats {
  border: 1px solid #aaa;
  margin-top: 30px;
  transform: rotate(180deg);
  padding-top: 0;
  display: none;
  max-height: 500px;
  min-height: 100px;
  overflow-y: auto; }

.datas-stats .col-md-2 {
  width: 20%; }

.groupe-stats {
  padding-bottom: 20px; }

.baton-stats {
  min-height: 1px;
  background: #aaa;
  width: 40px;
  margin: auto;
  position: relative; }

.text-stats {
  transform: rotate(180deg);
  width: 100%;
  display: block;
  text-align: center;
  position: absolute;
  font-size: 11px; }

.nb-pages-vues {
  background: #4ed9fc; }

.nb-visite-unique {
  background: #34A2B7; }

.nb-visite {
  background: #13dcda; }

.time-visite {
  background: #c6bfc9; }

.moyenne-time-visite {
  background: #92B7B5; }

.number-moyen-slide-vues {
  background: #CEFDDF; }

.legende-stats {
  margin-top: 20px;
  margin-bottom: 30px; }

.legende-nb-visite-unique {
  background: #34A2B7;
  height: 5px; }

.legende-nb-pages-vues {
  background: #4ed9fc;
  height: 5px; }

.legende-nb-visite {
  background: #13dcda;
  height: 5px; }

.legende-time-visite {
  background: #c6bfc9;
  height: 5px; }

.legende-moyenne-time-visite {
  background: #92B7B5;
  height: 5px; }

.legende-number-moyen-slide-vues {
  background: #CEFDDF;
  height: 5px; }

.text-legende {
  font-size: 11px;
  text-align: center;
  padding: 3px; }

.chapitres select {
  padding: 2px;
  height: 25px;
  background: #202E3D;
  color: #fff; }

.add-chapitre {
  text-align: right;
  cursor: pointer;
  text-decoration: underline; }

.popup-add-chapitre {
  background: #EEF3F8;
  color: #000;
  position: relative;
  z-index: 2;
  padding: 5px;
  display: none; }
  .popup-add-chapitre select {
    background: #fff;
    color: #000;
    margin-bottom: 10px; }

.btn-add-chapitre {
  margin-top: 15px;
  margin-bottom: 15px; }

.suivre-ordre-modele {
  margin-top: 115px; }

.HeaderCta {
  display: none; }

.voir-chapitre, .in-section {
  color: #444 !important;
  font-size: 14px !important; }

.sections-ecran {
  border: 1px solid;
  padding: 15px;
  position: absolute;
  width: 96%;
  z-index: 12;
  display: none;
  height: 95%;
  overflow-y: scroll;
  background: #fff; }

.voir-chapitre {
  color: #fff !important;
  background: #886da1; }

.new-creation {
  position: absolute;
  left: 0;
  bottom: -20px;
  padding: 2px 5px;
  color: #fff;
  background: #EE6C6C;
  font-size: 10px;
  font-weight: 500; }

.un-ecran {
  min-height: 100px;
  background: #fff;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 5px;
  padding: 10px;
  padding-top: 0;
  text-align: center; }
  .un-ecran.fake-screen {
    display: none;
    height: 10px !important;
    min-height: auto; }
    .un-ecran.fake-screen:only-child {
      display: block; }
    .un-ecran.fake-screen.ecran-horizontal {
      width: 35px;
      min-height: 100px;
      height: auto; }
  .un-ecran.selected {
    border: 2px solid #39D7D5 !important; }
  .un-ecran.border-right-dashed {
    border-right: 3px dashed #39D7D5 !important; }
  .un-ecran.border-left-dashed {
    border-left: 3px dashed #39D7D5 !important; }
  .un-ecran.border-top-dashed {
    border-top: 3px dashed #39D7D5 !important; }
  .un-ecran.border-bottom-dashed {
    border-bottom: 5px dashed #39D7D5 !important; }
  .un-ecran.dotted {
    border: 5px dotted #39D7D5 !important; }

.vue-plusieurs-ecrans,
.init-left-bar,
.suivre-ordre-modele,
.voir-sections {
  position: absolute;
  right: 1px;
  width: 15px;
  margin-top: 42px;
  border-radius: 4px;
  background: #39D7D5;
  font-weight: 700;
  cursor: pointer;
  color: #fff;
  font-size: 10px;
  text-align: center; }

.voir-sections {
  margin-top: 115px;
  /*margin-top: 150px;*/ }

.add-ecran {
  position: absolute;
  right: 1px;
  font-size: 22px;
  margin-top: 15px;
  border: 1px solid;
  border-radius: 4px;
  background: #39D7D5;
  color: #fff;
  font-weight: 700;
  cursor: pointer; }

.indice-ecran {
  position: absolute;
  height: 48px;
  width: 96%;
  font-size: 11px;
  line-height: 1.05;
  text-transform: uppercase;
  margin-top: -26px; }
  .indice-ecran__bloc-title {
    font-size: 9px; }
  .indice-ecran a {
    color: #000; }

#pdfAlert {
  position: relative; }

#closePdfAlert {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  cursor: pointer; }

body.visu, .les-blocs-vue {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }