/*---------------------------------------------------------------------------------
 Theme Name:   Divi Child
 Theme URI:    https://www.elegantthemes.com/
 Description:  Divi Child theme by Web Hors Piste
 Author:       Web Hors Piste
 Author URI:   https://www.webhorspiste.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* il faut ajouter des commentaires !!! */
/*HEADER*/
.container{
	width:95%;
}
/* Flèche blanche dans la liste de selection de la page pack*/
.et-db #et-boc .et-l .et_pb_wc_add_to_cart form.cart .variations td.value span:after{
	border-top-color:white;
}
/* Mise en forme de la vidéo/ Gif sur la page d'accueil*/
.home #page-container #pour-qui .et_pb_section_video_bg  {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 98%;
    height: 98%;
    border-radius: 30px;
}
/* Permet d'Ajouter une marge sur h3 dans la section inclusivité de la apge Nos engagments*/
.margin-h3-40 h3{
	margin-bottom : 40px
}
.margin-h3-30 h3{
	margin-bottom : 30px
}
.margin-h3-20 h3{
	margin-bottom : 20px
}
/*suprrimer margin right pour icon mon compte*/
.et_header_style_left #et-top-navigation nav>ul>li#menu-item-1419>a:before{
	margin-right:0px!important;
}
/*icon panier */
.wpmenucart-display-right{
	float: none!important;
}
.et_mobile_menu li a{
	display:flex;
}
/* Ajout d'icone carte bancaire sur la page de paiement*/
.woocommerce-checkout-payment .wc_payment_methods .payment_method_stripe.wc_payment_method > label:before{
	/*content:url('/wp-content/uploads/2023/01/carte-maitresse.png');*/
	content: ' ';
	display: inline-block;
  	background: url("/wp-content/uploads/2023/01/carte-de-credit.png") no-repeat;
	background-size: contain;
	height: 30px;
  	width: 30px;
	vertical-align: bottom;
	margin-right:10px;
}

/* Ajout d'icone paypal sur la page de paiement*/
.woocommerce-checkout-payment .wc_payment_methods .payment_method_ppcp-gateway.wc_payment_method > label:before{
	content: ' ';
	display: inline-block;
  	background: url("/wp-content/uploads/2023/01/paypal.png") no-repeat;
	background-size: contain;
	height: 30px;
  	width: 30px;
	vertical-align: bottom;
	margin-right:10px;
}
/* Ajout  et mise en page du logo mon compte a la place du texte dans la barre de navigation */
.et_header_style_left #et-top-navigation nav>ul>li#menu-item-1419>a {
	font-size: 0;
	color: inherit;
}
.et_header_style_left #et-top-navigation nav>ul>li#menu-item-1419>a:hover {
    color: #07868a;
}
.et_header_style_left #et-top-navigation nav>ul>li#menu-item-1419>a:before {
	content: "\e08a";
    margin-right: 10px;
    position: relative;
	font-size : initial;
	font-family: ETmodules!important;
}
/*-------------------------------------------------------------------*/
/* mon compte style tableau de bord*/
.woocommerce-MyAccount-navigation li {
	border:solid;
	border-width:2px;
	border-color:#07868a;
	border-radius:10px;
	
	margin:10px 2px;
    box-shadow: 1px 1px 1px 1px #07868a;
    background-color: white;
	list-style:none;
	font-size:20px;
}

.woocommerce-MyAccount-navigation li a{
	display:flex;
	justify-content:center;
	padding:20px 20px;
}
.woocommerce-MyAccount-navigation li:hover{
	cursor: pointer;
	transform: scale(1.05);
}
.woocommerce-MyAccount-content{
	padding:20px 0 0 15px;
	font-size:20PX;
}
/*------------------------------------------------- */

.et-db #et-boc .et-l .et_pb_slide_with_image .et_pb_slide_description{
	width:100%;
}
/* Footer */
#footer-widgets .footer-widget li:before {
	content: none;
}
#footer-widgets .footer-widget li{
	padding: 0;
}
/* Enleve le zoom lorsque l'on passe sur l'image produit*/
.no-zoom-product-image .zoomImg{
	top: unset!important;
	left: unset!important;
}
.no-zoom-product-image .woocommerce-product-gallery__trigger{
	display:none;
}
/*Reduit la marge entre texte des coordonnees du footer et les icones sociales dans le footer en desktop*/
	#footer-widgets .footer-widget #block-21{
		margin-bottom: 5%;
	}	
