/*
Theme Name: BlankSlate Child
Theme URI: https://github.com/tidythemes/blankslate
Author: dasein
Author URI: https://dasein.studio
Description: Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2023 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

* { box-sizing: border-box; }

body { font-family: sans-serif; }
body 	{	background: url("../../uploads/2025/06/SFP_brique_B_29x29px.png") repeat;	}
body	{	padding: 0; margin: 14px; font-family: Arial, Helvetica, sans-serif;  	} 

*, html {	scroll-behavior: smooth !important;	}



/* ------- COLOR ------- */
	:root {	
		
		/* summerfest 2025 */
		
		--coul_SF25_jaune:#ffd600;
		
	--couleur_vert:#ddd39d;
		--couleur_vert:rgba(221, 211, 157, 0.8);
	
	--couleur_rouge:rgba(95, 90, 63, 0.8); /* === vert == ##5F5A3F */

		
	/*
	--couleur_jaune:#ffcc00;
	--couleur_vert:#33ffcc;
	--couleur_bleu:#3399ff;
	--couleur_creme:#e6debf;
	*/
	--couleur_creme_HEXA:#e6debf;

	--couleur_orange:#FF5F1F;
	--couleur_marron:#663300;

	--couleur_sombre:black;
	--couleur_lien_actif:black;
	--couleur_claire:white;
		
	--couleur_bleu:rgba(51, 153, 255, 0.8);
	--couleur_jaune:rgba(255, 204, 0, 0.95);
	--couleur_creme:rgba(230, 222, 191, 0.8);
		
	--FS_site_title: 39px;
	--LH_site_title: 20px;
		
	--FS_courant: 15px;
	--LH_courant: 21px;

	--FS_titre_niveau_2: 19px;
	--LH_titre_niveau_2: 28px;
		
	--FS_titre_niveau_1: 39px;
	--LH_titre_niveau_1: 43px;

		
	--FS_note: 1.3;
	--LH_note: 1.3;	
}


body { background-color: var(--coul_SF25_jaune);}
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------- style des liens ----------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/ 

a:active, a:link, a, a:visited {text-decoration: none!important; border-bottom: 1px solid black; color: var(--couleur_sombre); padding-bottom: 2px!important;}
a:hover{ border-bottom: 1px solid white; color:white;}


a {
  transition: 0.1s ease;
}


.more-link {
  display: none;    
}



/* 
a:not(.post-category_lien):not(.tags_conteneur_per_post a):not(.menu_nivo_2 a):not(#copyright a)  	  	
{
	  &[href^="http"]{	&:after {	content: "↶";	white-space: nowrap;	}    }
}
a:not(.post-category_lien):not(.tags_conteneur_per_post a):not(.menu_nivo_2 a):not(#copyright a)  		
{
  	&[href^="http"]{	&:not([href*="http://atredici.local"]) {	
		&:after {	
		
		font-size:12px;
		display: inline-block; white-space: nowrap; 
		width: 14px; height: 14px; 
		background-color: white; 
		margin-left: 7px; padding:2px; 
		text-align: center;	
				border-radius: 14px;
		border:1px solid black;
		vertical-align : top;
			
					content: "↗";	

		}
		
		
		}    	}
}

 */
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------- taille typo --------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/

body {font-size: var(--FS_courant); line-height: var(--LH_courant); }

.site-title		 {font-size: var(--FS_site_title); line-height: var(--LH_site_title); }

.menu_nivo_1, .menu_nivo_1_has_child, 
.cat-item a, .tag_header_dasein, .tag_dasein_0 span, .tag_dasein_0 a,
.grid-item-prochainement h1, .grid-item-prochainement p, 
.grid-item_no_result_found	p,
.menu-item

{	font-size: var(--FS_titre_niveau_2)!important; 		line-height: var(--LH_titre_niveau_2)!important;		}

.post h1 		{	font-size: 34px!important; line-height: 35px!important;	}
.post h2 		{	font-size: 23px!important; line-height: 28.3px!important;	}
.post p 		{	font-size: var(--FS_courant)!important; line-height: 21px!important;	}
.post h6 		{	font-size: 11.5px!important; line-height: 14.4px!important;	}

.grid-item-image-des-evenements h2 		{	font-size: var(--FS_titre_niveau_2)!important; line-height: 21px!important;	}
.grid-item-image-des-evenements h3 		{	font-size: 16px!important; line-height: 21px!important; 		}


#countdown {
  font-size: 34px;
  height: 42px;
  display: flex;
  align-items: center;
  color: black;
  margin-top: 5px;
  margin-bottom: 17px;
  width: 200px;
  transform: translateX(-4px); /* décalage vers la gauche */
}


/* -------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------- ajustement des blocs -----------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/

.site-title		 {display: inline-block; height:31px; margin-bottom: 18px; }

.menu_nivo_2 a, .menu_nivo_1 a, 
.tag_header_dasein, .tag_dasein_0 a, 
.cat-item a, .cat-item .children a {padding-bottom:2px;}

.grid-item-image-des-evenements h3
{padding-bottom: 1px;padding-top: 14px;  margin:0px!important; font-weight: 400;}
.grid-item-image-des-evenements h2
{padding-bottom: 1px!important;}
.post h1 {padding:0px 0px 14px  0px!important;	}
.post h2 {padding:0px 0px 13px  0px; }
.post p {padding:0px 0px 14.7px 0px;	}
.post h6 {padding:1px 0px 0px 0px!important;	}

.grid-item-librairie .post h2 {padding:0px!important;	}
.grid-item-librairie  p {padding:0px 0px 0px 0px!important;}
.grid-item-librairie  p a {padding:0px 0px 2px 0px!important;}
.description a { padding-bottom: 3px!important; }

/* -------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------- other -----------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/

.grid-item-librairie footer
{ padding-top:18px; }

/* -------------------- LOGO img -------------------------------*/

