@media screen and (max-width:732px){
	h1{font-size:1.8rem;padding:0;}
	h2{margin-top:2rem;font-size:1.2rem;margin-bottom:2rem;}
	
	.woocommerce-js div.product .product_title {
		margin-top:2rem;
		margin-bottom:2rem;
		font-size: 1.5rem !important;
	}
	/** Header **/
    div#div_head{position:absolute;top:10px;left: 50%; transform: translate(-50%, 0);z-index:10;}
    div#div_slide{height:350px;position:relative;}
    div#div_slide_int{height:120px;position:relative;}
    /** Header **/
    
    /** Slide **/
    div#sloganslide{margin-left:5%;top:150px;width:50%;position:absolute}
    div#sloganslide *{color:white;}
	div#sloganslide h2{font-family:'PoppinsLight' !important;font-weight:normal;font-size:1.2rem;margin-top:1rem;margin-bottom:0;}
	div#sloganslide h2 strong{font-family:'Poppinsbold' !important;}
    div#sloganslide p{display:none;}
    div#n2-ss-2 .nextend-bar-horizontal div{position: absolute;top: -30px;display:block;}
    .n2-ss-widget div span{margin-top:-50px !important;font-size:1rem !important;}
    
    div#sloganslide a.abtblanc:link, div#sloganslide a.abtblanc:visited, div#sloganslide a.abtblanc:active{font-size:0.9rem;padding:0.3rem;padding-left:1.5rem;padding-right:1.5rem;}
    /** Slide **/
    
   /** Menu **/
	#menupc{display:none;}
	#menupc{display:none;}
	
	.main-navigation .menu-toggle {
		display: block;
		background: none;
		border: none;
		color: white;
		font-size: 1.5rem;
		cursor: pointer;
		position: absolute;
		z-index: 10;
		right: 10px;
		top: 15px;
	}

	/* Overlay plein écran */
	.menu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(4, 46, 76, 0.95); /* Bleu foncé transparent */
		display: flex;
		justify-content: center;
		align-items: center;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.4s ease;
		z-index: 9;
	}

	/* Quand actif : visible */
	.menu-overlay.active {
		opacity: 1;
		pointer-events: all;
	}

	/* Contenu du menu (liens centrés verticalement) */
	.menu-content {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.menu-content a {
		color: white;
		font-size: 1.5rem;
		text-decoration: none;
		text-align: left;
		transition: color 0.2s ease;
	}

	.menu-content a:hover {
		color: #CFA665; /* Doré au survol */
	}
	/** Menu **/
	
	#div_head .div_mainint img{max-width:50%;}
	.header-shortcuts{top: 65px;}
	
    div.div_mainint{width:auto;max-width:1310px;margin-left:auto;margin-right:auto;}
    
    /** Nos univers beauté **/
    div#div_univer_beaute{width:auto;max-width:95%;margin-left:auto;margin-right:auto;}
    div.div_ub_item{float:left;width:46%;margin:2%;text-align:center;}
    div.div_ub_item div.div_ub_item_photo{float:none;display:bloc;width:100%}
    div.div_ub_item div.div_ub_item_texte{padding-left:0;float:none;display:block;width:100%;font-size:0.9rem;box-sizing:border-box;}
    div.div_ub_item div.div_ub_item_texte h3{margin-top:0;padding-top:0;height:30px;}
    div.div_ub_item div.div_ub_item_texte h3{font-size:1.1rem;margin-bottom:1rem;padding-top:0.5rem !important;height:40px;}
    div.div_ub_item div.div_ub_item_texte p{display:none;}
    /** Nos univers beauté **/
    
    /** Présentation Kerior **/
	div#div_pres_kerior{height:auto;width:100%;background-image: url(/wp-content/themes/kerior/images/fond-presentation-kerior.jpg);background-repeat:no-repeat;background-size:cover;display:block;}
	div#div_pres_kerior div#div_pres_kerior_illus,div#div_pres_kerior div#div_pres_kerior_produit{display:block;}
	div#div_pres_kerior div#div_pres_kerior_illus{width:100%;height:300px;background-image: url(/wp-content/themes/kerior/images/femmes-kerior.png);background-repeat:no-repeat;background-position: center bottom;background-size:contain;}
	div#div_pres_kerior div#div_pres_kerior_produit{width:100%}
	div#div_pres_kerior div#div_pres_kerior_produit div#div_pres_kerior_produit_content{width:100%;}
	
	div#div_pres_kerior div#div_pres_kerior_produit div#div_pres_kerior_produit_content div#div_pres_kerior_produit_content_text{width:65%;display:table-cell;vertical-align:top;text-align:right;padding:1rem;}
	div#div_pres_kerior_produit_content_text h2{text-align:right;color:white;font-size:2rem;font-size: 1.5rem;margin-bottom: 1.5rem;}
	div#div_pres_kerior_produit_content_text p{text-align:right;color:white;font-size:0.9rem;line-height:1.2rem;}
	div#div_pres_kerior div#div_pres_kerior_produit div#div_pres_kerior_produit_content div#div_pres_kerior_produit_content_photo{width:35%;display:table-cell;vertical-align:middle;text-align:center;padding-top:2rem;padding-bottom:2rem;padding:1rem;}
	div#div_pres_kerior div#div_pres_kerior_produit div#div_pres_kerior_produit_content div#div_pres_kerior_produit_content_photo img{height:80% !important;}
	/** Présentation Kerior **/
	
	/** Best seller **/
	div.div_best_seller_item{float:left;width:46%;margin:2%;margin-bottom:3rem;}
	div.div_best_seller_item h3{font-weight:normal;font-size:1rem;padding-top:0;margin-top:0.5rem;margin-top: 1rem;}
	div.div_best_seller_item div.div_best_seller_item_prix{font-family: 'Poppinsbold';font-size:1.2rem;padding-top:0.8rem}
	/** Best seller **/
	
	/** Actualités de la home **/	
	div.div_new_item{display:inline-block;width:46%;margin:2%;}
	.div_new_item_presume{height:70px;overflow:hidden;}
	#div_actu_det_content_txt hr{margin:0;}
	#div_actu_det_content_txt h2{margin-top:2rem;}
	div.div_new_item h2{margin-top:2rem;margin-bottom:2rem;font-size: 1.7rem !important;}
	div.div_new_item .div_new_item_img{width:100%;height:250px;background-repeat:no-repeat;background-size:cover}
	#div_actu_det h1{text-align:center;}
	div#div_actu_det_content{max-width: 80%;margin-left: auto;margin-right: auto;display:table;}
	#div_actu_det_content_img,#div_actu_det_content_txt{display:table-cell;width:50%;vertical-align:top;}
	/** Actualités de la home **/
	
	footer aside{display:inline-block;padding-top:3rem;color:white;width:46%;float:left;height:200px;margin:2%}	
	footer aside h3{font-size:1.3rem;margin-top:0;margin-bottom:1.55rem;padding:0;color:var(--cp--jaune);}
	
	.divmoitieg {
		width: 98%;
        margin-right: 1%;
        margin-left: 1%;
        display: block;
        float: left;
    }
    .divmoitied {
        width: 98%;
        margin-right: 1%;
        margin-left: 1%;
        display: block;
        float: right;
    }
}

@media screen and (max-width:550px){
	footer aside{display:block;padding-top:2rem;color:white;margin-left:2rem;float:none;height:auto;}	
}