/*
Theme Name: Domaine la Pérouse 2
Description: theme claire Domaine la Pérouse
Author: Sofft Technologies
Template: Divi

bleu lien : #102990;
*/


@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


body {
	font-size: 18px;
	font-family: "Lato", sans-serif;
	font-weight: 300;
	font-style: normal;
	
	 font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  /*font-variation-settings: "wdth" 100; */
}
strong {font-weight: 500;}
/************* TITRAILLE ***************/

.et_pb_section.header.h1 .et_pb_row {
	/*background : #f7f7f7 !important;*/
	padding-top: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	border: solid 0px;
}


/************** [TITRE h1] **************************************/
.et_pb_section.header.h1 { 
	background-image:url(https://www.domainedelaperouse.com/wp-content/uploads/2014/11/bg-h1-domaine-perouse.jpg);
	padding-top: 0px !important; 
	padding-bottom: 10px !important;
}

.et_pb_section.header.h1 .et_pb_text_0, .et_pb_title_container { 
	padding-top: 60px !important;
	padding-bottom: 40px !important; 
}
.accroche {font-size: 20px; line-height: 35px;}
.titre_accroche, .sous_titre {
	font-size: 80%;
}
.et_pb_text h1, .et_pb_title_container h1 {
    font-size: 300%;
    font-weight: 500;
    text-transform: none;
	/*font-variant: small-caps; */

    color: #000;
    letter-spacing: 1px;
    line-height: 1.0em;
}
.et_pb_title_container h1 {
	color: #ffffff;
	font-variant: none;
}
.et_pb_portfolio_item h2, .et_pb_gallery_grid .et_pb_gallery_item h3 {
    margin: 10px 10px 10px 10px;
    font-size: 14px !important;
    text-transform: uppercase;
    /*font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif; */
    color: black;
    letter-spacing: 1px;
    font-weight: bold;
}

/************* COLONNES **************/
.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 
/********************** SIDEBAR STYLES ************************/
.et_pb_widget {
    float: left;
    max-width: 100%;
    background: #fff;
}
.et_pb_widget a {
    color: #0e1015;
    text-decoration: none;
    text-transform: uppercase;
}
.et_pb_widget_area h4 {
    font-size: 18px !important;
    background: #0e1015;
    color: #fff;
    text-transform: uppercase !important;
	/*font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif; */
	padding: 20px;
	letter-spacing: 1px;
}
.et_pb_widget ul li {
    margin-bottom: 0.5em;
    padding: 0 20px;
}
.et_pb_widget ul {
    padding: 20px 0 !important;
    border: 1px solid #eeeeee;
}
.sidebar-ad {
    margin-bottom: -10px !important;
}
.widgettitle {
 font-size: 18px !important;
    background: #0e1015;
    color: #fff;
    text-transform: uppercase !important;
    /*font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif; */
	padding: 20px;
	letter-spacing: 1px;
}
/************************************************************************
 * 
 * ARTICLES 
 * 
 * *************************************************************************/
.single-post .et_pb_module.et_pb_post_content {padding: 0px 40px;}

.shipping-info {
    background-color: #f9f9f9;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.6;
}

.shipping-info h4 {
    margin-bottom: 10px;
    color: #007cba;
}

.shipping-info ul {
    list-style: none;
    padding: 0;
}

.shipping-info ul li {
    margin: 2px 0px 0px 5px;
}

/************************************************************************
 * 
 * MENU 
 * 
 * *************************************************************************/
/*-------------------------------------------
 * -------- PIED DE PAGE FOOTER --------------
 * ------------------------------------------*/
/* masquer le pied de page */

 #menu-footer, .single_product.product-weitght {display: none;}

/******************* SIDEBAR WIDTH INCREASED ****************************/
/*Change Post, Project, Archive Page Sidebars from one fourth to one third*/
    .container::before { display:none; }
    .single-project div#left-area {width: 700px;}
    .single-project div#sidebar {width: 300px;}
    .single-post div#left-area {width: 700px;}
    .single-post div#sidebar {width: 300px;}
    .archive div#left-area {width: 700px;}
    .archive div#sidebar {width: 300px;}
    .search div#left-area {width: 700px;}
    .search div#sidebar {width: 300px;}
  
    /* LAPTOP - IPAD LANDSCAPE (981-1100) */
        @media only screen
        and ( min-width: 981px )
        and ( max-width: 1100px ) {
        .single-project div#left-area {width: 630px;}
        .single-project div#sidebar {width: 240px;}
        .single-post div#left-area {width: 630px;}
        .single-post div#sidebar {width: 240px;}
        .archive div#left-area {width: 630px;}
        .archive div#sidebar {width: 240px;}
    .search div#left-area {width: 630px;}
        .search div#sidebar {width: 240px;}}
  
    /* TABLETS - IPAD PORTRAIT (768-980) */
        @media only screen and (max-width : 980px) {
        .single-project div#left-area {width: 700px;}
        .single-project div#sidebar {width: 700px;}
        .single-post div#left-area {width: 700px;}
        .single-post div#sidebar {width: 700px;}
        .archive div#left-area {width: 700px;}
        .archive div#sidebar {width: 700px;}
    .search div#left-area {width: 700px;}
        .search div#sidebar {width: 700px;}}
  
    /* MINI TABLETS - IPHONE LANDSCAPE (480-767) */
        @media only screen and ( max-width: 767px ) {
        .single-project div#left-area {width: 400px;}
        .single-project div#sidebar {width: 270px;}
        .single-post div#left-area {width: 400px;}
        .single-post div#sidebar {width: 270px;}
        .archive div#left-area {width: 400px;}
        .archive div#sidebar {width: 270px;}
    .search div#left-area {width: 400px;}
        .search div#sidebar {width: 270px;}}
  
    /* CELL PHONES - IPHONE PORTRAIT */
        @media only screen and ( max-width: 479px ) {
        .single-post div#left-area {width: 280px;}
        .single-project div#left-area {width: 280px;}
        .single-project div#sidebar {width: 280px;}
        .single-post div#sidebar {width: 280px;}
        .archive div#left-area {width: 280px;}
        .archive div#sidebar {width: 280px;}
    .search div#left-area {width: 280px;}
        .search div#sidebar {width: 280px;}}
		
/**************************** CUSTOM RECENT POSTS SIDEBAR WIDGET **********************************/
.rpwwt-widget h4 {
    color: #fff;
    background: #000;
    padding: 20px;
    text-transform: uppercase;
   /*font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif; */
    letter-spacing: 1px;
    font-size: 1.0em;
}
.rpwwt-widget ul {
    background: #fff;
    border: 1px solid #eee;
}
    .rpwwt-widget ul li {
            padding: 0px 8px 0px;
			line-height:15px;}
    span.rpwwt-post-title {
            font-size: 13px;
            font-weight: 700;
            line-height: 1px;}
    .et_pb_widget_area .rpwwt-widget ul {
            line-height: 14px!important;
        padding: 10px 0 16px!important;}
    .rpwwt-post-date {
            font-size: 11px;}
	.et_pb_bg_layout_light .et_pb_widget li a {
    color: #000;
    text-transform: uppercase;
}
span.rpwwt-post-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
/* remove left padding in sidebar area */
    .et_pb_widget_area_right, .et_right_sidebar #sidebar {padding-left: 0px;}
 
/* removes divider on post pages*/
    .container::before {display:none;}
 
/* removes divider in sidebar modules */
    .et_pb_widget_area_left {border-right: 0px solid rgba(0, 0, 0, 0);padding-right: 0px;}
    .et_pb_widget_area_right {border-left: 0px solid rgba(0,0,0,0); padding-right: 0px;}


/********************************* PORTFOLIO **************************************/

.et_pb_fullwidth_portfolio h3 {color: #CDA568;font-size: 16px}
.formulaire-devis h3 {font-weight: bold;}
/******************************* GRID STYLE BLOG ********************************/
h2.list-order {
	color: #102990;
	border-bottom: solid 1px;
	margin: 10px 0px;
	padding: 10px 0px;
}
.post h2 {
    font-size: 26px;
    font-weight: 500;
    color: #0e1015;
    margin-bottom: 15px;
    line-height: inherit;
    font-weight: 900;
}
.et_pb_post h2 {
    margin-top: 10px;
}
.post h1 {
    font-size: 31px;
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 1px;
    /*font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif; */
    line-height: 1.0em;
}
.post a {
	color: #666;
}
.script h2, h2.script {
	color: #CDA568;
	/*font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif; */
	font-size: 200% !important;
	font-weight: 500;
}
/*.script.surligner h2::after,*/.script.surligner h2::before  {
content:'';
	width:50px;height:2px;
	margin-top:10px;left:0px;margin-bottom:20px;
	display:block;
	top:100%; background: #AF8D55;
}

.post h2 {
	t_ext-align: center !important;
}
.post h2 a {
    font-size: 18px !important;
	
    line-height: 20px !important;
    /*font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif; */
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 900;
    color: #0e1015;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
h2 { 
	/*font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif; */
	padding-bottom: 10px; margin-bottom: 10px;
}
.et_pb_blog_grid .et_pb_post .post-content {
	text-align: center;
}
.et_pb_blog_grid .et_pb_post .post-content {
	display:none;
}


.et_pb_blog_grid .et_pb_post:hover h2 a { color: #fff; }
.et_pb_blog_grid .et_pb_post:hover h2 {
	padding-top: 10px;
	background: #CEA56D;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
   -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  cursor:pointer !important;
  cursor: hand !important;
}

.et_pb_blog_grid .et_pb_post img:hover { 
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
   -webkit-opacity: 0.9 !important;
  -moz-opacity: 0.9 !important;
  opacity: 0.9 !important;
	cursor:pointer !important;
	cursor: hand !important;
}
.et_pb_blog_grid .et_pb_post:hover img { 
 -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
   -ms-transform: scale(1.00) !important;
    -webkit-transform: scale(1.00) !important;
    transform: scale(1.00) !important;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.et_pb_blog_grid .et_pb_post img {
 -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  -o-border-radius:3px 3px 0px 0px;
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
   -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
}
.et_pb_blog_grid .et_pb_post {
	padding-bottom: 0px !important;
    float: left;
	border: none !important;
	border: solid 1px rgba(0,0,0,0.2) !important;
	/*border-color: rgba(0,0,0,0.2);*/
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
     box-shadow: 0 0px 1px rgba(0,0,0,0.12);
    -moz-box-shadow:    0 0px 1px rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 0px 1px rgba(0,0,0,0.12);
    overflow: hidden;
    width: 100%;
    position: relative;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
}
.et_pb_blog_grid .et_pb_post:hover {
     box-shadow: 0 2px 15px rgba(0,0,0,0.24);
    -moz-box-shadow:    0 2px 15px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.24);
}
.more-link {
    padding: 12px 25px;
    border: solid thin #cea56d;
    color: #000 !important;
    background-color: #fff;
    text-transform: capitalize;
    line-height: 80px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
}
.more-link:hover {
    padding: 12px 25px;
    border: solid thin #cea56d;
    background-color: #cea56d;
	letter-spacing: 1px;
    color: #fff !important;
    text-transform: capitalize;
    line-height: 80px;
     -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
}
.et_pb_blog_grid .et_pb_post:hover .more-link {
	 padding: 12px 25px;
    border: solid thin #cea56d;
    background-color: #cea56d;
    color: #fff !important;
    text-transform: capitalize;
    line-height: 80px;
     -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
}
	
.et_pb_bg_layout_light .et_pb_post .post-meta a, .et_pb_bg_layout_light .et_pb_post p {
	color: #B5B5B5 !important;
}
/**************************** LIST STYLE BLOG ***************************/
.ds-thumbnail-blog .et_pb_post {
    background-color: #fff;
    min-height: 350px;
    margin-bottom: 50px;
	overflow: hidden;
    width: 100%;
    position: relative;
	 -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
/*Sets the image size posts and moves it to the left of the text*/

.ds-thumbnail-blog .et_pb_post a img {
	float: left;
    width: 400px;
    height: 350px;
    object-fit: cover;
    margin: 0 40px 0 0;	
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
}

.ds-thumbnail-blog .et_pb_post:hover a img{
	 -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
   -ms-transform: scale(1.00) !important;
    -webkit-transform: scale(1.00) !important;
    transform: scale(1.00) !important;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
   -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
}
.ds-thumbnail-blog .et_pb_post:hover {
 box-shadow: 0 2px 15px rgba(0,0,0,0.24);
    -moz-box-shadow:    0 2px 15px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.24);
	   -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
/*Resize the overlay to fit the image*/
.ds-thumbnail-blog .et_overlay {
    width: 300px !important;
    height: 350px !important;
}


/*Stack the image and content on smaller screens*/
@media only screen and (max-width: 980px) {
    .ds-thumbnail-blog .et_pb_post a img {
        width: 100%;
        height: 500px;
        object-fit: cover;
        margin: 0 0 40px 0;
    }
    /*Resize the overlay on smaller screens*/
    
    .ds-thumbnail-blog .et_overlay {
        width: 100% !important;
        height: 500px !important;
    }
    .ds-thumbnail-blog .et_pb_post p {
        margin: 0 30px;
    }
    .ds-thumbnail-blog a.more-link {
        margin: 20px 0 30px 30px;
    }
}
/*Add a little top padding to the post titles*/
.ds-thumbnail-blog .et_pb_post h2 {
    padding: 40px 30px 0px 30px !important;
}
.ds-thumbnail-blog .et_pb_post p {
    font-size: 16px;
    margin-right: 40px;
}
.ds-thumbnail-blog .post-meta {
    font-size: 16px !important;
}
/*This styles the read more link*/
.ds-thumbnail-blog a.more-link {
    display: inline-block;
    border: 1px solid #cda568;
    padding: 0px 20px 0px 20px !important;
    background: #ffffff;
    color: #0e1015 !important;
    margin-top: 40px;
    text-transform: uppercase;
    line-height: 40px;
}
/*This styles the read more link on hover*/
.ds-thumbnail-blog a.more-link:hover {
    border: 1px solid #cea56d;
    color: #fff !important;
    background: #cea56d;
}
/*This styles the double arrow on hover*/
.ds-thumbnail-blog a.more-link:hover:after {
    color: #fff;
}
/*This styles the post pagination links*/
.pagination a {
    background: rgba(255, 255, 255, 0);
    color: #cea56d;
    padding: 10px;
    margin-top: 30px !important;
	  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
/*This styles the post pagination links on hover*/
.pagination a:hover {
    letter-spacing: 1px;
	  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
/*feature thumbnails alongside post titles on blog page*/
 
    .et_pb_posts .et_pb_post a img {
            max-width: 300px!important;
            float: left;
            }
 
    @media only screen and (max-width: 980px) {
        .et_pb_posts .et_pb_post a img{
            float:none;
            max-width: 100%!important;}
		.ds-thumbnail-blog .et_pb_post h2 {
            padding: 10px 30px 0px 30px !important;
			line-height: 1.2em;}
	}

/******************************* MENU PAGE **************************************/

.menu_title {
	color: #000;
	font-weight:900;
	letter-spacing: 1px;
	font-size: 22px;
}
.menu_price {
	float:right;
	display:inline-block;
	color: #cda568;
	font-weight: 900;
	font-size: 24px;
	text-align:right;
}
.menu_description {
	font-size: 16px;
	font-weight: 100;
	color: #969696;
	line-height: 1.4em;
	display: block;
	float:left;
	padding: 0 280px 0 0;
	font-style: italic;
}
.menu_box {
	display:block;
}
@media only screen and (max-width: 980px){
	.et_header_style_left #et-top-navigation {
		padding-top: 4px;
	}
.menu_price {
    float: none;
	margin-bottom: 10px;
    display: inline-block;
    color: #cda568;
    font-weight: 900;
    font-size: 24px;
    text-align: right;
    clear: both;
}
.menu_description {
    font-size: 16px;
    font-weight: 100;
    color: #969696;
    line-height: 1.4em;
    display: block;
    float: left;
    padding: 0;
    style: italic;
    margin-bottom: 40px;
}
}

/********************* LINK ANIMATION **********************/
p > a {
  position: relative;
  /*color: #cda568;*/
  text-decoration: none;
   -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

p > a:hover {
  color: #000;
   -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
p > a.souligne {border-bottom: solid 2px;}
p > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -4px;
  left: 0;
  background-color: #cda568;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
p > :hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/******************** TWITTER WIDGET *******************/
.aptf-single-tweet-wrapper {
    /* background: #FFF; */
    clear: both;
    float: left;
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    color: #fff;
}
.aptf-tweet-content a {
    border-bottom: none !important;
    color: #cda568 !important;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.aptf-tweet-date {
    float: none;
}
.aptf-tweet-date p > a:hover {
    color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
/******************** BLURB ANIMATION ******************/
.home .et_pb_blurb {border: solid 1px #CDA568;padding-bottom: 10px;background:#fff;border-radius: 5px; }
 .home .et_pb_blurb .et_pb_main_blurb_image {overflow: hidden;}
 .home .et_pb_blurb .et_pb_main_blurb_image img {transition: transform .5s; /* Animation */}
.home  .et_pb_blurb:hover .et_pb_module_header span {color: #CDA568; border-bottom: solid 1px;}
.home  .et_pb_blurb:hover .et_pb_main_blurb_image img {transform: scale(1.2);}

.za_blurb_zoom:hover .et_pb_main_blurb_image {
      -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    -o-transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
}
.et_pb_main_blurb_image {
	 -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.za_blurb_zoom p > a {
  position: relative;
  color: #cda568;
  text-decoration: none;
   -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.za_blurb_zoom p > a:hover {
  color: #fff;
   -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.za_blurb_zoom p > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -4px;
  left: 0;
  background-color: #cda568;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.za_blurb_zoom p > :hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.fete .et_pb_main_blurb_image .et_pb_image_wrap {
    max-width: 1000px!important;
    width: 100%!important;
}
.fete .et_pb_blurb_content  {
	width: 100%!important;
	max-width: 1000px!important;
	padding: 0px!important;margin-right: 0px;margin-left: 0px;}
.fete.et_pb_blurb  {width: 100%!important;padding: 0px!important;padding-left: 0px!important;padding-right:0px!important;}
.fete .et_pb_blurb_container {padding: 0px 20px;}
.fete .et_pb_main_blurb_image {margin-bottom: 10px;}
/*********************** RESERVATION FORM FORMULAIRE CALDERA ***********************/
#popup-booking-form { display: none; }
.caldera-grid h3 {font-size: 16px;}
.za_form_title {
	text-align: center;
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.stat_form .za_form_title {
	display: none !important;
}


.remodal {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    margin-bottom: 10px;
    padding: 30px 40px 20px 40px !important;
    border-radius: 1px !important;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    color: #2b2e38;
    background: #fff;
}
.modal-content .caldera-grid .form-group {
    margin-bottom: 25px;
}
.modal-content .caldera-grid .form-control {
    display: block;
    width: 100%;
    height: 55px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.remodal-overlay {
    background: rgba(14, 16, 21,0.8) !important;
}
.modal-content .caldera-grid .btn-default, .btn-default.btn {
    color: #f9fafc;
    background-color: #cea56d;
    border-color: #cea56d;
}
.modal-content .caldera-grid .btn, .btn-default.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 14px 10px;
    width: 100% !important;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 900;
    line-height: 1.42857143;
    border-radius: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
     -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.modal-content .caldera-grid .btn-default:hover, 
.modal-content .caldera-grid .btn-default:focus, 
.modal-content .caldera-grid .btn-default.focus, 
.modal-content .caldera-grid .btn-default:active, 
.modal-content .caldera-grid .btn-default.active, 
.modal-content .open>.dropdown-toggle.caldera-grid .btn-default {
    color: #ffffff;
    background-color: rgba(206, 165, 109, 0.8);
    border-color: #cea56d;
    letter-spacing: 2px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}






.col-sm-4, .form-group.select {
	background: #fff;}
#ui-datepicker-div {background: #fff;}
/*.cfdatepicker.dropdown-menu, .ui-datepicker-header {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999 !important;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    color: #000!important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.42857143;
}
.cfdatepicker table tr td.day.focused, .cfdatepicker table tr td.day:hover,
.ui-datepicker  table tr td.day.focused, .ui-datepicker  table tr td.day:hover {
    background: #cea56d !important;
    cursor: pointer;
    color: #fff;
    border-radius: 2px;
}
.cfdatepicker table tr td.active.active, .ui-datepicker-calendar,
.ui-datepicker table tr td.active.active {
	    
	color: #000 !important;
    background-color: #fff !important;
    border: 1px solid #cea56d !important;
    border-radius: 2px;
}*/
.modal-content .caldera-grid .form-control:focus {
    border-color: #cea56d;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px #cea56d,0 0 8px rgba(206, 165, 109,0.6);
    box-shadow: inset 0 1px 1px rgba(206, 165, 109, 0.4),0 0 8px rgba(206, 165, 109, 0.5);
}



@media only screen and (max-width: 680px){
	.caldera-grid .col-xs-4 {
    width: 100% !important;
}
.caldera-grid .col-xs-3 {
    width: 50% !important;
}
}

/******************* FOOTER WIDGET **********************/
#main-footer {
 /*   background-image: url("https://zara.b3multimedia.ie/wp-content/uploads/2016/06/zara-footer.jpg");
	background-attachment: scroll;*/
}
.footer-widget {
	text-align: center;
	display: flex;
  align-items: center;
  justify-content: center
}
.footer-widget .et_pb_widget {
	background: none !important;
}
#footer-widgets {
    padding: 4% 0 0 !important;
	
}
.footer-text {
	color: #5d5e60;
	margin-top: 20px;
	font-size: 14px;
	line-height: 20px;
}
.footer-separator {
    width: 40px;
    height: 1px;
    text-align: center;
    position: relative;
    background-color: #5d5e60;
    margin: 20px auto;
}
.footer-location {
    font-size: 22px !important;
    text-transform: uppercase !important;
    font-weight: 900;
    letter-spacing: 1px;
    color:#ffffff !important;
    padding-top: 60px;
}
.footer-location:before {
	margin-top: -60px;
    font-size: 40px;
    width: 40px;
    font-family: 'ETmodules';
    content: '\e01d';
    position: absolute;
    color: #cda568;
    padding-left: 50px;
}
.footer-time {
    font-size: 22px !important;
    text-transform: uppercase !important;
    font-weight: 900;
    letter-spacing: 1px;
    color:#ffffff !important;
    padding-top: 60px;
}
.footer-time:before {
	margin-top: -60px;
    font-size: 40px;
    width: 40px;
    font-family: 'ETmodules';
    content: '\7d';
    position: absolute;
    color: #cda568;
    padding-left: 80px;
}
.footer-contact {
    font-size: 22px !important;
    text-transform: uppercase !important;
    font-weight: 900;
    letter-spacing: 1px;
    color:#ffffff !important;
    padding-top: 60px;
}
.footer-contact:before {
	margin-top: -60px;
    font-size: 40px;
    width: 40px;
    font-family: 'ETmodules';
    content: '\e010';
    position: absolute;
    color: #cda568;
    padding-left: 40px;
}
/********************* SPECIALS CAROUSEL / Master Slider Styles **************/
.ms-slide .ms-slide-bgcont img {
  box-shadow: 0px 10px 20px rgba(0,0,0,0.6);
}
.ms-staff-carousel .ms-nav-next {
    background-position: -2px -7px !important;
    right: -500px !important;
    left: auto;
}
.ms-staff-carousel .ms-nav-prev {
  background-position: -5px -57px !important;
    left: -500px !important;
}
.ms-staff-carousel .ms-nav-prev, .ms-staff-carousel .ms-nav-next {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    top: 50%;
    cursor: pointer;
    position: absolute;
    margin-top: -17px; 
    width: 40px !important;
    height: 40px;
    border: 2px solid #000 !important;
    box-shadow: none !important;
    background-color:#cda568 !important;
    color: #000 !important;
} 
.ms-slide .ms-slide-bgcont img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}
.ms-info {
  text-align: -webkit-center;
  text-align:  center;
  max-width: 700px;
  margin:auto;
}
.slider-link {
  color: #ae8c59;
  margin-top: 20px;
  font-weight: 900;
  letter-spacing: 2px;
}
.slider-description {
  text-align: center; 
  line-height: 1.6em; 
  color: #797d82;
}
.slider-header {
  text-align:
  center; 
  font-size: 1.5em; 
  color: #d8e1e8; 
  font-weight: 900; 
  margin-top: 30px; 
  margin-bottom: 20px;
}

/********************* HOMEPAGE SLIDER ************************/




.et-pb-arrow-prev, .et-pb-arrow-next {
    position: absolute;
    z-index: 100;
    top: 41%;
    margin-top: -24px;
    opacity: 0;
    font-size: 48px;
    background: #cea56d;
    color: #272827 !important;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}




 /**************** Mobile Menu slide-in ***************************/

/* Hide submenu */
.et_mobile_menu .menu-item-has-children > a { 
	background-color: transparent; 
}
#main-header .et_mobile_menu li ul.sub-menu.hide { 
	display: none !important; 
	visibility: hidden !important;  
	transition: .7s ease-in-out;
}
#main-header .et_mobile_menu li ul.sub-menu.visible { 
	display: block !important; 
	visibility: visible !important; 
}
.et_mobile_menu .menu-item-has-children > a:after { 
	font-family: "ETmodules";
         font-size: 22px;
         font-weight: 800;
         content: "3"; 
	position: absolute; 
	right: 50px;
}

/* Font Awesome */
.fa {
    margin-right: 15px ;
  }



@media only screen and  (max-width: 340px) {
  #mobile_menu {    
    width: 100%;    
    margin-left: 0;
  }
}
/* -------------------------------------- MAIN MENU ANIMATION ------------------------------------------*/
@media only screen and (min-width : 981px) {

	
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
    padding-top: 10px;
	padding-bottom: 10px;
}

.normal.menu_item * {
  box-sizing: border-box;
}
.normal.menu-item li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 1.5em;
  padding: 0;
}
.normal.menu-item a {
  padding: 0.5em 0;
  color: #dce3ec;
  position: relative;
  letter-spacing: 1px;
  text-decoration: none;
	font-weight: normal;
	/*text-transform: uppercase;*/
}

.normal.menu-item.current-menu-item a {
	border-bottom: solid 1px #cda568;
}


.normal.menu-item a:before,
.normal.menu-item a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.normal.menu-item a:before {
  bottom: 0;
  display: block;
  height: 1px;
  width: 0%;
  content: "";
  background-color: #cda568;
}
.normal.menu-item a:after {
  left: 0;
  top: 0;
  padding: 0.5em 0;
  position: absolute;
  content: attr(data-hover);
  color: #ffffff;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
.normal.menu-item a:hover:before,
.normal.menu-item .current a:before {
  opacity: 1;
  width: 100%;
}
.normal.menu-item a:hover:after,
.normal.menu-item .current a:after {
  max-width: 100%;
}

	/********* DEROULANT ******/
	.sub-menu .menu-item.current-menu-item a {
		background: #c09961 !important;
		background: #ffffff !important;
		
	}
	#top-menu li ul.sub-menu
	{background: #000 !important;
}
	
	#top-menu li ul.sub-menu li > a {font-size: 90% !important; opacity: 1;}
	#top-menu li ul.sub-menu li > a:hover {color: #000 !important;}
	
	/* larger submenu - déroulant */
	.nav li ul { width: 300px; }#top-menu li li a { width: 260px; }
	
.et_header_style_left #et-top-navigation nav > ul > li > a {
	padding-bottom: 8px !important;
}
.et_header_style_split #et-top-navigation nav > ul > li > a {
    padding-bottom: 8px !important;
}
.et_header_style_split #et-top-navigation {
    padding: 15px 0 15px 0 !important;
}
.et_header_style_split .et-fixed-header #et-top-navigation {
    padding: 15px 0 15px 0 !important;
}
	
#top-menu li.current-menu-item > a {
	color: #fff;
	color: #CDA568 !important;
}
#top-menu li.noir.current-menu-item > a {
	color: #000 !important;
}
#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "ETmodules";
    font-size: 16px;
    font-weight: 800;
    content: "";
}
#main-header .nav li ul {
    background-color: rgb(206, 165, 109) !important;
	background-color: #fff !important;
}
.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote {
    border: none;
}
#top-menu li.current-menu-ancestor > a {
	color: #cea56d;
}
#top-menu li.noir.current-menu-ancestor > a {
	color: #000;
}
	
#top-menu .panier a, .menu-item.mon-compte > a, #mobile-menu .menu-item.mon-compte > a {
 /*   font-family: 'ETmodules'!important;
    font-size: 150%!important; */

} 
.icon_cart_alt:before {
	font-family: 'ETmodules'!important;
    content: "\e015 ";
	padding-left: 5px;
    /*font-size: 64px;
    color: #318EC3;*/
}
/************************ GHOST HEADER **********************/
.home #main-header{ 
	background-color: rgba(255,255,255,1) !important;
border-bottom: none;
}
	/*
#main-header { 
background-color: #0e1015 !important;
}
#main-header.et-fixed-header {
    background-color: #0e1015 !important;
}
	*/
/*------------------------------------------------*/
/*-----------------[CTA Menu Item]----------------*/
/*------------------------------------------------*/
/* style the sign up cta button */
           
li.sign-up {
    background-color: rgba(2, 126, 233, 0);
   /* border: solid 1px #cea56d;*/
    font-weight: 700;
   /* text-transform: uppercase;*/
   /* text-align: center;
    width: 160px;*/
   /* padding: 12px 0px 5px!important;
	margin-right: 10px;*/
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
li.sign-up:hover {
    background: none;
   /* letter-spacing:	2px !important;*/
    border: solid 0px #fff;
}
.sign-up:hover a {
    /*letter-spacing:	2px !important;*/
    color: #fff;
}
 
/* fixed header button text color */
.et-fixed-header #top-menu .sign-up a {
  /*  color: #fff!important; */
	
	}

}
/* woocommerce galerie boutique */

/* INDISPONIBLES non disponibles */
.woocommerce ul.products li.product:not(.purchasable) { 
	border: 1px solid #c6c6c6;
	box-sizing: border-box;
	padding: 10px;
   	/* pointer-events: none;*/
    cursor: default;
}
.woocommerce ul.products li.product:not(.purchasable) > a:after{
	content: "Rupture de stock";
	color: #969696;
	font-size: 80%;
	
}
div#volaille-de-fete .woocommerce ul.products li.product:not(.purchasable) > a:after{
	content: "Disponibilité: novembre 2023";
	color: #969696;
	
}
.woocommerce ul.products li.product.purchasable {
	font-size: 14px;
	border: 1px solid #CDA568!important;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 10px;
}
.woocommerce ul.products li.product img {border-radius: 10px;}
.woocommerce ul.products li.product {text-align: center;margin-bottom: 5px!important; padding-bottom: 5px;}
.woocommerce ul.products li.product .et_overlay {display: none;}
.woocommerce ul.products li.product.purchasable h3 {}
.woocommerce ul.products li.product.purchasable span.price {
	text-align: center; font-size: 100%!important;tmp_color: green!important;font-weight: 500;
}

@media only screen and (max-width: 980px){
/* produit sur 1 colonne */
	body.et-db #et-boc .et-l .et_pb_shop ul.products.columns-1 li.product, 
 body.et-db #et-boc .et-l .et_pb_shop ul.products.columns-2 li.product, 
 body.et-db #et-boc .et-l .et_pb_shop ul.products.columns-3 li.product, 
 body.et-db #et-boc .et-l .et_pb_shop ul.products.columns-4 li.product, 
 body.et-db #et-boc .et-l .et_pb_shop ul.products.columns-5 li.product, 
 body.et-db #et-boc .et-l .et_pb_shop ul.products.columns-6 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-1 li.product,  
 body.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-2 li.product,  
 body.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-3 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-4 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-5 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-6 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-1 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-2 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-3 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-4 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-5 li.product, 
 body.et-db #et-boc .et-l .et_pb_wc_upsells ul.products.columns-6 li.product {
        width: 100%!important;
        margin-right: 0%!important;
    }
	.et_pb_text h1 {font-size: 200%;}
	.et_pb_section.header.h1 { 
		padding-top: 0px !important; 
		padding-bottom: 10px !important;
		margin-bottom: 0px!important;
		font-size: 30px;
	}
	.et_pb_text h1, .et_pb_title_container h1 {
		font-size: 120%;
		text-align: center;
	}
	.et_pb_section.header.h1 .et_pb_text_0, .et_pb_title_container {
    	padding-top: 30px !important;
    	padding-bottom: 20px !important;
	}
	.et_pb_section.et_pb_section_1.et_section_specialty {margin-top: 0px!important;padding-top:0px!important;}
	.et_pb_section.header.h1 .et_pb_text_0 { padding-top: 10px !important; padding-bottom: 5px !important; }
	
	#logo, .logo_container, #main-header {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    background: #000;
}
.et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description h1 {
     font-size: 250%;
}
.et_pb_fullwidth_slider_0 .et_pb_slide .et_pb_slide_description p {
	font-size: 180% !important;
	line-height: 1.5em !important;
}
	

    /* this will fix the menu regardless of the header format */
	
	/*-------------------------------------------------
	 * ------- [menu footer] -------------------------
	 * -----------------------------------------------*/
	#menu-footer {display: block;}
	
	#et-footer-nav {
		
		/*border-top: solid 0px #000;
		width: 100%; 
		height: 58px;
		background: #E4B968;
		color: #000;
		position:fixed;
		bottom:0;
		right:0;*/
		z-index: 999;
		 position: fixed; /* Fixe le menu au bas de la page */
    	bottom: 0; /* Positionne le menu tout en bas */
    	left: 0; 
		background: #E4B968;
		 text-align: center; /* Centre horizontalement */
   	 	width: 100%;
    	padding: 10px 0; /* Ajoute un peu d'espace au-dessus et en dessous du menu */
}