.logo_site
{
		max-width: 100%;
}

.logo-link {
    text-decoration: none;
}

.logo-link img {
    display: block; 
	padding-bottom: 18px;
}





/* -------------------- scroll to top -------------------------------*/

.DIV_post_bouton_retour
{
	display: none;
	width: 100%;
	height: 10px;
	text-align: center;
	margin-top: 13px;
}

a.post_bouton_retour
{
	border:1px solid black;
	background-color: white;
	padding: 0px 2px 0px 2px;
	font-weight: bold;
	width:42px!important;;
	height:42px!important;;
	border-radius: 42px!important;;
	display: inline-block;
	text-align: center;
	line-height: 34px;
	font-size:1.7em;
}

a.post_bouton_retour:hover
{	
	background-color: black;
	border-color: white;
}

.category-librairie a.post_bouton_retour
{
	background-color: var(--couleur_creme_HEXA);	
	border-color:black;
	color:black;
}
 
.category-librairie a.post_bouton_retour:hover
{
	background-color: white;	
	border-color:black;
	color:black;
}

/* ---------------- LIB - etoile x prix / sticky -------------------------------*/
.conteneur_star, .conteneur_NEU, .conteneur_prix_libre		{	 width:70px; height: 70px; 	position: absolute; 	}
.conteneur_star			{	left: calc(100% - 70px); top: 120px; z-index: 210; }
.conteneur_NEU			{	left: calc(100% - 110px); top: 147px; z-index: 220; 	}
.conteneur_prix_libre	{	left: calc(100% - 70px); top: 120px; z-index: 200; 	}

.star, .star_NEU, .star_prix_libre 
{	display: block; width:70px; height:70px;	background-image: url("../../uploads/2025/06/star.png");	background-size: 70px; opacity:0.8;	}

.star_prix_libre		{	animation: rotation 10s infinite linear; z-index: 201;	}
.star					{	animation: rotation 39s infinite linear; z-index: 211;	}
.star_NEU				{	animation: rotation 38s infinite linear; z-index: 221; 
	filter: invert(32%) sepia(15%) saturate(922%) hue-rotate(13deg) brightness(94%) contrast(81%);
		}

/*	 conversion depuis hexadecimal https://isotropic.co/tool/hex-color-to-css-filter/ */

@keyframes rotation {  0% {   transform: rotate(0deg) scale(1.0); } 50%   {transform: rotate(179.5deg) scale(0.8);  }  100%   {transform: rotate(359deg) scale(1);  } }

.affiche_prix_star, .TXT_NEU, .affiche_prix_libre
{
	display: block;     position: absolute;     width: 100%;	height: 100%;
    top: 0;	left: 0;
	text-align: center; font-weight: bold; margin: auto; line-height: 70px; z-index: 1002;font-size: 1.2em; color: var(--couleur_creme_HEXA);
}
.TXT_NEU
{
	line-height: 10px; z-index: 1003;font-size: 1.2em; color: var(--couleur_creme_HEXA); top:16px;
}

.affiche_prix_libre	{	line-height: 15px; font-size: 1em; color: var(--couleur_creme_HEXA); text-transform: uppercase; padding-top: 20px;}




/* --------------- LIB - conteneur tag des posts -------------------------------*/

.tags_conteneur_per_post { padding: 0px 0px 3px 0px; }

/* --------------- LIB - tag et category sur les posts -------------------------------*/

.tags_conteneur_per_post > a,
.post-category_lien > a,
a.post-category_lien 
{
	display:inline-block; text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.1em;
	border: 1px solid black; background-color: var(--couleur_creme_HEXA); margin: 0px 7px 0px 1px; padding: 2px 2px 1px 2px; width: auto;
	line-height: 0.8em; height:16px;
}

.tags_conteneur_per_post > a  {height:15px;margin: 0px 7px 1px 1px;}

.tags_conteneur_per_post > a:hover,
.post-category_lien >a:hover,
a:hover.post-category_lien 
{
	background-color: white; color: black; 
}



/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------- grid-item ----------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/

.grid {		display:block;	position:relative;	width:100%;	}
.grid:after {  content: '';  display: block;  clear: both;	}

.grid-item 
{
  	float: left;
	border: 1px solid black;
	overflow: hidden;
	margin: 0px 0px 0px 0px ;  
	padding:0px;
	margin-bottom: 13px;
	padding: 12px!important;
}

.grid-item-illustration		{	border:1px solid black;	overflow: hidden!important;	}

.grid-item-illustration .wp-post-image 	{	width:100%!important; height:435px!important; 	border: 1px solid black;	}	

.grid-item-prochainement, .grid-item-post, .grid-item-post_latest 		
{	overflow-y: auto;	}

