/* 

Theme Name: Galerie vent des cîmes

Version: 1.0 

Description: Child theme for Galerie vent des cimes

Author: @rret Net

Author URI: http://woocommerce.com 

Template: understrap

Text Domain:  understrap

*/

/* CSS - Cascading Style Sheet */

/* Palette color codes */

/* Palette URL: http://paletton.com/#uid=72O0u0keJuV5mQg9XEYjqq3nwlx */

/* Feel free to copy&paste color codes to your application */

/* CSS - Cascading Style Sheet */

/* Palette color codes */

/* Palette URL: http://paletton.com/#uid=72O0u0kjqmCuQb6oNc7e5-e7ZCd */

/* Feel free to copy&paste color codes to your application */

/* Generated by Paletton.com © 2002-2014 */

/* http://paletton.com */

@font-face {

    font-family: 'Font Awesome 5 Solid';

    font-style: normal;

    font-weight: normal;

    src: url("assets/webfonts/fa-solid-900.eot");

    src: url("assets/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/fa-solid-900.woff2") format("woff2"), url("assets/webfonts/fa-solid-900.woff") format("woff"), url("assets/webfonts/fa-solid-900.ttf") format("truetype"), url("assets/webfonts/fa-solid-900.svg#fontawesome") format("svg");

}

@font-face {

    font-family: 'Mistral';

    font-style: normal;

    font-weight: normal;

    src: local('css/Mistral'), url('css/MISTRAL.woff') format('woff');

}


@font-face {

    font-family: 'Font Awesome 5 Brands';

    font-style: normal;

    font-weight: normal;

    src: url("assets/webfonts/fa-brands-400.eot");

    src: url("assets/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/fa-brands-400.woff2") format("woff2"), url("assets/webfonts/fa-brands-400.woff") format("woff"), url("assets/webfonts/fa-brands-400.ttf") format("truetype"), url("assets/webfonts/fa-brands-400.svg#fontawesome") format("svg");

}

@font-face {

    font-family: 'Font Awesome 5 Regular';

    font-style: normal;

    font-weight: normal;

    src: url("assets/webfonts/fa-regular-400.eot");

    src: url("assets/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/fa-regular-400.woff2") format("woff2"), url("assets/webfonts/fa-regular-400.woff") format("woff"), url("assets/webfonts/fa-regular-400.ttf") format("truetype"), url("assets/webfonts/fa-regular-400.svg#fontawesome") format("svg");

}