#et-footer-nav ul.bottom-nav {
	
	border: solid 0px;
	
	 list-style-type: none; /* Supprime les puces de la liste */
    margin: 0;
    padding: 0;
    display: flex; /* Utilise Flexbox pour aligner les éléments */
    justify-content: center; /* Centre horizontalement les éléments de la liste */
    align-items: center; /* Centre verticalement les éléments de la liste */
	
	
}
#et-footer-nav ul.bottom-nav li {
	 margin: 0 10px; /* Ajoute un peu d'espace entre les éléments de la liste */

	padding: 3px!important;
	
	background: #fff;
	text-align: center;
	border-radius : 5px;
	}
#et-footer-nav a {
	font-weight: normal;
	color: #000!important;
text-align: center;
	
	}

#et-footer-nav a:before {
	font-family: 'ETModules';
	content : "";
	display: block; 
	padding-top: 2px;
	font-size: 130%;
	left: 0;
  margin: auto;
}

#et-footer-nav a:before {
	width: 25px;
    height:25px;
    content: " ";
     top:0px;
    left:0px;
	background-repeat: no-repeat;
  	background-size: cover;
	
	border: solid 0px #c6c6c6;
	background-position: center;

}

#et-footer-nav .boutique a:before {
	content: "\e008";
	/*background-image: url("https://www.domainedelaperouse.com/wp-content/uploads/2021/11/icon-boutique-48.png");*/
	
}
#et-footer-nav .contact a:before {

	content: "\e010";
	/*background-image: url("https://www.domainedelaperouse.com/wp-content/uploads/2021/11/icon-contacts-48.png");*/
}
#et-footer-nav .panier a:before {
	font-family: 'ETmodules'!important;
    content: "\e015 ";
	
	/* background-image: url("https://www.domainedelaperouse.com/wp-content/uploads/2021/11/icon-contacts-48.png");*/
}
#et-footer-nav .resto a:before {
	background-image: url("https://www.lafermedecupelin.com/medias/icones/resto.png");
}
#et-footer-nav .home a:before {
	background-image: url("https://www.lafermedecupelin.com/medias/icones/home.png");

}
#et-footer-nav .clickcollect a:before {
	background-image: url("https://www.lafermedecupelin.com/medias/icones/clickcollect.png");

}
 
	#footer-bottom {margin-bottom: 50px!important; }
    .et_non_fixed_nav ‪#main‬-header, .et_non_fixed_nav ‪#top‬-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
        /*position: fixed !important;*/
        background-color:transparent !important;
		background-color:#000 !important;
    }

	
	#top-header {height: 0px!important;}
	
	/*****************************************************************
    Style the Mobile Menu Header
    Used if we have a Heading Style of Centered or Centered Inline Logo
    *****************************************************************/
	.et_header_style_left #et-top-navigation .mobile_menu_bar {
		padding-bottom: 0px;
	}
    /* switch off the Search button on Default header */
    div.et_menu_container span#et_search_icon {
        display:none;
    }
    /* make the enclosing container transparent on Centered and Centered Inline Logo headers */  
    div.et_menu_container div.mobile_nav { 
		background-color: #000!important;
        /*background-color:transparent !important;*/
    }
    /*  switch off the Select Page text on Centered and Centered Inline Logo headers */
    div.et_menu_container span.select_page {
        /* display:none !important; */
    }
    /*  switch off the mobile logo on Default and Centered headers */
    div.et_menu_container div.logo_container {
        /* display:none; */
    }
    /*****************************************************************
    Remove the shadow beneath the header
    *****************************************************************/
    /* this is used when viewport is at top of page */
    #main-header {
        -webkit-box-shadow:none !important;
        -moz-box-shadow:none !important;
        box-shadow:none !important;
    }
    /* this is used when we scroll and have a fixed header */
    #main-header.et-fixed-header {
        -webkit-box-shadow:none !important;
        -moz-box-shadow:none !important;
        box-shadow:none !important;
    }
    /*****************************************************************
    Style the Hamburger
    *****************************************************************/
    /* style the opened mobile menu hamburger (make it an 'X') */
    div.mobile_nav.opened .mobile_menu_bar:before {
		color: #fff !important;
        font-family: "ETmodules";
        content: "\4d";
    }
    /* color and size both the open and close hamburgers */
    div.mobile_nav.opened .mobile_menu_bar:before, div.mobile_nav.closed .mobile_menu_bar:before {
       color: #fff !important;
        font-size:50px !important;
    }
    /*****************************************************************
    Style the Menu Container
    *****************************************************************/
    /* style the container that the menu elements are housed in */
    .et_mobile_menu {
        /* background is white by default */
        background-color:rgba(255,255,255,0.6) !important;
		background-color:#000 !important;
        border: 1px solid #fff!important;
        border-radius: 5px;
		width: 90%!important;
    }
    /*****************************************************************
    Style the submenu root (parent)
    *****************************************************************/
    /* the root (parent) menu item of submenus gets treated a little different */
    /* and needs this to deal with the background */
    .et_mobile_menu .menu-item-has-children>a {
        background-color:transparent !important;
		background-color:#000!important;
    }
    .et_mobile_menu .menu-item-has-children>a:hover {
        background-color:rgba(0, 0, 0, 0.03) !important;
		background-color:#000!important;
    }
    /*****************************************************************
    Style the menu items
    *****************************************************************/

	.et_mobile_menu li a {
    color: #fff !important;
    width: 100%;
    float: left;
    border: none !important;
    text-align: left;
    margin: 5px 10px;
    transition: .2s;
    text-transform: none;;
    font-size: 100% !important;
    /*line-height: 1.2em;*/
	}
	.et_mobile_menu ul.sub-menu li.menu-item a{
		margin-top:2px; margin-bottom:2px; padding-top:2px; padding-bottom:2px;
	}
    /*****************************************************************
    Set all items to the same font weight
    *****************************************************************/
    .et_mobile_menu li a, .et_mobile_menu .menu-item-has-children>a {
        font-weight:400;
    }
	/***************************************/
	
	
}