/* couleurs */
.grid-item 						{	background-color: var(--couleur_rouge);		}
.grid-item-logo  				{	background-color: var(--couleur_vert);		}
.grid-item-prochainement 		{	background-color: var(--couleur_vert); 	}
.grid-item-post  				{	background-color: var(--couleur_jaune);		}
.grid-item-post_latest 			{	background-color: var(--couleur_bleu);		}
.grid-item-illustration			{	background-color: var(--couleur_jaune);		}
.grid-item-illustration_latest	{	border:1px solid black; background-color: var(--couleur_bleu);}
.grid-item-librairie 			{	background-color: rgba(230, 222, 191, 1);		}
.grid-item-pagination			{	background-color: transparent; border: 0px!important; 	}
.grid-item-footer				{	background-color: var(--couleur_vert);		}
.grid-item_woo_ordering			{	background-color: var(--couleur_vert);		}
.grid-item_woo_ordering_2		{	background-color: var(--couleur_rouge);		}



.grid-item_no_result_found		{	background: rgba(248, 243, 224, 0.9); 	}



.grid-item-image-des-evenements	
{	
	background-color: rgba(0, 0, 0, 1);		
	background-image: url("../../uploads/2023/11/atredici_brique_D_29x29px.png");
  	background-repeat: repeat;overflow-y:auto;background-attachment: local;
	color:white;
}
.grid-item-librairie { 
	/*
   	background-image: url("../../uploads/2025/06/SFP_brique_B_29x29px_INVERSE.png");
	background-repeat: repeat;
    background-attachment:local;
	*/
 } 


.grid-item-woo-index-produit	{	background-color: var(--couleur_creme); 	}

.grid-item					{	width: 337px;	height: 337px;	}
.grid-item_no_result_found	{	width: 337px;	height: 337px;	}

.grid-item-footer			{	width: 127px;	height: 141px;	}
.grid-item-illustration		{	width: 337px;	height: 463px;	}

.grid-item_nav				{	height: 141px;	}
/* après  grid-item-librairie 		*/

/* Règle de base pour .grid-item-librairie */
.grid-item-librairie {
    width: 407px;
    overflow-y: auto;
    height: 981px; /* Cette valeur sera écrasée par des règles plus spécifiques */
}

/* Règles spécifiques pour chaque type de contenu */
.grid-item-librairie-titre_NGG {
    height: 617px !important; /* Cette règle a la priorité */
    overflow-y: auto;
}

.grid-item-librairie-TXT {  height: 743px !important;  
  /* Cette règle a également la priorité	 height: 981px !important; */
    overflow-y: auto;
}

.grid-item-librairie-credits {
    width: 337px !important;
    height: 337px  !important; /* Cette règle a la priorité */
}
	

/* pas encore utilisé		*/
.grid-item-carre			{	width: 337px;	height: 337px;	overflow-y: auto; 	} 





body.archive .grid-item-librairie,
body.post-type-archive-product .grid-item-librairie 	{	width: 337px;	height: calc(2 * 337px - 1px); } 

.grid-item-pagination									{	width: 45px;	height: 981px; padding: 0px!important;	}
.grid-item_woo_ordering, .grid-item_woo_ordering_2		{	width: 337px;	height: 57px; 	}

.grid-item-logo 					{	width: 337px;	height: 337px;   	}


.grid-item--width2	{ width: 548px; }
.grid-item--height2 {  height: 1065px; }

.grid-item-logo {padding-top: 18px!important;}

.grid-item-woo-index-produit		{	width: 337px;	height: 800px;	padding: 0px!important;	}

.grid-item-image-des-evenements	{	width: 548px; }




/* -------------------------------------------------------------------------------------------------------------*/
/* ------------------------------- test ----------------------------------------------------------------------*/

        .grid {
            display: flex; /* Utiliser Flexbox pour le conteneur */
            flex-wrap: wrap; /* Permet aux éléments de s'ajuster sur plusieurs lignes */
            width: 100%;
        }

        .grid-item {

          
            transition: height 0.3s ease; /* Transition uniquement pour la hauteur */
			
        }

        .grid-item.reduced {
            height: 337px; /* Hauteur réduite */
        }

/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------- padding typo et div grid-item ----------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
.grid-item-index, .grid-item-mots-clefs, .grid-item-prochainement, 
.grid-item_no_result_found	
{ padding-top:7px!important;}
.grid-item-illustration	
{padding:13px!important; }
.grid-item-image-des-evenements
{ padding-top:10px!important;}
.grid-item-librairie
{ padding-top:9px!important;}
.grid-item-post
{ padding-top:9px!important;}

.grid-item-carre span { margin-top: 8px!important;}
.grid-item_nav { padding-top:9px!important;} 


/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* ------- TXT ------- */

.site-title {font-weight: bold; color: var(--couleur_sombre); }
 a.site-title {color: var(--couleur_sombre);}
 a.site-title:hover {color: var(--couleur_claire);}

li { padding:0px!important;	}
p { padding:0px; margin: 0px;}

.post h1 {font-weight: Normal;  }
.post h6 {letter-spacing: 0.1em; text-transform: uppercase;  font-weight: Normal; }
.post p, .post h1, .post h2, .post h6 { margin: 0px;  }


.grid-item-librairie  p { display: block;  padding-bottom: 6.5px; }

.TXT_clignote {   
	animation-duration: .8s;
	animation-name: colorchange_noir_blanc;
	animation-iteration-count: infinite;
	transition: none; 
		}
		
@keyframes colorchange_noir_blanc {
  0% { color: white; }
  50% { color: black; }
}

.note {font-size: 0.7em; line-height: 14px; letter-spacing: 0.1em; text-transform: uppercase; }

