/*
Theme Name: Theme APAEG
Author: vm-bzk
Description: Child-Theme pour l'Association APAEG 
Version: 1.0.0
License: GNU General Public License v2
Text Domain: apaeg-child
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block; 
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* GLOBAL RULES */

@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Regular.eot");
    src: url("fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/Roboto-Regular.woff2") format("woff2"),
    url("fonts/Roboto-Regular.woff") format("woff"),
    url("fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Medium.eot");
    src: url("fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"),
    url("fonts/Roboto-Medium.woff2") format("woff2"),
    url("fonts/Roboto-Medium.woff") format("woff"),
    url("fonts/Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Bold.eot");
    src: url("fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),
    url("fonts/Roboto-Bold.woff2") format("woff2"),
    url("fonts/Roboto-Bold.woff") format("woff"),
    url("fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto Slab";
    src: url("fonts/RobotoSlab-Medium.eot");
    src: url("fonts/RobotoSlab-Medium.eot?#iefix") format("embedded-opentype"),
    url("fonts/RobotoSlab-Medium.woff") format("woff"),
    url("fonts/RobotoSlab-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* GLOBAL */


body {
    background-color: #fdfdfd;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    color: #707070;
}

#content {
    margin-bottom: 10%;
}

h1 {
    font-size: 40px;
    font-family: "Roboto Slab";
    color: #707070;
    margin: 3rem 0.3rem;
}

h2 {
    font-size: 22px;
    font-family: "Roboto Slab";
    color: #707070;
}

p {
    font-size: 20px;
    line-height: 29px;
}

p, h2, h3 {
    margin: 2rem 0.3rem;
}

h3 {
    font-size: 20px;
    font-family: "Roboto Slab";
    color: #707070;

}

strong {
    font-weight: bold;
}

.wrapper,
.slider-jquery {
    max-width: 958px;
    margin: 0 auto;
}


.svg {
    color: #707070;
    max-width: 40px;
}

a, 
a:visited {
    color: #7bd7f6;
    font-family: "Roboto";
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
}

a:hover, 
a:active,
a:focus {
    color: #7ec2c1;
}







/* HEADER */

header.header-global {
    position: fixed;
    top: 0;
    width: 100%;
    background: url("images/header-notHome-pexels-ketut-subiyanto-4474040.jpg") no-repeat #2E2C2C; 
    background-size: cover;
    border-bottom: 7px solid #7bd7f6;
    z-index: 999;
}

.home header.header-global {
    background: none;
}


#content {
    padding-top: 165px;
}

.home #content {
    padding-top: 0px;
}

.admin-bar header.header-global,
.admin-bar .header2{
    top:32px;
}

.header-opacity {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px 0 4px 0;
    
}


.bottom-header {
    background-size: cover;
    width: 100%;
    
}

.navigation {
    margin: 0 16.5%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}



.menu-menu-accueil-it-container {

	margin: 0;

}


.navigation > a{
    max-width: 200px;
}

.navigation .menu-menu-accueil-container{
    max-width: 80%;
    align-self: flex-end;
}

.menu-menu-accueil-de-container,
.menu-menu-accueil-en-container{

	align-self: flex-end;
  
}


.topnav a, 
.topnav a:visited {
    color: #7bd7f6;
    font-family: "Roboto";
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    margin: 0 10px;
}

.topnav a:hover, 
.topnav a:active,
.topnav a:focus {
    color: #7ec2c1;
    margin: 0 10px;
}


.topnav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.topnav li {
    flex: 0 1 auto;
    z-index: 0;
}

header .topnav.li.logo-header {
    flex: 0 1 100%;
    margin: 10em 0;
}

#home-button {
    max-width: 140px;
}


.topnav li ul {
    position: absolute;
    max-width: 8%;
    padding: 4px 20px 0 0;
    display: none; 
    background: rgba(0, 0, 0, 0.7);
    
}

.topnav > li:hover ul {
    display: block;
} 

.topnav li ul:nth-child(2) {
    padding: 0 40px 0 0;
}

.topnav li ul a {
    max-width: 90%;
    display: block;
    padding: 6px 0;
}

