/* CSS Document */

/*
Theme Name: Planet'Equestre
Theme URI: https://www.planetequestre.com
Description: Thème développé par Net-tendance.com
Version: 1
Author: Net-tendance - Erwan Girerd
Author URI:   https://www.net-tendance.com
*/

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');


body, html, a, ul, li, img{ padding:0px; margin:0px; border:0px; list-style-type:none; text-decoration:none;}
a, a::before, a::after, button, input[type=submit]{transition : all 0.2s linear;}
body{ font:15px/22px 'Nunito', sans-serif; font-weight:300;color:#0d0c1c; }
a{ text-decoration:none;color:#0d0c1c;}img{ border:0px;}
@media screen and (max-width: 960px) 
{
	/*body{padding-top: 97px;}*/
}
/*body, html{width: 100%; overflow-x: hidden;}*/

.elementor-editor-active{margin-top: 250px;}
div#first{ width:100%; float:left; text-align:center; overflow: hidden;}
div#first div#second{ width:1200px; margin:auto; text-align:left; position:relative;}

@media screen and (max-width: 900px) {div#first div#second{ width:98%; margin:auto;}}
@media screen and (min-width: 901px) {div#first div#second{ width:890px; margin:auto;}}
@media screen and (min-width: 1200px) {div#first div#second{ width:1190px; margin:auto; }}
@media screen and (min-width: 1410px) {div#first div#second{ width:1400px; margin:auto;}}
@media screen and (min-width: 1600px) {div#first div#second{ width:1590px; margin:auto;}}
@media screen and (min-width: 1920px) {div#first div#second{ width:1900px; margin:auto;}}

@media screen and (min-width: 1024px) {
	.row{width: 100%;display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex; display: flex !important;  -webkit-flex-direction: row;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row !important; float: none; display: inline-block; position: relative;}
	.row.h100{height: 100%;}
 	.row .case1{ flex: 1;display: inline-block; position: relative; }.row .case2{ flex: 2;display: inline-block; position: relative; }.row .case3{ flex: 3; display: inline-block; position: relative; max-width: calc(100% / 4);}.row .case4{ flex: 4; display: inline-block; position: relative;}.row .case5{ flex: 5; }.row .case6{ flex: 6; max-width: 50%; }.row .case7{ flex: 7; }.row .case8{ flex: 8; }.row .case9{ flex: 9; }.row .case10{ flex: 10; }.row .case11{ flex: 11; }.row .case12{ flex: 12; }
	
	.column{width: 100%;display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex; display: flex !important;  -webkit-flex-direction: row;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-direction:column ; float: none; min-height: 100%; height: 100%; }
 	.column .case1{ flex: 1; flex-direction: column;}.column .case2{ flex: 2;flex-direction: column; }.column .case3{ flex: 3;flex-direction: column; }.column .case4{ flex: 4;flex-direction: column; }.column .case5{ flex: 5;flex-direction: column; }.column .case6{ flex: 6; max-height: 50%;flex-direction: column; }.column .case7{ flex: 7; flex-direction: column;}.column .case8{ flex: 8; flex-direction: column;}.column .case9{ flex: 9;flex-direction: column; }.column .case10{ flex: 10;flex-direction: column; }.column .case11{ flex: 11; flex-direction: column;}.column .case12{ flex: 12; flex-direction: column;}
	
	.row > div, .column > div{position: relative;}	
}
@media screen and (max-width: 1024px) 
{
	.row, .column{float: left; width: 100%;}
}

	.case_table{display:table !important;height:100%; width: 100%;}
	.case_table .vertical_align{display:table-cell;vertical-align:middle; width: 100%;}

.div100{float: left; display: block; width: 100%; }
.div100_2{float: left; display: block; width: calc(100% - 20px); padding: 10px;}
.padding10{ padding: 10px;}
/*
* TITRE
*/
h1, h2, h3, h4, h5{position: relative; width: 100%; float: left;}
h1.simple, h2.simple, h3.simple, h4.simple, .wp-block-woocommerce-cart-cross-sells-block h2{ font-size: 38px; line-height: 50px;}
.wp-block-woocommerce-cart-cross-sells-block h2{margin-bottom: 60px !important; font-weight: 200;}
.wp-block-woocommerce-cart-cross-sells-block h2::after{content: ""; position: absolute; height: 100px; width: 100px; left: -20px; bottom: -80px; background: url("charte/icone-deco-horizontal.svg") center center no-repeat; background-size: contain;}
.titre1{font:50px/50px 'Nunito', sans-serif; font-weight:700; color:#FFFFFF; text-transform: uppercase;}
.titre2{font:50px/50px 'Nunito', sans-serif; font-weight:900; color:#42b6b0; text-transform: uppercase;}
.titre3{font:16px/30px 'Nunito', sans-serif; font-weight:900; color:#42b6b0;}

@media screen and (max-width: 767px) 
{
	.titre1{font:30px/30px 'Nunito', sans-serif;}
	.titre2{font:30px/30px 'Nunito', sans-serif;}
}
.deco_titre_1{margin-bottom: 40px;}
.deco_titre_1::after{content: ""; position: absolute; height: 100px; width: 100px; left: calc(50% - 50px); bottom: -60px; background: url("charte/icone-deco-horizontal.svg") center center no-repeat; background-size: contain;}
.deco_titre_1.txtleft::after{ left: -20px; }
.deco_titre_1.txtright::after{ right: -20px; }

.deco_titre_2{margin-bottom: 30px;}
.deco_titre_2::after{content: ""; position: absolute; height: 50px; width: 50px; left: calc(50% - 25px); bottom: -40px; background: url("charte/icone-deco-horizontal.svg") center center no-repeat; background-size: contain;}
.deco_titre_2.txtleft::after{ left: -10px; }
.deco_titre_2.txtright::after{ right: -10px; }
/*
* Alignements
*/
.txtcenter{text-align: center !important;}.txtleft{text-align: left;}.txtright{text-align: right;}
/*
* Décoration
*/
.deco-vertical::before{content: ""; width: 100px; height: 100px; position: absolute; top: 0px; left: -50px; background: url("charte/icone-deco-vertical.svg") center center no-repeat; background-size: contain;}
.deco-bride::before{content: ""; width: 305px; height: 728px; position: absolute; top: -50px; right: 0px; background: url("charte/icone-bride.png") center center no-repeat; background-size: contain;}
.deco-cheval > div::before{content: ""; width: 174px; height: 174px; position: absolute; top: -87px; left: calc(50% - 87px); background: url("charte/logo-cheval.png") center center no-repeat; background-size: contain; z-index: 2;}

@media screen and (max-width: 767px) 
{
	.deco-bride::before{content: ""; width: 152px; height: 364px; position: absolute; top: -50px; right: 0px; background: url("charte/icone-bride.png") center center no-repeat; background-size: contain;}
	
.deco-cheval > div::before{content: ""; width: 80px; height: 80px; position: absolute; top: -40px; left: calc(50% - 40px); background: url("charte/logo-cheval.png") center center no-repeat; background-size: contain; z-index: 2;}
}
@media screen and (min-width: 767px) 
{
	.IconePromo::before{content: ""; -webkit-mask: url("charte/icone-promo.svg") no-repeat 50% 50%;  mask: url('charte/icone-promo.svg') no-repeat 50% 50%; position: absolute; width: 100px; height: 100px; background: #42b6b0; top: 10px; left: 10px; pointer-events: none; z-index: 3;} 
	.IconePromo::after{content: ""; width: 150px; height: 150px; z-index: 2; background:#0d0c1c;  position: absolute; top: -20px; left: -20px; border-radius: 100px;}
}


.IconePromo2::before{content: ""; -webkit-mask: url("charte/icone-promo.svg") no-repeat 50% 50%;  mask: url('charte/icone-promo.svg') no-repeat 50% 50%; position: absolute; width: 50px; height: 50px; background: #42b6b0; top: -25px; left: calc(50% - 25px); pointer-events: none; z-index: 3;} 
.IconePromo2::after{content: ""; width: 74px; height: 74px; z-index: 2; background:#0d0c1c;  position: absolute; top: -37px; left: calc(50% - 37px);  border-radius: 100px;}


.IconeCadeau{ margin-left: -75px;}
.IconeCadeau::before{content: ""; -webkit-mask: url("charte/icone-cadeau.svg") no-repeat 50% 50%;  mask: url('charte/icone-cadeau.svg') no-repeat 50% 50%; position: absolute; width: 150px; height: 150px; background: #ffffff; top: 75px; left: 75px; z-index: 3;} 
.IconeCadeau::after{content: ""; width: 320px; height: 320px; z-index: -1; background:#0d0c1c;  position: absolute; top: -20px; left: -20px; border-radius: 200px;}
/*
* Bloc txt
*/
.bloc_txt1 > div{max-width: 600px; padding: 0px 10px 0px 10px; margin: auto;}
/*
* COULEUR TEXTE
*/
.txtnoir{color:#0d0c1c;}
.txtbleu{color:#42b6b0;}
.txtblanc{color:#ffffff;}
.txtombre{text-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}


.bgbleu{background: #42b6b0; }
.bggris{background: #f1efed;}
.bgblanc{background: #ffffff;}

/*
* background
*/
.bg-case{}
.bg-case::before{content: ""; position: absolute; right: calc(50% - 45px); top: -5%; height: 110%; width: 110%; background: #42b6b0; border-bottom-right-radius: 200px; border-top-right-radius: 200px;  }
.bg-bois{background: url("charte/bg-bois.jpg") left center; z-index: 1}
.bg-bois div{z-index: -1}
/*
* Design texte
*/
.bulle .elementor-widget-container{width: 60px !important; height: 60px; border: 2px solid #42b6b0; border-radius: 30px; display: inline-block; text-align: center; line-height: 60px; overflow: hidden; font-size: 40px; font-weight: 900; color:#42b6b0; background: #FFFFFF;}
.bulle p{margin: 0px;}
/*
* épaisseur
*/
.w100{font-weight: 100;}.w300{font-weight: 300;}.w500{font-weight: 500;}.w700{font-weight: 700;}.w900{font-weight: 900;}

/*
* MARGES
*/
.sans-marge p{ margin: 0px !important;}

/*
* BOUTONS
*/
@media screen and (max-width: 767px) 
{
	.btn-fleche a{ height: 130px; display:block; text-align: center; background:#2e8883; width: 100%; font:30px/130px 'Nunito', sans-serif; font-weight:500; color:#FFFFFF; text-transform: uppercase; padding: 0px;   }
}
@media screen and (min-width: 767px) 
{
	.btn-fleche a{ height: 130px; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 8% 50%); background:#2e8883; width: 115%; margin-left: -15%; font:30px/130px 'Nunito', sans-serif; font-weight:500; color:#FFFFFF; text-transform: uppercase; padding: 0px;   }
}
.btn1 a, a.btn1, a.wc-block-cart__submit-button, button.wpforms-submit, button.btn1{background: #42b6b0; font:24px/60px 'Nunito', sans-serif; font-weight:500; color:#FFFFFF; text-transform: uppercase; height: 60px; padding: 0px 30px 0px 30px; border-radius:5px; border: 2px solid #42b6b0; }
.btn1 a:hover, a.btn1:hover, a.wc-block-cart__submit-button:hover, button.wpforms-submit:hover, button.btn1:hover{background: #ffffff ; color:#42b6b0;  }
button.wpforms-submit{background: #42b6b0 !important;}

.btn2 a, a.btn2{background: #ffffff; font:24px/60px 'Nunito', sans-serif; font-weight:500; color:#42b6b0 !important; text-transform: uppercase; height: 60px; padding: 0px 30px 0px 30px; border-radius:5px; border: 2px solid #ffffff; }
.btn2 a:hover, a.btn2:hover{background: #42b6b0; color:#ffffff !important;  }


.btn3 a, a.btn3{background: #42b6b0; font:16px/24px 'Nunito', sans-serif; font-weight:500; color:#FFFFFF; height: 24px; padding: 0px 10px 0px 10px; border-radius:5px; border: 2px solid #42b6b0; display: inline-block; margin: 5px; position: relative; z-index: 99;}
.btn3 a:hover, a.btn3:hover{background: #ffffff ; color:#42b6b0;  }
button.wpforms-submit{background: #42b6b0 !important;}

@media screen and (max-width: 767px) 
{
	.btn1 a, a.btn1, a.wc-block-cart__submit-button, button.wpforms-submit, .btn2 a, a.btn2{font:16px/30px 'Nunito', sans-serif; padding: 0px 10px 0px 10px;height: 30px;}
}
/*
* Header
*/
.ekit-template-content-header{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999;}
@media screen and (max-width: 767px) 
{
.logo img{margin: 5px; max-width: calc(100% - 10px);}
	.NTIconeHeader{margin-right:70px;}
}
/*
* MENU
*/ 
.hfe-flyout-content{padding: 0px; overflow: visible !important;}
ul.hfe-nav-menu{}
ul.hfe-nav-menu li{}
ul.hfe-nav-menu li a{padding-left: 30px !important;}
ul.hfe-nav-menu li a::before{content: ""; height: 2px; width: 15px; background: #42b6b0; position: absolute !important; top: 23px; left: 0px; opacity: 1 !important;}
ul.hfe-nav-menu li:hover > div a, ul.hfe-nav-menu li:hover > a{background: #42b6b0; color:#FFFFFF; font-weight: 900;}
ul.hfe-nav-menu li ul.sub-menu{border-left: 2px solid #42b6b0;}
ul.hfe-nav-menu li ul.sub-menu li a::before{background: none; }
@media screen and (max-width: 1140px) 
{
	ul.hfe-nav-menu li ul.sub-menu{margin-left: 30px;}
}
@media screen and (min-width: 1140px) 
{
	
	ul.hfe-nav-menu li a .hfe-menu-toggle{display: none;}
	ul.hfe-nav-menu li ul.sub-menu{position: absolute !important; left: 100% !important; top: 0px !important; border-left: 2px solid #42b6b0;}
	ul.hfe-nav-menu li:hover > ul.sub-menu{display: block; opacity: 1 !important; visibility: inherit !important; height: auto !important;}
	
}
/* Visuel de l'icône du panier */

.NTpanier{height: 120px; width: 120px !important; position: absolute; top: 0px; right: 0px; border-bottom-left-radius: 140px; background: #42b6b0; color:#ffffff !important;transition : all 0.2s linear; border:1px solid #42b6b0;}
.NTpanier:hover{background: #FFFFFF;transition : all 0.2s linear; }
.NTpanier:hover a.hfe-cart-container::before{background: #42b6b0;transition : all 0.2s linear;}
.NTpanier div{display: block; height: 100%; width: 100%;}
.NTpanier a.hfe-cart-container{ border: 0px; color:#FFFFFF !important; display: block; height: 100%; width: 100%; text-align: center; line-height: 50px; font:20px/24px 'Nunito', sans-serif;}

.AddCart::before{content: ""; -webkit-mask: url('charte/icone-shop.svg') no-repeat 50% 50%;  mask: url('charte/icone-shop.svg') no-repeat 50% 50%; position: relative; width: 16px; height: 16px; background: #ffffff; pointer-events: none;} 

.NTpanier a.hfe-cart-container::before{content: ""; -webkit-mask: url('charte/icone-shop.svg') no-repeat 50% 50%;  mask: url('charte/icone-shop.svg') no-repeat 50% 50%; position: absolute; width: 40px; height: 40px; background: #ffffff; top: 30px; right: 30px; pointer-events: none;} 
.NTpanier a.hfe-cart-container .hfe-subtotal{}
.NTpanier a.hfe-cart-container .elementor-button-icon::before{background: #FFFFFF !important; color:#0d0c1c !important; position: absolute !important; top: 70px !important; left: 25px !important; font-size: 16px !important;transition : all 0.2s linear; border:1px solid #42b6b0;}
.NTpanier:hover a.hfe-cart-container .elementor-button-icon::before{background: #42b6b0 !important; color:#FFFFFF !important;transition : all 0.2s linear;}
.NTpanier a.hfe-cart-container .elementor-button-icon i{display: none;}
.NTpanier a.hfe-cart-container .hfe-subtotal{display: none;}
@media screen and (max-width: 767px) 
{
	.NTpanier{height: 60px; width: 60px !important;border-bottom-left-radius: 80px; top: -40px;}
	.NTpanier a.hfe-cart-container::before{content: ""; -webkit-mask: url('charte/icone-shop.svg') no-repeat 50% 50%;  mask: url('charte/icone-shop.svg') no-repeat 50% 50%; position: absolute; width: 30px; height: 30px; background: #ffffff; top: 10px; right: 10px; pointer-events: none;} 
.NTpanier a.hfe-cart-container .elementor-button-icon::before{background: #FFFFFF !important; color:#0d0c1c !important; position: absolute !important; top: 35px !important; left: 10px !important; font-size: 16px !important;transition : all 0.2s linear; border:1px solid #42b6b0;}
}
/*
* Gestion formulaire de recherche
*/
.searchform{display:none; position:fixed; z-index: 99999; top: 60px; width: 20%; height: 30px; padding: 5px; border-radius: 30px;  right: 10%; background: #42b6b0; text-align: center;}
.searchform button{color:#FFFFFF; background: #42b6b0; font-size: 20px; line-height: 30px; border:none;  cursor:pointer; padding: 0px; margin: 0px; display: inline-block;}
.searchform input{ background:#FFFFFF; font:14px/30px 'Nunito', sans-serif; font-weight: 400; height: 30px; border-radius: 15px; padding: 0px 10px 0px 10px; border: 0px; margin: 0px;}

.SearchListing{margin-top: 60px;}
.SearchListing .searchform{display:block !important; position:relative; z-index: 1; width: 100%; height: 40px; padding: 20px 0px 20px 0px; border-radius: 0px;  right: inherit; top: inherit; background: #42b6b0; text-align: center;  }
.SearchListing  .searchform button{color:#42b6b0; background: #ffffff; font-size: 20px; line-height: 30px; border:none;  cursor:pointer; padding: 0px; margin: 0px; display: inline-block; margin-left: -40px;}
.SearchListing  .searchform input{ background:#FFFFFF; font:16px/40px 'Nunito', sans-serif; font-weight: 400; height: 40px; border-radius: 20px; padding: 0px 10px 0px 10px; border: 0px; margin: 0px; min-width: 420px; padding-right: 40px; }
@media screen and (max-width: 767px) 
{
.SearchListing{margin-top: 81px;}
	.SearchListing  .searchform input{ max-width: calc(100% - 100px); min-width: inherit !important;}
}

/*
* Fil d'Ariane
*/
.FilAriane{background: #f1efed; width: calc(100% - 10px); padding: 5px; border-bottom: 1px solid #42b6b0; font:12px/16px 'Nunito', sans-serif; font-weight:300;color:#0d0c1c; margin-top: 60px;}
@media screen and (max-width: 767px) 
{
	.FilAriane{margin-top: 81px;}
}
/*
* Archive agenda 
*/

.Agenda{height: 600px; width: 100%; float: left; display: block; position: relative; margin-top: 50px;}
/*les flèches*/
.Agenda .FlecheGauche, .Agenda .FlecheDroite{ height: 100px; width: 100px; position: absolute; top: 0px; background: #42b6b0; }
.Agenda .FlecheGauche{left: 0px;border-top-right-radius: 50px; border-bottom-right-radius: 50px;}
.Agenda .FlecheDroite{right: 0px; border-top-left-radius: 50px; border-bottom-left-radius: 50px;}
.Agenda .FlecheGauche::before{content: ""; -webkit-mask: url("charte/FlecheGauche.svg") no-repeat 50% 50%;  mask: url('charte/FlecheGauche.svg') no-repeat 50% 50%; position: absolute; width: 80px; height: 80px; background: #0d0c1c; top: 10px; right: 0px; pointer-events: none; z-index: 3;} 
.Agenda .FlecheDroite::before{content: ""; -webkit-mask: url("charte/FlecheDroite.svg") no-repeat 50% 50%;  mask: url('charte/FlecheDroite.svg') no-repeat 50% 50%; position: absolute; width: 80px; height: 80px; background: #0d0c1c; top: 10px; left: 0px; pointer-events: none; z-index: 3;} 
.Agenda .FlecheGauche:hover::before, .Agenda .FlecheDroite:hover::before{background: #FFFFFF;}
/* Listing */
.Agenda .ListingAgenda{width: calc(100% - 200px); height: 600px; overflow: hidden; margin-left: 100px; display: block; position: relative; text-align: center;}
.Agenda .ListingAgenda .AgendaMois{ display: none;opacity: 0; z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: auto;}
.Agenda .ListingAgenda .AgendaMois.on{display: block; opacity: 1; z-index: 2}
.Agenda .ListingAgenda .AgendaMois .TitreMois{height: 100px; background: #42b6b0; color:#FFFFFF; text-transform: uppercase; line-height: 100px; font: 20px/100px 'Nunito', sans-serif; font-weight:900; position: relative;}
.Agenda .ListingAgenda .AgendaMois .TitreMois::before{background: #FFFFFF; height: 100px; width: 100px; border-radius: 50px; position: absolute; left: -50px; top: 0px; content: "";}
.Agenda .ListingAgenda .AgendaMois .TitreMois::after{background: #FFFFFF; height: 100px; width: 100px; border-radius: 50px; position: absolute; right: -50px; top: 0px; content: "";}
.Agenda .ListingAgenda .AgendaMois .UnEvent{ width: 200px; padding: 5px; margin: 10px; border-bottom: 5px solid #42b6b0; display: inline-block; }
.Agenda .ListingAgenda .AgendaMois .UnEvent .image{width: 200px; height: 120px; display: block;}

@media screen and (max-width: 1024px) 
{
	.Agenda{height: auto; min-height: 450px; width: 100%;}
	.Agenda .ListingAgenda .AgendaMois.on{position: relative;}
	.Agenda .FlecheGauche, .Agenda .FlecheDroite{ height: 50px; width: 50px; border-right: 2px solid #FFFFFF; }
	.Agenda .FlecheGauche::before, .Agenda .FlecheDroite::before{width: 40px; height: 40px; top: 5px;}
	.Agenda .ListingAgenda{width: calc(100% - 100px); height: auto; min-height: 450px; margin-left: 50px;}
	.Agenda .ListingAgenda .AgendaMois .TitreMois{height: 50px; line-height: 50px;}
	.Agenda .ListingAgenda .AgendaMois .TitreMois::before, .Agenda .ListingAgenda .AgendaMois .TitreMois::after{display: none;}
}

/*
* Form newsletter
*/
input.sib-email-area{height: 50px; border: 1px solid rgba(0, 0, 0, 0.25); width: 100%; display: block; font-weight: 400; border-radius: 3px; font-size: 16px; padding: 0px 14px 0px 14px; height: 43px; line-height: 43px;}


/*
* Page des catégories 
*/

.archive_produit{ overflow-y: scroll;}
.archive_produit .menu_categorie{ padding: 10px; width: calc(100% - 20px) !important; /*background: #f1efed;*/ overflow: hidden;}

.archive_produit .menu_categorie h2{font-size: 30px; line-height: 36px;}
.ContentListingProduit{ padding: 10px;}
.archive_produit .menu_categorie ul.MenuCategorie{position: relative; padding: 0px; margin: 0px; width: 100%; height: 100%; min-height: 300px; }
.archive_produit .menu_categorie ul.MenuCategorie li{ }
.archive_produit .menu_categorie ul.MenuCategorie li a{ display: inline-block; /*height: 40px;*/ line-height: 40px; /*margin-left: 50px;*/ position: relative;font: 18px/40px 'Nunito', sans-serif; font-weight:100; width: calc(100% - 100px);}
.archive_produit .menu_categorie ul.MenuCategorie li a.AfficheSousMenu{position: relative; width: 50px; height: 30px; display: inline-block; margin-left: 0px;}
.archive_produit .menu_categorie ul.MenuCategorie li a:after { content: ""; border-bottom: 1px solid #0d0c1c; width: 100%; position: relative; left: 0px; bottom: 0px; display: block;}
.archive_produit .menu_categorie ul.MenuCategorie li a .icone{position: absolute; top: 7px; left: -60px; height: 40px; width: 50px; border-top-right-radius: 25px ;border-bottom-right-radius: 25px; background: #0d0c1c; transition : all 0.2s linear; }
.archive_produit .menu_categorie ul.MenuCategorie li a .icone img, .archive_produit .menu_categorie ul.MenuCategorie li a .icone svg{ max-height: 30px; padding-top: 5px;}
.archive_produit .menu_categorie ul.MenuCategorie li a .icone .cls-1{fill:#FFFFFF;}
.archive_produit .menu_categorie ul.MenuCategorie li a:hover, .archive_produit .menu_categorie ul.MenuCategorie li.on > a{font-weight: 900; color:#42b6b0;}
.archive_produit .menu_categorie ul.MenuCategorie li a:hover .icone, .archive_produit .menu_categorie ul.MenuCategorie li.on > a .icone{background: #42b6b0;transition : all 0.2s linear;}

/*@media screen and (max-width: 767px) 
{*/
	.single-product .archive_produit .menu_categorie{display: none;}

.archive_produit .menu_categorie ul.MenuCategorie li ul.SsMenu{ position: relative;  display: none; margin-left: 20px; border-left: 1px solid #42b6b0; margin-top:-2px; background: #FFFFFF;}
.archive_produit .menu_categorie ul.MenuCategorie li ul.SsMenu a{font: 16px/40px 'Nunito', sans-serif; margin-left: 5px;  width: calc(100% - 55px); height: auto;}
.archive_produit .menu_categorie ul.MenuCategorie li ul.SsMenu a.AfficheSousMenu{position: relative; width: 50px; height: 30px; display: inline-block; margin-left: 0px;}

@media screen and (max-width: 767px) 
{
.ChoixCategorie{cursor: pointer; display: block; float: left; widows: 100%; z-index: 99;}
	.archive_produit .menu_categorie ul.MenuCategorie{display: none;}
	
	.ChoixCategorie::after{content: ""; -webkit-mask: url("charte/FlecheDroite.svg") no-repeat 50% 50%;  mask: url('charte/FlecheDroite.svg') no-repeat 50% 50%; position: relative; float: left; display: block; width: 20px; height: 20px; background: #42b6b0;  pointer-events: none; z-index: 3;}
}
	/*.archive_produit .menu_categorie ul.MenuCategorie li a{float: left; width: calc(80% - 50px);}*/
	/*.archive_produit .menu_categorie ul.MenuCategorie li a.AfficheSousMenu{float: left; width: 20%; margin-left: 0px;}*/
	/*.archive_produit .menu_categorie ul.MenuCategorie li ul.SsMenu{ position: absolute; top: 0px; left: 0px; margin-left: 110%; width: 100%;  display: none;}
.archive_produit .menu_categorie ul.MenuCategorie li ul.SsMenu a{font: 16px/40px 'Nunito', sans-serif; margin-left: 5px;  width: calc(100% - 55px); height: auto;}
.archive_produit .menu_categorie ul.MenuCategorie li ul.SsMenu a.AfficheSousMenu{position: relative; width: 50px; height: 30px; display: inline-block; margin-left: 0px;}/
/*}*/

/*
@media screen and (min-width: 767px) 
{
	.archive_produit .menu_categorie ul.MenuCategorie li ul.SsMenu{transform: scaleX(0) scaleY(0);  transform-origin: top center;transition : all 0.2s linear;  height: 0px; }
	/*
	.archive_produit .menu_categorie ul.MenuCategorie li:hover ul.SsMenu, .archive_produit .menu_categorie ul.MenuCategorie li.on .SsMenu{transform: scaleX(1) scaleY(1);  transform-origin: top center; transition : all 0.2s linear;  height: auto;margin-bottom: 10px; }*/
/*
	.archive_produit .menu_categorie ul.MenuCategorie li ul.SsMenu li{}
	.archive_produit .menu_categorie ul.MenuCategorie li ul.SsMenu li a{display: block; height: 35px; line-height: 35px; margin-left: 50px; position: relative;font: 25px/35px 'Nunito', sans-serif; font-weight:100;}
.archive_produit .menu_categorie ul.MenuCategorie li ul.SsMenu li a:after { content: ""; border-bottom: 0px solid #0d0c1c; width: 0%; position: relative; left: 0px; bottom: 0px; display: block;}
}*/

/*
@media screen and (max-width: 767px) 
{
	
	.archive_produit .menu_categorie ul.MenuCategorie li ul.SsMenu li a{margin-left: 10px;}
	li.BtnRetour{display: block; text-align: left; width: 100%; height: 54px;}	
	.archive_produit .menu_categorie ul.MenuCategorie li a.AfficheSousMenu{ display: block; position: relative !important;}
} */
.IconeCat{opacity: 0.3; width: 300px; height: 300px; position: absolute; right: -50px; top:calc(50% + 50px); transform: translateY(-50%); z-index: 0; }
.woocommerce-products-header{position: relative; min-height: 150px; float:left; width: 100%;}
.woocommerce-result-count{width: calc(100% - 350px); border-bottom: 1px solid #42b6b0; font: 18px/22px 'Nunito', sans-serif; font-weight:100; padding-left: 40px !important; position: relative;}
.woocommerce-result-count::before{content: ""; height: 20px; width: 20px; position: absolute; top: 0px; left: 10px; background: url("charte/FlecheDroite.svg") no-repeat center center; background-size: contain;}

.CatDescription{/*margin-top: 60px;*/ margin-bottom: 15px; /*border-bottom: 1px solid #42b6b0;*/ font-size: 12px;}
@media screen and (max-width: 767px) 
{
	.woocommerce-result-count{width: 100%; display: block; }
	
}

/*
* Listing des produits
*/
div.lesproduits div.unproduit{ overflow: hidden; padding-bottom:38px !important;}
div.lesproduits div.unproduit:hover{transform: scale(1.05);}
div.lesproduits div.unproduit .CasePrix{position: absolute; bottom:5px; left: 0px; width: 100%;}
@media screen and (min-width: 1025px) 
{
	ul.products, div.lesproduits{ display: flex; flex-direction:row;flex-wrap:wrap; width: 100%; /*padding-bottom: 30px;*/ /*text-align: center;  justify-content: center;*/}
	div.lesproduits div.unproduit{flex-grow: 1;flex-shrink:0;flex-basis:calc(100% / 4 - 3rem);max-width:calc(100% / 4 - 3rem);display:flex; flex-direction:column; box-shadow: 0 0 6px #d2d2d2; width: 16rem; margin :1rem; padding: 0.5rem; position:relative; border-radius:0px; transition : all 0.2s linear; border-radius: 5px; background: #FFFFFF; text-align: center;}
}
@media screen and (max-width: 1024px) 
{
	ul.products, div.lesproduits{ display: block; float: left; width: 100%; text-align: center;}
ul.products li, div.lesproduits div.unproduit{flex-grow: none;flex-shrink:none; width:calc(300px - 4rem);display:inline-block; flex-direction:column;  box-shadow: 0 0 6px #d2d2d2; margin :1rem; padding: 0.5rem; position:relative; border-radius:0px; transition : all 0.2s linear; float: none; background:#FFFFFF;
	height: 300px; text-align: center}
	.archive_produit{float: left; display: block !important;}
	.archive_produit .case3, .archive_produit .case9{float: left; width: 100%; display: block; max-width: 100%; flex: initial; }
	.produit .menu_categorie{display: none;}
	div.lesproduits div.unproduit .CasePrix .row .case6{width: 50% !important; float: left;}
	
}
@media screen and (max-width: 767px) 
{
	ul.products, div.lesproduits{ text-align: center;}
	/*ul.products li, div.lesproduits div.unproduit{width:calc(100% - 4rem); height: auto; }*/
}

.wc_img{height: 200px; width: 100%; position: relative;}
.wc_img img, .wc_img img{max-height: 200px; max-width: 300px; height: auto; width: auto; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}

/* Etiquettes sur les produits */
.etiquette{position: absolute; top: 10px; left: -5px; color:#FFFFFF; text-transform: uppercase; font-weight: 100; font:20px/30px 'Nunito', sans-serif;padding: 0px 10px 0px 10px; text-align: center; z-index: 9999;}
.etiquette.etiquette_promo{ background: #b64242; }
.etiquette.etiquette_nouveau{ background: #91b642; }
.etiquette.etiquette_prix_en_baisse{ background: #42b6af; }

ins{text-decoration: none;}
ins .woocommerce-Price-amount bdi{ font-weight: 900; text-decoration: none; color:#42b6b0;}

a.add_to_cart_button, button.woocommerce-form-login__submit, button.woocommerce-form-register__submit{background:#42b6af !important; color:#FFFFFF !important; border: 1px solid #42b6af !important;}
a.add_to_cart_button:hover, button.woocommerce-form-login__submit:hover, button.woocommerce-form-register__submit:hover{background:#ffffff !important; color:#42b6af !important;}

/*
* Navigation mon compte
*/
nav.woocommerce-MyAccount-navigation{}
nav.woocommerce-MyAccount-navigation ul{}
nav.woocommerce-MyAccount-navigation ul li{position: relative;}
nav.woocommerce-MyAccount-navigation ul li a{font:18px/40px 'Nunito', sans-serif; font-weight: 100; line-height: 40px; border-bottom: 1px dashed #0d0c1c; display: block; padding-left: 40px; position: relative;}
nav.woocommerce-MyAccount-navigation ul li.is-active a, nav.woocommerce-MyAccount-navigation ul li:hover a{border-bottom: 1px solid #42b6af; color:#42b6af;}
nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard::after{content: ""; -webkit-mask: url("charte/icone-accueil.svg") no-repeat 50% 50%;  mask: url('charte/icone-accueil.svg') no-repeat 50% 50%; position: absolute; width: 20px; height: 20px; background: #0d0c1c; top: 10px; left: 10px; pointer-events: none; z-index: 3;}
nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders::after{content: ""; -webkit-mask: url("charte/icone-boutique.svg") no-repeat 50% 50%;  mask: url('charte/icone-boutique.svg') no-repeat 50% 50%; position: absolute; width: 20px; height: 20px; background: #0d0c1c; top: 10px; left: 10px; pointer-events: none; z-index: 3;}
nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads::after{content: ""; -webkit-mask: url("charte/icone-telecharger.svg") no-repeat 50% 50%;  mask: url('charte/icone-telecharger.svg') no-repeat 50% 50%; position: absolute; width: 20px; height: 20px; background: #0d0c1c; top: 10px; left: 10px; pointer-events: none; z-index: 3;}
nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address::after{content: ""; -webkit-mask: url("charte/icone-adresse.svg") no-repeat 50% 50%;  mask: url('charte/icone-adresse.svg') no-repeat 50% 50%; position: absolute; width: 20px; height: 20px; background: #0d0c1c; top: 10px; left: 10px; pointer-events: none; z-index: 3;}
nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account::after{content: ""; -webkit-mask: url("charte/icone-compte.svg") no-repeat 50% 50%;  mask: url('charte/icone-compte.svg') no-repeat 50% 50%; position: absolute; width: 20px; height: 20px; background: #0d0c1c; top: 10px; left: 10px; pointer-events: none; z-index: 3;}
nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout::after{content: ""; -webkit-mask: url("charte/icone-deconnexion.svg") no-repeat 50% 50%;  mask: url('charte/icone-deconnexion.svg') no-repeat 50% 50%; position: absolute; width: 20px; height: 20px; background: #0d0c1c; top: 10px; left: 10px; pointer-events: none; z-index: 3;}

nav.woocommerce-MyAccount-navigation ul li:hover::after{background: #42b6af;}

.woocommerce-tabs{width: 48%; float: left;}
@media screen and (max-width: 767px) 
{
	.woocommerce-tabs{width: 98%; float: left;}
}
.related, .upsells{width: 100%; float: left;}

/* Encadré panier page produit*/
.BlocPanier{ max-width: 250px; background:#f1efed; text-align: center; position: relative; margin-top: 50px;}
.BlocPanier::before{position: absolute; top: -30px; left: -30px; width: 60px; height: 60px; z-index: 1; content: ""; border-radius:30px; background: #42b6af; display: block;}
.BlocPanier::after{content: ""; z-index: 2; -webkit-mask: url("charte/icone-boutique.svg") no-repeat 50% 50%;  mask: url('charte/icone-boutique.svg') no-repeat 50% 50%; position: absolute; width: 40px; height: 40px; background: #ffffff; top: -20px; left: -20px; pointer-events: none; z-index: 3;}
.price{color:#0d0c1c !important; position: relative; margin-top: 10px; width: 100%; float: left; font-weight: 700; font-size: 18px;}
.price del {color:#0d0c1c; font-size: 14px; width: 100%; text-align: center; line-height: 14px;}
.price bdi {color:#42b6af; width: 100%; text-align: center; width: 100%; position: relative;}

/*.price{margin-bottom: 40px;}*/
/*.price::after{content: ""; position: absolute; height: 50px; width: 50px; left: calc(50% - 25px); bottom: -40px; background: url("charte/icone-deco-horizontal.svg") center center no-repeat; background-size: contain;}*/

.wc-block-cart-item__product .price::after{content: ""; position: absolute; height: 50px; width: 50px; left: 0px; bottom: -40px; background: url("charte/icone-deco-horizontal.svg") center center no-repeat; background-size: contain; text-align: center;}

p.stock{color:#0d0c1c !important;}

form.cart{ padding:5px;}
form.cart input[type=text], form.cart input[type=email], form.cart input[type=password], form.cart select{-webkit-appearance: none;width:calc(100% - 10px) !important; height:27px; line-height:27px; border: 1px solid #42b6b0; background: #FFFFFF;}
form.cart select{text-align: center; padding: 5px; border-radius: 0px; height: 30px; line-height: 18px;}
/*form.cart input.qty{}*/
form.cart .quantity{width: calc(100% - 64px) !important; float: left;}

form.cart button.minus, form.cart button.plus{ height: 31px; width: 30px; line-height: 30px; font-weight: 900; text-align: center; border: 1px solid #42b6af; background: #FFFFFF; }
input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}

button.single_add_to_cart_button, .wp-block-cart-cross-sells-product__product-add-to-cart button, button.wc-block-components-checkout-place-order-button{margin-top: 10px !important; background: #42b6b0 !important; font:24px/60px 'Nunito', sans-serif; font-weight:500; color:#FFFFFF !important; text-transform: uppercase; height: 60px; padding: 0px 30px 0px 30px; border-radius:5px; border: 2px solid #42b6b0; width: calc(100% - 4px); margin: 5px; }

button.single_add_to_cart_button:hover, .wp-block-cart-cross-sells-product__product-add-to-cart button:hover, button.wc-block-components-checkout-place-order-button:hover{background: #ffffff !important; color:#42b6b0 !important; border: 2px solid #42b6b0;  }

.woocommerce div.product form.cart .variations label{font-weight: 100 !important; text-transform: uppercase; padding: 2px; }

.summary{width: 500px !important; margin-top: 20px;}
@media screen and (max-width: 767px) 
{
.woocommerce-product-gallery {width : 98% !important; text-align: center;}
.summary{width: calc(100% - 20px) !important; margin-top: 20px;}
}
@media screen and (min-width: 767px) 
{
.woocommerce-product-gallery {width : calc(98% - 500px) !important; text-align: center;}
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(1){ width: calc(100% - 10px); margin: 5px;}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(1) img{max-height: 500px;}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){ width: auto; margin: 5px; display: inline-block;}

.woocommerce div.product div.images a{text-align: center;}
.woocommerce div.product div.images img{max-width: 100%; max-height: 700px; width:auto; display: inline-block;}

.woocommerce div.product div.images .woocommerce-product-gallery__image a{position: relative; display: block; width:100%; height: 100%;}
.woocommerce div.product div.images .woocommerce-product-gallery__image a::before{content: ""; -webkit-mask: url("charte/icone-loupe.svg") no-repeat 50% 50%;  mask: url('charte/icone-loupe.svg') no-repeat 50% 50%; position: absolute; width: 40px; height: 40px; background: #FFFFFF; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); pointer-events: none; z-index: 3; display: block; opacity: 0; }
.woocommerce div.product div.images .woocommerce-product-gallery__image a::after{content: ""; opacity: 0;  background: rgba(66,182,176,1); width: 80px; height: 80px; border-radius: 40px; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block;}
.woocommerce div.product div.images .woocommerce-product-gallery__image a:hover::before, .woocommerce div.product div.images .woocommerce-product-gallery__image a:hover::after{ opacity: 1; transition : all 0.2s linear;}

.wp-block-woocommerce-cart-order-summary-block{  background:#f1efed; text-align: center; position: relative; margin-top: 50px;}
.wp-block-woocommerce-cart-order-summary-block::before{position: absolute; top: -30px; left: -30px; width: 60px; height: 60px; z-index: 1; content: ""; border-radius:30px; background: #42b6af; display: block;}
.wp-block-woocommerce-cart-order-summary-block::after{content: ""; z-index: 2; -webkit-mask: url("charte/icone-boutique.svg") no-repeat 50% 50%;  mask: url('charte/icone-boutique.svg') no-repeat 50% 50%; position: absolute; width: 40px; height: 40px; background: #ffffff; top: -20px; left: -20px; pointer-events: none; z-index: 3;}
.wp-block-woocommerce-cart-order-summary-heading-block{text-align: center !important;}

.wp-block-cart-cross-sells-product__product-add-to-cart{float:left;}

.woocommerce-pagination{margin-bottom: 30px;}
h2.woocommerce-loop-product__title{font-size: 15px;}

.search img{max-width: 100%; height: auto;}

.woocommerce-no-products-found{float: left; width: 100%;}
.product_title{width: 100%; float: left; }

form.woocommerce-ordering{ z-index: 999; position: relative; display: inline-block; width: 210px; margin-top: 10px !important;}

@media screen and (max-width: 767px) 
{
	.woocommerce div.product {float: left;}
}
/*
* Fil d'arianne catégorie 
*/

.ArianneCategorie{width: 100%; float: left;}
.ArianneCategorie ul{display: block;}
.ArianneCategorie ul li{ display: block; padding:0px 0px 0px 0px; position: relative; float: left; font-size: 14px; font-weight:700;}
.ArianneCategorie ul li::after{content: "/"; color:#42b6b0; padding:0px 20px 0px 20px; }
.ArianneCategorie ul li:last-child::after{content: "" !important; color:#42b6b0;}
.ArianneCategorie ul li .SousCat{position: absolute; z-index: 0; background: #FFFFFF; top: 0px; left: 0px; display: none; box-shadow: 0 0 6px #d2d2d2; z-index: 99; }
.ArianneCategorie ul li .SousCat a{white-space: nowrap; display: block; width: calc(100% - 20px); padding: 5px 10px 5px 10px;}
.ArianneCategorie ul li .SousCat a.on{color:#42b6b0; font-weight: 700;}
.ArianneCategorie ul li .SousCat a:hover{color:#42b6b0;}
.ArianneCategorie ul li:hover .SousCat, .ArianneCategorie ul li .SousCat:hover{display: block;}

.ArianneCategorie ul li .fleche::after{content: ""; display: inline-block; margin: 0px 0px 0px 5px; height: 16px; width: 16px; position: relative;  -webkit-mask:  url("charte/FlecheDroite.svg") no-repeat center center; background-size: contain; background: #0d0c1c;}
.ArianneCategorie ul li:hover .fleche::after{ background: #42b6b0;}

.BoutiqueGauche{box-shadow: 0 0 6px #d2d2d2; z-index: 99;}
/*
* Icone de filtre 
*/

.yith-wcan-filter{ border-bottom: 1px solid #f1efed; cursor: pointer; float: left; width: 100%; display: block;}
.yith-wcan-filter h4{}
.yith-wcan-filter h4::after{content: ""; display: inline-block; margin: 0px 0px 0px 5px; height: 16px; width: 16px; position: relative;  -webkit-mask:  url("charte/FlecheDroite.svg") no-repeat center center; background-size: contain; background: #0d0c1c;}
.yith-wcan-filter .filter-content{ display: none;}


.yith-wcan-filter.select-design{ border-bottom: 1px solid #f1efed; padding-bottom: 10px; padding-top: 10px;}
.yith-wcan-filter.select-design h4::after{content: ""; display: none;; margin: 0px 0px 0px 5px; height: 16px; width: 16px; position: relative;  -webkit-mask:  none; background-size: contain; background: #0d0c1c;}
.yith-wcan-filter.select-design .filter-content{ display: block !important;}

.yith-wcan-dropdown{ float: left; width: calc(100% - 50px);}
.yith-wcan-dropdown{ float: left; width: calc(100% - 50px);}

.yith-wcan-filters .yith-wcan-filter .yith-wcan-dropdown .dropdown-wrapper .search-field-container:after{content: "" !important; background: none;}

/*
* Fenêtre filtre
*/
.FenetreFiltre{display: none; width: 200px; padding:10px; height: 100%; top: 0px; right: -242px; position: fixed;background: #FFFFFF;box-shadow: 0 0 6px #d2d2d2; border-right: 2px solid #42b6b0; transition : all 0.2s linear; z-index: 9999;}
.FenetreFiltre.on{display: block; right: 0px; transition : all 0.2s linear;}

.ClosePopUpFiltre{position: absolute; top: 20px; left: -41px; width: 40px; height: 40px; border-bottom-left-radius:  5px; border-top-left-radius: 5px; background: #42b6b0; z-index: 1; border: 1px solid #FFFFFF; }
.ClosePopUpFiltre::after{content: ""; display: inline-block; margin: 0px; height: 24px; width: 24px; position: relative;  -webkit-mask:  url("charte/icone-suppr.svg") no-repeat center center; background-size: contain; background: #FFFFFF; top: 8px; left: 8px;}/*
@media screen and (max-width: 767px) 
{
	.ClosePopUpFiltre{ left: 5px;}
	.FenetreFiltre h3{padding-top: 50px;}
}*/

/*
* Case catégorie
*/

.CaseCategorie{width: 250px; height: 250px; border-bottom: 2px solid #42b6b0; display: inline-block; position: relative; float: none; margin: 0px 0px 10px 10px;}
.CaseCategorie a{display: block; height: 100%; width: 100%; position: relative;}
.CaseCategorie a .CatTitre{position: absolute; width: 100%; height: auto; bottom: 10px; color:#FFFFFF; background: rgba(0,0,0,0.70); color:#FFFFFF;transition : all 0.2s linear; font:16px/30px 'Nunito', sans-serif; font-weight:900; text-align: center;}
.CaseCategorie a:hover .CatTitre{height: 100%; background: rgba(66, 182,176,0.70); transition : all 0.2s linear;bottom: 0px;}

.wps_wgm_wrapper_for_preview p{display: block !important;}

.woocommerce form.login, .woocommerce form.register{float: left; width: calc(100% - 40px)}
.woocommerce form.login input[type=text], .woocommerce form.register input[type=text], .woocommerce form.woocommerce-ResetPassword  input[type=text], .woocommerce form.login input[type=password], .woocommerce form.woocommerce-ResetPassword input[type=password], .woocommerce form.register input[type=password], .woocommerce form.login input[type=email], .woocommerce form.register input[type=email], .woocommerce form.woocommerce-ResetPassword input[type=email]{ background:#FFFFFF; font:16px/40px 'Nunito', sans-serif; font-weight: 400; height: 40px; border-radius: 20px; padding: 0px 10px 0px 10px; border: 0px; margin: 0px; min-width: 420px; padding-right: 40px; border: 1px solid #cecece;}

/*
* Listing des actu
*/
.ListingActu{width: 100%; display: inline-block; overflow: hidden; position: relative;}

.ListingActu .UneActu{white-space: normal !important;  padding: 10px; width: calc(100% / 3 - 20px); display: table-cell; position: relative; }
.ListingActu .UneActu a{ display: block;transition : all 0.2s linear; position: relative;border: 1px solid #e7e7e7; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }


.ListingActu .UneActu a .ActuImage{ height: 200px; display: block; transition : all 0.2s linear; position: relative;transition : all 0.2s linear;}


.ListingActu .UneActu a .ActuContent{padding: 5px; text-align: center !important;display: block; width: calc(100% - 10px); background: #FFFFFF;}

.ListingActu .UneActu a .ActuContent .ActuTitre{color:#42b6b0 !important; text-transform: uppercase; font:16px/20px 'Nunito', sans-serif; font-weight:700; margin:0px; padding: 0px; text-align: center; margin-top: 10px;}
.ListingActu .UneActu a .ActuContent .ActuExcerpt{color:#0d0c1c; font: 14px/18px 'Nunito', sans-serif; width: calc(100% - 10px); position: relative; padding: 10px 5px 10px 5px; text-align: center; min-height: 60px;}

.ListingActu .UneActu a:hover{border: 1px solid #42b6b0;}
.ListingActu .UneActu a .ActuImage::before{transition : all 0.2s linear; width: 100%; height: 100%; content: ""; display: block; z-index: 1; position: absolute; top: 0px; left: 0px; background: rgba(13,12,28,0.75); opacity: 0;}
.ListingActu .UneActu a:hover .ActuImage::before{transition : all 0.2s linear;opacity: 1;}
.ListingActu .UneActu a:hover .ActuImage::after{transition : all 0.2s linear; content: "Cliquez pour lire l'article"; font-size: 12px; font-weight: 100; font-style:italic; display: block; z-index: 2; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color:#FFFFFF;}

@media screen and (max-width: 768px) 
{
	.ListingActu .UneActu{ width: calc(100%  - 20px); display: block; }
}

@media screen and (max-width: 1024px) 
{
	.ntactu_lesactu{width: 100%; padding: 0px;}
}
