.aside h3 {
color:#949494;
margin-bottom:5%;
}

.aside a {
  color:#949494;
}

h3.surbrillance  {
  color:black;
}

.texte-publication p {
  margin-left:50px;
  margin-right:50px;
}

.accesmoderation a {
  text-align:left;
  font-size: 0.9em;
}

.accesmoderation {
  padding-bottom:10%;
}

.deconnexion-publirapide a {
  text-align:left;
  font-size: 0.9em;
}

#inscription-login label {
  font-size:1rem;
  font-weight:600;
}

.modal {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #cccccc;
        opacity: 0;
        visibility: visible;
        transform: scale(1.1);
        transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
      }

.modal-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #eeeeee;
        padding: 1rem 1.5rem;
        width: 24rem;
        border-radius: 0.5rem;
      }

.close-button {
        float: right;
        width: 1rem;
        line-height: 1.5rem;
        text-align: center;
        cursor: pointer;
        border-radius: 30px;
        background-color: #eeeeee;
      }

.close-button:hover {
        background-color: #adadad;
      }

.show-modal {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
      }

.rubrique_choisir {
  margin-bottom:10%;
}

.rubrique_choisir h2 {
  text-align: center;
  margin-top:5%;
  margin-bottom:5%;
}

.rubrique_choisir_liste {
  display:inline-flex;
  justify-content: center;
  margin-left: 5%;
  margin-right:5%;
}

@media (max-width: 800px) {
  .rubrique_choisir_liste {
    flex-direction: column;
  }

  aside.page2_rubrique,
  aside.page3_article,
  aside.page4_proposer,
  aside.page5_finir {
    order: 1;
    margin-top: 20px;
  }

  main.page2_rubrique,
  main.page3_article,
  main.page4_proposer,
  main.page5_finir {
    order: 2;
  }

  aside.page2_rubrique h3,
  aside.page3_article h3,
  aside.page4_proposer h3,
  aside.page5_finir h3 {
    font-size: 1rem;
    margin-bottom: unset;
  }
}

.rubrique_choisir_bouton {
background-color: #f2f2f2;
margin:15px;
padding:10px;
border: solid 1px  #ccc;
border-radius:5px;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
transition:0.3s;
}

.rubrique_choisir_bouton svg {
height: 25px;
}

.rubrique_choisir_bouton:hover {
  background-color: #e8e8e8;
}

.rubrique_choisir_bouton i {
  margin-right: 20px;
}

.rubrique_choisir_bouton h2 {
  font-size: 1.4em;
  text-align:center;
  margin: 10px;
}

.rubrique_choisir_bouton p {
  margin-top: 5px;
}

.liste_article {
  text-align: center;
}

.liste caption {
  font-size:1.2em;
  margin-bottom: 20px;
  margin-top:20px;
}

/* TODO: Considerer de supprimer cette class et utiliser Bootstrap */
.proposer {
  text-align: center;
}

/* TODO: Considerer de supprimer cette class et utiliser Bootstrap */
.proposer h2 {
  margin-top: 50px;
  margin-bottom: 20px;
  text-align: center;
}

.proposer p{
  text-align: center;
  color:grey;
  margin-left:40px;
  margin-right:50px;
}

.formulaire_upload{
  background-color: #f2f2f2;
}

.ajout-evt-publirapide .editer_parent,.ajout-evt-publirapide .editer_repetitions {
  display:none;
}