#menu-item-623 ul {
  
  max-width: 94px;
  
}
  

.header2,
.header-home {
    border-bottom: 7px solid #7bd7f6;
    
}









/* FOOTER */

#footer {
    background: url("images/footer-sourcils-opacity.png") no-repeat;
    min-width: 100%;
    background-size: cover;
    position: relative;
    background-position: right;
    
}

.footer-flexchild {
    flex: 0 1 30%; 
}

.footer-logo,
#contact-logo,
.woocommerce .footer img, 
.woocommerce-page .footer img {
    max-width: 100px;
}

.woocommerce ul.products li.product a img {
    max-width: 50%;
}

#nav_footer a, #nav_footer a:visited {
    color: #707070;
    font-family: "Roboto";
    font-weight: normal;
    font-size: 15px;
    text-decoration: none;
}

#nav_footer a:hover, 
#nav_footer a:active,
#nav_footer a:focus {
    color: #7ec2c1;
}

#nav_footer {
    margin: 2% 0 2% 0;
    position: relative;
    line-height: 1;
}
.nav_footer__list{
    display: inline-block;
}

.nav_footer__list a{
    padding: 5px 0;
    display: inline-block;
}

.logo-position {
    margin: 1% 1%;
}


.mention {
    color: #707070;
    font-family: "Roboto";
    font-weight: Regular;
    font-size: 15px;
}

#logo-footer {
    align-self: flex-end;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
  	justify-content: space-between;


}

#nav_footer > ul > li:nth-child(6) > span > small {

    font-size: 10px;
  	margin-top: 20px;
    display: block;

}

#logo-ronald {

	max-width: 35px;

}






/* FRONT-PAGE */

.container-flex {
    display: flex;
    align-items: flex-end;
}

.relative{
    position: relative;
}

#booking-plugin {
    border: 4px solid #7bd7f6;
    max-width: 320px;
    border-radius: 30px;
    padding: 20px
}



#w-bookings-wcph .widgettitle {
    display: none;
    text-align: center
}



#ph_booking_search_widget-5 #content #appartement-flex,
.appartement-flex {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 5rem 0 5rem 0;
    justify-content: space-between;
}

.bullet-points li{
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 1rem;
}

.bullet-points li:before{
    content: '';
    background: var(--icon);
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background-size: contain;
}

#genton-home figcaption {
    font-weight: normal;
    font-size: 15px;
    margin: 1rem;
}

#genton-home {
    margin-top: 5rem;
}

#chir-ped {
    font-weight: normal;
    font-size: inherit;
}








/* ASSOCIATION */



#content #soutenir-asso,
#content p.texte_soutenir {
    max-width: 60%;
}

.size-medium.wp-image-202.alignright.hidden-mobile {
    margin: 0 0 30px 0;
    float: right;
}

#soutenir,
#histoire {
    margin : 80px 0 0 0;
}


#histoire-asso h2.p1 {
	  
	font-size: 22px;
    font-family: "Roboto Slab";
    color: #707070;  
	  
	  }






/* APPARTEMENT */

.salon {
    text-align: center;
    max-height: 432px;
    border-radius: 1em;
}

.appart {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 4rem 0;
}
.appart > *:first-child{
    flex-basis: 66.66%;
}
.appart > *:last-child{
    flex-basis: 33.33%;
}
.appart:nth-child(even){
    flex-direction: row-reverse;
}


#content #redsun {
    width: 20px;
    height: 20px;
}

#ph_booking_search_widget-7 > h2 {
	text-align: center;
	color: #7bd7f6;
}

#ph_book_search_from,
#ph_book_search_to,
#ph_book_search_number_of_participants {
	border: 1px solid #7bd7f6;
	border-radius: 6px;
}

#ph_booking_searchsubmit {
	color: #fcfcfc;
	background-color: #7bd7f6;
	border-radius: 6px;
	box-shadow: none;
	border: 1px solid #7bd7f6;
	
}

#ph_booking_clear {
    display: none;
}

#ui-datepicker-div {
    background-color: #7bd7f6;
    display: block;
    border: 1px solid #7bd7f6;
}

