@charset "utf-8";
/* CSS Document */

/*--Import GLOBAL CSS--*/
@import url('global.css');

body{font-family:var(--font-family); color:#000; font-weight:400;}
.container{padding-left:15px; padding-right:15px;}
.wrapper{width:100%; max-width:1370px; margin:0 auto;}
.header{background-color:#fff; padding:0 14px; position:relative; z-index:99;}
.logo img{max-width:147px;}
.menu{margin-left:auto;}
.menu ul{margin:0 -15px;}
.menu ul li{padding:0 15px; position:relative;}
.menu ul li:last-child{border-left:1px solid rgba(112,112,112,0.3);}
.menu ul li a{display:block; font-size:14px; color:#000; min-height:80px; display:grid; place-items:center; padding:5px 0; position:relative; font-family:var(--headding-font);}
.menu ul li a.active{font-weight:var(--fw-semiBold);}
.menu ul li a::after{background-color:var(--primary-color); width:0; height:5px; position:absolute; left:50%; bottom:0; transform:translateX(-50%); content:""; transition:all 0.1s linear;}
.menu ul li a.active:not(.portail-optic-link)::after, .menu ul li a:not(.portail-optic-link):hover::after{width:100%;}
.menu ul li a span:not(:last-child){margin-right:5px;}
.portail-optic-link:hover{text-decoration:underline;}

.hero-banner{min-height:440px; background-color:var(--secondary-color); display:grid; grid-template-columns:repeat(2, 1fr);}
.hero-banner-bg{background-size:cover; background-position:center center; background-repeat:no-repeat;}
.hero-banner-bg-1{background-image:url(../images/hero-bg-1.jpg);}
.hero-banner-content{position:relative; padding:40px; overflow:hidden;}
.hero-banner-content::before, .hero-banner-content::after{position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; content:"";}
/*.hero-banner-content::before{background:url(../images/hero-banner-shape-1.png) left top no-repeat;}
.hero-banner-content::after{background:url(../images/hero-banner-shape-2.png) right top no-repeat; background-size:50% auto; transform:translate(25%, -25%);}*/

main{padding:70px 0;}
.section:not(:last-child){margin-bottom:20px;}

.cards{display:grid; grid-template-columns:repeat(4, 1fr); grid-gap:40px;place-items: baseline;}
.card-item{min-height:300px;max-height:300px; max-width: 375px; display:grid; padding:0px; position:relative;}
.card-item::after{position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; content:""; background-repeat:no-repeat;}
/*.card-item:hover{}*/
.card-item img{margin:0 auto 10px;max-height:325px}
.card-item img:hover{transform: scale(1.1);opacity: 0.9;}
.universImg:hover{transform: scale(1.05);opacity: 0.9;}
.card-item h6{font-weight:var(--fw-bold); text-align:center; color:#000;}
.card-item:hover h6{text-decoration:underline;}
.card-item[data-position="left-bottom-1"]::after{background-image:url(../images/left-bottom-1.svg); background-position:left bottom;}
.card-item[data-position="left-bottom-2"]::after{background-image:url(../images/left-bottom-2.svg); background-position:left bottom;}
.card-item[data-position="left-top-1"]::after{background-image:url(../images/left-top-1.svg); background-position:left top;}
.card-item[data-position="right-bottom-1"]::after{background-image:url(../images/right-bottom-1.svg); background-position:right bottom;}
.card-item[data-position="right-top-1"]::after{background-image:url(../images/right-top-1.svg); background-position:right top;}

.cards2{display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:115px;place-items: baseline;}
.cards3{display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:60px;place-items: baseline;}
.cards5{display:grid; grid-template-columns:repeat(5, 1fr); grid-gap:40px;place-items: baseline;}

.footer{min-height:60px; background-color:var(--secondary-color); display:grid; place-items:center; padding:10px 15px;grid-template-columns: repeat(4, 1fr);}
.footer p{font-size:14px;}
.footer p a{color:#000; text-decoration:underline;}
.footer p a:hover{text-decoration:none;}

.intro-modal{width:100%; max-width:500px; background-color:var(--secondary-color); padding:50px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); z-index:9999;  opacity:0; visibility:hidden; transition:all 0.1s linear;}
.intro-modal h6{font-weight:var(--fw-bold);}
.intro-modal h6:not(:last-child), .intro-modal p:not(:last-child){margin-bottom:20px;}
.intro-modal p{line-height:1.8;}
.intro-modal p a{text-decoration:underline; color:#000;}
.intro-modal p a:hover{text-decoration:none; color:var(--primary-color);}
.intro-modal.active{opacity:1; visibility:visible;}

.testHover:hover{transform: scale(1.1);box-shadow: 0 0 150px rgba(0,0,0,.21)inset;}
.testHover2:hover{transform: scale(1.05);box-shadow: 0 0 150px rgba(0,0,0,.21)inset;}

@media(max-width:1399px){
	.container{max-width:100%;}
	main{padding:50px 0;}
	.section:not(:last-child){margin-bottom:30px;}
	.hero-banner-content{padding:30px 15px;}
	.cards{padding:0 15px; grid-gap:40px;}
	.logo img{max-width:130px;}
	.menu ul{margin:0 -10px;}
	.menu ul li{padding:0 10px;}
	.menu ul li a{font-size:13px; min-height:70px;}
	.menu ul li a::after{height:4px;}
	.hero-banner{min-height:400px;}
	.hero-banner-content::before{background-size:25% auto;}
}
@media(max-width:1199px){
	.hero-banner{min-height:350px;}
	.header{min-height:60px;}
	.card-item{min-height:280px;}
}
@media(min-width:992px){
	.menu{display:block !important;}
}
@media(max-width:991px){
	.hero-banner{min-height:300px;}
	.hero-banner-content::before{background-size:auto 30%;}
	.logo img{max-width:120px;}
	.menu{position:absolute; left:0; top:100%; width:100%; display:none;}
	.menu ul{margin:0;}
	.menu ul li:first-child{border-top:1px solid #ccc;}
	.menu ul li{padding:0; border-bottom:1px solid #ccc;}
	.menu ul li a::after{display:none;}
	.menu ul li a{text-align:left; min-height:auto; display:block; background-color:#fff; padding:15px 15px; line-height:20px;}
	.menu ul li a.active, .menu ul li a:hover{background-color:#f5f5f5;}
	.cards{grid-template-columns:repeat(3, 1fr); grid-gap:40px;}
	.card-item{min-height:250px;}
	.intro-modal{padding:40px;}
}
@media(max-width:767px){
	main{padding:30px 0;}
	.hero-banner{min-height:250px;}
	.cards{grid-template-columns:repeat(2, 1fr); grid-gap:40px;}
	.card-item{min-height:220px;}
	.hero-banner{grid-template-columns:1fr;}
	.hero-banner-content::after{background-size:auto 70%; transform:translate(10%,0); background-position:right center;}
	.footer p{font-size:13px;}
	.intro-modal{padding:30px;}
}
@media(max-width:575px){
	.hero-banner{min-height:150px;}
	.card-item{min-height:80px;}
	.cards{grid-template-columns:1fr;}
	.card-item::after{background-size:auto 60%;}
	.card-item h6 br{display:none;}
	.header{min-height:50px;}
	.nav-icon{width:50px;}
	.nav-icon::before, .nav-icon::after, .nav-icon span{width:20px;}
	.intro-modal{padding:20px;}
	.intro-modal{max-width:calc(100% - 30px);}
	.intro-modal h6:not(:last-child), .intro-modal p:not(:last-child){margin-bottom:15px;}
}
@media(max-width:375px){
	.logo img{max-width:110px;}
	.header{min-height:40px;}
	.footer p{font-size:12px;}
	.nav-icon{width:40px;}
	.intro-modal{padding:25px;}
}

.page-header{position:relative;}
.page-header:not(:last-child){margin-bottom:40px;}
.page-header h3{font-weight:var(--fw-bold);}
.page-header h6 a{font-weight:var(--fw-bold); text-decoration:underline; color:#000;}
.page-header h6 a:hover{text-decoration:none; color:var(--primary-color);}
.page-header p{font-family:var(--headding-font);}
.page-header p:not(:last-child){margin-bottom:5px;}
.page-header .back-to-page{position:absolute; left:0; top:0;}
article:not(:last-child){margin-bottom:40px;}
article h6{font-weight:var(--fw-bold);}
article h6:not(:last-child){margin-bottom:20px;}
article p{font-size:14px;}
article p:not(:last-child){margin-bottom:15px;}
.page-header h3:not(:last-child){margin-bottom:30px;}
.page-header p{font-size:14px;}
.section-header:not(:last-child){margin-bottom:30px;}
.section-header h6{font-weight:var(--fw-bold);}
.research-category-item{width:100%; max-width:300px; height:300px;}
.logo-slider .swiper-slide img{margin:0 auto; transition:all 0.2s linear; cursor:pointer;}
.logo-slider .swiper-slide img:hover{transform:scale(1.2);}
.radio-group > .row.rows{margin:-5px;}
.radio-group > .row.rows > .columns{padding:5px;}

.suppliers-list{padding:0 40px;}
.suppliers-list > .row.rows{margin:-15px -40px;}
.suppliers-list > .row.rows > .columns{padding:15px 40px;}
.supplier{background-color:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.16);}
.supplier-image{min-height:280px; background-size:cover; background-position:center center; background-repeat:no-repeat; background-color:white;text-align: center;}
.supplier-content{background-color:#fff; padding:15px;}
.supplier-content h6:not(:last-child){margin-bottom:10px;}
.supplier-content h6{font-weight:var(--fw-bold);}
.format-toggle-btn{position:relative;}
.format-toggle-icon{position:absolute; right:20px; top:50%; transform:translateY(-50%); transition:all 0.1s linear;}
.mobile-formats{padding:0 15px; border-top:1px solid #aba9a6; display:none;}
.mobile-formats li{min-height:70px; padding:5px 0;}
.mobile-formats li:not(:last-child){border-bottom:1px solid #aba9a6;}
.mobile-format-icon{min-width:100px;}
.mobile-format-content h6{font-weight:var(--fw-bold);}
.mobile-format-content h6, .mobile-format-content p{font-size:12px;}
.mobile-format-modal-toggle{display:block; cursor:pointer;}
.social-media-icon{width:30px; height:30px; background-color:#fff; border:1px solid #000; display:grid; place-items:center; font-size:14px; color:#000;}
.social-media-icon.social-media-icon-banner{width:70px;}
.modal-description{font-size:10px;}
.modal-description a{color:#000; text-decoration:underline;}
.modal-description a:hover{text-decoration:none; color:var(--primary-color);}
.modal-description:not(:first-child){margin-top:10px;}
.social-media-item .social-media-item-image{height:100px; background-color:white; width:100%; max-width:280px; margin:0 auto;}
.social-media-item .social-media-item-image:not(:last-child){margin-bottom:15px;}
.social-media-item h6:not(:last-child){margin-bottom:0;}

.format-block:not(:last-child){margin-bottom:40px;}
.format-banner{padding:15px; background-color:var(--secondary-color); border-radius:4px; box-shadow:0 3px 6px rgba(0,0,0,0.16);}
.format-banner > .row.rows{margin:-15px;}
.format-banner > .row.rows > .columns{padding:15px;}
.format-banner-image{min-height:150px; background-color:white; width:100%;text-align:center}
.format-banner h6{font-weight:var(--fw-bold);}
.format-banner .btn:not(:first-child){margin-top:25px;}
.faceBook-profile-banner, .instagram-post-banner{max-width:150px; margin:0 auto;}
.format-hero-banner{background-color:#fff; box-shadow:0 3px 10px rgba(0,0,0,0.38);}
.format-hero-banner-image{max-width:275px; min-height:220px; margin:0 auto;}

.quick-access-form{background-color:#F4F2EE; padding:20px 30px;}
.quick-access-form h6{font-weight:var(--fw-bold);}
.quick-access-form h6:not(:last-child){margin-bottom:20px;}

.suppliers-list-section{box-shadow:0 3px 10px rgba(0,0,0,0.38); padding:30px 0;}
.section-content:not(:last-child){margin-bottom:30px;}
.tab-links:not(:first-child){margin-top:30px;}
.tab-links{margin:-5px -30px;}
.tab-links li{padding:5px 30px;}
.tab-links li button{font-size:15px; font-weight:var(--fw-bold); min-width:150px; padding:13px 15px; border:1px solid #000; line-height:20px; text-align:center; border-radius:20px; transition:all 0.1s linear;}
.tab-links li button:hover, .tab-links li button.current{border-color:var(--primary-color); color:#fff; background-color:var(--primary-color);}
.tab-content{display:none;}
.tab-content.current{display:inherit;}

@media(max-width:1399px){
	.pages{padding:0 15px;}
}
@media(max-width:1199px){
	.suppliers-list{padding:0;}
	.suppliers-list > .row.rows{margin:-15px -15px;}
	.suppliers-list > .row.rows > .columns{padding:15px 15px;}
	.suppliers-list-section{padding:15px;}
	.tab-links{margin:-5px -20px;}
	.tab-links li{padding:5px 20px;}
	.tab-links li button{font-size:14px; min-width:130px; padding:10px 15px;}
}
@media(max-width:991px){
	.research-category-item img{max-width:45px;}
	.page-header h3:not(:last-child){margin-bottom:25px;}
	.page-header .back-to-page{position:static;}
	.page-header .back-to-page:not(:last-child){margin-bottom:15px;}
	.page-header .column:not(:last-child){margin-bottom:25px;}
	.tab-links{margin:-5px -15px;}
	.tab-links li{padding:5px 15px;}
	.tab-links li button{font-size:13px; min-width:110px; padding:10px 15px; line-height:18px;}
}
@media(min-width:768px){
	.mobile-formats{display:none !important;}
}
@media(max-width:767px){
	.research-category-item img{max-width:35px;}
	.research-category-item{width:100%; max-width:100%; height:auto; min-height:125px;}
	.research-category-cards{padding:0;}
	.cards.research-category-cards{grid-template-columns: repeat(1, 1fr);}
	.page-header h3:not(:last-child){margin-bottom:20px;}
	.page-header:not(:last-child){margin-bottom:25px;}
	.section-header:not(:last-child){margin-bottom:25px;}
	.suppliers-list{margin:0 -15px;}
	.supplier-content-wrap{display:flex; padding:15px;}
	.supplier-image{min-height:150px;}
	.supplier-content{padding:0; padding-left:15px; background:none;}
	.supplier-content h6:not(:last-child){margin-bottom:5px;}
	.suppliers-list > .row.rows{margin:-15px 0;}
	.suppliers-list > .row.rows > .columns{padding:15px 0;}
	.supplier-content h6{font-size:14px;}
	.supplier-content p{font-size:13px;}
	.supplier.active{background-color:var(--secondary-color);}
	.supplier.active .format-toggle-icon{transform:translateY(-50%) rotate(45deg);}
	.format-toggle-btn.active, .format-toggle-btn.active:hover, .format-toggle-btn.active:focus{background:none; box-shadow:none;}
	.quick-access-form{padding:15px 25px;}
	.quick-access-form h6:not(:last-child){margin-bottom:15px;}
	.suppliers-list-section{padding:0; box-shadow:none;}
	.suppliers-list-intro{padding:15px; box-shadow:0 3px 10px rgba(0,0,0,0.38);}
	.suppliers-list-intro .suppliers-list{margin:0;}
	.suppliers-list-intro .suppliers-list > .row.rows{margin:-7px;}
	.suppliers-list-intro .suppliers-list > .row.rows > .columns{padding:7px;}
	article h6:not(:last-child){margin-bottom:10px;}
	article p:not(:last-child){margin-bottom:10px;}
	.tab-links{margin:-5px -10px;}
	.tab-links li{padding:5px 10px;}
	.tab-links li button{font-size:12px; min-width:90px; padding:8px 10px;}
}
@media(max-width:575px){
	article p{font-size:13px;}
	article h6:not(:last-child){margin-bottom:15px;}
	article p:not(:last-child){margin-bottom:10px;}
	.page-header:not(:last-child){margin-bottom:30px;}
	.research-category-item img{max-width:25px;}
	.page-header h3:not(:last-child){margin-bottom:15px;}
	.page-header:not(:last-child){margin-bottom:20px;}
	.section-header:not(:last-child){margin-bottom:20px;}
	.modals{left:0; top:auto; bottom:0; transform:translate(0,125%);}
	.modals.active{transform:translate(0,0);}
	.terms-modal .btn:not(:first-child){margin-top:20px;}
	.quick-access-form{padding:15px;}
	.tab-links{margin:-5px -5px;}
	.tab-links li{padding:5px 5px;}
	.intro-modal.cgu-modal{transform:translate(0, 125%); left:0; top:auto; bottom:0; max-width:100%;}
	.intro-modal.cgu-modal.active{transform:translate(0, 0);}
}