.grid-item-librairie-credits .note {display: inline-block; padding-top:8px; }

a.note  { padding-bottom:3.5px!important;}
.grid-item-librairie-credits .note a  { padding-bottom:0px!important;}

.grid-item-prochainement h1, .grid-item-prochainement p	{margin:0px;	}
.grid-item-prochainement h1 { font-weight: bold;}

.grid-item-image-des-evenements h2
{
	color: white;
	margin: 0px!important;
}

 
.text_haut_de_block { display: inline-block; margin-top:3px!important;	}



/* ------- FICHES LIBRAIRIE ------ */

.category-librairie h2
{	font-size: 1.5em; line-height: 1.1em; margin:0px; font-weight:normal; padding:0px;  	}


/* ------- MENU x NAV / CAT / TAG -------- */

/* padding: A B C D; → haut A, droite B, bas C, gauche D. */

.menu-menu-1-container
{ 
	display:inline-block;
	margin: 0px;
  	padding: 5px 0px 0px 0px;	
}

.menu-menu-1-container ul
{ 
	margin: 0;
  	padding: 0;
}

/* ------- PAGE x tags -------- */

.div_tag_dasein, .tag_header_dasein
{	padding: 0px!important;	margin: 0px!important;	}

.tag_dasein_0  
{
	width: 100%;
	display: block;
	padding-left:14px;
}
	
.tag_dasein_0  a .tag-groups-append 
{
	text-decoration: none!important;
	pointer-events: none!important;
	cursor: text!important;
}

.tag_div_dasein				{	padding-bottom:14px;	}
.tag-groups-append:before	{	content: " (";	}
.tag-groups-append:after	{	content: ")";	}

/* ------- PAGINATION => nav-below.php appleée par category.php-------- */
.nav-links .prev, .nav-links .next
{ display: none;}



.page-numbers, a.page-numbers, a:hover.page-numbers, .grid-item-pagination .current,  .page-numbers.dots
{
	display: inline-block;
	float: left;
	width: 29px; 
	height: 29px;
	text-align: center;
	margin-right: 6px;
	margin-bottom: 6px;
	line-height: 26px;
	text-decoration: none!important;
}

a.page-numbers 
{
	color:black;
	background-color: white!important;
	border: 1px solid black!important;
}

a:hover.page-numbers,  .page-numbers.dots 
{
	color:white!important;
	background-color: black!important;
	border: 1px solid white!important;

}

.page-numbers.toggle-button a:hover,
.page-numbers.toggle-button a,
.page-numbers.toggle-button {
            cursor: pointer; /* Changer le curseur au survol */
            position: absolute; /* Position absolue pour le positionnement */
            top: 13px; /* 20px du haut */
            right: 7px; /* 20px du bas */
			width: 29px!important;
			height: 29px!important;
			background-color: var(--couleur_vert);
	line-height: 22px!important;
	transition: width 0.3s ease, height 0.3s ease;
        }


.page-numbers.toggle-button a,
.page-numbers.toggle-button {
			background-color: var(--couleur_vert)!important;
	 transition: background-color 0.3s ease, border-color 0.3s ease;
        }



.grid-item-pagination .current 
{
	color:white!important;
	background-color: var(--couleur_rouge)!important;
	border: 1px solid black!important;
}
/* ----- test ---  */




/* --------  */

.menu_nivo_1_has_child 
{
	display:block;
  	list-style-type: none;
	font-weight: bold;
	text-decoration: none;
}

.menu_nivo_1 /* contient la suite du menu */
{
	display:block;
  	list-style-type: none;
	font-weight: bold;
	text-decoration: none;
}
span.menu_nivo_1_has_child ,
.menu_nivo_1_has_child a, .menu_nivo_1_has_child a:hover	{	border: none;	color: black;   cursor: text;	}

.current-menu-item > a		{ color:white!important; border-bottom: 1px solid white!important;}

.current_menu-item_AJOUT {color:white; font-weight:normal!important;}

.menu_nivo_2 
{
  	display:block;
	list-style-type: none;
	font-weight: normal;
	text-decoration: none;
	padding-left:14px!important;
}

.menu_nivo_2 a
{
	border-bottom: 1px solid black;
	cursor: pointer!important;
}

.menu_nivo_2 a:hover
{
	color:white;
	border-bottom: 1px solid white;
	cursor: pointer!important;
}

/* ------- MENU x CAT -------- */
ul, li {
	  	list-style-type: none;
	margin: 0;
  	padding: 0;
}

.cat-item a		{		font-weight: bold;	}

/* exclure  
 * 	Librairie/Buchhandlung
 * 	Auteur·es 138
 * 	éditeurices 177
 * 	Langue 142
 * 	Typologie 140
 * 	Exposition/Ausstellung 7
 * 	Salon	109
 * Son/Klang 8
 * */
.cat-item-138 > a, .cat-item-138 > a:hover,
.cat-item-177 > a, .cat-item-177 > a:hover,
.cat-item-142 > a, .cat-item-142 > a:hover,
.cat-item-140 > a, .cat-item-140 > a:hover,
.cat-item-librairie > a, .cat-item-librairie > a:hover,
.cat-item-7 > a, .cat-item-7 > a:hover,
.cat-item-8 > a, .cat-item-8 > a:hover,
.cat-item-109 > a, .cat-item-109 > a:hover
{
	text-decoration: none; border-bottom:0px;     cursor: text; color:black;
	pointer-events: none;
}