@font-face {

    font-family: 'Font Awesome 5 Light';

    font-style: normal;

    font-weight: normal;

    src: url("assets/webfonts/fa-light-300.eot");

    src: url("assets/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("assets/webfonts/fa-light-300.woff2") format("woff2"), url("assets/webfonts/fa-light-300.woff") format("woff"), url("assets/webfonts/fa-light-300.ttf") format("truetype"), url("assets/webfonts/fa-light-300.svg#fontawesome") format("svg");

}

/* AR One Sans Regular */
@font-face {
    font-family: 'AR One Sans';
    src: url('css/AROneSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Medium */
@font-face {
    font-family: 'AR One Sans';
    src: url('css/AROneSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* SemiBold */
@font-face {
    font-family: 'AR One Sans';
    src: url('css/AROneSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: 'AR One Sans';
    src: url('css/AROneSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ABeeZee';
    src: url('css/ABeeZee-Italic.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ABeeZee';
    src: url('css/ABeeZee-Regular.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}




a,a:hover{
    color: #000;
}

a.dotted {
  text-decoration: none;       /* on enlève le soulignement par défaut */
  border-bottom: 1px dotted #000; /* underline pointillé */
  padding-bottom: 2px;          /* un petit espace */
}
body span,

body p,

html {

    overflow-x: hidden;

}



#page {

    background: transparent;

    padding: 0 52px;

    width: 1350px;

    margin: 0 auto;

}

.page main{
    margin-top: 50px;
}

.page h1.entry-title{
    display: none;
}
#page-wrapper {
   width: 1240px;
   background: #fff ;
   padding-top: 0px;

}


h1,h2,h3,h4,h5,h6{

  font-family:"ABeeZee", sans-serif!important
}

p{
    font-family: "AR One Sans", sans-serif!important;
}



#actus-agendas .e-con-inner {
              /* parent = 2 colonnes */
    align-items: stretch;       /* étire colonnes */
    gap: 20px;                  /* optionnel : espace entre colonnes */
}

#actus-agendas  .e-con-inner > .events {
    display: flex;
    flex-direction: column;     /* enfants verticaux */
}

#actus-agendas  .e-con-inner > .events > .home-posts{
    flex-grow: 1!important;               /* prend toute la hauteur disponible */
}

.home-posts .wpcap-grid ,.home-posts .wpcap-grid  .wpcap-grid-container{

    height: 100%;
}
.home-posts .post-grid-inner{
    display: flex;
    height: 100%;
}

.home-posts .post-grid-inner .post-grid-thumbnail{
    flex-basis: 40%;
    margin-bottom: 0px;
}

.home-posts .post-grid-inner .post-grid-thumbnail a{
    display: inline-block;
    height: 100%;
}

.home-posts .post-grid-inner .post-grid-thumbnail img{
    min-height: 100%;
    object-fit: cover;
}
.home-posts .post-grid-inner .post-grid-text-wrap{
    flex-basis: 60%;
    position: relative;
}

.home-posts .post-grid-inner .post-grid-text-wrap h3{
   font-size: 18px ;
}

.home-posts .post-grid-inner .post-grid-text-wrap a.readmore{
    font-weight: bold;
    background: #fff;
    color: #000;
    padding: 7px 20px;
    border-radius: 5px;
}



.list-artists h1.entry-title{
    display: none;
}



#ariane {

    width: 100%;

}

#ariane li {

    width: auto;

    float: left;

    list-style: none;

    padding-left: 10px;

}


/*################################## Page artistes  ###########################*/
.artist-img-wrapper img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.artist-img-wrapper img:hover {
    transform: scale(1.02);
    box-shadow: 
        0 20px 40px rgba(0,0,0,0.35),   /* ombre normale */
        0 0 25px rgba(255,255,255,0.3);  /* halo lumineux diffus */
}
/*################################   PAGE Artiste  ########################*/


.artist-page{
    margin-top: 100px;
    margin-bottom: 100px;
}

.artist-page a{
    color: #000;
    text-decoration: none;
}

.artist-page .dimension, .artist-page .price, .artist-page h2{
    text-align: left;
}
.artist-page h2 {
    font-size: 16px;
}

.artist-page h2+dimension{
    font-size: 14px;
}
.price-on-request{
    font-style: italic;
}
.artist-page .price{
     overflow-y: hidden;
     margin-top: -5px;
}
.artist-page .price-contact-link {
    position: relative;
    text-decoration: none;
    color: #000;
}

.artist-page .price-contact-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background: #000;
    transition: width 0.3s ease;
}

.artist-page .price-contact-link:hover::after {
    width: 100%;
}
/* Grille desktop 4 colonnes */
.artist-products{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
    margin-top:20px;
    width:100%;
    box-sizing:border-box;
}

/* Tablette : 2 colonnes (optionnel) */
@media (max-width:900px){
    .artist-products{
        grid-template-columns:repeat(2,1fr);
        gap:25px;
    }
}

/* Mobile : 1 seule colonne */
@media (max-width:600px){
    .artist-products{
        grid-template-columns:1fr;
        gap:20px;
    }

    .artist-page{
        margin-top: 20px;
    }
}


.biographie{
    background: #eee;
}





/* #########################################################  BREADCRUMB  #########################*/


.breadcrumb {
    font-size: 14px;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
}

.breadcrumb a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s;
    display: inline-block;
    padding-left:  5px;
}

.breadcrumb a:nth-child(2){
    padding-right: 5px;
}

.breadcrumb a:hover {
    color: #000; /* couleur hover */

}

.breadcrumb span {
    font-weight: 700; /* élément courant en gras */
    color: #555; 
    display: inline-block;
    padding-left:  5px;
}

.breadcrumb a::after {
    content: " » "; /* séparateur */
    color: #999;
}

.breadcrumb a:last-of-type::after {
    content: ""; /* supprime le séparateur après le dernier lien */
}

/* Responsive : réduire la taille sur petit écran */
@media (max-width: 600px) {
    .breadcrumb {
        font-size: 12px;
    }
}


/*############################################# Newsletter    ##########################*/


#fields .wpcf7-spinner{
    position: absolute; /* sort du flux */
    width: 20px;        /* ou taille de ton choix */
    height: 20px;
    display: none;      /* tu peux l’afficher si tu veux via JS */
}

#fields p {
    display: flex;
}

#fields p span{
    flex-basis: 80%;

}
#fields p span input{
   border-radius: 0px;

}




#fields .wpcf7-submit{
    background: #000!important;
    color: #fff!important;
    flex-basis: 20%;
    border: none!important;
    border-radius: 0px;
}



/* #############################################  Art entreprises  ##########################*/



.benefits-section {
    background: #f9f9f9;
    padding: 30px 20px;
    border-radius: 12px;
    max-width: 800px;
    margin: 0 auto 40px auto;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    font-family: Arial, sans-serif;
}

.benefits-section h2 {
    text-align: center;
    color: #333;
    margin-bottom: 25px;
    font-size: 26px;
}

.benefits-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.benefits-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.5;
    color: #444;
}

/* puce personnalisée avec un cercle vert */
.benefits-list li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 18px;
    color: #45B8AC; /* couleur principale */
}