@media screen and ( max-width: 980px ) {
	/* Permet de centrer les icones de reseaux sociaux dans le footer en responsive*/
	#footer-widgets .footer-widget .footer-reseaux-liste{
		justify-content:center
	}	
}

/* Ajout des conteneur flex */
.dp-flex {
	display : flex;
}
.justify-content-center{
	justify-content : center;
}
.align-items-center{
	align-items : center;
}
.dir-column{
	flex-direction:column;
}
.dir-column-re{

	display:flex;
	flex-direction:column-reverse;
}
.flex-center{
	display : flex;
	justify-content : center;
	align-items : center
}
/* Marges */
.m-0{
	margin : 0;
}
/* Newsletter */
.et_pb_newsletter_fields{
	justify-content:center!important;
}
.et_pb_newsletter_button_wrap{
	max-width:200px;
}

/* Logo du header*/

#et-top-navigation .et-cart-info:hover{
	color: #07868a;
	opacity: 0.7;
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}


/* Changement de la couleur des liens du header lorsqu'on les survols */
#top-menu-nav>ul>li>a:hover{
	color : #07868a;
}

/* Permet d'enlever les lignes verticales du tableau des caractéristiques d'un produit dans la page produit*/
.caracteristiques-techniques table,.caracteristiques-techniques td{
	border-right : 0;
	border-left : 0;
}

.caracteristiques-techniques table td > ul{
	padding-bottom: 0px!important;
}
.caracteristiques-techniques table tr td{
	padding: 20px 10px;

}

/* centrage du bouton d'envoi de la page de contact*/
.et_contact_bottom_container{
	justify-content:center;
	float:none;
}

/* Mise en page de la section les mots doux (avis) dans la pge produit */
.et-db #et-boc .et-l .et_pb_slide_image{
	position: static;
	margin : 0 0 20px 0!important;
}
.et-db #et-boc .et-l .et_pb_slide_image img{
	max-height : 100px!important;
	border-radius : 50%;
}
.et-db #et-boc .et-l .et_pb_slides .et_pb_slider_container_inner{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;
}
.produit-les-mots-doux .et-pb-controllers{
	bottom:0px!important;
}



/* --------------
 * Media Queries 
 * --------------*/

@media screen and ( max-width: 980px ) {
	/* inverser les colonnes en tablette et téléphone */
    .inverse {
        display: flex;
        flex-direction: column-reverse;
    }
	/* Footer responsive*/
	#footer-widgets {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin: 0!important;
	}
	#footer-widgets .footer-widget > div {
		width:100%;
	}
	#footer-widgets .footer-widget > div *{
		text-align: center;
	}
	#footer-widgets .footer-widget:nth-child(n){
		margin: 0!important;
	}
	#main-footer .menu-footer_1-container{
		margin-bottom: 20px;
	}
	.margin-bottom-10{
		margin-bottom : 10px;
	}
	
}

@media screen and ( min-width: 980px ) {
	/* Flex container seulement en desktop */
	.flex-center-min-980{
		display : flex;
		justify-content : center;
		align-items : center;
	}
}
/*Page connexion*/
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .et_pb_wc_cart_totals .select2-container--default .select2-selection--single, .et_pb_wc_checkout_billing .select2-container--default .select2-selection--single, .et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single{
	border-style: solid;
    font-size: 15px !important;
    line-height: 1.5em !important;
    overflow: hidden;
    border-radius: 30px 30px 30px 30px;
    border-width: 2px;
    border-color: #07868a;
	background-color:white;
}
.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
	border-radius:20px
}
.entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover{
	color:#1d858a
}
/*
 * 
 */
.br-40{
	border-radius:40px
}
.et-pb-contact-message{
	color:white;
}
.engament-contenu  .et_pb_blurb_container{
	vertical-align:middle;
}