#headbar {
	background-color: #FF0000;
	height: 60px;
	padding: 15px;

	position: fixed;
    z-index: 99;
    width: 100%;

}

/*  BURGER =================================== */

.burger {
	width: 10px;
	height: 40px;
	top: 0;
	position: relative;
	border-radius: 4px;
	z-index: 1031;

}

.burger span {
	position: relative;
	margin-top: 9px;
	margin-bottom: 9px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	top: 50%;
	margin-left: -15px;
	margin-top: -1.5px;
}

.burger span,
.burger span::before,
.burger span::after {
	display: block;
	width: 35px;
	height: 4px;
	background-color: #FFF;
	outline: 1px solid transparent;
	-webkit-transition-property: background-color, -webkit-transform;
	-moz-transition-property: background-color, -moz-transform;
	-o-transition-property: background-color, -o-transform;
	transition-property: background-color, transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.burger span::before,
.burger span::after {
	position: absolute;
	content: "";
}

.burger span::before {
	top: -13px;
}

.burger span::after {
	top: 12px;
}

.burger.clicked {
	z-index: 1040;
}

.burger.clicked span {
	background-color: transparent;
}

.burger.clicked span::before {
	-webkit-transform: translateY(13px) rotate(45deg);
	-moz-transform: translateY(13px) rotate(45deg);
	-ms-transform: translateY(13px) rotate(45deg);
	-o-transform: translateY(13px) rotate(45deg);
	transform: translateY(13px) rotate(45deg);
}

.burger.clicked span::after {
	-webkit-transform: translateY(-13px) rotate(-45deg);
	-moz-transform: translateY(-13px) rotate(-45deg);
	-ms-transform: translateY(-13px) rotate(-45deg);
	-o-transform: translateY(-13px) rotate(-45deg);
	transform: translateY(-13px) rotate(-45deg);
}

.burger.clicked span:before,
.burger.clicked span:after {
	background-color: #ffffff;
}

.burger:hover {
	cursor: pointer;
}

.menusmart {
    background-color: #000408e6;
    position: fixed;
    z-index: 15;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    padding: 100px 40px 70px 0px;
    overflow-y: auto;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.menusmart.show {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.menusmart ul {list-style-type: none;margin: 0;}

.menusmart a {padding-top: 10px;color: #ddd;text-transform: uppercase;display: block;}
.menusmart > li {margin-bottom: 20px;}
.menusmart li.menu-item-has-children > a {border-bottom: 1px solid #646464;font-weight: 700;}
.menusmart li.menu-item-has-children > a::after {font-family: "FontAwesome"; font-weight: 400; content: "\f105";display: inline-block;padding-left: 10px;}
.menusmart li.menu-item-has-children .sub-menu li {margin-bottom: 0px;}


.menusmart hr {border-top: 1px solid #ddd;}

.menusmarticone {
	justify-content: space-between;
	padding-left: 35px;
	align-items: center;
}
.menusmarticone a {display: inline-block; margin-left: 5px;}
.menusmarticone img {filter: brightness(2);}
.menusmarticone a img {filter: brightness(0.5);}
.menusmarticone .footcont a img  {filter: brightness(2);}
#footbar {
	background-color: #161C55;
	height: 60px;
}
.push {
    margin-left: auto;
}
.footrollix {
	display: inline-block;
	color: var(--titre-color);
	background-color: #FFF;
	padding: 6px 20px;
	border-radius: 20px;

}


@media screen and (max-width: 1700px){
	#menupagegroup {width: 350px; }
}

@media screen and (max-width: 1450px){
	#menupagegroup {width: 280px; }
	.headsearch { flex-direction: column;}
	.head2 {margin-top: 10px;width: 100%;text-align: right;}
}
@media screen and (max-width: 1450px){
	.logomenu  { flex-direction: column;}
	.eshophead {left: 705px; top: 85px; }
	#header .logo {padding-top: 10px; }
	.menufixed {top: 151px;}
}
@media screen and (max-width: 1200px){
	/*.menufixed {top: 0;}*/
	.logomenu .logo {display: block;}
	.logomenu .meninline {margin-left: 0;}
	#menupagegroup {width: 200px; padding-left: 20px;}
	.homeaccom p {font-size: 30px;}
	.sec-marches, .sec-prod, .sec-process, .sec-contact-prod {max-width: 100vw;}
}

@media screen and (max-width: 992px){
	.swiperhome .swiper-slide {padding: 0 50px;}
	#headbar {top: 0;}
	#hero {height: 300px;margin-top: 60px;}
	#menuside {padding:0;}
	#menupagegroup {width: 92%;max-width: 100%;padding: 10px;margin-bottom: 0; margin: auto;}
	#menupagegroup li {width: 100%;text-align: center;margin-bottom: 10px;}
	#menupagegroup li:last-child {margin-bottom: 0px;border: 0;}
	section.prodrecherche .encart  {transform: translateY(20px);}
	section.prodrecherche .card  {margin-bottom: 20px;}
	section.prodrecherche .card .card-body {min-height: 125px;}
	section.prodrecherche .card-title {padding: 0px 15px; }
	#footer {padding-bottom: 50px;}
	section.contentpage section.prodrecherche {padding: 30px 15px;}
	.prodrecherchegris {display: none;}
	.pink-round {
		font-size: 14px;
		height: 150px;
		width: 150px;
		margin: 6px 10px;
	  }
	  .page-template-page-produits-RT #hero {height: 600px; padding-top:0}
	  .page-template-page-produits-RT h1 {font-size: 30px}
}

@media screen and (max-width: 768px){
	.homeprod .homeproduit .itemprodhome {flex: 1 0 50%;}
	.h2deco, .contentpage h2 {
		font-size: 30px;
		background-size: 15px 50px;
		background-position: top left;
		padding: 10px 0 20px 25px;
	}
	.page-template-page-produits-RT .title-white h2 {font-size: 40px; padding: 20px 0;}
	.page-template-page-produits-RT .title-white h3 {font-size: 30px;}
	.page-template-page-produits-RT h4 {font-size: 22px;}

	.vision2 .tab-pane {padding: 0 20px;}
	.secElem-service .elementor-column {min-height: 215px;}
	#bandeau-rt .title-white h2, #popRT .title-white h2 {padding: 20px 0; font-size: 35px;}
	#popRT p {padding: 60px 0;}
}
@media screen and (max-width: 750px){
	.swiper-slide .slidelink {display: block;}
	.vision .container {height: auto;}
	.vision .visionbg {background: none;display: none;}
	.vision2  {background-color: #FFF;padding: 0;}
	.vision2 .container {margin-top: 0;padding: 0;}
	#tabhomevision.nav {display: block;}
	section.prodrecherche .card .card-body{min-height: 160px;}
	#hero .logohero {
		width: 140px;
		padding-bottom: 10px;
		margin-top: 0px;
	}	 	
}
@media screen and (max-width: 650px){
	.homeaccom p {font-size: 25px;}
	section.prodrecherche .card-footer {line-height: 110%; padding: 25px;}
	section.prodrecherche .card-footer a:after {height: 0;}
}
@media screen and (max-width:580px) {
	section.prodrecherche .card-title {font-size: 20px;}
	section.prodrecherche .card .card-body{min-height: 125px;}
	section.prodrecherche .card-footer {line-height: 110%; padding: 15px; min-height: 70px;}
}
@media screen and (max-width: 400px){
	#hero h1 {font-size: 24px; line-height: 30px;}
	#hero h2 {font-size: 15px; line-height: 20px; font-weight: 400;}
	.rig-text {font-size: 11px;}
	.page-template-page-produits-RT #hero {height: auto;}
	#popRT p {padding-bottom: 30px;}
	#popRT .pink-btn a {font-size: 13px; padding: 15px 30px;}

	section.prodrecherche .card-footer a {
		text-align: center;
	  }
 
	  
}