/* responsive */
@media (max-width:600px){
    .benefits-section {
        padding: 20px 15px;
    }
    .benefits-section h2 {
        font-size: 22px;
    }
    .benefits-list li {
        font-size: 16px;
        padding-left: 30px;
    }
    .benefits-list li::before {
        font-size: 16px;
        top: 0;
    }
}

/* SECTION CTA */
.cta-section {
    background-color: #ebebeb; /* couleur principale */
    color: #000;
    padding: 40px 20px;
    text-align: center;
    border-radius: 12px;
    margin: 40px 0;
    font-family: Arial, sans-serif;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.cta-section p {
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
}

.cta-section a.cta-button {
    display: inline-block;
    margin-top: 15px;
    background-color: #fff;
    color: #000;
    padding: 12px 25px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.cta-section a.cta-button:hover {
    background-color: #fff;
    color: #000;
}

/* RESPONSIVE */
@media (max-width:600px){
    .cta-section {
        padding: 30px 15px;
    }
    .cta-section p {
        font-size: 16px;
    }
    .cta-section a.cta-button {
        padding: 10px 20px;
        font-size: 16px;
    }
}


.post-navigation {

    clear: both;

    padding-top: 50px;

}

.post-navigation a {

    color: #666;

}

.wpcf7-submit:hover {



    color: #fff !important;

}

.wpcf7-submit {



    color: #fff !important;

    background: #000 !important

}

#wrapper-footer-full {

    position: relative;

    background: rgb(230, 231, 232)

}







#footer-sticky{display:none;}


/* Lettrine : première lettre plus grande */
.lettrine h4:first-letter {

    font-size: 1.5em;         /* taille de la première lettre */
    font-weight: bold;
    display: inline-block;   /* pas de float */
    vertical-align: baseline; /* aligne la lettre avec le reste du texte */
    line-height: 1;          /* pas de hauteur supplémentaire */
    margin: 0;               /* supprime tout margin */
    padding: 0; 
    /* supprime tout padding */
}
.depuis {


    font-weight: 200;

    font-style: italic;

    font-family: 'Mistral' !important;

    font-size: 21px;

    margin-top: -1px;

    display: block;
    color: #222;

}




/* Bordure noire sous le lien actif du menu */
#main_menu .current-menu-item > a,
#main_menu .current_page_item > a {
    border-bottom: 2px solid #000; /* bordure noire de 2px */
    padding-bottom: 5px;           /* espace entre le texte et la bordure */
}
#main_menu li.menu_home a{
    padding-top: 10px;
    font-size: 25px; 
    border-bottom: none;
}


#logo-texte h2{
    font-weight: 300;
    margin-bottom: 0px;

}

.home-icon-container,.home-icon-container>div{
    max-height: 105px;
}

.home-icon-container{
    padding-bottom: 15px;
}
.home-icon-container img{
    max-height:  85px; 
    width: auto!important;
}
.zoom-instagram-widget__header{

    display: none!important;
}

.agenda1 article .lsow-image-info .lsow-entry-info {right:25px!important;}
.agenda1 article .lsow-image-info h3  {font-size:12px!important;}

.agenda1 article.category-agenda{display: flex}

main .agenda1  .lsow-grid-item{padding-top:15px!important}

main .agenda1 article .lsow-project-image{flex-basis:20%!important;width:20%!important;padding-right:15px;padding-top:5px;}

main .agenda1 article .lsow-entry-text-wrap {
    margin-top: 0px!important;

    width: 79%;flex-basis: 79%;

    /*margin-top: -5px !important;*/

}

.readmore {

    color: #000;

    position: absolute;

    bottom: 15px;

    right: 30px;

    border: none;

    box-shadow: none;

    padding: 3px 15px;

    /* box-shadow: 0px 1px 5px 0px #666*/

}




.readmore:hover {

    color: #fff;

    text-decoration: none

}





.h3Gris>div {

    width: 100%;

}

.h3Gris h3 {

    display: flex;

    align-items: center;

    font-size: 22px!important;

    

    font-weight: 700;

}





.toutVoir {

    border: 1px solid #aaa;

    /* border-left: 1px solid #999;*/

    /*box-shadow: 0px 2px 5px #aaa;*/

    position: relative;

    display: inline-block;

    line-height: 10px;

    border-radius: 7px;

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

    background: #000;

    color: #fff;

    padding: 9px 6px 0px 6px;

    bottom: 11px;

    float: left;

    width: 36%;

}

.toutVoir p {

    margin-bottom: 10px;

}

.toutVoir a:hover {

    text-decoration: none

}

.toutVoir:hover {

    cursor: pointer

}



.toutVoir::after {

    content: '\f03a  ';

    font-family: "Font Awesome 5 Light";

    width: 16%;

    display: block;

    color: #fff;

    position: absolute;

    right: 0px;

    top: 10px;

}




#pagePeintres img {

    width: 250px !important;

}

#pagePeintres .lsow-project-image {

    width: 250px !important

}