.publication-rapide .formulaire_editer_article form {
  margin-bottom: 2rem;
  background-color: #f2f2f2;
  border-radius: 5px;
  padding: 2rem;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.publication-rapide input[type="text"],
.publication-rapide input[type="password"],
.publication-rapide input[type="email"],
.publication-rapide textarea {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  line-height: 2rem;
  padding: 0.2rem 0.5rem;
  width: 100%;
}

.publication-rapide textarea.markItUpEditor {
  border-radius: 0px 0px 5px 5px;
}

.publication-rapide input[type="checkbox"] {
  display: inline-block;
  margin: 0px 10px 0px 20px;
  vertical-align: unset;
}

.publication-rapide input[type="checkbox"] {
  display: inline-block;
  margin: 0px 10px 0px 20px;
  vertical-align: unset;
}

.publication-rapide .boutons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.publication-rapide input[type="submit"].bouton-secondaire {
  border: none;
  box-shadow: none;
  font-size: 0.8rem;
}

.publication-rapide input[type="submit"],
.publication-rapide button[type="submit"],
.publication-rapide a.bouton {
  margin-left: 10px;
  padding: 10px;
  border-radius: 5px;
  transition: 0.3s;
}

.publication-rapide button[type="submit"] {
  background-color: #fff;
}

.publication-rapide a.bouton {
  display: inline-block;
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  transition: border linear .2s, box-shadow linear .2s;
}

.publication-rapide input[type="submit"]:hover,
.publication-rapide button[type="submit"]:hover,
.publication-rapide a.bouton:hover {
  background-color: #e8e8e8;
}

.boutondemandepubli button {
  width:60%;
}

.boutondemandepubli svg {
  height:18px;
}

.boutonprepapoubelle {
  display:inline-flex;
  margin-top:1%;
  font-size:0.9rem;
}

.boutonprepapoubelle svg {
  height:18px;
}

.publication-rapide label {
  font-size: 1.5rem;
}

.publication-rapide .instituer_objet .formulaire_instituer .editer-groupe .editer_statut .show select {
  background-repeat: no-repeat;
  background-position: 4px center;
  background-color: #eee;
  color: inherit;
}

.publication-rapide .section {
  margin-bottom: 2rem;
  background-color: #f2f2f2;
  border-radius: 5px;
  padding: 1rem;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.publication-rapide .section h2 {
  margin-top: 1rem;
}

.publication-rapide h1 {
  margin-bottom: 2.5rem;
  margin-top: 1rem;
}

.finir {
  margin:10%;
  text-align: center;
}

.finir h2 {
  text-align:center;
  margin:5%;
}

.finir svg.thumb {
  height:40px;
}

.finir svg {
  height:20px;
}


/* Cacher les boutons d'aide de SPIP dans les formulaires, mais afficher
 * les paragraphes d'explications fournis par le plugin */

.publication-rapide .aide {
  display: none;
}

.publication-rapide p.aide {
  border-left: 3px solid #b9b6b6 !important;
  font-size: 1.1rem;
  display: block;
}


/* Formulaire d'édition d'article */

/* Cacher les éléments superflus */
.publication-rapide .formulaire_editer_article .editer_surtitre,
.publication-rapide .formulaire_editer_article .editer_soustitre,
.publication-rapide .formulaire_editer_article .editer_parent,
.publication-rapide .formulaire_editer_article .editer_liens_sites,
.publication-rapide .formulaire_editer_article input[type="submit"][name="save"] {
  display: none;
}


/* Listes style pour les formulaires ajout de mots clés et agenda */
.publication-rapide .formulaire_editer_liens ul,
.publication-rapide .formulaire_editer_evenement ul,
#cboxLoadedContent ul.editer-groupe {
  list-style: none;
  text-align: left;
}
/* Masquer certains boutons du formulaires de base de editer_liens pour les mots-clés */
.publication-rapide .formulaire_editer_liens .over,
.publication-rapide .formulaire_editer_liens .selecteur .toggle_box_link {
  position: absolute;
  left: -3000em;
  height: 1%;
}

/*Ajout de documents*/
.publication-rapide .documents_portfolio {
  margin: 1em;
}
.publication-rapide .documents_portfolio .label{
  font-size: medium;
}


/* Formulaire pour ajouter un logo à l'article. */

.publication-rapide .formulaire_editer_logo h3,
.publication-rapide .formulaire_editer_logo label {
  display: none;
}

.publication-rapide .formulaire_editer_logo .boutons {
  margin-top: 0.5rem;
}

/* Formulaire modification agenda */
#cboxLoadedContent .entete-formulaire,
#cboxLoadedContent .editer_parent,
#cboxLoadedContent .editer_repetitions {
  display: none;
}



/*Dropdown bouton */
.dropdown-btn {
cursor: pointer;
text-align: center;
background-color: #f2f2f2;
padding: 2%;
}