.cat-item .children a				{	font-weight: normal;	display: inline-block; margin-left: 14px; margin-top:8px!important; 	 } 
.cat-item .children .children a		{	font-weight: normal;	margin-left: 28px;	margin-top:0px!important; 	} 





/* ---- supprimer des trucs ---- 
.post-edit-link {display:none;}*/


/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* ------------------------------ wc vendor ------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
.wcvendors-pro-dashboard-wrapper {

}

.wcvendors-pro-dashboard-wrapper h1,
.wcvendors-pro-dashboard-wrapper h2,
.wcvendors-pro-dashboard-wrapper h3,
.wcvendors-pro-dashboard-wrapper a,
.wcvendors-pro-dashboard-wrapper p,
.wcv-grid,
.wcv-select-container,
.wcv-select-placeholder,
.wcv-select-list

{
font-size: var(--FS_courant)!important; line-height: var(--LH_courant)!important;
	font-family: Arial, Helvetica, sans-serif!important;
}



/* Masquer tous les liens sauf "Published" */
.wcvendors-pro-dashboard-wrapper .quick-link-wrapper .quick-link-btn:nth-child(1),
.wcvendors-pro-dashboard-wrapper .quick-link-wrapper .quick-link-btn:nth-child(2),
.wcvendors-pro-dashboard-wrapper .quick-link-wrapper .quick-link-btn:nth-child(4) {
    display: none;
}

/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* ------------------------------ woocommerce ------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* --------------- masquer prix suggeré dans add to cart -------------------------------*/
span.woocommerce-Price-amount.amount {
    display: none !important;
}
/* --------------- bord gris -------------------------------*/
.add_to_cart_inline {
    border: none !important;
    box-shadow: none !important; /* au cas où il y aurait une ombre */
    outline: none !important; /* et pas de contour */
}


.added_to_cart { margin-left:4px;}
/* --------------- mep fiches librairie -------------------------------*/

/*
.woocommerce .tags_conteneur_per_post	{	background: rgba(255, 0, 0,  0.3); }
.woo_product_titre 						{	background: rgba(255, 0, 255, 0.3); }

.woo_product_auteur 					{	background: rgba(0, 255, 255, 0.3); }
.woo_product_editeur 					{	background: rgba(255, 255, 0,  0.3); }

.woo_product_titre a	{	background: rgba(255, 255, 0,  0.3);	}
.woo_product_auteur p,  .woo_product_auteur a	{		background: rgba(255, 255, 0,  0.3);	}
*/


.woo_product_titre, .woo_product_auteur, .woo_product_editeur
{
    display: inline-block;
	width: 100%;
	height: auto;
}
.woocommerce .tags_conteneur_per_post 		{ padding-top:0px; padding-bottom:6px;}
.woo_product_titre 							{ padding-top:11px; padding-bottom:13px;}
.woo_product_auteur 						{ padding-top:8px; padding-bottom:2px;}
.woo_product_editeur 						{ padding-top:5.5px; padding-bottom:15.5px;}

.woo_product_editeur a	 {    line-height: 19px !important;	}

.woo_product_titre p,  .woo_product_titre a,
.woo_product_auteur p,  .woo_product_auteur a {
	font-weight: normal !important; 
    font-size: 23px !important;
    line-height: 28px !important;
}




.archive.woocommerce .grid-item-librairie 
 { height: 687px!important;	}

.woocommerce .woo_product_auteur .note { margin: 0px 2px 18px 0px;}



.grid-item_woo_ordering select, .grid-item_woo_ordering_2 select {
    border-radius: 0; /* Enlève l'arrondi */
	margin-left: 2px; margin-top: 2px; height: 27px; width: 307px;
	background-color: var(--couleur_vert);
}

.grid-item_woo_ordering_2 select {
	background-color: var(--couleur_rouge);
}

.grid-item_woo_ordering .menu-dropdown, .grid-item_woo_ordering_2 select {
        border-radius: 0; /* Enlève l'arrondi du cadre du menu */
    }

.grid-item_woo_ordering input {
	background-color: var(--couleur_vert);
		margin-left: 1px; margin-top: 1px; margin-right: 8px; height: 29px; width: 211px;
	padding-left: 8px;
	
	    border: 2px solid #ccc; /* Bordure par défaut */
    border-top-color: #e0e0e0; /* Couleur grise claire pour le haut */
    border-left-color: #e0e0e0; /* Couleur grise claire pour la gauche */
    border-right-color: #a9a9a9; /* Couleur grise foncée pour la droite */
    border-bottom-color: #a9a9a9; /* Couleur grise foncée pour le bas */
	
	

}
.grid-item_woo_ordering button {
	background-color: var(--couleur_vert);
	height: 29px; width: 29px;
	padding-left: 8px;

}


.grid-item_woo_ordering input:focus {
	background-color: white;
		border: 1px solid black;
    outline: none; /* Supprime le contour extérieur par défaut */
    box-shadow: none; /* Supprime toute ombre qui pourrait donner l'impression de contour */
}
/* --------------- custom_navigation -------------------------------*/



.div_custom_navigation	{	
	background: rgba(248, 243, 224, 0.9); 
}


.div_custom_navigation p {	padding: 0px 0px 0px 0px !important;  }


.div_custom_navigation .tags_conteneur_per_post a {	margin: 10.5px 0px  -2px 0px;  }		