.flex-active-slide img {

    height: 450px !important;

    max-height: 100%;

    width: auto !important;

    max-width: 100%;

}

.flexslider .slides img {

    height: 450px !important;

    width: auto !important;

    margin: 0px auto;

    max-width: 100%;

    max-height: 100%;

}

.flexslider .slides {

    width: auto !important;

    display: flex;

}

.flexslider .slides li {

    display: flex !important;

    text-align: center !important

}

.flexslider .slides li a {

    display: block;

    width: auto !important;

    position: relative !important;

    text-align: center;

    margin: 0 auto;

}

.flex-active-slide {

    display: flex !important;

    flex-wrap: wrap;

    text-align: center;

}

.flex-direction-nav {

    width: 100% !important;

}



.flex-direction-nav li a {

    color: #666 !important;

}

.flex-active-slide a {

    display: block;

    width: auto !important;

    position: relative !important;

    text-align: center;

    margin: 0 auto;

}




.biographie {

    /*border-top: 2px solid #000;*/

}

.sepBorderArtiste {

    border-bottom: 1px solid #000;

    margin-top: 15px;

}

.entry-meta {

    display: none !important;

}

.entry-footer {

    display: none

}

.flex-direction-nav {

    top: 0px;

    bottom: 0px;

    right: 0px !important;

    left: 0px;

    width: auto !important;

    padding-left: 0px !important;

}

.slides li a::after {

    display: none;

    content: '\f00e';

    font-family: "Font Awesome 5 Light";

    font-size: 20px;

    /* border: 20px solid rgba(10,10,10,0.4);*/

    height: 50px;

    width: 50px;

    position: absolute;

    right: 0px;

    bottom: 140px;

    /* background: rgba(10,10,10,0.4);*/

    border-radius: 40px;

    color: #fff;

    z-index: 999999;

    pointer-events: none;

}

.metaslider.ms-theme-blend .flexslider:hover .slides li a::after {

    display: block

}

.metaslider.ms-theme-blend .flexslider ul.flex-direction-nav li a.flex-prev {

    left: 0px !important;

}

ul li .flex-prev,

ul li .flex-next {

    background: rgba(245, 245, 245, 0.6) !important;

    z-index: 1110000 !important;

    border-radius: 15px;

    padding-top: 0px;

    padding-bottom: 100px !important;

    width: 100px !important;

    height: 0px !important;

    margin-top: -50px;

}



#content {

    margin: 0px;

    max-width: 100%;

    padding: 0px;

}

.shareBox {

    position: absolute;

    bottom: 100px;

}

.venirTitre h3 {

    font-size: 21px;

    font-weight: bold;

    color: #000;

}

.contact h3,

.acceder h3 {

    font-size: 25px;

}

.acceder {

    border-radius: 8px

}

.contact h3 {

    padding-top: 25px;

    padding-bottom: 25px;

}

.parking ul {

    padding-left: 15px !important;

}

.parking {

    text-align: justify

}

.parking p {

    text-align: justify;

}

.bytram,

.bycar {

    position: relative

}

.bytram h3,

.bycar h3 {

    color: #000

    position: relative;

    font-size: 16px;

    font-weight: bold;

}

.bycar h3::before {

    content: "\f1b9";

    font-family: "Font Awesome 5 Regular";

    font-weight: normal;

    font-style: normal;

    display: inline-block;

    color: #000;

    font-size: 26px;

    padding-right: 10px;

    vertical-align: top;

    margin-top: -5px;

}

.bytram h3::before {

    content: "\f239";

    font-family: "Font Awesome 5 Regular";

    font-weight: normal;

    font-style: normal;

    display: inline-block;

    color: #000;

    font-size: 26px;

    padding-right: 10px;

    vertical-align: top;

    margin-top: -5px;

}

.galerie h3 {

    font-size: 25px;

    color: #000;

}

.galerie div p {

    text-align: justify

}
.galerie-read-more a{
    background: #000!important;
    color: #fff!important;
}
.valeur ul li {}

.valeur {

    border-top: 1px solid #000;

    box-shadow: 0px 1px 3px #999;

    border-radius: 3px

}

.valeur h3 {

    font-size: 22px

}

.septitre h3 {

    width: 100%;

    font-size: 30px;

}

.septitre {

    padding-top: 20px;

    border-top: 2px solid #000;

    border-bottom: 2px solid #000;

}

.septitre>div>div {

    margin-bottom: 0px;

}

.nom {

    margin-top: -100px;

    font-size: 25px;

    z-index: 999;

    position: relative;

    text-align: center;

    background: rgba(250, 250, 250, 0.9);

    padding-top: 15px;

    height: 70px;

    max-height: 70px;

    transition: opacity 500ms linear;

}

.portrait:hover+.nom {}

.portrait {

    position: relative;

    box-shadow: 2px 0px 7px 1px #aaa

}

.photo>div:hover+div .nom {

    opacity: 0;

}