#ui-datepicker-div .ui-state-default {
    border: none;
    background: #7bd7f6;
    font-weight: normal;
    color: #fcfcfc;
}

.ui-datepicker .ui-datepicker-title,
.ui-datepicker .ui-datepicker-header {
    background: #fcfcfc;
    color: #7bd7f6;
}

.ui-datepicker-header .ui-datepicker-next-hover,
.ui-datepicker-header .ui-datepicker-prev-hover,
.ui-datepicker-header .ui-state-hover,
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-corner-all {
    background: #fcfcfc;
}

.ui-datepicker-header {
    background: #fcfcfc;
}

#sidebar {
	padding-bottom: 6%;
}

#appartement-flex {
	display: flex;
    align-items: center;
    gap: 20px;
    padding: 3rem 0 5rem 0;
    justify-content: space-between;
}


.ui-state-active {
	  
	border: 1px solid #7bd7f6;
    background: #7bd7f6;
	  
	  }


.widgettitle {
	  
text-align: center;
	  
	  }


.inboxWarpMain table thead tr {
		
	background-color: #ffffff !important;
	
	  }





/* HEBERGEMENT */

.hebergement {
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.hebergement-bas {
    flex-direction: row-reverse;
    margin: 80px 0;
}

.hebergement-imgs {
    max-width: 60%;
}

.hebergement-specifications {
    
    max-width: 25%;
}

.spec-titre {
    margin-bottom: 50px;
}

.flex-2-cols-specifications {
    flex-basis: 33.333%;
}

.specifications-alentours {
    display: flex;
    gap: 1%;
    justify-content: flex-end;
}

.icons-specifications {
    display: flex;
    gap: 5%;
}

.icon-place {
    background: center no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;

}

.icons-specifications .texte-icon,
.specifications-alentours .texte-icon{
    text-align: left;
    align-self: center;
}

.icon-bed {
    background-image: url("svg-appart/bed.svg")
}

.icon-pieces {
    background-image: url("svg-appart/floor.svg");
}

.icon-etage {
    background-image: url("svg-appart/lift.svg")
}

.icon-sdb {
    background-image: url("svg-appart/thub.svg")
}

.icon-smoking {
    background-image: url("svg-appart/no-smoking-smoke-svgrepo-com.svg")
}

.icon-linge {
    background-image: url("svg-appart/sheets.svg")
}

.icon-ustensiles {
    background-image: url("svg-appart/dishes.svg")
}

.icon-cuisiniere {
    background-image: url("svg-appart/stove.svg")
}

.icon-micro-ondes {
    background-image: url("svg-appart/microwave.svg")
}

.icon-televiseur {
    background-image: url("svg-appart/tv.svg")
}

.icon-laverie {
    background-image: url("svg-appart/laundry.svg");
    display: inline-block;
}

.icon-parking {
    background-image: url("svg-appart/parking.svg");
    display: inline-block;

}

.soleil-rouge-hebergement {
    background-image: url("svg-soleil/soleil-rouge.svg")
}









/* CONDITIONS */


.tarifs h1 {
    margin: 20px 0.3rem;
}

.tarifs-difficultes {
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
}


.difficultes {
    flex-basis: 30%;
    order: 1;
    align-self: center;
    cursor:pointer;
}

.difficultes h3 {
    border: 4px solid #7bd7f6;
    border-radius: 50px;
    padding: 25px;
    display: block;
    color: #7bd7f6;
    text-align: center;
}

.difficultes h3:hover {
    border: 4px dashed #7bd7f6;
    border-radius: 50px;
}


.difficultes p {
    display: none;
    padding: 25px;
    border: 4px dashed #7bd7f6;
    border-radius: 50px;
    
}

.tarifs {
    flex-basis: 60%;
    border: 4px solid #7bd7f6;
    border-radius: 50px;
    max-height: 270px;
}

.tarifs h1,
.tarifs h2 {
    text-align: center;
}

.instructions-flex {
    display: flex;
    justify-content: space-between;
}

.arrivee {
    flex-basis: 30%;
}

.arrivee h3,
.pendant-sejour h3,
.repartant h3 {
    text-align: center;
}

.pendant-sejour {
    flex-basis: 30%;

}

.repartant {
    flex-basis: 30%;

}

.bold {

    font-weight: bold;
    font-size: 18px;
}

.accordeon-conditions {
    display: none;
}

.to-see-more {
    background: url("svg/more.svg") no-repeat;   
    display:block;
    width: 30px;
    height: 25px; 
    cursor: pointer;
    margin: 0 auto;

}

.to-see-more:hover {
    background-image: url("svg/more2.svg");

}








/* TEMOIGNAGES */

.p1 {
    font-family: "Roboto";
}

.temoignages-flex {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }



.unit-temoignages-flex {
    flex-basis: 29%;
    background-color: cornsilk;
    padding: 20px 15px 25px 15px;
    border-radius: 30px;
    margin: 15px 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}



.temoignages-flex blockquote {
    font-style: italic;
    font-family: "Roboto";
}

.front-temoignage-flex {
    display: flex;
    align-items: stretch;
}

.front-temoignages-child {
    flex-basis: 29%;
}

#texte-temoignages {
    font-family: "Roboto";
}