.div_custom_navigation .tags_conteneur_per_post a:first-child {	background: rgba(255, 0, 255, 0.3);  }		
.div_custom_navigation .tags_conteneur_per_post a:last-child {	background: rgba(255, 255, 0,  0.3);  }		

/*	.div_custom_navigation_titre		{	background: rgba(255, 0, 255, 0.3); }	*/
.div_custom_navigation_titre		
	{	
		display: flex; 
		align-items: top; 
		width: 100%;
		height: auto; 
		margin: -1.5px 0px 0px 0px!important;	padding: 0px 0px 5px 0px !important;
	}


.div_custom_navigation_titre h2
{
	font-size: var(--FS_titre_niveau_2) !important;
  	line-height: 28px !important;
	margin: 0px!important;	padding:0px!important;

}

.div_custom_navigation p
{ margin: 0px 0px 10.5px 0px ;}		/* top right bottom left */

.div_custom_navigation_url
{ display:inline-block; padding: 0px 0px 3px 0px;
margin: 4px 7px 0px 1px;}		/* top right bottom left */


a.div_custom_navigation_url 
{
	 text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.1em;
	border: 1px solid black; 	background: rgba(248, 243, 224, 0.9); 
 padding: 2px 2px 1px 2px; width: auto;
	line-height: 0.8em; height:16px;

	height:15px;}

a:hover.div_custom_navigation_url 
{
	background-color: white; color: black; 
}




/*
.div_custom_navigation h2 			{	background: rgba(255, 0, 255, 0.3); }
*/
*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------- Img       ----------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/

a .sans_Img, 
a .div_Img_seul
{
    text-decoration: none !important;
    border: none !important;
}

/* Cible le lien et l'image dans .div_Img_seul */
.div_Img_seul a {
    text-decoration: none !important;
    border: none !important;
}

/* Cible aussi l'image pour éviter tout effet visuel sur celle-ci */
.div_Img_seul a img {
    text-decoration: none !important;
    border: none !important;
}

/* Gestion des états hover, link, visited */
.div_Img_seul a:hover,
.div_Img_seul a:link,
.div_Img_seul a:visited {
    text-decoration: none !important;
    border: none !important;
}

.div_Img_seul {
    position: relative; /* Nécessaire pour le positionnement absolu du pseudo-élément */
    background-color: var(--coul_SF25_jaune); /* Couleur de fond */
    overflow: hidden; /* Pour cacher tout débordement */
}

.div_Img_seul::before {
    content: ""; /* Nécessaire pour afficher le pseudo-élément */
    background: url("../../uploads/2025/06/SFP_brique_B_29x29px.png") repeat;	
    background-position: -1px -1px; /* Positionnement de l'arrière-plan */
    position: absolute; /* Positionnement absolu */
    top: 0; /* En haut */
    left: 0; /* À gauche */
    width: 100%; /* Prend toute la largeur de l'élément */
    height: 100%; /* Prend toute la hauteur de l'élément */
    transform: scaleY(-1); /* Symétrie horizontale (inversion sur l'axe Y) */
    z-index: 0; /* Placer l'arrière-plan en dessous */
}

.div_Img_seul img {
    position: relative; /* Pour garder l'image au-dessus du pseudo-élément */
    z-index: 1; /* L'image au-dessus de l'arrière-plan */
}


.div_Img_seul {
	margin-left: 2px;
    display: inline-block; 
    width: calc(100% - 4px); height: 391px; overflow: hidden; 
	border: none !important;
}

.div_Img_seul img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* S'adapte pour couvrir le conteneur */
}

/* Ajustement des images selon leur orientation */
.div_Img_seul img.portrait {
    width: auto;
    height: 100%; /* Remplit la hauteur du conteneur si l'image est verticale */
}

.div_Img_seul img.landscape, .div_Img_seul img.square {
    width: 100%; /* Remplit la largeur du conteneur si l'image est horizontale */
    height: auto;
}

.woocommerce .ngg-slideshow.slick-slider
{
	margin: 0px 0px 13px 2px!important; padding: 0px!important;
}


/* lien vers festival depuis accueil + logo site inversé*/

.grid-item-post a.image-cover-link img {
  transition: filter 0.3s ease;
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  left: -15px;
}
a.logo-link img 
{  transition: filter 0.3s ease;
}
a.logo-link:hover img, 
.grid-item-post a.image-cover-link:hover img {
  filter: invert(1);
}



/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* ------------------------------ formulaire	 ---------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/


.form_note
 {font-size: 0.7em; line-height: 8px!important; letter-spacing: 0.1em; text-transform: uppercase; }


.wpcf7-form.init label {
  display: block;
width: 200px; padding-top: 20px;
}

.wpcf7-form-control.wpcf7-submit,
.custom-file-button
{

}

.wpcf7-form-control.wpcf7-file 
{
	
}

.woocommerce #review_form textarea#comment, #comments textarea 
{
  width: 100%;          height: 142px; margin:0px 0px 14px 0px!important;	  box-sizing: border-box;  /* IMPORTANT */
}

/* padding: A B C D; → haut A, droite B, bas C, gauche D. */

.woocommerce-Reviews .woocommerce-Reviews-title
{
	font-size: var(--FS_courant)!important;
  line-height: var(--LH_courant)!important;
}
.woocommerce-noreviews, .woocommerce #review_form #reply-title, .woocommerce #review_form label[for="comment"]
{display:none;}

.woocommerce-Reviews-title,
#comments #reply-title
{ padding:0px 0px 5px 0px!important; margin:0px!important;}