.portrait img {

    width: 450px !important;

}

.portrait:hover {

    box-shadow: none

}





.tableau table {

    margin-bottom: 10px;

}

.tableau table tr:first-child td {

    background: rgb(230, 231, 232)

}

.tableau table tr:last-child td {

    background: rgb(230, 231, 232)

}

.sbutton img {

    width: 40px;

}

main .agenda1 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image {

    width: 245px;

}

main .agenda1 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image img {

    width: 245px;

}

main .agenda1 .lsow-entry-text-wrap .entry-summary::before {

    display: none;

    width: 0px;

    height: 120px;

}

main .agenda1 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item {

    background: #f2f2f2;

    padding: 40px 40px 40px 17px;

    /* border: 1px solid #000;*/

    width: 97%;

    border-radius: 5px;

}

main .agenda1 .lsow-portfolio-wrap {

    overflow: visible;

}

.agenda1 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-text-wrap {

    text-align: left;

    max-width: 100%;

}

.agenda1 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item {

    margin-left: 20px;

}

main .agenda2 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image {

    width: 245px;

}

main .agenda2 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image img {

    width: 245px;

}

main .agenda2 .lsow-entry-text-wrap .entry-summary::before {

    display: none;

    width: 0px;

    height: 120px;

}

main .agenda2 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item {

    padding: 40px 40px 60px 17px;

   

    width: 100%;

    border-radius: 15px;

    margin-bottom: 35px;

}

main .agenda2 .lsow-portfolio-wrap {

    overflow: visible;

}

.agenda2 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-text-wrap {

    text-align: left;

    max-width: 100%;

}

.agenda2 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item {

    margin-left: 20px;

}



.date article header {

    flex-basis: 100%;

    display: block;

    width: 100%;

}

.date article header h2 a {

    color: #666;

    text-decoration: none

}

