/*
Theme Name: fleury
Description: fleuri
Author: sofft
Template: Divi
Version: 1.517
*/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500&display=swap');
*/




:root,
[data-bs-theme=light] {

	--bg-color-dark:#d4a373; /* beige doré */
	--bg-color-dark:#D6CFC4; /* #D6CFC4 (beige-gris doux) - #B9B8A5 (vert sauge léger) - #CEC5B8 (taupe doux) - #DAD8C5 (vert amande pâle) - #C8C7BB (gris-olive clair) */
	--font-bg-color-dark : #3C3C3B;  /* #4A4A4A (gris anthracite) - #3C3C3B (gris olive foncé) -  #3F3F3F (gris foncé) - #494949 (gris charbon) -#4D4D4D (gris sombre) */
	--font-color-main : #4F4F4D; /*#4F4F4D;*/
	--font-color-light : #4F4F4D;
	--font-color-link : #A0522D;
	--font-color-link-hover : #8B4513; /* (brun sépia) */
	--bg-color-section-01 : #f6f5f2; /* #f9f9f9; */
	--bg-color-section-02 : #F6F5F2;
	
	
}

body, input, textarea, select {
		font-family : 'Roboto'!important;
	font-weight: 400!important;
	font-size: 16px!important;

	color: #00234f;
	color: var(--font-color-main);

}
strong {
	font-weight: 500;
	color: #000;
}
/* .entry-content a {border-bottom: solid 1px!important;} */

/* .entry-content .custom_grid  a {border-bottom: solid 0px!important;} */

	

a {
	color: var(--font-color-link);
}
a:hover {
	color: var(--font-color-link-hover);
}
a.ch-gallery, .main-image a {
	 cursor: zoom-in;
	 transition: transform 3.3s ease;
}
a.ch-gallery:hover {
	  transform: scale(1.05); /* Légère mise en valeur au survol */
}
/*==== COULEURS DE FOND SECTION ====*/
.tmp_home .et_pb_section:nth-child(odd), .et_pb_section:nth-child(odd), .home .ch_section:nth-child(odd) {
    background-color: var(--bg-color-section-01)!important; /* Couleur pour les sections impaires */
	
}

.tmp_home .et_pb_section:nth-child(even), .et_pb_section:nth-child(even), .home .ch_section:nth-child(even) {
    background-color: var(--bg-color-section-02)!important; /* Couleur pour les sections paires */
}


/*=====================================*/
.material-icone {
	font-family: 'Material Symbols Outlined';
	font-weight: 200;
	font-size: 20px;
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 200,
  'GRAD' 0,
  'opsz' 24
}
.material-icone.item_zoom_image::before {
	content: '\f393'; /* Unicode pour "zoom_out_map" */
}
.item_zoom_image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 0px 5px 0px 5px;
    background-color: #f5f5f5;
    transition: background-color 0.3s ease;
}

.item_zoom_image:hover {
    background-color: #e0e0e0;
}
/*===== TITRES =====*/



h1,h2,h3,h4,h5,h6 {
    color: #333;
    padding-bottom: 10px;
    line-height: 1em;
    font-weight: 400
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color: inherit
}

h1 {
    font-size: 30px
}
h1 span.accroche { font-size: 70%;}
h2 {
    font-size: 26px;
}

.home h2 {
	text-align: center;
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

h6 {
    font-size: 14px
}
.et_pb_fullwidth_header h1 {
	color: var(--font-bg-color-dark);
}

#left-area h1 {color: var(--font-bg-color-dark);
	text-align:center;
}

h1 {font-size: 200%;}

h1 .small {font-size: 50%;}

#header_titre h1 {margin: 20px;padding: 20px;}