label[for="comment"] {display: inline-block; padding:8px 0px 7px 0px !important; box-sizing: border-box;  }
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* ------------------------------ gallery NGG ------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/


/* --  full --  */

div.sl-caption.pos-bottom 
{ height:60px!important; bottom:-60px!important; color:white!important; font-size: 0.9em!important; line-height: 1em!important;
padding: 10px 0px 0px 0px!important; text-transform: uppercase;
  background-color: transparent!important; letter-spacing: 0.1em;
}

div.sl-overlay
{
	background-color: black!important;
	opacity: 0.95;
	margin: 14px!important;
}

 .sl-wrapper .sl-image img
{
	background-image: url("../../uploads/2023/12/atredici_brique_F_29x29px.png");
  	background-repeat: repeat;
	padding:42px!important;
	background-color: black;
}


.ngg-simplelightbox		{	cursor: zoom-in;	}

/* --  boutons --  */
/* --  full --  */

.sl-next,.sl-prev		{opacity:1!important;	color: transparent !important;	} /* masquer fleche original */

.sl-prev:before 	{	content:'←'!important; 	}
.sl-next:before		{	content:'→'!important; 	}

.sl-next:before, .sl-prev:before, .sl-close
{
	font-family: Arial, Helvetica, sans-serif; 
	border:1px solid black!important;
	background-color: white!important;
	padding: 0px 2px 3px 2px;
	font-weight: bold;
	width:42px!important;
	height:42px!important;
	border-radius: 42px!important;
	display: block!important;
	color: black !important;
    font-size: 28px !important;
	opacity:1!important;
	line-height: 40px;
}

.sl-close  { font-weight: normal;	font-size: 30px !important; line-height: 32px!important; right:20px!important;	width:48px!important;
	height:48px!important;}

.sl-next:hover:before, .sl-prev:hover:before , .sl-close:hover
{
	border:1px solid white!important;
	background-color: black!important;
	color:white!important;
	opacity:1!important;
}

@media only screen and (max-width: 567px) 
{	
	.sl-next:before { position:relative!important;	right:27px!important;}
}
@media only screen and (min-width: 568px) 
{	
	.sl-prev:before { position:relative!important;	left: -5px!important;}
}

@media only screen and (min-width: 800px) 
{
	.sl-next:before { position:relative!important;	right:-10px!important;}
	.sl-prev:before { position:relative!important;	left: -15px!important;}
}

.sl-counter		{left:5px!important;	top:26px!important;}

.sl-counter
{
	border:1px solid black!important;
	background-color: white!important;	
	color: black !important;
	padding: 4px;
	width: 48px!important;
}
/* ----------------------------------  small --------------------------------------  */


.ngg-gallery-thumbnail-box .ngg-gallery-thumbnail-caption {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important; z-index:1000;
	position:absolute; left: 0px; top; 0px;
}

.ngg-slideshow.slick-slider
{
	background-color: white;
	margin:9px 2px 19px 2px!important; 
		padding: 0px!important;

}

.ngg-slideshow.slick-slider,
.ngg-gallery-slideshow-image

{
	width: 363px!important; 
	height: 363px!important; 
}



.ngg-gallery-slideshow-image
{
		background-color: black;
	background-image: url("../../uploads/2023/12/atredici_brique_F_29x29px.png");
  	background-repeat: repeat;

}

.ngg-slideshow .ngg-gallery-slideshow-image img
{
	margin:0px!important;
	padding: 0px!important;
	max-height: 100%!important;
	max-width: 100%!important;

}



.category-image-des-evenements .ngg-slideshow.slick-slider,
.category-image-des-evenements .ngg-gallery-slideshow-image
{
	width: 504px!important; 
	height: 503px!important; 
}

.category-image-des-evenements .ngg-slideshow.slick-slider
{
	margin:9px 2px 15px 2px!important; 
}

@media (max-width: 600px) {
	
.ngg-slideshow.slick-slider,
.ngg-gallery-slideshow-image,
.category-image-des-evenements .ngg-slideshow.slick-slider,
.category-image-des-evenements .ngg-gallery-slideshow-image

	{
		width: 307px!important; 
		height: 299px!important; 
	}

}





/* ------- boutons/fleches -------- */

.slick-prev:before 		{	content:'←'!important; 	}
.slick-next:before		{	content:'→'!important; 	}

.slick-prev:before, .slick-next:before
{
	font-family: Arial, Helvetica, sans-serif; 
	border:1px solid black;
	background-color: white;
	padding: 0px 2px 3px 2px;
	font-weight: bold;
	width:21px!important;;
	height:21px!important;;
	border-radius: 21px!important;
	display: block;
}
.slick-prev:hover:before, .slick-next:hover:before
{	
	background-color: black;
	border-color: white;
}

.slick-arrow.slick-next 	{		right:0px!important; 	}
.slick-arrow.slick-prev 	{		left:-8px!important;	}

.ngg-slideshow .slick-next:before, .ngg-slideshow .slick-prev:before, .ngg-slideshow .slick-next:hover:before, .ngg-slideshow .slick-prev:hover:before
{
    color: black !important;
    font-size: 20px !important;
	opacity:1;
}

.ngg-slideshow .slick-next:hover:before, .ngg-slideshow .slick-prev:hover:before
{   color: white !important;	}