.infos-single {
    font-family: "Roboto";
    font-size: 18px;
    display:flex;
    flex-direction:column;
    align-items: center;
    text-align: center;
    
}

.nom-infos-single {
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.info-space {
    display: block;
}

.italique-date {
    font-style: italic;

}

.smallcaps-domicile {
    font-variant: small-caps;
    font-size: 15px;
}

.unit-temoignages-flex a {
    background-color: #7bd7f6;
    border-radius: 30px;
    color: #fcfcfc;
    font-family: "Roboto";
    padding: 10px;
    display: block;
    text-align: center;
    max-width: 40%;
    bottom: 0%;
}

#ui-datepicker-div {
    display: none;
}








/* CONTACT */

.flex-contact {
    display: flex;
    gap: 10%;
}

#aside-contact {
    margin: 5% 0;
    max-width: 25%;
    text-align: center;
    border: 4px solid #7bd7f6;
    border-radius: 30px;
    max-height: 500px;
	padding-bottom: 40px;
    
}

#aside-contact h2, #aside-contact p {
    font-size: 18px;
}

.two-third-contact {
    max-width: 60%;
}

#joindre-fichier {

    border-radius: 30px;
    border: 1px solid #7bd7f6;
    width: 400px;
    padding: 5px 8px;
    font-weight: bold;
}


#joindre-fichier::-webkit-file-upload-button {
    visibility: hidden;
  }

#joindre-fichier::before {
    content: 'Choisir un fichier';
    color: #fcfcfc;
    display: inline-block;
    background: #7bd7f6;
    border: 2px solid #7bd7f6;
    border-radius: 30px;
    padding: 5px 8px;
  }

#joindre-fichier:hover::before {
    border-color: #fcfcfc;
    color: #fcfcfc;
  }

#joindre-fichier:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
    color: #fcfcfc;
  }




.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.language-choice {
    border: 2px solid #7bd7f6;
    border-radius: 10px;
    width: 300px;
    padding: 5px 8px;
    color: #b4b3b3;

}





#fam-name-child,
#date-enfant-fr,
#date-naissance-greffe {
		
    color: #b4b3b3;
    border: 2px solid #7bd7f6;
    border-radius: 10px;
		
}


.wpcf7-form-control.wpcf7-textarea {

    border: 2px solid #7bd7f6;
    border-radius: 10px;
    max-height: 400px;
    min-height: 200px;
    padding: 5px 8px;
    width: 100%
    
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
  }
.custom-file-input::before {
    content: 'Joindre un fichier';
    display: inline-block;
    background: #7bd7f6;
    color: #fcfcfc;
    border-radius: 30px;
    padding: 5px 8px;
    cursor: pointer;
    font-weight: 700;
    font-size: 10pt;
    width : 200px;
    text-align: center;
  }


.wpcf7-form-control.wpcf7-submit {
    content: 'Envoyer';
    display: inline-block;
    background: #7bd7f6;
    color: #fcfcfc;
    border: 1px solid #7bd7f6;
    border-radius: 30px;
    padding: 7px 8px;
    cursor: pointer;
    font-weight: 700;
    font-size: 20pt;
    width : 200px;
    text-align: center;
  }

  #formulaire-contact {
      display:block;
      margin-top: 50px;

  }

	  