.date article {

    padding: 15px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.date article .img {

    width: 20%;

    flex-basis: 20%

}

.date .entry-content {

    width: 79%;

    float: left;

}

/* ############################################## Actualités    ###########################*/


article h1{
    margin-bottom: 50px;
}

.single-post article .entry-content{
    padding-left: 50px;
}


.lsow-grid-item article{
    display: flex;
    background: #ebebeb;
}

.lsow-project-image{
    flex-basis: 20%!important;
}



.lsow-entry-text-wrap {
    display: flex;
    flex-direction: row;      /* ligne horizontale */
    align-items: baseline;    /* aligne date et titre sur la même ligne */
    flex-wrap: wrap;          /* pour mobile si besoin */
    gap: 10px;  
    flex-basis: 79%;
    padding: 0 50px;              /* espace entre date et titre */
}

.lsow-entry-text-wrap .lsow-entry-meta {
    order: 1;                 /* date avant le titre */
    font-size: 0.75em;
    color: #777;


}

abbr[title]{
    text-decoration: none!important;
    font-style: normal!important;
    color: #222;
}

.page-actualites .lsow-entry-text-wrap .entry-title {
    order: 2;                 /* titre après la date */
    margin: 0;
    margin-top: -15px;
    padding-left: 20px;

}
.lsow-entry-text-wrap .entry-title a{
 font-weight: bold;

}
.lsow-entry-text-wrap  .entry-summary{
    order: 3;
}
.lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-text-wrap{
    max-width: 100%!important;
}

.lsow-portfolio {
    display: block !important;           /* reset grid/flex */
    position: relative !important;       /* override absolute */
    height: auto !important;             /* container s’adapte automatiquement */
    margin: 0!important;
}

.doubleActu .lsow-portfolio .lsow-portfolio-item:first-child{
    display: none!important;
}
.lsow-portfolio .lsow-portfolio-item:nth-child(even) {
    background-color: #ebebeb;  /* gris clair pour les items pairs */
    width: 100%;   
}




.lsow-portfolio .lsow-portfolio-item:nth-child(odd) .published,.lsow-portfolio .lsow-portfolio-item:nth-child(odd)  .readmore{
    background:#ebebeb;
    padding: 5px 15px!important;
    border-radius: 5px;


}

.actu1 .lsow-portfolio .lsow-portfolio-item .published,
.lsow-portfolio .lsow-portfolio-item:nth-child(even) .published,
.lsow-portfolio .lsow-portfolio-item:nth-child(even)  .readmore,
.actu1 .lsow-portfolio .lsow-portfolio-item .readmore{
    background:#fff;
    padding: 5px 15px!important;
    border-radius: 5px;


}

.lsow-portfolio .lsow-portfolio-item {
    width: 100% !important;              /* prend toute la largeur */
    display: block !important;
    position: relative !important;       /* override absolute */
    top: auto !important;
    left: auto !important;
    margin-bottom: 50px; 

    /* espacement entre items */
}

.entry-content .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .hentry{
    padding:  0px 55px;
}
.lsow-portfolio .lsow-project-image {
    display: flex;
    align-items: center;
}
/* images pleine largeur si nécessaire */
.lsow-portfolio .lsow-project-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.lsow-portfolio .lsow-portfolio-item p{

    text-align: left!important;
}

.lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .entry-summary{

    margin: 0!important;
}
.actualites-galerie-vent-des-cimes article header {

    flex-basis: 100%;

    display: block;

    width: 100%;

}

.actualites-galerie-vent-des-cimes article header h2 a {

    color: #666;

    text-decoration: none

}

.actualites-galerie-vent-des-cimes article {

    padding: 15px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.actualites-galerie-vent-des-cimes article img {

    width: 20%;

    flex-basis: 20%;

    height: 20%;

}

.actualites-galerie-vent-des-cimes .entry-content {

    width: 79%;

    float: left;

}


/*################################# Agenda #####################*/
.previous-events h3{

    font-size: 22px;
}
#list-agenda{
    max-height: 270px;
    overflow-y: scroll;
}

.page_agenda .entry-title{
     padding-top: 10px;
}

.page_agenda .entry-title a{
   
    font-size: 22px;
    font-weight: bold;
}

.agenda article header {

    flex-basis: 100%;

    display: block;

    width: 100%;

}

.page_agenda .agenda1 .readmore{
    background: #fff!important;
    color: #000;
}

.page_agenda .agenda1 .readmore{
     background: #fff!important;
    color: #000;
}
.agenda article header h2 a {

    color: #666;

    text-decoration: none

}

.agenda article {

    padding: 15px;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.agenda article img {

    width: 20%;

    flex-basis: 20%

}

.agenda .entry-content {

    width: 79%;

    float: left;

}

.agendaNewsletter {

    position: relative

}

.agendaNewsletter,

.list-agenda {

    border-radius: 5px;

}

.agendaNewsletter .tnp-email {

    background: #fff !important

}

.agendaNewsletter .tnp-submit {

    float: right;

    margin-top: -30px !important;

}

.tnp-privacy {

    border-color: #fff;

}

article .entry-summary::before {

    display: none !important

}


main .actu1 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image {

    width: 245px;

}

main .actu1 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image img {

    width: 245px;

}

main .actu1 .lsow-entry-text-wrap .entry-summary::before {

    display: none;

    width: 0px;

    height: 120px;

}

main .actu1 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item {

    background: #ebebeb;



    /* border: 1px solid #000;*/



    border-radius: 5px;

}

main .doubleActu  .lsow-portfolio-wrap ,main .actu1 .lsow-portfolio-wrap {

    overflow: visible;

}

.actu1 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-entry-text-wrap {

    text-align: left;

    max-width: 100%;

}

.actu1 .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item {

    margin-left: 20px;

}



.actu1 h3{margin-top:30px;}







.page-actualites .category-actualites-galerie-vent-des-cimes h3 a {

    font-size: 23px;
    font-weight: 700;

}


.archive-actu .lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .category-actualites-galerie-vent-des-cimes .lsow-project-image img {

    height: 100px;

    width: auto !important;

}

.archive-actu main .actu2 .lsow-portfolio-wrap .lsow-project-image {

    width: 100px !important

}

.archive-actu article {

    min-height: 125px !important;

}

/*.archive-actu .lsow-grid-item {position: relative!important;left:0px!important;}*/

.archive-actu .lsow-entry-info h3 {

    display: none

}

.actualites-galerie-vent-des-cimes .nav-links {

    display: none

}

.tnp-submit {

    float: right

}

.nextend-bullet-bar .n2-ow {

    border-radius: 0px !important;

    width: 10px;

}

.peintre .navigation,

.sculpteur .navigation {

    display: none

}

/*a.pp_expand{display: block!important}*/

#dimension,

#oeuvre {

    color: #666 !important;

    padding-left: 15px;

}

#swipebox-overlay {

    overflow: scroll;

    background: #fff

}

#swipebox-bottom-bar {

    top: 300px !important;

    background: transparent;

    width: 100% !important;

}

#swipebox-arrows {

    width: 100% !important;

    max-width: 92% !important

}

#swipebox-container {

    height: 120% !important;

}

#swipebox-slider {

    top: -50px !important;

}

#swipebox-container .slide {

    padding: 0px 70px !important;

}

.lsow-terms {

    display: none !important

}

.category-agenda h3 {

    font-size: 25px;

}

.page_agenda .category-agenda .lsow-project-image,

.page_agenda .category-agenda .lsow-project-image img {

    width: 200px !important;

}

.page_agenda .dateEvenement {

    margin-top: -11px;

}

/*

.category-agenda img{float:left;padding-right:15px;}

.category-agenda .lsow-entry-text-wrap {margin-left:0px !important;max-width:100%!important;text-align: justify}

.category-agenda{width:100%;padding-right:10px!important;}

*/

