/* styles css custom ALB oct 26 */

body {
background-image: url("https://annelebot.fr/images/backgrounds-ALB/background-texture.png");
  background-position-x: 50%;
  }


/*************************************************************
         essai réglage blog categ sur 1 colonne
************************************************$$**********$*/

@media (max-width: 767.98px) {
  .blog-items .d-flex.flex-column,
  .blog .d-flex.flex-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}


/*************************************************************
         boutons
************************************************$$**********$*/

.boutonRouge {
	background-color: #bd3100;
  color: #ffffff;}

.boutonVert {
	background-color: #8BA503;
  color: #ffffff;
}
  
.boutonCentre {
  display: block !important;
  margin: 0 auto !important;
}

.blocHTML {
	display:block;
	padding:15px;
}

.fondViolet {
	background-color:#6D4BB3;
	color:#ffffff !important;
}

.fondViolet h2 {
	color:#ffffff !important;
}

.BoutonDansTexte {
	display: block !important;
 	 margin: 0 auto !important;
 	width:300px;
 	border:solid 1px red;
}

.boutonBlancViolet {
	background-color:#ffffff;
	color:#6D4BB3 !important;
	border:none;
	text-align:center;
}



/*************************************************************
          MEF modules de la sidebar right 
************************************************$$**********$*/

.moduleSidebar {
  padding:30px !important;
  background-color: #F3F3F3;

}

.moduleSidebarRouge {
	background-color : #ca4645;
	color:#ffffff !important;
}

.moduleSidebarRouge li a, .moduleSidebarRouge h3  {
	color:#ffffff !important;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.moduleSidebarRouge a:hover {
	color:#ffffff !important;
	text-decoration: none !important;
}

.moduleSidebarVert {
	background-color : #8BA503;
	color:#ffffff !important;
}

.moduleSidebarVert li a, .moduleSidebarVert h3 {
	color:#ffffff !important;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.moduleSidebarVert ul li, .moduleSidebarRouge ul li {
list-style-type: square;
}

.moduleSidebarVert li a:hover {
	color:#ffffff !important;
	text-decoration: none !important;
}

.moduleSidebarGrisClair {
	border: 1px #F6F6F6 solid;
}

.modulePetitTexte .acyterms, .modulePetitTexte .acytracking, .acysubbuttons span {
font-size:0.7em !important;
}


/*************************************************************
		           MEF blog accueil
************************************************$$**********$*/
		
.blogaccueil .blog-item  {
  background-color: #ffffff;
  margin:10px 0;
  padding: 20px;
  border:0;
  font-size:14px;
  line-height: 1.3;
}

.blogaccueil .blog-item .item-content.border-top {
	border-color:transparent !important;
}

.blogaccueil .readmore a.as-readmore {
  display: inline-block;
  padding: 10px 20px;
  background-color: #8BA503;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  border: none;
  font-weight: bold;
  cursor: pointer;
}

.blogaccueil .readmore a.as-readmore:hover {
  background-color: #ca4645;   /* Couleur au survol */
}


.blogaccueil .readmore .btn, .gridAccueil .btn {
display: block;
  width: 200px; /* Largeur obligatoire */
  margin: 0 auto;
} 

/* *****************************************
      texte blanc dans bloc/widget Astroid
********************************************/

.BlocTexteBlanc, .BlocTexteBlanc H2, .BlocTexteBlanc a {
	color:#ffffff !important;
}

.BlocTexteBlanc a:hover {
	color:#ffffff !important;
	text-decoration:underline !important;
}

/************************************************************* 
      gestion gouttières page défaut
      suggéré par bravia et ça marche !
**********************************************************$*/

@media (max-width: 767px) {
  .astroid-wrapper .row {
    --bs-gutter-x: 1rem;  /* 16px entre les colonnes sur mobile */
  }
}

@media (min-width: 768px) {
  .astroid-wrapper .row {
    --bs-gutter-x: 2rem;  /* 32px entre les colonnes sur desktop */
  }
}

/************************************************************* 
     module abonnement infos
**********************************************************$*/

.acym_introtext {
font-size:0.7em !important;
text-align:center !important;
line-height:1.2em !important;
margin-bottom:6px !important;
}

.acysubbuttons .btn {
display: block;
  width: 130px; /* Largeur obligatoire */
  margin: 0 auto;
}

/************************************************************* 
      titre des articles du layout article défaut
**********************************************************$*/

.astroid-article-title {
	margin-bottom:2em !important;
	text-align:center !important;
}

/************************************************************* 
      page de base : "layout default alb"
**********************************************************$*/

.articleFondblanc {
	background-color: #ffffff !important;
	padding-block: 1rem !important;
  padding-inline: clamp(0.5rem, 5vw, 3rem) !important;
}


/************************************************************* 
		   MEF blog répertoire dabadames
************************************************$$**********$*/
		
.repertoireD .blog-item  {
  padding: 20px;
  border:2px solid #F3F3F3;
  background-color:#ffffff;
  font-size:14px;
  line-height: 1.3;
    width: calc(50% - 10px);
  margin: 10px 10px 10px 0;  /* top right bottom left */
}

.repertoireD .blog-item:nth-child(even) {
  margin-left: 10px;
  margin-right: 0;
}

.repertoireD .page-header h1 {
margin-bottom : 50px;
}

.repertoireD .blog-item .item-content.border-top {
border-color:transparent !important;
}

.repertoireD .readmore a.as-readmore {
  display: inline-block;
  padding: 10px 20px;
  background-color: #8BA503;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  border: none;
  font-weight: bold;
  cursor: pointer;
}

.repertoireD .readmore a.as-readmore:hover {
  background-color: #ca4645;   /* Couleur au survol */
}


/************************************************************* 
   MEF légende sur galerie images (Astroid image group)
************************************************$$**********$*/

.titreImagesGallery h5 { /* classe attribuée dans les réglages du widget */
	 color: #ffffff !important;
	 font-size:1.5rem !important;
	 font-weight: 900;
	 font-family:"open sans", Arial !important;
	 text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}


/************************************************************* 
		   footer
************************************************$$**********$*/

.footer {
}

.footer h2.heading {
	color:#ffffff !important;
}

.connexionFooter .input-group input {
	background-color:transparent !important;
	border-color:#f6F6F6 !important;
	color:#F4F4F4 !important;
}

.connexionFooter .input-group input::placeholder {
	color:#F4F4F4 !important;
}


.connexionFooter .btn {
	width:200px !important;
}

.connexionFooter .list-group {
  --bs-list-group-bg: transparent !important;
}

.connexionFooter .list-group-item {
  color:#FEFEFE;
  line-height:12px;
  font-size:10px;
  border:none;
}