@media only screen and  (min-width: 481px) {
  #mobile_menu {    
    width: 320px;    
    margin-left: calc(100% - 320px);
  }
}

@media only screen and (max-width: 480px)  {
  #mobile_menu {    
    width: 260px;    
    margin-left: calc(100% - 260px);
  }
	
.et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description h1 {
     font-size: 180%;
}
.et_pb_fullwidth_slider_0 .et_pb_slide .et_pb_slide_description p {
	font-size: 100% !important;
	line-height: 1.5em !important;
}
}
 
    @media only screen and (min-width : 981px) {
		.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding: 20px 0 20px 0 !important;
}
}
           
 	@media only screen and  (max-width: 980px) {
		li.sign-up {
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px #cea56d;
    font-weight: 500;
    letter-spacing: 2px;
 /*   text-transform: uppercase;*/
    text-align: center !important;
    width: 100%;
    margin-top: 20px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    float: left !important;
    height: 52px !important;
}
}

/**************************** Toggle Custom **************************/

.toggle_custom.et_pb_toggle {
    border: none;
    border-bottom: 2px solid #d9d9d9 !important;
    transition: 0.4s;
}

.toggle_custom .et_pb_toggle_title:before {
    font-size: 50px !important ;
    content: "3" !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.toggle_custom.et_pb_toggle h5 {
    font-size: 24px;
    color: #C5C5C5 !important;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 28px;
}
.et_pb_toggle_close {
    padding: 20px;
    background-color: #ffffff;
}
@media only screen and (min-width: 981px) {
.toggle_custom.et_pb_toggle_open {
    border-bottom: 2px solid #cea56d !important;
}
.toggle_custom.et_pb_toggle_open .et_pb_toggle_title {
    color: #cea56d !important;
    font-weight: 500;
}
.toggle_custom.et_pb_toggle_open .et_pb_toggle_title:before {
    color: #cea56d;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
}


/******************* PORTFOLIO FILTERS ***********************/
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    color: #C5C5C5;
    border-bottom: 2px solid #d9d9d9;
    border-top: none;
    border-right: none;
    border-left: none;
    display: block;
    text-decoration: none;
    height: auto;
    overflow: hidden;
    margin: -1px -1px 0 0;
    background-color: rgba(255,255,255,0) !important;
    font-size: 1.6em;
    line-height: 1.6em;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    color: #333333;
    bottom: -2px;
    border-bottom: 2px solid #027EE9 !important;
}
@media (max-width: 767px) {
.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    width: 100%;
}
}
/*-------------------- TABBED AREA ----------------*/
.seo-tab ul.et_pb_tabs_controls {
    border-bottom: 2px solid #d9d9d9;
    background: none;
}
.seo-tab .et_pb_tabs {
    border: none !important;
}
.seo-tab .et_pb_tabs_controls li {
    float: left;
    position: relative;
    max-width: 100%;
    padding: 5px 30px 3px;
    border-right: none;
    font-weight: 600;
    cursor: pointer;
}
.seo-tab .et_pb_tabs_controls li a {
    color: #C5C5C5;
    text-decoration: none;
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 500;
}
.seo-tab .et_pb_tabs_controls li.et_pb_tab_active {
    padding: 4px 30px 4px;
    bottom: -2px;
    background-color: #fff;
    border-bottom: 2px solid #027EE9 !important;
}
.seo-tab .et_pb_tabs_controls li a:hover {
	color: #A0A0A0;
}