.dropdown-btn svg {
  height:13px;
}

.dropdown-btn p {
margin-bottom:0px;
}

.dropdown-btn:hover{
  color:#949494;
}

.dropdown-container {
display: none;
background-color: #f2f2f2;
margin-top:2%;
padding-top:2%;
padding-bottom: 2%;
}

.dropdown-container-center {
  display:flex;
  justify-content: center;
}

.dropdown-container caption {
  display:none;
}
.dropdown-container-1 {
  display:none;
}
.dropdown-container-2 {
  display:none;
}
.dropdown-container-3 {
  display:none;
}
.dropdown-container-4 {
  display:none;
}
.dropdown-container-5 {
  display:none;
}
/* Liste de messages envoyes */
.publication-rapide ul.forum {
  list-style: none;
  text-align: left;
  padding-left: 0;
  display: flex;
  flex-direction: column-reverse;
}

.publication-rapide ul.forum .forum-fil {
  flex: 0 0 auto;
}


.publication-rapide .forum-message {
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  line-height: 2rem;
  width: 100%;
  margin-bottom: 1em;
}

.publication-rapide .forum-chapo{
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom: 1px dotted #B8B8B8;
  margin: 0;
  padding: 3px 6px 2px;
  background: #e5e5e5;
}

.publication-rapide .forum-texte{
  margin-top:1rem;
}

.publication-rapide .forum-texte p {
  text-align: left;
}


/* Formulaire d'envoi de message pour l'équipe de modération */
.publication-rapide .formulaire_forum textarea#texte {
  height: 10em;
}

.publication-rapide .formulaire_forum .editer > label,
.publication-rapide .formulaire_forum .editer > .explication,
.publication-rapide .formulaire_forum fieldset {
  display: none;
}


.modal {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #cccccc;
        opacity: 0;
        visibility: visible;
        transform: scale(1.1);
        transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
      }

.modal-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #eeeeee;
        padding: 1rem 1.5rem;
        width: 24rem;
        border-radius: 0.5rem;
      }

.close-button {
        float: right;
        width: 1rem;
        line-height: 1.5rem;
        text-align: center;
        cursor: pointer;
        border-radius: 30px;
        background-color: #eeeeee;
      }

.close-button:hover {
        background-color: #adadad;
      }

.show-modal {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
      }

.unshow-modal {
        z-index:-1000;
    }

.publication-rapide ul.editer-groupe {
  list-style: none;
  text-align: left;
}

.publication-rapide li.editer_descriptif{
 display:none;
}

.publication-rapide li.editer_inscription{
 display:none;
}

.publication-rapide ul.editer-groupe label{
  font-size:1rem;
}

.ui-datepicker-calendar {
background-color: #fff;
width: 17em;
padding: .2em .2em 0;
}

.ui-datepicker-header {
background-color: #fff;
width: 17em;
padding: .2em 0;
}

.ajout-evt-publirapide .editer_date_debut_fin {
display:inline-flex;
}

.ajout-evt-publirapide .editer_date_debut_fin label {
margin:0.4rem
}

.ajout-evt-publirapide label.heure {
display:none;
}

.publication-rapide ul.editer-groupe label{
  font-size:1rem;
}

.ajout-evt-publirapide .formulaire_spip input.date {
font-size: 1.1rem;
width:9rem;
height:2rem;
}

.ajout-evt-publirapide .formulaire_spip #horaire {
margin: 25px 10px 10px 10px;
}

.ajout-evt-publirapide .formulaire_spip .editer_horaire {
display: inline-flex;
}

.ajout-evt-publirapide .formulaire_spip input.heure {
font-size: 1.1rem;
height:2rem;
width:5rem;
}

.ajout-evt-publirapide .formulaire_spip img.ui-datepicker-trigger {
 margin: 0.3rem;
 margin-left: -1.5rem;
 width: 1.4rem;
 height: 1.4rem;
}

.ajout-evt-publirapide .formulaire_spip input#titre, input#lieu {
font-size: 21px;
}

.publication-rapide #formulaire_forum input#titre {
font-size: 21px;
}