/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------  medias                 ----------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
.wp-block-embed__wrapper	{ width: calc(100% - 4px); top: 4px; 	border: 1px solid white!important;

}
.wp-block-embed__wrapper iframe {
}

audio
{  margin:  9px 7px 2px 2px!important; width: calc(100% -  4px)!important; height: 55px!important; opacity: 1;
	 padding:1px 4px 8px 4px; 
	background-color: black;
	background-image: url("../../uploads/2023/12/atredici_brique_F_29x29px.png");
  	background-repeat: repeat;

}

.wp-block-embed__wrapper /*contenueur vimeo */
{
	padding: 0px!important;
	height: 370px!important;
	margin: 9px 2px 2px 2px!important;
}

.wp-block-embed__wrapper iframe
{
	background-color: black;
	background-image: url("../../uploads/2023/12/atredici_brique_F_29x29px.png");
  	background-repeat: repeat;
	padding: 0px!important;
	margin: 0px!important;
		height: 100%!important;


}


/* BAND CAMP */
body.single-product iframe	{
	
	margin-left:1px;
	margin-top:10.5px;
	margin-bottom:17.5px;
	height: 46px;
	border: 0px!important;
	width: 365px;
}

/*

<figure class="wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo">
<div class="wp-block-embed__wrapper">
<iframe title="Lune, 2018. Sylvie Rodriguez" src="https://player.vimeo.com/video/891401343?h=b4b74bb042&amp;dnt=1&amp;app_id=122963" width="720" height="576" frameborder="0" allow="autoplay; fullscreen; picture-in-picture"></iframe>
</div>
</figure>

*/

/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------   vendor_dashboard                 -----------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/


.page-id-680 .grid-item--width2, 
.page-id-705 .grid-item--width2,
.page-template-PERSO_EDITEURS  .grid-item--width2
{width: 1107px;}

.page-id-680 .grid-item--height2,
.page-id-705 .grid-item--height2,
.page-template-PERSO_EDITEURS  .grid-item--height2
{  height: 1065px; }


.page-template-PERSO_EDITEURS img { height: 50px; width:auto;	}

.page-template-PERSO_EDITEURS table {
  border-collapse: collapse; /* Fusionne les bordures adjacentes */
}

.page-template-PERSO_EDITEURS	td, th {
  border: 1px solid black; /* Bordure visible */
  vertical-align: top;     /* Aligne le contenu en haut */
  text-align: left;        /* Aligne le texte à gauche */
  padding: 4px;            /* Optionnel : ajoute un peu d'espace intérieur */
}


/*
.page-id-680 *,
.page-id-705 *	{   border-radius: 0 !important;	}

.page-id-680 .wcv-store-setup-steps-wrapper,
.page-id-680 .wcv-icon,
.page-id-680 .wcv-product-details-table,	
.page-id-680 .confirm_delete,
.page-id-705 .wcv-store-setup-steps-wrapper,
.page-id-705 .wcv-icon,
.page-id-705 .wcv-product-details-table,	
.page-id-705 .confirm_delete,

.page-id-705 .wcv-status--completed,
.page-id-680 .wcv-status--completed,

.page-id-705 .status th,
.page-id-680 .status th

{ display:none!important;}



.page-id-680 .wcvendors-table tbody tr td,
.page-id-680 .wcv-product-title-text,
.page-id-705 .wcvendors-table tbody tr td,
.page-id-705 .wcv-product-title-text


{  vertical-align: top; font-size: 12px!important; line-height: 14px!important; text-align: left!important;}




.page-id-680 td.full-span,
.page-id-680 td.price, 
.page-id-705 td.full-span,
.page-id-705 td.price 
{padding: 8px!important;}

.order_id {display: inline-block; }
*/

/* Masquer la colonne entière avec la classe 'customer' */
/*

th.customer, td.customer,
th.status, td.status,
.wcv-tab-page-heading,
.wcv-order-table-order-count,

label[for="_wcv_shipping_status_input"],
#_wcv_shipping_status_input,
div[data-id="_wcv_shipping_status_input"],
.control.select, 

label[for="_wcv_order_status_input"],

[id^="open-tracking-modal-"] ,
[id^="open-order-note-modal-"]

{
  display: none !important;
}

*/

/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------   cas particuliers > INCREDIBLE INK  / EXP #3 -----------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/

#post-560 .grid-item-illustration		{	width: 548px;	height: 274px;	}
#post-560 .grid-item-illustration .wp-post-image	{	width: 100%;	height: auto!important;	}

#post-560 .grid-item-post	
{		height: 1240px; }

/* EXP #3 */
#post-595 .grid-item-illustration		{	width: 548px;	height: 323px;	}
#post-595 .grid-item-illustration .wp-post-image	{	width: 100%;	height: 100%!important;	}

/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------   adaptative  (général) ----------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/


/* ------  adaptative  -------*/

@media only screen and (max-width: 575px) 
{
	.grid-item-post_latest, .grid-item-post, .grid-item-librairie , .grid-item-image-des-evenements	{ width: 337px; overflow-y:auto;	}
	
	.grid-item-pagination		{	width: 347px;	height: 92px;}
	
	.page-numbers {	display: flex;  }
	.page-numbers li span.page-numbers 		{ display: inline-block!important; float:none!important;}

	
	#post-560 .grid-item-illustration		{	width: 337px;	height: 169px; overflow:hidden;	}
	#post-595 .grid-item-illustration		{	width: 337px;	height: 197px; overflow:hidden;	}

}