@media only screen and (max-width: 980px)  {
.seo-tab ul.et_pb_tabs_controls {
    border-bottom: none;
    background: none;
}

.seo-tab .et_pb_tabs_controls li {
    line-height: 1.8em;
    width: 100%;
}
}

/*----------------- TEAM MEMBER ----------------*/
.et_pb_team_member:hover {
   background-color: #fff !important;
}

/******************************* BUTTONS ***************************/
.et_pb_button {
    border: 1px solid;
    text-align: center !important;
    margin-top: 20px;
	color:#FFF !important;
}
.et_pb_bg_layout_light .et_pb_promo_button {
	color:#FFF !important;
	padding: 0.4em 0.2em !important;
	text-align:center;
	border: 1px solid #1e88e5;
}
body #page-container .et_pb_cta_0.et_pb_promo .et_pb_button {
	padding: 0.4em 0.2em !important;
}
.et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover, .et_button_no_icon.et_button_left .et_pb_button:hover {
	padding: 0.4em 0.2em !important;
	width: 220px;
}
.et_button_no_icon .et_pb_button:hover, .et_button_no_icon.et_button_left .et_pb_button:hover {
	letter-spacing:	2px;
	border: 1px solid #49A5F6;
}

/*************  CALL TO ACTION *************/
.call-to-Action {border: solid 0px #fff;margin-bottom: 10px !important;}
/**************************** PORTFOLIO ZOOM ****************************/
.et_pb_filterable_portfolio_grid .et_overlay {
    display:none;
} 
.et_portfolio_image, .et_shop_image  {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.et_portfolio_image:hover, .et_shop_image:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

/************************ IMAGE HOVER *****************************/
.border-hover .et_pb_column {
	overflow: hidden;
	position: relative;
}
.border-hover .et_pb_column img {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.border-hover .et_pb_column:hover img {
	transform: scale(1.1);
}
.border-hover .et_pb_column:hover .et_pb_image:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	content: '';
}
.border-hover .et_pb_column .et_pb_promo_description:before {
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border-top: 1px solid #cea56d;
	border-bottom: 1px solid #cea56d;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	position: absolute;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	-webkit-transform: 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.border-hover .et_pb_column .et_pb_promo_description:after {
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border-right: 1px solid #cea56d;
	border-left: 1px solid #cea56d;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	position: absolute;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	-webkit-transform: 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.border-hover .et_pb_column:hover .et_pb_promo_description:before, .border-hover .et_pb_column:hover .et_pb_promo_description:after {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.border-hover .et_pb_column .et_pb_promo_description h2 {
	font-size: 180% !important;
	/*font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif; */
	opacity: 0;
	color: #cea56d !important;
	position: absolute;
	top: 37%;
	width: 100%;
	padding: 0 60px !important;
	text-align: center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	margin: 0;
}

.border-hover .et_pb_column .et_pb_promo_description p {
	opacity: 0;
	color: #fff;
	position: absolute;
	top: 44%;
	width: 100%;
	text-align: center;
	padding: 10px 50px 0px 50px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.border-hover .et_pb_column:hover .et_pb_promo_description h2 {
	opacity: 1;
	position: absolute;
	top: 40%;
	padding: 0 60px;
	width: 100%;
	text-align: center;
	color: #fff;
	line-height: 1.1em;
}

.border-hover .et_pb_column:hover .et_pb_promo_description p {
    opacity: 1;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    float: none;
    color: #fff;
    padding: 10px 50px 0px 50px;
}

.border-hover .et_pb_promo {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.border-hover .et_pb_promo_button {
	opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media (max-width: 480px) {
.border-hover .et_pb_column .et_pb_promo_description p {
    display: none;
}
}

/******************* BACK TO TOP BUTTON ***********************/

.et_pb_scroll_top.et-pb-icon {
    right: 20px;
    bottom: 20px;
    padding: 6px;
    background: none;
    border: 1px solid #cea56d;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #cea56d;
    font-size: 34px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.et_pb_scroll_top.et-pb-icon:hover {
     box-shadow: 1px 4px 5px rgba(0,0,0,0.12);
    -moz-box-shadow: 1px 4px 5px rgba(0,0,0,0.12);
    -webkit-box-shadow: 1px 4px 5px rgba(0,0,0,0.12);
	 background: rgba(205, 165, 104,0.8);
	 color: #fff;
	 -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

/*********************** FOOTER ********************/
#footer-text {
  margin-top: 20px;
  text-align: left;
  color: rgb(102, 102, 102);
  float: left;
  font-size: 12px;
}
#footer-info {
    float: none;
    padding: 30px;
    color: #A8AEB2;
    text-align: center;
    font-size: 14px;
}
#footer-info a {
    color: #a8aeb2;
    font-weight: 700;
}
#footer-logo {
  width: 300px;
  height: auto;
  margin-bottom: 5px;
  float: left;
  text-align: left !important;
}
.et-social-icons {
    float: none;
    text-align: center;
    padding-top: 30px;
}
.et-social-icons li {
    display: inline-block;
    margin-left: 10px;
    background: #cda568;
    border-radius: 40px;
    width: 50px;
    height: 50px;
    padding: 10px;
}
.et-social-icon a {
    display: inline-block;
    position: relative;
    color: #0e1015;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    transition: all 300ms ease 0s;
}
.et-social-icon:hover a {color:#0d1015 !important;}
.et-social-icon{transition: all .3s ease-in-out;}
.et-social-icon:hover {
    box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
    -moz-box-shadow:    0px 5px 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
	transform: translate3d(0px, -5px, 0px);
	transition: all .3s ease-in-out;
}

	.et-social-icons {
    float: none;
    text-align: center;
    padding-top: 30px;
}
.et-social-icons li {
    display: inline-block;
    margin-left: 10px;
    background: #cda568;
    border-radius: 40px;
    width: 50px;
    height: 50px;
    padding: 12px;
}
.et-social-icon a {
    display: inline-block;
    position: relative;
    color: #0e1015;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    transition: all 300ms ease 0s;
}
.et-social-icon:hover a {color:#0d1015 !important;}
.et-social-icon{transition: all .3s ease-in-out;}
.et-social-icon:hover {
    box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
    -moz-box-shadow:    0px 5px 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
	transform: translate3d(0px, -5px, 0px);
	transition: all .3s ease-in-out;
}

/* PORTFOLIO */
.et_pb_fullwidth_portfolio .et_pb_portfolio_image {
	/*height: 300px !important;*/
}

.et_pb_fullwidth_portfolio .et_pb_portfolio_item {
/*height: 300px !important;*/
}

/*-----------------------------*/
/*------------------------------------------------*/
/*---------[GQ - CUSTOM PORTFOLIO GRID]-----------*/
/*------------------------------------------------*/
 
/* Change columns from 4-3 */
 
    @media (min-width: 981px){ 
        .gq-portfolio-section .et_pb_row .et_pb_column_4_4 .et_pb_grid_item  {width: 31.33% !important;}
	.gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1) {clear: inherit;}
        .gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n) {margin-right: 3%!important;}
        .gq-portfolio-section .et_pb_column_4_4 .et_pb_grid_item:nth-child(3n) {margin-right: 0%!important;}
}
 
 
/* special hover effect for desktop only */
 
    @media (min-width: 981px){ 
    .gq-portfolio-section .et_portfolio_image {
        min-height: 200px;}
 
    .gq-portfolio-section .et_pb_portfolio_item {
            position: relative;
            overflow: hidden;
            max-height: 320px;}
 
    .gq-portfolio-section .et_pb_portfolio_item img {
            webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: scale(1.15);
            transform: scale(1.15);}
 
    .gq-portfolio-section .et_pb_portfolio_item:hover img {
            -webkit-transform: scale(1);
            transform: scale(1);}
 
    .gq-portfolio-section .et_pb_portfolio_item h2 {
        background-color: #a2c046;
        color: #fff !important;
        font-size: 16px;
        position:absolute;
        text-align:center;
        width:100%;
        top:100%;
        transition:.5s;
        webkit-transition:.5s;}
}
    .gq-portfolio-section .et_pb_portfolio_item:hover h2 {
            top: 82%;
            padding: 15px 0;}
 
    .gq-portfolio-section .et_overlay {z-index: 0;}
 
/*****************************/
        @media only screen and (min-width : 1061px) and (max-width : 1200px) {
            .gq-portfolio-section  .et_pb_portfolio_item h2 {font-size: 15px!important;}
            .gq-portfolio-section  .et_pb_portfolio_item:hover h2 {top: 75%!important;}
}
 
        @media only screen and (min-width : 981px) and (max-width : 1060px) {
            .gq-portfolio-section  .et_pb_portfolio_item h2 {font-size: 14px!important;text-align:center;}
            .gq-portfolio-section  .et_pb_portfolio_item:hover h2 {top: 72%!important;}
}
 
        @media only screen and (max-width : 980px) {
            .gq-portfolio-section .et_pb_portfolio_item h2 {font-size: 14px!important;text-align:center;}
            .gq-portfolio-section .et_overlay {display:none;}
}


@media only screen and ( min-width: 981px ) {
	.et_pb_section_3.et_pb_section { padding-top: 0px; }
	.et_pb_column .et_pb_row_inner_0 { padding-bottom: 0px; }
	.et_pb_section_0.et_pb_section { padding-top: 0px; padding-bottom: 0px; }
}

@media only screen and ( max-width: 980px ) {
	body #page-container .et_pb_cta_0.et_pb_promo .et_pb_button:hover { letter-spacing:0px; }
	body #page-container .et_pb_cta_0.et_pb_promo .et_pb_button,body #page-container .et_pb_cta_0.et_pb_promo .et_pb_button:after { 
								letter-spacing:0px; }
	.single-post .et_pb_module.et_pb_post_content {padding: 0px 0px;}
}

@media only screen and ( max-width: 767px ) {
	body #page-container .et_pb_cta_0.et_pb_promo .et_pb_button:hover { letter-spacing:0px; }
	body #page-container .et_pb_cta_0.et_pb_promo .et_pb_button,body #page-container .et_pb_cta_0.et_pb_promo .et_pb_button:after { 
								letter-spacing:0px; }
}

/**********************************
 * 
 * WOOCOMMERCE
 * 
 * *******************************/
.woocommerce-shipping-totals.shipping.chrono-alter td:before {
	content: ' ';
}

.woocommerce-shipping-totals.shipping.chrono-alter td {
    display: block; /* Force la cellule à agir comme une ligne complète */
    width: 100%; /* Prend toute la largeur */
    padding: 15px; /* Optionnel : ajustez le padding pour plus d'espacement */
    text-align: left; /* Aligne le contenu à gauche */
    background-color: #f9f9f9; /* Optionnel : ajoutez un fond différent */
    border: none; /* Supprime toute bordure inutile */
}

.woocommerce-shipping-totals.shipping.chrono-alter {
    display: table-row; /* Force la ligne à s'afficher comme une ligne standard */
    width: 100%; /* S'assure que la ligne occupe toute la table */
}

.woocommerce-shipping-totals.shipping.chrono-alter ul,
.woocommerce-shipping-totals.shipping.chrono-alter p {
    margin: 0;
    padding: 0;
}

/*********************
 * déja client ?
 * ******************/
.woocommerce-form-login-toggle .woocommerce-info, .woocommerce-form-login-toggle .woocommerce-info:before {
	background-color: #fff!important;
	color: #000!important;
}
.woocommerce-form-login-toggle .woocommerce-info {
    text-align: center; /* Centre le contenu horizontalement */
    margin: 0px 0px 10px 0px; /* Ajoute de l'espace autour */
	border-radius: 10px;
	display: block!important;
	text-align: left;
	
}
/* saisie identifiant et mot de passe */
.woocommerce-form.woocommerce-form-login.login {
	border: solid 1px #eee;
	max-width: 600px; /* Définit une largeur maximale pour le lien */
    width: auto; /* Permet au lien de s'adapter au contenu */
	margin-top: 0px;
}
.woocommerce-form-login-toggle .woocommerce-info {
	display: block;
	border: solid 0px;
}

.woocommerce-form-login-toggle .woocommerce-info a {
    display: block; /* Place le lien sur une nouvelle ligne */
	max-width: 200px; /* Définit une largeur maximale pour le lien */
    width: auto; /* Permet au lien de s'adapter au contenu */
    margin-top: 10px; /* Ajoute un espace au-dessus du lien */
    tmp_color: #ffffff; /* Couleur du lien (modifiable selon votre thème) */
	color: #eee;
	text-align: center;
	padding: 10px;
    border: solid 1px;
	border-radius: 5px;
}

.woocommerce-info a:hover {
    color: #005177; /* Change la couleur au survol */
}
/* Media query pour les écrans de petite taille */
@media (max-width: 768px) {
    .woocommerce-info, .woocommerce-form.woocommerce-form-login.login {
        width: 100%; /* La box prend 100% de la largeur sur mobile */
    }
}
/* Panier */
.woocommerce-variation-add-to-cart a.added_to_cart {padding: 10px; border: solid 1px #000; background: #ffa500;margin-left: 5px; border-radius: 5px; color: #000;}
.woocommerce-variation-add-to-cart .added_to_cart.wc-forward {background: green;color: #fff;font-size: 100%;}
.woocommerce-variation-add-to-cart a.added_to_cart:hover {background: #000;color: #fff;}
.mcmp_recalc_price_row {font-size: 80%!important;} /* prix au kilo */
/*========= TITRE H1 =============*/

.woocommerce-cart h1.entry-title.main_title {
	border-bottom: solid 1px;
}
.msg_before_shipping {display: none;}

.woocommerce-additional-fields label[for="date_retrait_expedition"] {color: green!important; font-weight: 600;font-size: 110%;}
.woocommerce-additional-fields .input-text.hasDatepicker {border: solid 1px green!important;}
/*masquer le paiement par virement -> seulement commande téléphonique*/
 .woocommerce-checkout-payment li.wc_payment_method.payment_method_bacs,  .woocommerce-checkout-payment li.wc_payment_method.payment_method_cheque {
	 /*display: none;*/
	visibility: hidden; 
	 height: 0px;
	 
}
 .woocommerce-checkout-payment li.wc_payment_method.payment_method_bacs.afficher,  .woocommerce-checkout-payment li.wc_payment_method.payment_method_cheque.afficher {
	 /*display: none;*/
	display: block;
	visibility: visible!important;
	height: auto;
	min-height: 15px;
}
/******************
 * ZONE PAIEMENT CARTE, ETX...
 * **********/
/* PAIEMENT */
.woocommerce-checkout-payment {border: solid 1px #c6c6c6;margin-bottom: 10px;}
.woocommerce-checkout-payment, .woocommerce-checkout-payment ul {background: #fff!important;}
/* couleur moyen paiement #E9EEFF */
tmp_div.payment_box.payment_method_cod {background: #15BF86!important; }
/*******************
 * VALIDATION DE COMMANDE
 * ***********************/
#customer_details .col-1, #customer_details .col-2, #order_review, #payment.woocommerce-checkout-payment  {
	border: solid 1px #CDA568;
	padding: 0px 10px 10px 10px;
	border-radius: 10px;
}
#order_review {
	max-width: 700px;
	padding-top: 10px;
}
/*****************************
 * INVERSER ORDRE AFFICHAGE NOTE COMMANDE et DATE RETRAIT */
.woocommerce-additional-fields__field-wrapper {
    display: flex;
    flex-direction: column;
}

/* Inverser l'ordre de ces deux champs */
#order_comments_field {
    order: 2; /* Afficher en deuxième */
}

#date_retrait_expedition_field {
    order: 1; /* Afficher en premier */
}
/***********************************************************
 Appliquer un style de base à tous les champs du formulaire 
**********************************************************/
.woocommerce input.input-text, 
.woocommerce textarea, 
.woocommerce select {
    width: 100%; /* Assurer que les champs prennent toute la largeur disponible */
    padding: 5px!important; /* Ajouter de l'espace intérieur */
    font-size: 16px; /* Taille de police plus lisible */
    line-height: 1.3; /* Améliore la lisibilité */
    border: 1px solid #ccc; /* Bordure douce pour un look épuré */
    border-radius: 4px; /* Coins arrondis pour un look moderne */
    background-color: #f9f9f9!important; /* Fond légèrement coloré pour le confort visuel */
    transition: all 0.3s ease; /* Animation douce sur l'interaction */
}
/* Couleur légèrement différente pour les champs remplis */
.woocommerce input.input-text, 
.woocommerce textarea, 
.woocommerce select {
    color: #000000!important; /* Texte bleu WooCommerce pour un champ rempli */
}
.woocommerce textarea {
    resize: vertical; /* Permet de redimensionner les champs texte verticalement */
}

/* Ajouter de l'espacement entre les champs */
.woocommerce .form-row {
    margin-bottom: 20px; /* Espacement entre les champs pour les aérer */
}

/* Ajouter une couleur sur les champs actifs */
.woocommerce input.input-text:focus, 
.woocommerce textarea:focus, 
.woocommerce select:focus {
    border-color: #007cba; /* Bordure bleu WooCommerce lors du focus */
    box-shadow: 0 0 5px rgba(0, 124, 186, 0.5); /* Ombre douce pour le focus */
    background-color: #fff; /* Fond blanc pour mettre en valeur le champ actif */
    outline: none; /* Supprimer la bordure par défaut lors du focus */
}

/***************************************
 * Indications claires pour les champs obligatoires et messages d’erreur
 * ***************************************/


/*****************************************
 Style pour les champs obligatoires */



/* Style pour les messages d’erreur */
.woocommerce .woocommerce-invalid-required-field input, 
.woocommerce .woocommerce-invalid-required-field textarea, 
.woocommerce .woocommerce-invalid-required-field select {
    border-color: #dc3545; /* Rouge pour indiquer une erreur */
    background-color: #f8d7da; /* Fond rouge léger pour l’erreur */
}

.woocommerce .woocommerce-error {
    color: #dc3545; /* Texte rouge pour les erreurs */
    background-color: #f8d7da; /* Fond rouge léger */
    border: 1px solid #dc3545;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 20px;
}
/* ************************************
 * Améliorer l’apparence des boutons
 * ***********************************/
/* Style du bouton principal */
.woocommerce button.button {
    background-color: #ffa500; /* Couleur WooCommerce */
    color: #222;
    padding: 15px 30px; /* Taille confortable du bouton */
    font-size: 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.woocommerce button.button:hover {
    background-color: #005a8e; /* Couleur plus sombre au survol */
}
.woocommerce button.button:hover, .woocommerce-page button.button:hover {
    background-color: #F7CA00!important; /* Couleur plus sombre au survol */
	padding: 15px 30px;
}
 .woocommerce button.button:not(.button-confirm):after, .woocommerce-page button.button:not(.button-confirm):after {
	 content : '';
}
/*** ALL WOO BUTTONS ***/
.woocommerce button.button.alt, 
.woocommerce-page button.button.alt,
.woocommerce a.button, 
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce a.showlogin{
	text-transform: none !important;
	background-color: #ffa500 !important;
	color: #222 !important;
} 
.woocommerce button.button.alt:hover, 
.woocommerce-page button.button.alt:hover,
.woocommerce a.button.alt:hover, 
.woocommerce-page a.button.alt:hover,
.woocommerce a.button:hover, 
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce a.showlogin:hover {
	tmp_background: #00adad !important;
	background-color: #f7ca00!important;
	tmp_color: #fff !important;
}
/* Adapter la taille des boutons pour les petits écrans */
@media (max-width: 768px) {
    .woocommerce button.button {
        width: 100%; /* Le bouton occupe toute la largeur sur mobile */
    }
}

/***************************************
 * FORMULAIRE ADAPTES AUX MOBILES
 * ***********************************/
/* Adapter les champs et l'espacement pour les petits écrans */
@media (max-width: 768px) {
    .woocommerce .form-row {
        margin-bottom: 15px;
    }

    .woocommerce input.input-text, 
    .woocommerce textarea, 
    .woocommerce select {
        font-size: 14px; /* Taille de police légèrement plus petite sur mobile */
        padding: 10px;
    }
	.script h2{
		font-size: 160%!important;
		font-weight: 400;
		line-height: 1.3em;
	}
}
/***************************************
 Améliorer la visibilité des labels  et les placeholders
 * ***********************************/
.woocommerce label {
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333;
}

/* Style des placeholders pour les champs */
.woocommerce input::placeholder, 
.woocommerce textarea::placeholder {
    color: #888;
    opacity: 1;
    font-style: italic;
}

/* Espacement uniforme entre les sections */
.woocommerce h3 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 28px;
    color: #cda568; /* Couleur des titres */
	text-align: left;
	border-bottom: solid 1px;
}
.products .product h3{text-align: center;}
/* LABEL bouton radio payement */
/*.woocommerce #payment   ul li {
    position: relative;
    padding: 0.5em;
    background-color: #fefefe;
    border: 1px solid #7209b7;
    cursor: pointer;
    display: flex;
    align-items: center; 
    justify-content: flex-start;
}

.woocommerce #payment ul li input[type="radio"] {
    display: inline-block;
    margin-right: 10px;
}*/

.woocommerce #payment ul li input[type="radio"] + label {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}
/*******************************************
 * MODULE CHRONOFRESH ***/
tr.woocommerce-shipping-totals.shipping.chrono-alter {border-bottom: solid 1px!important;}
.print.show {display: none;}
@media print {
    /* les styles d'impression commencent ici */
	.print.show {display: block;}

	#main-header, #top-header, .list_box, #main-footer {display: none!important;}
}

/**** BLOOM **/
/*** Date picker dateicker */
/* Date Picker Default Styles */

.ui-datepicker {
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #dcdcde;
  border-top: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
  min-width: 17em;
  width: auto !important;
  z-index: 1000 !important;
}
.ui-datepicker * {
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  border-radius: 0;
  -webkit-user-select: none;
  user-select: none;
}
.ui-datepicker .ui-datepicker-group {
  float: left;
}
.ui-datepicker table {
  font-size: 13px;
  margin: 0;
  border: none;
  border-collapse: collapse;
}
.ui-datepicker .ui-widget-header,
.ui-datepicker .ui-datepicker-header {
  background-image: none;
  border: none;
  color: #000;
  font-weight: normal;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
  background: transparent;
  border-color: transparent;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0;
  padding: 10px 0;
  c_olor: #fff;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: relative;
  top: 0;
  height: 34px;
  width: 34px;
}
.ui-datepicker .ui-state-hover.ui-datepicker-prev,
.ui-datepicker .ui-state-hover.ui-datepicker-next {
  border: none;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
  left: 0;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
  right: 0;
}
.ui-datepicker .ui-datepicker-prev {
  float: left;
}
/* tmp
.ui-datepicker .ui-datepicker-prev:before {
  content: "\f341";
}
*/
.ui-datepicker .ui-datepicker-next {
  float: right;
}
/* tmp
.ui-datepicker .ui-datepicker-next:before {
  content: "\f345";
}
*/
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
  display: none;
}
.ui-datepicker .ui-datepicker-next.ui-state-disabled,
.ui-datepicker .ui-datepicker-prev.ui-state-disabled {
  visibility: hidden;
}
/*
.ui-datepicker .ui-datepicker-next:not(.ui-state-disabled):before,
.ui-datepicker .ui-datepicker-prev:not(.ui-state-disabled):before {
  font: normal 20px/34px "dashicons";
  padding-left: 7px;
  c_olor: #fff;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 34px;
  height: 34px;
}
*/
.ui-datepicker .ui-datepicker-prev-hover:before,
.ui-datepicker .ui-datepicker-next-hover:before {
  opacity: 0.7;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 33%;
}
.ui-datepicker thead {
  c_olor: #fff;
  font-weight: 600;
}
.ui-datepicker th {
  padding: 10px;
}
.ui-datepicker td {
  padding: 0;
  border: 1px solid #f0f0f1;
}
.ui-datepicker td.ui-datepicker-other-month {
  border: transparent;
}
.ui-datepicker tr:first-of-type td {
  border-top: 1px solid #f0f0f1;
}
.ui-datepicker td.ui-datepicker-week-end {
  background-color: #f6f7f7;
}
.ui-datepicker td.ui-datepicker-today {
  background-color: #f5e6ab;
}
.ui-datepicker td.ui-datepicker-current-day {
  background: #b8e6bf;
}
.ui-datepicker td.ui-state-disabled {
  cursor: default;
  opacity: 0.2;
}
.ui-datepicker td.ui-state-disabled .ui-state-default {
  background: #dcdcde;
  cursor: default;
}
.ui-datepicker td .ui-state-default {
  background: transparent;
  border: none;
  text-align: center;
  text-decoration: none;
  width: auto;
  display: block;
  padding: 5px 10px;
  font-weight: normal;
  color: #3c434a;
}
.ui-datepicker td .ui-state-default.ui-priority-secondary {
  opacity: 0.3;
}
.ui-datepicker td .ui-state-default.ui-priority-secondary.ui-state-hover {
  opacity: 1;
}

/*****************************************************/
/******** WOO CART / CHECKOUT / ACCOUNT PAGES ********/
/*****************************************************/
/* suppression fond de couleur attribué par pkugin chrono */
label.shipping_method_0_local_pickup1 {
	display: none!important;
}
#shipping_method li input[type="radio"]:checked + label {
    font-weight: 600;
}
#shipping_method li label { 
	cursor: pointer;
}
.payment_box.payment_method_etransactions_std_card_CB {
	display: none!important;
}
#shipping_method li {
	
    display: flex;
    list-style: none;

    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    background-color: #fff;
    overflow: hidden;
    z-index: 2;
    width: 100%;
}
.woocommerce-checkout-review-order .shipping th {
	padding-top: 10px!important;
	color: #000!important;
}
.shop_table th:nth-child(2),
.shop_table td:nth-child(2) {
    vertical-align: top!important; /* Aligne verticalement en haut */
    text-align: right;   /* Aligne horizontalement à droite */
}
.shop_table th, .woocommerce-shipping-totals.shipping th {
	font-weight: 600!important;
}
.shop_table th:nth-child(1),
.shop_table td:nth-child(1) {
    vertical-align: top!important; /* Aligne verticalement en haut */
	
    
}
.woocommerce-shipping-methods li {
    list-style: none; /* Supprime les puces */
    text-align: left; /* Aligne le texte à gauche */
    display: flex; /* Utilise Flexbox pour positionner les éléments */
    align-items: flex-start; /* Aligne les éléments en haut */
    margin-bottom: 10px; /* Ajoute un espacement entre les lignes */
}

.woocommerce-shipping-methods li input[type="radio"] {
    margin-right: 10px; /* Ajoute un espace entre le radio et le label */
    margin-top: 0; /* S'assure que le radio est aligné en haut */
}

.woocommerce-shipping-methods li label {
    line-height: 1.5; /* Aligne correctement le texte à côté des radios */
    display: inline-block; /* Permet au texte de s'adapter correctement */
}
/* poids */
ul.wcpa_cart_meta { 
	padding: 0px!important;
}