/*Desactivation du Drag and Drop*/
#edit-field-home-paragraphes-wrapper .tabledrag-cell{
  display:none;
}


.rncontent-picto-bloc-type{
  /*margin-right: 20px;*/
  font-size: 80px;
  color: #737373;
}

.rncontent-separator-and-title{
  color: #737373;
  font-size:110% !important;
}

.rncontent-picto-bloc-type::after {
  content: "\f101"; /* Ce code Unicode correspond à l'icône 'fa-angles-right' */
  font-family: "Font Awesome 5 Free"; /* Assurez-vous que le nom de la famille correspond à celui utilisé dans votre version de FontAwesome */
  font-weight: 900; /* FontAwesome solid icons nécessitent un font-weight de 900 */
  margin-left:10px;
  margin-right: 10px; /* Ajustez l'espacement si nécessaire */
  display: inline-block; /* Aide à aligner l'icône correctement */
  font-size: 20px;
}

.page-node-type-home .field--name-field-prg-options-visibility{
  display: none;
}

.paragraph-type--home-vitrine-classique .paragraph-type,
.paragraph-type--home-vitrine-thematique .paragraph-type,
.paragraph-type--home-vitrine-focus .paragraph-type,
.paragraph-type--home-vitrine-focus-hub .paragraph-type,
.paragraph-type--home-vitrine-classique-auto .paragraph-type,
.paragraph-type--home-vitrine-thematique-auto .paragraph-type,
.paragraph-type--home-rubrique-auto .paragraph-type,
.paragraph-type--home-format-auto .paragraph-type,
.paragraph-type--home-dossiers .paragraph-type,
.paragraph-type--home-series-auto .paragraph-type,
.paragraph-type--home-series .paragraph-type,
.paragraph-type--home-timeline-auto .paragraph-type,
.paragraph-type--home-timeline .paragraph-type,
.paragraph-type--home-most-read .paragraph-type,
.paragraph-type--home-une .paragraph-type,
.paragraph-type--components-bloc-link .paragraph-type,
.paragraph-type--home-header .paragraph-type,
.paragraph-type--home-bloc-texte .paragraph-type,
.paragraph-type--example .paragraph-type,
.paragraph-type--home-faq .paragraph-type{
  display: none;
}

.rncontent-title-alert{
  color: #ff0000;
  font-size: 90%;
  font-weight: bold;
}

.rncontent-section .panel-title {
  display: flex;
  align-items: center;
  background-color: #f4f4f4;
  padding: 10px;


  /*box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
}

.rncontent-section .panel-title .pane-title {
  margin-right: 20px; /* Espace entre le titre et le reste */
  font-size: 18px; /* Taille du texte du titre */
  color: #333; /* Couleur du texte du titre */
  flex-shrink: 0; /* Empêcher le titre de se rétrécir */
}

.rncontent-section .option-visibility {
  flex-grow: 1; /* Permettre à la visibilité de prendre l'espace restant */
  display: flex;
  justify-content: flex-end; /* Aligner les éléments de visibilité à la droite */
}







#field-article-paragraph-values td{
  background-color: white;
}


#edit-field-article-paragraph-add-more .paragraphs-add-suffix{
  display:none;
}

.home-paragraph-container {
  display: flex; /* Utilisez flexbox pour le layout */
}

.article-paragraph-sidebar {
  width: 180px; /* Largeur de la barre */
  flex-shrink: 0; /* Pour s'assurer qu'elle ne rétrécit pas */
  /*height: 100vh;*/
  display: flex;
  flex-direction: column; /* Les éléments s'alignent verticalement */
}

.article-paragraph-content {
  flex-grow: 1; /* Prend le reste de l'espace disponible */
  padding-left: 20px; /* Espace entre la barre et le contenu */
}

/* Adaptez les styles existants pour correspondre au nouveau layout */
.article-paragraph-sidebar .panel-title {
  padding-left: 20px;
  flex-direction: column; /* Aligner les éléments verticalement */
  justify-content: center; /* Centrer verticalement si nécessaire */
  color: #333 !important; /* Couleur du texte */


  position: -webkit-sticky; /* Pour le support Safari */
  position: sticky;
  top: 60px; /* Ajustez cette valeur en fonction de l'espace que vous voulez au-dessus du panel-title lorsqu'il devient sticky */
  z-index: 10; /* Assurez-vous qu'il reste au-dessus des autres éléments */
}

/* Wrapper pour la select list */
.home-paragraph-container .options-visibility-radios-wrapper {
  position: relative;
  display: inline-block;
}

/* Style pour la select list pour la rendre plus légère */
.home-paragraph-container .options-visibility-radios-wrapper select {
  appearance: none;
  background-color: transparent;
  border: none;
  color: #737373;
  cursor: pointer;
  padding-right: 20px; /* Espace pour l'icône */
}

/* Ajoute une flèche descendante après le wrapper de la select list */
.home-paragraph-container .options-visibility-radios-wrapper::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  position: absolute;
  right: 0;
  top: 50%;
  pointer-events: none;
  color: #a9a9a9;
  transform: translateY(-50%);
}

/* Ajustez le style du select pour retirer le texte par défaut si vous le souhaitez */
.home-paragraph-container .options-visibility-radios-wrapper select {
  /*color: transparent;*/
  font-size: 80%;
}

.home-paragraph-container .options-visibility-radios-wrapper select option {
  color: #737373;
}

/* .home-paragraph-container .paragraph-top,
.home-paragraph-container .paragraph-type-top{
  display: none;
}*/

.home-subform-paragraph-sidebar {
  width: 80px; /* Largeur de la barre */
  flex-shrink: 0; /* Pour s'assurer qu'elle ne rétrécit pas */
  /*height: 100vh;*/
  display: flex;
  flex-direction: column; /* Les éléments s'alignent verticalement */
}
.home-subform-paragraph-sidebar .panel-title {
  padding-left: 20px;
  flex-direction: column; /* Aligner les éléments verticalement */
  justify-content: center; /* Centrer verticalement si nécessaire */
  color: #333 !important; /* Couleur du texte */


  position: -webkit-sticky; /* Pour le support Safari */
  position: sticky;
  margin-top: 25px; /* Ajustez cette valeur en fonction de l'espace que vous voulez au-dessus du panel-title lorsqu'il devient sticky */
  z-index: 10; /* Assurez-vous qu'il reste au-dessus des autres éléments */
}

.rncontent-subform-picto-bloc-type{
  /*margin-right: 20px;*/
  font-size: 40px;
  color: #737373;
}

.subform-paragraph-padding{
  border : 5px solid white;
}