h1.bgclair {color: #00306c!important;}

/* h2 */

.BgBlanc h2 {
	tmp_color: #00234f !important;
	color: var(--font-color-main)!important;

}
.project h2 {font-size:16px;text-align:center;}
 .et_pb_portfolio_item h2 {font-weight: normal; font-size: 100%;  }

/* h4 */
h4 {
	font-size: 14px;
}
.et_pb_blurb_content h4 {font-weight: normal; font-size: 100%;  }
.et_pb_blurb_content h4 a:hover {border-bottom: solid 1px;}

.pswp__dynamic-caption--overlay {
    position: absolute !important;
    bottom: 0;
    top: initial;
    text-align: center;
    background: rgba(255, 255, 255, .8);
    padding-top: .5em;
}
.pswp__caption__title {
	font-size: 120%;
	font-weight: 500;
}
.pswp__caption__alt {
	font-style : italic;
}
.pswp__caption { /*=== lightbox ****/
	text-align: left;
    padding: 10px;
    max-width: 800px;
    margin: 10px auto;
	color: #000;
}

.pswp h4 {
	color: #fff; /*=== lightbox ****/
}
/* hover */

.et_pb_blurb:hover h4 a {color: #920000;}
.et_pb_blurb .et_pb_blurb_content h4 a:hover {color: #920000; border-bottom: solid 1px;}

/*** fin titres */
#main-content .container:before {
width:0;
}
.et-social-icons .wpel-icon {
	display: none;
}
.et-social-icon a {
	color: #fff!important;
	font-weight: 400;
	border: solid 1px;
	padding: 5px 3px 3px 3px;
}
.et_pb_widget_area_right { 
	
	    padding-left: 0px;
}
.et_pb_widget_area_left { border-right:0 !important; }

/* contenu texte colonne */
.et_pb_column.contenu_texte, .single-oeuvre .inner_texte   {
	background: #fff;
	border-radius : 10px;
	padding: 10px 15px;
	margin-bottom: 5px;
	tmp_min-height: 400px;
}

.et_pb_column.contenu_image {
	border-radius : 10px;
}
.et_pb_column.contenu_texte  h2 {
	padding-top: 10px;
	margin-top: 10px;
	padding-bottom : 15px;
	margin-bottom : 15px;
	line-height: 1.3em;
	text-align: left;
}
/* alterner les couleurs de fonds */
.et_pb_section.alternate_color:nth-child(odd) {
	background-color: #f2f2f2;
}
.et_pb_section.alternate_color:nth-child(odd) .et_pb_column.contenu_texte {
	background-color: #ffffff;
}
.et_pb_section.alternate_color:nth-child(even)  .et_pb_column.contenu_texte {
	background-color: #f2f2f2;
	background-color: #fafafa;
}
.et_pb_section.alternate_color:nth-child(even) {}

.et_pb_section.ch-main-content,
.et_pb_section.alternate_color.ch-main-content
{
	background-color: var(--bg-color-section-01)!important;
}
/*================================
*------ [MENU] ---------
====================================*/

/*#et-secondary-nav .menu-item a {color: #fff !important;}*/
#left-area a:hover {text-decoration : underline;}
#top-header #et-info {color: #fff;}

#top-menu li ul {width:350px;}
#top-menu li ul li a {width:300px;}
#top-menu li {padding-right: 30px;}

#top-menu li a {
	font-weight: normal;
	tmp_margin-bottom: 10px !important; 
	text-transform: lowercase;
}

#top-menu a {
	text-decoration: none;
	font-size:16px;
	color: #000000 !important;
	letter-spacing: 0.1em;
}

.et_pb_column.vertical-align {
		display: flex; /* contexte sur le parent */
	flex-direction: column; /* direction d'affichage verticale */
	justify-content: center; /* alignement vertical */
}

/* [MEGA MENU] */

#top-menu li.mega-menu>ul>li>a:first-child {
	font-weight: 500;
	
}

#top-menu li.mega-menu>ul>li {
    width: 24%;
  margin: 1px!important;
}
/* [ MEGA MENU -> sous menu] */
#top-menu li.mega-menu li>ul {
    -webkit-animation: none !important;
    animation: none !important;
    padding: 0;
    border: none;
   /* left: 10px; */
    top: auto;
    width: 100% !important;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
	margin-right: 0px;
	margin: 5px;
}

#top-menu li.mega-menu>ul>li>a {
    width: 100%;
	padding: 0 20px 10px;
}
#top-menu li.mega-menu>ul>li>a:first-child {
	background-color : #EEEBE7;
	
}

li.mega-menu li.menu-item.menu-item-has-children {
	border: solid 1px #EEEBE7;
	
}
#top-menu li .menu-item-has-children>a:first-child {
	padding-right: 0px;	
}

#top-menu li.menu-item.menu-cta a {
	font-weight: 500!important;
	border-bottom : solid 1px;
}
/* [MENU HAUT] */
#et-secondary-menu li a, #et-secondary-menu li, #et-secondary-nav li a {
	color: #fff!important;opacity:1;font-size: 110%!important;
}
#et-secondary-menu li a:hover {color: #FFF !important;}
#main-content .et_pb_tabs_controls li {list-style-image : none;}
.et-fixed-header#top-header a {
    color: #bfb59f!important;
	font-size: 110%!important;
}
.et-fixed-header #top-menu li.current-menu-ancestor>a, .et-fixed-header #top-menu li.current-menu-item>a {
    color: #f5821f!important;
}

/* mobile menu */

#tmp_et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar:before {
    content: "a";
    font-size: 32px;
    position: relative;
    left: 0;
    top: 0;
    cursor: pointer;
	float: right;
	margin-right: 100px;
	
}
/*== correction due au fixed sur mobile ==*/

/* 1. Fixe le menu mobile ouvert sans impacter le #main-header */
#tmp_et_mobile_nav_menu .mobile_nav.opened {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  overflow-y: auto;
  background: #fff;
  z-index: 9999;
  padding: 0;
  margin: 0;
}

/* 2. Fixer le bouton burger (croix de fermeture) en haut à droite */
#tmpet_mobile_nav_menu .mobile_nav.opened  .mobile_menu_bar_toggle {
  position: fixed !important;
  top: 20px;
  right: 10px;
  z-index: 10000;
}



/*=== fin correction ===*/

