/* SLOGAN DU CARROUSEL - DEBORDEMENT HORIZONTAL
   Le slogan de la banniere d'accueil est un pseudo-element en width:100% avec
   un padding lateral de 20px. En content-box, sa boite fait donc 40px de plus
   que l'ecran, ce qui rendait toute la page defilable horizontalement sur
   telephone (20px de trop a 320, 375 et 414px). Regle volontairement hors
   media query : border-box est correct a toutes les largeurs. */
.et_pb_slide_0::after,
.et_pb_slide_1::after {
	box-sizing: border-box;
}
/* Custom sizes */
@media screen and (max-width: 1256px) and (min-width: 1051px) {
	div#jb-cta.et_pb_row {
    	background-position: right -110px center;
	}
	div#jb-cta.jb-cta-industriel.et_pb_row {
    	background-position: right -170px center;
	}
	div#jb-cta .et_pb_text_inner {
    	width: 130%;
	}
}
@media screen and (max-width: 1050px) and (min-width: 981px) {
	div#jb-cta.et_pb_row {
    	background-position: right -250px center;
	}
	div#jb-cta.jb-cta-industriel.et_pb_row {
    	background-position: right -170px center;
	}
}
@media screen and (max-width: 796px) and (min-width: 727px) {
	div#jb-cta h2 {
    	font-size: 33px;
	}
}
@media screen and (max-width: 980px) {
	div#jb-cta .et_pb_module.et_pb_text {
		width: 100% !important;
	}
}
/* MENU PRINCIPAL - CHEVAUCHEMENT LOGO
   Entre le point de rupture Divi (981px) et ~1300px, le menu horizontal
   manque de place a cote du logo : il passe sur 2 lignes et remonte
   par-dessus le logo. On elargit legerement le conteneur de l'entete
   (barre du haut incluse, pour garder l'alignement) et on resserre
   l'espacement du menu. Au-dela de 1300px, rien n'est modifie. */
