/* Tout ce qui est ici devrait être déplacer ailleur ou supprimé

CMS.css pour tout ce qui est lors de l'édition;

bucherons.css pour ce qui est relatif a ma grille
c'est mon framework

*/




/* Footer des modal popup */
#btnfooter { border: none; }



.colorPatch { 
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: gray;
}






.editMode .sousPageLinkIcone { background-color: paleturquoise; min-height: 200px;}

.editMode .image-slider { 
	background-color: paleturquoise;
	min-height: 100%;

}



.datepicker td.day.disabled {
  opacity: 0.4;
}

.datepicker td.date-possible {
  background-color: hsla(120,100%,17%,1.00);
  color: white;
}
.datepicker {
	  font-size: 13px!important; 
	  line-height: 15px!important;
	  padding: 10px!important;
  }

  .swiper-pagination-bullet { 
	  background : none;
	  opacity: 1;
	  border: 1px solid var(--swiper-theme-color); 
  }
  .swiper-pagination-bullet-active {
	  
	  background: var(--swiper-theme-color); 
  
  }
  
  
  .mfp-content {
	  max-width: unset;
	  min-width:unset;
	  width:100%!important;
  }
  
  .mfp-content #blankContainer { text-align: center; }
  
  .widget .editable ul li { 
    list-style: disc;
    margin-left: var(--gap);
  }
  
  
  .ui-datepicker{
	  z-index:9999!important;
  }
  
  

  
  


.redactor-modal-action-btn {
	  background-color: var(--color_primary); 
	  border: 0px;
  
  }
  
  
  
  
  /*  Anciens clients.css  */
  
  
  
  
  figure:hover .boutoncontainer,
  .swiper-slide:hover .boutoncontainer,
  .image-static:hover .boutoncontainer,
  .sousPageLinkIcone:hover  .boutoncontainer,
  figure:hover .ajustCropBt,
  .sousPageLinkIcone:hover  .ajustCropBt,
  .image-slider:hover .swiper-slide .ajustCropBt  {
	  transform: translate(0px, 0px);
  }
  
  
  .image-slider .swiper-pagination-bullet:only-child {
	  visibility: hidden;
  }
  
  
  
  .sousPageLinkIcone figure { 
	  width: 100%;
	  height: 100%;
  
	  overflow: hidden;
  
  }
  .sousPageLinkIcone figure img {
	  height: 100%;
	  width: 100%;
	  object-fit: cover;
  }
  
  
  
  
  
  
  
  .editMode .background>.fa{
  
	  z-index:2;
  
  }
  
  
  
  
  
  
  .content { min-height: 65vh;}
  
  
  .BlocSousPage .sousPageLinkDate {
	  text-transform: uppercase;
	  line-height: 1.3em;
	  margin-bottom: 0.5em;
  }
  .BlocSousPage .sousPageLinkTitre {
	  font-size: 1.70em; /* était 1 1.25 */
	  color :  inherit;
	  font-weight: 400;
	  line-height: 1.2em;
  }
  
  .BlocSousPage .sousPageLinkDescription {
	  margin-bottom: 1em;
  }
  
  
  .BlocSousPage {
	  background-color: #eaeaea;
	  color:  var(--gray_dark);
	  min-height: 200px;
  
	  border-radius: 1em;
  }
  
  
  .sortable {
    --col-count : 12;
	  margin: 0px auto;
    width: 100%;
  }
  .sortable > li {
    --span:3
	  /* min-width: 240px; */
  }
  .sortable .add {
	  background: none;
	  min-height: 200px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  
  .sortable .add .add_btn {
	  color: white;
	  text-decoration: none;
	  background-color: var(--color_primary);
	  border-radius: 50%;
	  padding: 0.5em;
	  display: inline;
	  position: relative;
	  width: fit-content;
	  /* height: fit-content; */
      aspect-ratio: 1;
  }
  
  
  .BlocSousPage  .sousPageLinkIcone{ 
	  position: relative;
  /*	padding-bottom: 65%; */
	  overflow: hidden;
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-position: center center;
	  border-top-left-radius: 1em;
	  border-top-right-radius: 1em;
  }
  
  .BlocSousPage .blocinfo {
	  
	  padding: 20px;
  
  }
  
  
  #sliderAccueil .BlocSousPage .blocinfo {
	  
	  padding: 4vw;
	  width: 50%;
  }
  
  .mfp-bg, #redactor-modal-overlay, .redactor-modal-box {
  /*	background: linear-gradient(90deg, #ef9a39a8, #da6144c7);*/
	  backdrop-filter: blur(18px);
	  -webkit-backdrop-filter : blur(18px);
	  background: #00122770; /*	hsla(0,0%,100%,0.5);*/
	  
  }
  
  .mfp-close-btn-in .mfp-close, #redactor-modal-close {
	  color:white;
  }
  
  .mfp-content .grid {
	  background-color: white;
  /*	background: linear-gradient(90deg, #ef9a39a8, #da6144c7);*/
	  padding: 20px;
	  box-shadow: 0 0 10px rgb(0 0 0 / 30%);
  }
  .content a:hover, .description a:hover, .sousPageLinkDescription a:hover {
	  background-size: 100% 100%;
  }
  
  
  
	figcaption, .captation {
		font-size: 0.8em;
		/* line-height: 1.3em; */
		/* font_style: italic; */
		 padding: 1em; 
		/* outline: none; */
		opacity: 0.85;
	} 

  
  figure img,
  figure img{
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
  }
  
  .redactor-in {
	  background: rgb(108 108 108 / 26%);
  }
  
  
  /*.mfp-content { color:darkgray;}*/
  #new_sp .redactor-in { 
	  padding: 10px;
  }