#billing_first_name,
#billing_last_name,
#billing_address_1,
#billing_address_2,
#billing_city,
#billing_postcode,
#additional_phone,
#billing_email,
#additional_birthdate_child,
#additional_name_child {

    border: 2px solid #7bd7f6;
    border-radius: 10px;
    padding: 5px 8px;
    color: #b4b3b3;
}

#select2-billing_state-container,
#select2-billing_country-container {
    border: 2px solid #7bd7f6;
    border-radius: 10px;
    color: #b4b3b3;
    font-size: 15px;
}

#order_comments {
    border: 2px solid #7bd7f6;
    border-radius: 10px;
    color: #b4b3b3;
    min-height: 300px;
}  
	  
#map-apaeg-img {
	  
display: block;
margin: 100px auto 0 auto;
	  
	  
	  }
	  
	  
	  
/* WOO */

#main {
    max-width: 900px;
    margin: 165px auto 0;
    
}

.product_name_changer {
    text-align: center;
}

.product {
    display:block;
}

#content .sidebar {
    position : relative;
    width: auto;
    
} 


.woocommerce ul.products li.product a img {
    margin: 0 auto;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    text-align: center;
	font-size: 15px;
}

.woocommerce ul.products li.product .price {
    text-align: center;
}


.woocommerce ul.products li.product a img, .woocommerce-page img {
    max-width: 20%;
}
	  
#map-apaeg-img {
	  
		max-width: 100%
	  
	  }
	  

#content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {

    float: none;
    max-width: 35%;
    margin: 100px auto;
    top: 165px;
}

#woo-archpro-down {
    padding-top: 165px;
    
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    display: flex;
    margin: 6% auto 20% auto;
	align-items: center;
}

li.product.type-product.post-225.status-publish.first.instock.product_cat-appartement.product_tag-2-places.has-post-thumbnail.virtual.taxable.purchasable.product-type-phive_booking {
    order : 1;
}

li.product.type-product.post-226.status-publish.last.instock.product_cat-appartement.product_tag-2-places.has-post-thumbnail.virtual.taxable.purchasable.product-type-phive_booking {
    order : 2:
}

li.product.type-product.post-220.status-publish.last.instock.product_cat-appartement.product_tag-4-places.has-post-thumbnail.virtual.taxable.purchasable.product-type-phive_booking {
    order : 3;
}

li.product.type-product.post-227.status-publish.first.instock.product_cat-appartement.product_tag-6-places.has-post-thumbnail.virtual.taxable.purchasable.product-type-phive_booking {
    order : 4;
}

#ph-calendar-days > li.ph-calendar-date {
    color: #707070 !important;
}

#product-226 > div.summary.entry-summary > p,
#product-225 > div.summary.entry-summary > p,
#product-227 > div.summary.entry-summary > p,
#product-220 > div.summary.entry-summary > p,
li.product.type-product.post-220.status-publish.first.instock.product_cat-appartement.product_tag-4-places.has-post-thumbnail.virtual.taxable.purchasable.product-type-phive_booking > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link > span,
li.product.type-product.post-220.status-publish.last.instock.product_cat-appartement.product_tag-4-places.has-post-thumbnail.virtual.taxable.purchasable.product-type-phive_booking > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link > span,
li.product.type-product.post-225.status-publish.first.instock.product_cat-appartement.product_tag-2-places.has-post-thumbnail.virtual.taxable.purchasable.product-type-phive_booking > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link > span,
li.product.type-product.post-225.status-publish.last.instock.product_cat-appartement.product_tag-2-places.has-post-thumbnail.virtual.taxable.purchasable.product-type-phive_booking > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link > span,
li.product.type-product.post-226.status-publish.first.instock.product_cat-appartement.product_tag-6-places.has-post-thumbnail.virtual.taxable.purchasable.product-type-phive_booking > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link > span,
li.product.type-product.post-226.status-publish.last.instock.product_cat-appartement.product_tag-6-places.has-post-thumbnail.virtual.taxable.purchasable.product-type-phive_booking > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link > span,
li.product.type-product.post-227.status-publish.first.instock.product_cat-appartement.product_tag-6-places.has-post-thumbnail.virtual.taxable.purchasable.product-type-phive_booking > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link > span,
li.product.type-product.post-227.status-publish.last.instock.product_cat-appartement.product_tag-6-places.has-post-thumbnail.virtual.taxable.purchasable.product-type-phive_booking > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link > span {
    display: none;
}