@media only screen and (min-width: 981px) and (max-width: 1300px) {
	#top-header .container,
	#main-header .container {
		width: 94%;
		max-width: none;
	}
	#main-header #top-menu > li {
		padding-right: 12px;
	}
	#main-header #top-menu li a {
		font-size: 15px;
	}
}
@media only screen and (min-width: 981px) and (max-width: 1150px) {
	#main-header #top-menu > li {
		padding-right: 8px;
	}
	#main-header #top-menu li a {
		font-size: 14px;
	}
}
/* RETINA */
@media screen and (min-width: 1440px) {
}
@media screen and (max-width: 1400px){
}
/* MAC BOOK */
@media screen and (max-width: 1440px) and (min-width: 1367px) {
}
/* DESKTOP 1 */
@media screen and (max-width: 1366px) and (min-width: 1296px) {
}
/* DESKTOP 2 */
@media screen and (max-width: 1295px) and (min-width: 1081px) {
}
/* IPAD LANDSCAPE */
@media screen and (max-width: 1250px) {
	.realisations-recentes-carre {
  		width: 912px;
  		position: absolute;
  		top: -90px;
	}
}
/* DIVI BreakPoint */
@media screen and (min-width: 981px) {
    /* min-width -- desktop */
	.realisations-container, .realisations-container img, .realisations-container a {
  		width: 228px!important;
	}
	.realisations-container img {
  		width: 228px!important;
	}
}
@media screen and (max-width: 980px) {
    /* max-width -- mobile */
	.nouvelles-conseils-container h3 {
    	white-space: normal;
	}
	/* Les items du sous-menu se chevauchent (decalages negatifs plus bas) :
	   on remonte les liens pour qu'ils restent cliquables. Cible les classes
	   jb-*, communes aux deux langues -- l'ancienne version visait des ID
	   d'items francais (menu-item-28071/28072/28644) et ne s'appliquait donc
	   pas a la version anglaise, ou WPML attribue d'autres ID. */
	.et_mobile_menu .jb-submenu-item > a {
		position: relative;
		z-index: 3;
	}
	.et_mobile_menu {
  		width: 126%;
  		margin-left: -13%;
	}
	.mobile_nav.opened .et_mobile_menu {
		display: flex !important;
		flex-direction: column;
	}
	.jb-soumission-rapide {
    	order: -1;
  	}
	.jb-soumission-rapide a {
    	color: #72a84f !important;
  	}
	
	
	.jb-submenu-item.menu-item ul li {
  		height: 40px !important;
	}
	.jb-menu-item-services.jb-submenu-item.menu-item {
  		position: relative;
		top:-40px;
	}
	.jb-menu-item-garantie.jb-submenu-item.menu-item {
  		position: relative;
  		top: -40px;
	}
	.jb-menu-item-industriel.jb-submenu-item.menu-item {
  		position: relative;
  		top: -100px;
	}	
	.menu-item.et_first_mobile_item {
  		height: 282px!important;
	}
	
	li.jb-menu-item-ornement::before {
  		content: '';
  		height: 60px !important;
  		width: 50px !important;
  		position: relative;
  		display: inline-block;
  		background-image: URL('https://www.groupeplastika.com/wp-content/uploads/2015/07/ornement1.png');
		  background-repeat: no-repeat;
  		top: 60px;
  		left: -68px;
	}
	li.jb-menu-item-revetement::before {
  		content: '';
  		height: 60px !important;
  		width: 60px !important;
  		position: relative;
  		display: inline-block;
  		background-image: URL('https://www.groupeplastika.com/wp-content/uploads/2015/07/revetement1.png');
  		background-repeat: no-repeat;
  		top: 57px;
  		left: -65px;
		margin-bottom: -8px;
	}
	li.jb-menu-item-industriel::before {
  		content: '';
  		height: 60px !important;
  		width: 54px !important;
  		position: relative;
  		display: inline-block;
  		background-image: URL('https://www.groupeplastika.com/wp-content/uploads/2015/07/industrielonglet1.png');
  		background-repeat: no-repeat;
  		top: 64px;
  		left: -73px;
	}
	li.jb-menu-item-ornement {
  		height: 70px;
		top: -50px;
  		position: relative;
	}
	li.jb-menu-item-revetement {
  		height: 70px;
		top: -70px;
  		position: relative;
	}
	li.jb-menu-item-industriel {
  		height: 70px;
		top: -50px;
  		position: relative;
	}
	footer .mobile_menu_bar {
  		display:none!important;
	}
	footer .et_pb_menu__menu {
  		display:block!important;
	}
	footer .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    	-webkit-box-pack: end;
		-ms-flex-pack: end;
    	justify-content: flex-start;
  	}
	body.home .et_pb_slider .et_pb_slide_0, body.home .et_pb_slider .et_pb_slide_1 {
    	background-size: 100vh !important;
  		background-position: top;
	}
  	.et_pb_slide_0::after, .et_pb_slide_1::after {
    	top: 420px;
    	height: 66px;
  }
	
	.main-realisations-container {
		display: flex;
    	flex-direction: column;
	}
	.realisations-container, .realisations-recentes-carre {
  		width: 100%!important;
		margin: 10px 0px;
	}
	.nouvelles-conseils-container-2 {
	display: flex;
    flex-direction: column;
	}
	.nouvelles-conseils-container div.nouvelles-conseils-img {
  		width: 100%!important;
  		float: left;
  		height: 100%;
	}
	.nouvelles-conseils-container div.nouvelles-conseils-img img {
  		width: 100%;
		height: 100%;
		object-fit: contain !important;
	}
	.et_pb_blurb_content {
  		display: flex !important;
  		flex-direction: column;
	}
}
/* Generic Tablets */
@media only screen and (max-width: 767px){
	.jb-woo-section li.product-category.product, .et-db #et-boc .et-l .et_pb_shop ul.products.columns-3 li.product, .et_pb_wc_upsells ul.products.columns-4 li.product {
    	width: 100% !important;
	}
	.jb-woo-section ul.products {
    	display: flex;
    	flex-direction: column;
	}
	body.home .et_pb_slider .et_pb_slide_0, body.home .et_pb_slider .et_pb_slide_1  {
    	background-size: 72vh !important;
    	background-position: center -60px;
	}
	.et_pb_slide_0::after, .et_pb_slide_1::after {
		top: 220px;
    	z-index: 9;
    	height: 41px;
  	}
	.conseils-container {
		display: flex!important;
    	flex-direction: column!important;
	}
	.jb-catalogue-2025 img {
		display: none!important;
	}
	.jb-woo-section .woocommerce ul.products li.product a h2 {
    	height: auto;
    	padding-bottom: 30px !important;
    	padding-top: 30px !important;
	}
}
@media only screen and (max-width: 700px){
}
/* IPHONE 6+ LANDSCAPE */
@media only screen and (max-width: 736px){
}
/* IPHONE 6 LANDSCAPE */
@media only screen and (max-width: 667px){
}
/* HTC, GALAXY LANDSCAPE */
@media only screen and (max-width: 640px) {
}
/*IPHONE 5 LANDSCAPE */
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 520px) {
	.et_pb_slide_0::after, .et_pb_slide_1::after  {
    	top: 22vh;
  	}
}
/* IPHONE 4 LANDSCAPE */
@media only screen and (max-width: 480px) {
	.conseils-container .conseils-colonne-1 div a img {
		min-width:67%;
	}
	.nouvelles-conseils-container {
		display: flex!important;
    	flex-direction: column!important;
	}
	.nouvelles-conseils-container div {
		  width: 100%!important;
	}
	#jb-cta.et_pb_text h2 {
    	font-size: 30px!important;
	}
}
/* IPHONE 6+ PORTRAIT */
@media only screen and (max-width: 392px) {
	  	.et_pb_slide_0::after, .et_pb_slide_1::after {
    		top: 220px;
    		z-index: 9;
    		height: 71px;
		}
}
/* IPHONE 6 PORTRAIT */
@media only screen and (max-width: 375px) {
	#popmake-24893 .check_availability {
		width: 100%;
	}
	/* ---------------------------------------- */
	/* Sidebar - cart*/
}
/* HTC, GALAXY PORTRAIT */
@media only screen and (max-width: 360px) {
}
/* IPHONE 4, IPHONE 5 PORTRAIT */
@media only screen and (max-width: 320px) {
}
/*--------------------------------- TARGET ONLY SPECIFIC DEVICES ------------------------------------------*/
/* TARGET IPAD */
@media only screen and (max-width: 768px) and (min-width: 767px) {
}
@media only screen and (max-width: 1024px) and (min-width: 1023px) {
}
/* TARGET iPHONE 5S */
@media only screen and (device-width: 640px) and (device-height: 1136px) and (orientation: portrait) {
}
@media screen and (max-device-width: 1136px) and (orientation: landscape) and (device-aspect-ratio: 40/71) {
}
/* TARGET IPHONE 5 */
@media only screen and (device-width: 568px) and (orientation: landscape) {
}
@media only screen and (device-width: 320px) and (orientation: portrait) {
}
/* TARGET IPHONE 4 */
@media only screen and (device-width: 320px) and (orientation: portrait) {
}
@media only screen and (device-width: 480px) and (orientation: landscape) {
}
/* TARGET HTC ONE AND GALAXY S5 */
@media only screen and (device-width: 360px) and (orientation: portrait) {
}
@media only screen and (device-width: 640px) and (orientation: landscape) {
}
/* TARGET IPHONE 6 */
@media only screen and (device-width: 375px) and (orientation: portrait) {
}
@media only screen and (device-width: 667px) and (orientation: landscape) {
}
/* TARGET IPHONE 6+ */
@media only screen and ( device-width: 414px ) and ( orientation: portrait ) {
}
@media only screen and ( device-width: 736px ) and ( orientation: landscape ) {
}