.engagement {

    min-height: 291px;
    background: #ebebeb;
    padding: 30px 45px 15px 45px;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);

}
.engagement {
    transition: all 0.3s ease;
}

.engagement:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}

.galerie .so-panel{
    margin-bottom: 40px!important;
}
.engagement h4 {

    color: #000;

    text-align: left;

    font-size: 22px;

}

.eng-1 h4::before {

    content: "\f015";

    font-family: "Font Awesome 5 Light";

    font-weight: normal;

    font-style: normal;

    display: inline-block;

    color: #000;

    font-size: 26px;

    padding-right: 10px;

    vertical-align: top;

    margin-top: -2px;

}

.eng-2 h4::before {

    content: "\f5cb";

    font-family: "Font Awesome 5 Light";

    font-weight: normal;

    font-style: normal;

    display: inline-block;

    color: #000;

    font-size: 26px;

    padding-right: 10px;

    vertical-align: top;

    margin-top: -2px;

}

.eng-3 h4::before {

    content: "\f5f3";

    font-family: "Font Awesome 5 Light";

    font-weight: normal;

    font-style: normal;

    display: inline-block;

    color: #000;

    font-size: 26px;

    padding-right: 10px;

    vertical-align: top;

    margin-top: -2px;

}

.eng-4 h4::before {

    content: "\f4de";

    font-family: "Font Awesome 5 Light";

    font-weight: normal;

    font-style: normal;

    display: inline-block;

    color: #000;

    font-size: 26px;

    padding-right: 10px;

    vertical-align: top;

    margin-top: -2px;

}

.eng-5 h4::before {

    content: "\f153";

    font-family: "Font Awesome 5 Light";

    font-weight: normal;

    font-style: normal;

    display: inline-block;

    color: #000;

    font-size: 26px;

    padding-right: 10px;

    vertical-align: top;

    margin-top: -2px;

}

.eng-6 h4::before {

    content: "\f5b8";

    font-family: "Font Awesome 5 Light";

    font-weight: normal;

    font-style: normal;

    display: inline-block;

    color: #000;

    font-size: 26px;

    padding-right: 10px;

    vertical-align: top;

    margin-top: -2px;

}

.n2-section-smartslider .slider-text {

    font-weight: normal !important;

}

.biographie img {

    width: 150px;

}

.biographie {

    min-height: 180px;

}

.presentationFooter {

    font-size: 13px;

    text-align: justify;

    padding-right: 25px;

}

#presentationAccueil p {

    text-align: justify;

}

#agendaAnnuel {

    color: #fff;

    background: #000;

    border: none;

    box-shadow: none;

    padding: 13px 15px 3px 15px;

    text-align: center;

    margin-top: 45px;

    border-radius: 5px;

}

#agendaAnnuel a {

    color: #fff;

    font-size: 25px;

}

#agendaAnnuel a:before {

    content: "\f784";

    font-family: "Font Awesome 5 Light";

    font-weight: normal;

    font-style: normal;

    clear: both;

    color: #fff;

    font-size: 26px;

    padding-right: 10px;

    vertical-align: top;

    margin-top: -7px;

}

.tnp-privacy {

    margin-right: 5px;

}

.archivesActu {

    margin-top: 35px;

}

.archivesActu .readmore {

    font-size: 25px;

    left: 0px !important;
    color: #fff;
    border-radius: 5px;
    background: #000;

}

p a {

    color: #000;

    font-size: 16px !important;

}

#agendaAnnuel a {

    font-size: 18px !important;

    line-height: 35px;

}

/* * INSTAGRAM * */

#wpzoom_instagram_widget-2 h2 {

    display: none

}

#wpzoom_instagram_widget-2 ul {

    display: flex;

    flex-flow: row wrap;

    margin-left: -8px;

    /* Adjustment for the gutter */

    width: 100%;

}

#wpzoom_instagram_widget-2 ul li {

    flex: auto;

    height: 250px;

    min-width: 150px;

    margin: 0 8px 8px 0;

    /* Some gutter */

}

#wpzoom_instagram_widget-2 ul li:nth-child(4n+1) {

    width: 20%;

}

#wpzoom_instagram_widget-2 ul li:nth-child(4n+1):nth-child(4n+2) {

    width: 15%;

}

#wpzoom_instagram_widget-2 ul li:nth-child(4n+1):nth-child(4n+3) {

    width: 15%;

}

#wpzoom_instagram_widget-2 ul li:nth-child(4n+1):nth-child(4n+4) {

    width: 20%;

}

/*

#wpzoom_instagram_widget-2 ul{

    display: flex;

    flex-flow: row nowrap;

    align-items: top;

    width: 100%;

}

#wpzoom_instagram_widget-2 ul li {

    flex-basis: 25%;

    width: 15%;

}

*/

#wpzoom_instagram_widget-2 .zoom-instagram-widget__follow-me a {

    border: 1px solid #000 !important;

    color: #000 !important;

}