div.woocommerce-notices-wrapper > div > a {
    display : none;
}

.woocommerce-message {
    border-top-color: #7bd7f6;
}

.woocommerce-message::before {
    color: #7bd7f6;
}

div.woocommerce-notices-wrapper > div > a.button.wc-forward,
.woocommerce td.actions {
    display : none;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    color: #fcfcfc !important;
    background-color: #7bd7f6 !important;
}

section.related.products {
    display: none; 
}

ul.ph_booking_no_place_left li {
    min-height: 25px !important;
}


#product-226 > div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images > a > img,
#product-225 > div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images > a > img,
#product-220 > div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images > a > img,
#product-227 > div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images > a > img {
    display: none !important;
}

li.product.type-product.post-226.status-publish.first.instock.product_cat-appartement.product_tag-2-places.has-post-thumbnail.virtual.taxable.purchasable.product-type-phive_booking > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link > span {
    display: none;
}

#product-225,
#product-227,
#product-226,
#product-220 {
    display: flex;
    margin: 5% auto;
}

.woocommerce ul.products.columns-2 li.product, 
.woocommerce-page ul.products.columns-2 li.product {
    max-width: 35%;
}

#booking_price_text > span {
    display: block;
    font-size: 15px;
}

#booking_price_text {
    display: flex;
}

ul.products.columns-2 {
    
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

#warning-choix-appartement {
    color: red;
    max-width : 958px;
    margin: 5% auto;
    text-align: center;
}


	  
.booking_month {
	  
	font-size: 30px;
    font-weight: 600;
	  
}

	  
#additional_conditions_field {
		
		display: flex;
		margin-top: 100px;
    	border-radius: 10px;
    	background: #f67b7b38;
    	padding: 20px;
		
	  }
	  
.ol1 .li4 {
	  
	  list-style-type: initial;
	  margin: 30px 0;
	  
	  }
	  
#conditions_generales {
	  
	  text-decoration-line: overline;
	  
	  
	  }
	  
.products.columns-3 {
		
	 display: flex;
		
	 }
	  
.woocommerce-Price-currencySymbol {
	  display: none !important;
	  }
	  


	  
	  

/* LEGAL */
	  
#legal-all {
		
	display: flex;
	justify-content: space-around;


	  }
	  
	  
	  
	  
/* JQUERY */

#content > div.slider-jquery {
    min-height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 100%;
}

#content .planquer {
    display:none ;
}

.slider-jquery-nav img{
    
    max-width:90%;
    padding: 20px 0;    
}

.slider-jquery img {
    max-width: 100%;
}

.slick-prev { 
    z-index: 999;
    left: 10px !important;
}

.slick-next {
    z-index: 999;
    right: 20px !important;
}

.slick-dots {
    display:flex;
    justify-content:center;
    
}

body .slick-prev:before, 
body .slick-next:before {
    color: #707070;
    font-size: 30px;
}

.ui-state-active, 
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover {
	  
	
 	border: 1px solid #7bd7f6 !important;
    background: #7bd7f6 !important;
		
	  }






/* MEDIA QUERIES */

@media screen and (max-width: 640px) { 
    p, .bullet-points li { 

    }

    #nav_footer a, #nav_footer a:visited {
        
        font-size: 15px

    }

    h3 {
        font-size: 16px;
    }

    p.tarifs-display {
        font-size: 25px;
    }

    .arrivee,
    .pendant-sejour,
    .repartant {
        width: 100%;
    }

}


.woocommerce ul.products li.product .price {
    color: #77a464;
    display: block;
    font-weight: 400;
    margin-bottom: 0.5em;
    font-size: .857em;
	display:none;
}