ul.et_mobile_menu li {
	margin : 0px 0px;
	padding : 0px 0px;
	font-weight: 400;
}
.et_mobile_menu li a {

    border-bottom: 1px solid rgba(0, 0, 0, .03);
    color: #666;
    padding: 5px 5%;
    display: block;
}

.sub-menu li.current-menu-item > a {
	color: #fff !important;
	background-color: #D6CFC4;
}

/*----------*/
.category-title {text-align:center;line-height:15px;}

.category-title a {color:#666;}
.category-title a:hover {color:#ffffff;}


.txt-larger {font-size: 120%;}
.et_pb_fullwidth_section .et_pb_fullwidth_header.et_pb_text_align_left .et_pb_row {text-align:center !important;}

.et_pb_fullwidth_header.et_pb_text_align_left .header-content  {text-align: center !important;}


.et_pb_blurb_content a {color:#697db6;}
.et_pb_blurb_content a:hover {color:#ffff !important;}
.et_pb_widget {text-align:center;}
.et_pb_portfolio_item h2 a {color: #0a2c5c;}
.et_pb_text a:hover {border-bottom: solid 1px;}


.et_pb_fullwidth_header_subhead {color:#fff;}
/**************************************
 * --------------[TITRES] ------------
 * ------------------------------------*/



/********* ARTICLE ***/

.single-post .post_resume {margin-bottom: 0px;}
.single-post .et_post_meta_wrapper {text-align: center;}
.single-post .galerie_adresse {text-align: center;}
/*** titre plein ecran ****/

.et_pb_fullwidth_header {
	background-color: var(--bg-color-dark);
}
.et_pb_fullwidth_header {color:#0070c0 !important;}


.expo_info {
	color: #fff;
}
.url_galerie {
	display: block;
	margin-top: 10px;
}
.url_galerie a {
	background: #fff;
	border-radius: 5px;
	padding: 5px 10px;
}

.et_pb_more_button {background:#fff !important;background: rgba(255,255,255,0.4) !important;color:#606060 !important;}
.et_pb_more_button:hover {color:#e2bc74 !important;}
.gallery-item {margin:0px 0px 0px 0px;padding-bottom:0px 0px 0px 0px;}

.et_pb_fullwidth_header_subhead {font-size: 120%; letter-spacing: 0.05em; font-weight: normal;}
/***** side bar ****/
.et_pb_widget_area_left {border-left:solid 1px #e5e5e5;padding-left:15px;}

/* CUSTOMIZE TITLES IN SIDEBAR */
.et_pb_widget .widgettitle, h4.widgettitle {    
    background-color: var(--bg-color-dark);
    padding: 8px 8px;    
    color: #000;   
	
    font-size: 14px;    
    font-weight: 500;    
    line-height: 1;    
    letter-spacing: 1.2px;   
    text-transform: uppercase;    
    margin-bottom:10px;    
    text-align: center;    
    
}

/****** nav bar bottom *********/
.nav-single {/*background:#f1dab0;*/}
.nav-previous a,.nav-next a {color : #7d5024;font-weight:normal;}
/*** footer ****/
#main-footer  { 
	background-color: var(--bg-color-dark); 
}
#footer-bottom { 
	background-color: #B2A898; /*background-color: rgba(0, 0, 0, 0.32);*/ 
	padding: 15px 0 5px; }

/************* TOOGLE ****************/
.et_pb_toggle_close {background:url(images/plus.gif) left no-repeat;}

/*======================   google agenda ======================*/
.gce-widget-grid {width:150px !important;}
.gce-calendar {width:150px !important;}
.gce-widget-list .gce-list .gce-list-event {background-color:#fff !important;border-bottom:solid 1px #000;border-top:solid 1px #000;}

/*=== VIDEO ==*/
.wp-video {
	text-align:left;
	margin-left:5px !important;
	border:solid 0px;
}


.et_project_meta_title, .et_project_meta {display: none !important;}
.et_full_width_portfolio_page .et_project_meta {display: none;}

/*================ BLOG GRID ===============*/
.grid-item a {cursor: zoom-in;}


.et_pb_blog_grid .et_pb_post {
	border: solid 0px;	
}
.et_pb_blog_grid .et_pb_post .entry-title {
	text-align: center;
	font-weight: 400;
}
@media only screen and ( min-width: 981px ) {
	.et_pb_column_4_4 .et_pb_blog_grid .et_pb_salvattore_content[data-columns]::before { content: '4 .column.size-1of4' !important;
}
.grid_4_colonnes .et_pb_column_4_4 .column.size-1of4 {
	width:21.15% !important;
	margin-right:1%;

}
.grid_4_colonnes .et_pb_column_4_4 .ds-blog-four-column.et_pb_blog_grid[data-columns]::before {
	content: '4 .column.size-1of4';
}
	
}


/* ligne verticale du satané sidebar widget */
#main-content .container:before {
width:0;
}
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }


/* responsive */

@media (max-width: 1024px) {
  .ch_gallery {
    grid-template-columns: repeat(2, 1fr); /* 2 colonnes pour les écrans moyens */
  }
}

@media (max-width: 768px) {
  .ch_gallery {
    grid-template-columns: 1fr; /* 1 colonne pour les petits écrans */
  }
}


figure.grid-item figcaption {
	text-align : center;
}

/* GRILLE ARTICLE OU PROJET ***/

/*========== BLURB ===================*/

.et_pb_blurb {background: #fff;}



/* image effect */

.image-grow, .image-grow .et_pb_team_member_image, .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image {
	overflow: hidden;
}
.image-grow img, .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image img {
	border: none !important;
	-webkit-transition:all 1.6s ease-out;
	-moz-transition:all 1.6s ease-out;
	-ms-transition:all 1.6s ease-out;
	-o-transition:all 1.6s ease-out;
	transition:all 1.6s ease-out;
}

.image-grow img:hover, .et_pb_blurb .et_pb_blurb_content:hover .et_pb_main_blurb_image img {
	-webkit-transform:scale(1.75);
	-moz-transform:scale(1.75);
	-ms-transform:scale(1.75);
	-o-transform:scale(1.75);
	transform:scale(1.75);
}

/*  related post */
.crp_related {
	border-top: solid 1px;
	text-align: center;
	 max-width:1080px; /* largeur obligatoire pour être centré */
	margin-left: auto;
  	margin-right: auto;
 
}

.crp_related ul {
	max-width: 1080px; /* largeur obligatoire pour être centré */
	margin:0 auto;/*centrage marges automatiques*/
	padding:4px 0;
	text-align:center !important;/*centre les inline qu'il contient*/
}
.crp_related li {

	display:inline;/*de list-item à inline*/
	margin : 2px;
}
.archive_description_text {
	background-color: #f6f6f1;
	padding: 15px 15px;
}
/*---------------------------------------------*/
/* PORTFOLIO IMAGE
 * --------------------------------------------*/
.et_overlay::before {content: '';}
.et_portfolio_image:hover .et_overlay {background: rgba(0,0,0,0.5)!important;}
.et_overlay {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}
 
.et_shop_image:hover .et_overlay, .et_portfolio_image:hover .et_overlay{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.et_portfolio_image{
    border: 5px solid #fff;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
    box-shadow: 0 1px 4px rgba(0,0,0,.3);
}

/*************** MASONRY **********/

.dgwt-rwpgg-ico-loupe {display: none!important;}
.dgwt-jg-effect-standard a .dgwt-jg-caption {
    cursor: zoom-in;
}
.dgwt-jg-effect-standard .dgwt-jg-caption {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0!important;
}
.dgwt-jg-effect-standard .dgwt-jg-caption {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    height: 100%;
    overflow: hidden;
    padding: 1em;
    position: absolute;
    text-align: center;
    transform-style: preserve-3d;
    width: 100%;
    word-wrap: break-word;
    z-index: 2;
    display: none;
    opacity: 1;
    top:0;
    transition: none 0s ease 0s ;
    margin: 0;
}
.dgwt-jg-effect-standard a .dgwt-jg-caption {
    cursor: pointer;
}

.dgwt-jg-effect-standard .dgwt-jg-caption .dgwt-rwpgg-ico-loupe {
    display: none!important;
}

@media only screen and ( min-width: 768px ) {
	/* tabulation */

	.et_pb_portfolio_filters {
		background: #ffffff;
		margin: 5px 0px!important; 
		padding: 0px!important; 
		border: solid 0px;}
	
	/* Set the spacing between images */
.et_pb_portfolio  .et_pb_portfolio_item, .et_pb_portfolio_grid .et_pb_portfolio_item   { 
	margin-bottom:1% !important; 
	margin-left: 2% !important; 
	margin-right: 0% !important; 
	width: 30%!important;
	clear: right!important;
	min-height:300px;
}

/*------------- [WP GALLERY] -------------*/
	figure figcaption, span.item_titre {color: #00306c;}
	figure figcaption div {font-size: 90%;}
	
}
@media only screen and ( max-width: 767px ) {
body, input, textarea, select {font-size: 16px;}
	.et_pb_column .et_pb_salvattore_content .column.size-1of4 {
	width: 100%!important;
	margin-right: 0%;
	margin-left: 0%;
		border: solid 0px;
}
.et_pb_column.contenu_image {
	height : 300px;
}
}
#et_pb_contact_form_1, .contact_form  {
	background: #f7f5f2!important;
	padding: 10px 20px;
	}
.contact_form .input,
.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form select,
.contact_form textarea {
	background: #fff;
	c_olor: #333;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 4px;
	width: 100%;
	box-sizing: border-box;
}

.contact_form .input:focus,
.contact_form input[type="text"]:focus,
.contact_form input[type="email"]:focus,
.contact_form select:focus,
.contact_form textarea:focus {
	border-color: #666;
	outline: none;
}

.contact_form1 button.et_pb_contact_submit {
	background: #333;
	color: #fff;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
	border-radius: 4px;
	transition: background 0.3s ease;
}

#et_pb_contact_form_1 button.et_pb_contact_submit:hover {
	background: #555;
}
.archive_description_container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.archive_image_column {
    flex: 2;
}
.archive_image_column img {
    max-height: 70vh;
    width: auto;
    height: auto;
}
.archive_text_column {
    flex: 1;
}
/* bascule auteur / technique */

.catalogue .auteur {
	display: none;
}
.catalogue .auteur, .catalogue .auteur, .catalogue .titre_ref.vide {
	display: none;
}
.catalogue .titre_ref.is_h4 {
	border: solid 1px;
}
/*======== V2 ? =========*/
/* Section container */

.ch_section {
	max-width: 2500px;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centre horizontalement les lignes dans la section */
    justify-content: center; /* Centre verticalement les lignes si nécessaire */
    padding: 20px;
    tmp_background-color: #f9f9f9;
    width: 100%; /* S'étend sur toute la largeur de la page */
    box-sizing: border-box; /* Inclut le padding dans la largeur */
	margin: 10px auto; /* Centre la section dans la page */
}
.ch_home_section {
	margin: 0px auto!important;
	padding: 10px 0px!important;
	
}
.ch_home_section .et_pb_row {
	padding: 0px 0px 20px 0px!important;;
}
.ch_home_section h3 {
	padding: 20px 0px;
	text-align: center;
}
.ch_section.main_content.section_1 {
	padding: 0 20px;
}
.ch_section.full_width {
	 padding: 0px;

}
.et_pb_section.header-titre, .ch_section.header-titre {
	background-color: var(--bg-color-dark)!important;
}
.archive .header-titre .et_pb_row {
	padding: 10px 0!important;
}
.et_pb_section.header-titre a, .ch_section.header-titre a { 
	color: #fff;
	border-bottom: solid 1px;
}
.ch_section.header-titre {
	padding: 10px 0px;
}
.ch_section.header-titre h1 {
	padding-bottom: 0px;
}
.ch_section.related_post {
	background-color: #fff;
}
.ch_text_colomn {
	background-color: #fff;
	padding: 15px 15px;
	border-radius: 10px;
}
.ch_image_col {
	
}
/* Each line */
/* Ligne pleine largeur */
.ch_line {
	max-width: 1200px;
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px; /* Espacement entre les colonnes */
	margin: 0 auto; /* Centre la ligne par rapport à la section */
}
.ch_line.full_width {

	max-width: 1500px; /* Supprime la limitation de largeur */
    width: 100%; /* Prend toute la largeur de .ch_section */
	margin: 0px auto;
	padding: 0px;

}
.ch_section_specialty .ch_row_1_2 {
    flex: 1 1 calc(50% - 20px); /* 50% de largeur moins l'espace du gap */
    max-width: calc(50% - 20px); /* Empêche de dépasser 50% */
}
.ch_row_1_2.vertical_align {

	display: flex;
    flex-direction: column; /* Disposition verticale par défaut */
    justify-content: center; /* Centre le contenu verticalement */
    
    h_eight: 100%; /* La colonne occupe 100% de la hauteur de son parent */
}
/* Colonne 1/2 (image) */
.ch_row_1_2.image {
    flex: 0 0 50%; /* Chaque colonne occupe 50% */
    display: flex;
    align-items: center; /* Centre verticalement le contenu */
    justify-content: center; /* Centre horizontalement le contenu */
    position: relative; /* Nécessaire pour le positionnement absolu */
	
}
.ch_line.full_width .text_content {
	max-width: 500px;
	margin: auto 0;
	background-color: #fff;
	padding: 20px;
}
/* Limite le cadre de l'image */
.limite_cadre_img {
    max-height: 80vh; /* Limite la hauteur maximale */
    width: auto; /* L'image occupe toute la largeur */
    overflow: hidden; /* Recadre l'image en cas de débordement */
    position: relative; /* Nécessaire pour le positionnement de l'image */
}

/* Style pour l'image */
.limite_cadre_img img {
    width: 100%; /* S'étend sur toute la largeur */
    height: 100%; /* S'étend sur toute la hauteur */
    object-fit: cover; /* Recadre l'image pour remplir le conteneur sans la déformer */
    object-position: center; /* Centre l'image dans le cadre */
    display: block;
}

/* Columns inside each line */
.c_h_row_1_2 {
    flex: 1 1 calc(50% - 20px); /* 50% de largeur moins l'espace du gap */
    max-width: calc(50% - 20px); /* Empêche de dépasser 50% */
}
.ch_row_2_3 {
	   flex: 2; /* Occupe 2/3 de l'espace */
}
.ch_row_1_3 {
	 flex: 1; /* Occupe 1/3 de l'espace */
}
.ch_row_1_1 {
	 flex: 1; /* Occupe 1/3 de l'espace */
	width: 100%;
}
.ch_row_image {
 
    padding: 5px;
	margin-right: 20px;
    box-sizing: border-box;
	justify-content: center; /* Centre horizontalement l'image */
    margin: 0 auto;
	tmp_align-items: center; /* Centre verticalement l'image */
    overflow: hidden; /* Cache les débordements éventuels */

}
.ch_row_image .featured-image {
    display: flex; /* Permet de centrer le contenu interne */
    justify-content: center;
    align-items: center;
    width: 100%; /* S'adapte à la largeur de la colonne */
    tmp_height: 100%; /* S'adapte à la hauteur disponible */
}

.ch_row_image .featured-image img {
    max-height: 70vh; /* Limite la hauteur de l'image à 70% de la hauteur de la fenêtre */
    width: auto; /* Garde les proportions de l'image */
    max-width: 100%; /* Empêche l'image de déborder horizontalement */
    border-radius: 8px; /* Ajout optionnel pour adoucir les bords */
	
}
.ch_row_texte {
   
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
    border: 0px solid #ccc;
    /*background-color: #ffffff;
    border-radius: 4px;*/
}
.ch_row_texte .texte_auteur, .artwork-info, .description_oeuvre .ch_gallery  {
	text-align: left;
	background-color : #fff;
	border-radius : 5px;
	padding: 10px;
	margin-bottom: 5px;
}
.texte_auteur .author {
	text-align: right;
	font-style: italic;
}
/*============= GRID ===============*/


.variation-title {
	padding-bottom : 10px;
	margin-bottom: 10px;
}


.ch-main-content .main-image, .random-oeuvre {
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	margin: 0px!important;
}

ul.ch_grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.ch_grid.galerie_detail {
	margin-top: 10px;
	padding-top: 10px;
	
}
/* Style de la grille - chaque item */

ul.ch_grid li {
   
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
    transition: transform 0.3s;
	transition: transform 0.5s ease;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	position: relative;

}
ul.ch_grid.variantes li a{
	cursor: zoom-in!important;
	
}
ul.ch_grid li:hover {
    transform: translateY(-5px);
    
}
ul.ch_grid.variantes li {
	
}
/* [COLONNES DIMENSIONS] */
ul.ch_grid.nbcol_2 li {
	flex: 0 0 calc(50% - 20px);
	
}
ul.ch_grid.nbcol_3 li {
	flex: 0 0 calc(33.3333% - 20px);
	
}
ul.ch_grid.nbcol_4 li {
	flex: 0 0 calc(25% - 20px);
}
ul.ch_grid.nbcol_5 li {
	flex: 0 0 calc(20% - 20px);
}

/* ch_grid */





/* Image dans la grille */
ul.ch_grid li .item_image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Titre et description */
ul.ch_grid li .ch_grid_description {
    padding: 2px 10px;
    text-align: center;
}

/*.ch_grid li .ch_grid_description .item_titre {
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}*/

.ch_grid li .ch_grid_description .item_description {
    font-size: 1em;
    color: #666;
    line-height: 1.6;
}
.ch_grid_description .main-title {
    font-size: 1.3em;
    font-weight: 500;
    color: #2f2f2f;
    margin-bottom: 8px;
	tmp_text-transform: capitalize;
    letter-spacing: 1px;
}

/* h4 */
.ch_grid  .item_titre {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.1em;
	 padding: 0px;
	
}
.ch_grid .subtitle, .meta_pierre {
	margin-top: 2px;
	padding-top: 2px;
	font-weight: 300;
	font-size: 14px;

}
.ch_grid .subtitle {
	font-weight: 500;
}
.ch_grid .titre_ref, .nav_matiere .titre_ref_is_h4 {
	color: #92846F;
	margin-top: 5px;
	font-size: 12px;
	min-height: 14px;
}
ul.ch_grid .item_image {
	position: relative;
	border: solid 0px;
}

	ul.ch_grid .item_zoom_image, ul.ch_grid .top_right {
		padding: 1px 8px;
		color: #000;
		background-color: rgba(250, 245,239, 0.5);
		
		top: 0px;
		right: 0px;
	}

ul.ch_grid .bottom_right {
	
	bottom: 0px;
	right: 0px;
	position: absolute;
	z-index : 20;
	/* border-radius: top-left top-right bottom-right bottom-left; */
	border-radius : 5px 0px 0px 0px;

}

ul.ch_grid .item_meta_data {
	font-size: 12px;
	padding: 0px  5px;
	background-color: rgba(250, 245,239, 0.9);
}

	ul.ch_grid a.item_zoom_image {
		text-decoration: none;
	}

	ul.ch_grid a.item_zoom_image:hover {
		background-color: rgba(0, 0,0, 0.5);
		color: #fff;
	}
	ul.ch_grid .item_date {
		color: var(--font-color-light);
		position: absolute;
		border-radius: 0px 5px 0px 0px;
		background-color: rgba(250, 245,239, 0.5); /* #FAF5EF; */
		border-radius: 0px 0px 10px 0px;
		padding: 1px 5px;
		top: 0px;
		left: 0px;
		z-index : 20;
	}
/* [FILTRES SUR GRILLES] */
.oeuvre_filtrable.ch_grid li {
    opacity: 0;
    transition: opacity 0.3s ease; /* Transition pour l'opacité */
    pointer-events: none; /* Empêche l'interaction avec les éléments masqués */
}

.oeuvre_filtrable.ch_grid li.fade-in {
    opacity: 1; /* Visible */
    display: block; /* Visible dans la grille */
    pointer-events: auto; /* Réactive l'interaction */
}

.oeuvre_filtrable.ch_grid li.fade-out {
    opacity: 0; /* Invisible */
    pointer-events: none; /* Désactive l'interaction */
}
/* Tablet (moins de 1024px) */
@media (max-width: 1024px) {
    ul.ch_grid.nbcol_3 li,
    ul.ch_grid.nbcol_4 li,
    ul.ch_grid.nbcol_5 li {
        flex: 0 0 calc(50% - 20px); /* 2 colonnes */
    }
}

/* Mobile landscape (moins de 768px) */
@media (max-width: 768px) {
	/* [masquer le top-header] */
	#top-header {
		display: none;
	}
	.et_fixed_nav #main-header {
		position: fixed;
	}
    ul.ch_grid li,
	ul.ch_grid.oeuvres 
	{
        flex: 0 0 calc(100% - 20px)!important; /* 1 colonne */
    }
	.ch_section_specialty .ch_row_1_2 {
    	flex: 1 1 calc(100% - 20px); /* 50% de largeur moins l'espace du gap */
    	max-width: calc(100% - 20px); /* Empêche de dépasser 50% */

	}
	ul.ch_grid.galerie_detail li {
		flex: 0 0 calc(50% - 20px)!important; /* 2 colonnes */
	}
}

.random-oeuvre .main-title {
	width: 100%;
	position: absolute;
	bottom: 0px; 
	right: 0px;
	text-align: center;
	padding: 10px;
	background-color : rgba(255,255,255, 0.6);
	color: var(--font-color-light);
	 opacity: 0;
	transition: .3s all ease;
}
.random-oeuvre a {
	text-decoration: none;
	border-bottom: solid 0px!important;
}
.random-oeuvre:hover .main-title {
	 opacity: 1;
	background-color : rgba(255,255,255, 0.8);
	tmp_background-color: #fff;
}
/*============ FILTRES =============*/
/* Container principal de la boîte à filtres */
.filter_box {
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 8px;
}

#filter_form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

#filter_form select {
    flex: 1 1 calc(33.333% - 10px); /* 3 colonnes avec un petit gap */
    min-width: 150px;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
}
/* Style des listes déroulantes */
.filter_group select {
    padding: 8px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    transition: border-color 0.3s ease;
}

.filter_group select:hover,
.filter_group select:focus {
    border-color: #0073e6; /* Couleur au survol ou focus */
    outline: none;
}

/* Bouton principal pour appliquer les filtres */
button#apply_filter {
    flex: 1 1 100%; /* Occupe toute la largeur disponible */
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #0073e6;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

button#apply_filter:hover {
    background-color: #005bb5;
    transform: translateY(-2px); /* Légère élévation au survol */
}

button#apply_filter:active {
    background-color: #003f7d;
    transform: translateY(0); /* Retrait de l'élévation au clic */
}

/****** VERSION 2 - V2 ******************/

/* Bouton wishlist sur l’image principale */

.univers-product-gallery .main-image .add-to-wishlist {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: #D18F4D;
    z-index: 10;
}

/* Bouton dans descciption produit */

button.product.add-to-wishlist {
    display: flex; /* Active le modèle flexbox */
    align-items: center; /* Centre verticalement l’icône et le texte */
    justify-content: flex-start; /* Aligne le contenu à gauche */
    gap: 8px; /* Espace entre l’icône et le texte */
    padding: 10px 15px; /* Espacement intérieur du bouton */
    border: none; /* Supprime la bordure */
    
	background-color : var(--cta-bg-color);
    cursor: pointer; /* Curseur interactif */
    font-size: 14px;
    border-radius: 6px; /* Coins arrondis */
}

button.product .wishlist-icone {
    display: flex; /* Permet de centrer l’icône */
    align-items: center;
    justify-content: center;
    width: 20px; /* Taille fixe de l’icône */
    height: 20px; /* Hauteur fixe */
}

button.product .wishlist-icone i {
    font-size: 16px; /* Taille de l’icône */
    color: #D18F4D; /* Couleur dorée */
}

/* Option : Effet au survol */
button.product.add-to-wishlist:hover {
	color: #000;
	background-color : var(--cta-bg-color-hover);
}

/*  icone sur image */

.add-to-wishlist.in-wishlist,
.woocommerce button.single_add_to_cart_button.button.alt {
	border-color :  #A2090D;
}
.icone.add-to-wishlist {
	width : 40px!important;
	height: 40px!important;
	border-radius : 50%;
	border: solid 1px;
}

/* ICONE ACTIVEE */
button.add-to-wishlist.in-wishlist {
	border-color :  #A2090D;
}
.add-to-wishlist.in-wishlist i {
    color: #D18F4D;
	color : #A2090D; /* rouge valentino */
	
}

/* Effet hover */
.add-to-wishlist:hover {
    color: #D18F4D;
}
.product.add-to-wishlist:hover,
.woocommerce button.single_add_to_cart_button.button.alt:hover{
	background-color: #BBA999;
	color: #fff;
}
.add-to-wishlist:hover .wishlist-icone {
    border-color: #D18F4D;
	
}

/** masquer le coeur dsur l'image principale */

.univers-product-gallery .main-image .options_variantes {
	display: none;
}
/*============ OPTIONS VARIANTES ====*/

.variante-item .subtitle {
	border-bottom: solid 0px!important;
}

.options_variantes {
    position: absolute;
    top: 10px; /* Ajuster la hauteur */
    right: 10px; /* Aligné à droite */
    display: flex;
    gap: 8px;
    tmp_background: rgba(255, 255, 255, 0.8); /* Fond semi-transparent */
    padding: 5px;
    border-radius: 5px;
}

/*=== cartel artwork ===*/

/* Élégant et Minimaliste */
.artwork-info {
    tmp_background: #f6f5f2;
	background-color: var(--bg-color-section-01);
    padding: 20px;
    border-radius: 8px;
    max-width: 500px;
    margin: 20px auto;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.artwork-info h4 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #333;
    tmp_text-transform: lowercase;
	font-variant-caps: small-caps;
    letter-spacing: 1px;
    font-weight: 600;
}

ul.artwork-details {
    list-style: none;
    padding: 0;
    margin: 0;
}

.artwork-details li {
    tmp_font-size: 16px;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}

.artwork-details li:last-child {
    border-bottom: none;
}

.artwork-details strong {
    font-weight: 500;
    color: #222;
}

.artwork-details a {
    color: #0077cc;
    text-decoration: none;
}

.artwork-details a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .options_variantes { 
		top: auto;
		right: 10px;
        bottom: 10px; /* Ajuster la hauteur */
    }
}
.options_variantes .wishlist {
    display: flex;
    align-items: center;
	margin-left: 0px;

}

/** masquéé provisioiremeent */
.options_variantes .partage {

    display: flex;	
	display: none;
    align-items: center;
	margin-right: 10px;
    gap: 10px; /* Espacement entre les icônes de partage */
}


/*==== RESPONSIVE ====*/
@media screen and ( max-width: 980px ) {
    .inverse {
        display: flex;
        flex-direction: column-reverse;
    }
}
/* Responsive design pour les filtres */
@media (max-width: 768px) {
    .filter_box {
        flex-direction: column;
        gap: 10px;
    }

    .filter_group {
        flex: 1 1 100%; /* Chaque groupe occupe toute la largeur */
    }
}


/* Responsive Design */
@media (max-width: 600px) {
    .ch_line {
        flex-direction: column; /* Passe en colonne pour les petits écrans */
    }
    .ch_row_image,
    .ch_row_texte {
        width: 100%;
        margin: 5px 0; /* Espacement entre les colonnes */
    }
}
/*===========================
 * EXPOSITION
 * *************************/
.more_description {
	padding: 20px;
	margin: 20px auto;
	background-color : #fff;
	border-radius: 10px;
}
/*=================*/

/*==== CASE A COCHER NAVIGATION */

/*=======================
 * 
 * ======================*/

input:checked + .slider:before {
    transform: translateX(26px);
}

/* Responsive design pour les boutons */
@media (max-width: 768px) {
	body {
		font-family : 'Roboto'!important;
		color: var(--font-bg-color-dark);
	}
	.ch_section {
    	padding: 20px 0px;

	}
	.random-oeuvre .main-title {
		position: relative;
		 opacity: 1;
	}
    .navigation-choice {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%; /* Étend le bouton sur toute la largeur */
        justify-content: space-around; /* Espace entre les boutons */
        background-color: rgba(255, 255, 255, 0.9); /* Fond blanc semi-transparent */
        padding: 10px 0;
        box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1); /* Ombre subtile */
		margin: 0px 0px;
    }
	/* ajax search */
	.asl_w_container {display: none;}
    .navigation-button {
        flex: 1; /* Chaque bouton prend une part égale de la largeur */
        text-align: center;
        padding: 15px 0;
    }
 .asl_w_container {
                        width: 100%;
                        margin: 0px 0px 0px 0px;
                        min-width: 100px!important;
                    }
	.archive_description_container {
        flex-direction: column;
    }
    
    .archive_image_column, 
    .archive_text_column {
        flex: 1;
        max-width: 100%;
    }
    
    .archive_image {
        width: 100%; /* Pour que l'image s'adapte à la largeur de son conteneur */
        height: auto;
    }
}
@media print {
	.navigation-choice, 
	.mobile_menu_bar, 
	#main-footer, .item_zoom_image, .inner_texte.auteur,
	#main-header, #wishlist-sticky-bar, .et-l--footer, .filter_box
	{
		display: none!important;
	}
	
	ul.ch_grid.nbcol_3 li {
		flex: 0 0 calc(33.3333% - 20px)!important;
	}
	ul.ch_grid.nbcol_4 li {
		flex: 0 0 calc(33.3333% - 20px)!important;
	}
	ul.ch_grid.nbcol_5 li {
		flex: 0 0 calc(33.3333% - 20px)!important;
	}
}