#wpzoom_instagram_widget-2 .zoom-instagram-widget__follow-me a:hover {

    background: #000 !important;

    color: #fff !important

}

#wpzoom_instagram_widget-2 ul li>div {

    height: 100%;

    object-fit: cover;

    border: 2px solid #fff;

}

#wpzoom_instagram_widget-2 ul li>div a {

    width: 100% !important;

    height: 100% !important;

}

.instagramTitle {

    margin-top: 20px;

    line-height: 35px;

}

.out-of-stock {

    background: #000;

    color: #fff !important;

    padding: 4px 12px;

   

    border-radius: 7px;

}

.out-of-stock-small {

    float: right;

    display: block;

    background: #000;

    color: #fff !important;

    padding: 1px 10px;

    width: 53px;

    border-radius: 7px;

    font-size: 11px;

    margin-top: 4px;

}

.gvdc-products-list-artistes {

    max-width: 1190px;

    margin: auto;

    padding: 0px 37px 0px 37px;

    text-align: center;

    position: relative;

}

.gvdc-products-list-artiste {

    max-width: 1190px;

    margin: auto;

    padding: 0px 37px 0px 37px;

    text-align: center;

    position: relative;

}

.scroller {

    overflow-x: scroll;

    display: flex;

    scroll-snap-type: x mandatory;

    flex-direction: row !important;

}

.scroller>div {

    flex-direction: column;

    width: 230px;

    margin-right: 15px;

    flex: 0 0 15em;

    display: flex;

    text-align: left;

}

.gvdc-products-list-artiste .scroller  .img-wrapper{ width:100%;height:240px;overflow-y:hidden }

.gvdc-products-list-artiste .scroller  .name{font-weight: bold}

.gvdc-products-list-artiste .scroller > div img{width:100%;}

.gvdc-products-list-artiste .scroller  p{margin-bottom: 5px;}

.gvdc-products-list-artiste .scroller  h5{font-size:18px;padding-top:5px;}

.gvdc-products-list-artiste .scroller  p:not(.price){font-size: 13px}

.gvdc-products-list-artiste .scroller a{text-decoration: none;color:#444;}

.gvdc-products-list-artiste .scroller .price{margin-top:0px;font-size:20px;}

.gvdc-products-list-artiste .scroller .price bdi{font-size: 20px}

.gvdc-products-list-artiste .btn-slider {

    position: absolute;

    top: 30%;

    margin-top: 20px;

    height: 30px;

    width: 30px;

    border-radius: 15px;

    background-color: rgba(95, 106, 117, 0.3);

    z-index: 1;

    line-height: 30px;

    text-align: center;

    color: white;

    font-weight: bold;

}

.gvdc-products-list-artiste .btn-slider:hover {

    background-color: rgb(238, 43, 123);

    cursor: pointer;

}

.gvdc-products-list-artiste .btn-slider.next {

    right:0px;

}

.gvdc-products-list-artiste .btn-slider.prev {

    left: 0px;

}

.gvdc-products-list-artistes .scroller  .img-wrapper{ width:100%;height:240px;overflow-y:hidden }

.gvdc-products-list-artistes .scroller  .name{font-weight: bold}

.gvdc-products-list-artistes .scroller > div img{width:100%;}

.gvdc-products-list-artistes .scroller  p{margin-bottom: 5px;}

.gvdc-products-list-artistes .scroller  h5{font-size:18px;padding-top:5px;}

.gvdc-products-list-artistes .scroller  p:not(.price){font-size: 13px}

.gvdc-products-list-artistes .scroller a{text-decoration: none;color:#444;}

.gvdc-products-list-artistes .scroller .price{margin-top:0px;font-size:20px;}

.gvdc-products-list-artistes .scroller .price bdi{font-size: 20px}

.gvdc-products-list-artistes .btn-slider {

    position: absolute;

    top: 30%;

    margin-top: 20px;

    height: 30px;

    width: 30px;

    border-radius: 15px;

    background-color: rgba(95, 106, 117, 0.3);

    z-index: 1;

    line-height: 30px;

    text-align: center;

    color: white;

    font-weight: bold;

}

.gvdc-products-list-artistes .btn-slider:hover {

    background-color: rgb(238, 43, 123);

    cursor: pointer;

}

.gvdc-products-list-artistes .btn-slider.next {

    right:0px;

}

.gvdc-products-list-artistes .btn-slider.prev {

    left: 0px;

}

.woocommerce-order-received .woocommerce-column--billing-address,.woocommerce-order-received .woocommerce-column--shipping-address { flex-basis: 48%!important; max-width:48%!important}

#footer-full-content #footer3 li a{font-size:14px}

/*#swipebox-bottom-bar{display:block!important}*/

@media screen and (max-width: 490px) {

    .item {

        padding: 0 30px;

    }

    .card {

        padding: 80px 30px 30px;

    }

}