@font-face {
	font-family: 'FoundersGroteskXCond-SmBd';
	src: url('../fonts/FoundersGroteskCondensed-Semibold.eot');
	src: url('../fonts/FoundersGroteskCondensed-Semibold.otf') format('truetype'),
		 url('../fonts/FoundersGroteskCondensed-Semibold.woff') format('woff'),
		 url('../fonts/FoundersGroteskCondensed-Semibold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/FoundersGroteskCondensed-Semibold.svg#QuadrantaBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FoundersGroteskTextWeb-Regular';
	src: url('../fonts/FoundersGroteskCondensed-Regular.eot');
	src: url('../fonts/FoundersGroteskCondensed-Regular.otf') format('truetype'),
		 url('../fonts/FoundersGroteskCondensed-Regular.woff') format('woff'),
		 url('../fonts/FoundersGroteskCondensed-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/FoundersGroteskCondensed-Regular.svg#QuadrantaBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
*{margin:0;padding:0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;scroll-behavior: smooth;}
a{text-decoration:none;color:#999;}
.mask{width:100%;height:100%;display:block;position:absolute;left:0;top:0;}
.mask.black{background-color:rgba(0,0,0,0.7);}
.btn{cursor:pointer;display:inline-block;background-color:#f68026;padding:10px 15px;text-align:center;border:1px solid #fff;border-radius:5px;color:#fff;transition:.1s linear;}
.btn:hover{background-color:#999;border-color:#666;}
.dashicons-yes{color:green;}
.dashicons-no{color:red;}
.dashicons-backup{color:#f68026;}
h1,h2,h2 a{font-family:'FoundersGroteskXCond-SmBd','Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#000;}
h1{margin-bottom:10px;font-size:32px;}
h2{font-size:25px;margin-bottom:10px;}
p{font-size:13px;margin-bottom:10px;}
ul,ol{margin-left:20px;font-size:13px;}
.title{text-align:center;}
html,body{position:relative;overflow-x:hidden;font-family:'FoundersGroteskTextWeb-Regular','Helvetica Neue',Helvetica,Arial,sans-serif;}
body{background-color:#eee;}
.logo{background-image:url(../img/simms.svg);background-repeat:no-repeat;background-position:left center;background-size:contain;}
/* .logo span{background-image:url(../img/rdle_logo.png);background-repeat:no-repeat;background-position:right center;background-size:contain;padding-left:220px;padding-right:50px;height:40px;display:inline-block;opacity:0.6;color:#000;} */
.visuel{background-position:center center;background-size:cover;background-repeat:no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;}
.grid{display:grid;grid-gap:40px;margin:auto;position:relative;}
.grid.title {margin-bottom:20px;}
#nav-toggle {cursor: pointer;transition: background-color .2s ease-in-out;width: 30px;height: 28px;padding: 18px 0px;display: block;outline: none;}
#nav-toggle::before {font-family:dashicons;content: '\f228';font-size: 29px;display: block;width: 100%;position: absolute;top: 0;left: 0;text-align: center;}
#nav-toggle.activ::before {content: '\f335';}
header{transition:.1s linear;position:fixed;top:0;left:0;z-index:998;width:100vw;height:100px;}
header nav{transition:.1s linear;position:relative;}
header nav ul li{list-style:none;}
header>div{transition:.1s linear;position:relative;z-index:2;background-color:#fff;border-bottom:1px solid #e1e7ec}
header>div nav ul{display:flex;justify-content:flex-end;}
header>div nav ul::before{content: " ";display:inline-block;margin-left:20px;background-image: url(../img/rdle_logo.png);background-repeat: no-repeat;background-size: contain;background-position: left top;width: 38px;height: 34px;}
header>div nav ul li{display:inline-block;margin-left:20px;}
header>div nav ul li a{transition:.1s linear;color:#999;display:inline-block;position:relative;}
header>div nav ul li a:hover{color:#f68026;}
header>nav{transition:.2s linear;position:absolute;left:100%;top:0;z-index:1;height:100vh;width:100vw;overflow-y:auto;background:#ddd}
header>nav.activ{left:0;}
header>nav>ul{display:grid;grid-gap:30px;}
header>nav>ul>li>a{font-weight:bold;font-size:20px;font-family:'FoundersGroteskXCond-SmBd','Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#000;}
header>nav>ul>li>ul{margin:0;}
header>nav a{display:block;padding:10px;}
header span.dashicons{background-color:#f68026;color:#fff;padding:7px;}
header nav>ul>li>a>span.dashicons{border-radius:50%;}
header span.count{background-color:#999;border-radius:50%;padding:2px 5px;color:#fff;position:absolute;right:-5px;top:-5px;}
.searchform form{display:flex;border-radius:20px;overflow:hidden;}
/* #content{background-color:#fafafa;} */
#content footer{padding:40px 20px;padding-bottom:80px;min-height:110px;position:relative;background-color:#fff;}
#content footer a{color:#000;}
#content footer span.rea{position:absolute;bottom:0;left:0;width:100%;background:#ddd;color:#aaa;padding:10px;display:block;text-align:center;font-size:14px;border-top:1px solid #e1e7ec}
#content footer span.rea a{color:#666;font-size:14px;}
#content footer .entreprise{display:grid;grid-template-columns:55px auto;grid-gap:15px;}
#content footer .entreprise::before{content:" ";background-image:url(../img/rdle_logo.png);background-repeat:no-repeat;background-size:contain;background-position:left top;width:55px;height:55px;}
#content footer .entreprise>div{display:grid;grid-gap:10px;}
#content footer .entreprise ul{margin-left:0}
#content footer .entreprise li{list-style:none;}
#content footer .logos{display:grid;}
#content footer .logos .systempay{background-image:url(../img/ca-e-transactions.png);background-repeat:no-repeat;background-size:280px auto;background-position:left center;height:120px;}
#content footer .mentions a{display:block;margin-bottom:10px;}
#content section, #content article, .formbtn{margin-bottom:90px;}
#content section.title{margin-bottom:50px;}
#content section.asso{margin-bottom:120px;}
#content section.collection>div, #content section.collection>a{transition:.1s linear;/*box-shadow:inset 0 0 0 5px #fff;*/background-position:center center;background-repeat:no-repeat;background-size:contain;}
.pdts{display:grid;grid-gap:20px;}
a.pdt{transition:.1s linear;background-size:auto 90%;background-repeat:no-repeat;background-position:center center;background-color: #fff;border: 1px solid #e1e7ec;position:relative;overflow:hidden;}
a.pdt span.title span.txt strong{display:block;font-weight:normal;}
a.pdt span.title span.txt .tarif{font-weight:bold;}
a.pdt span.more{transition:.15s linear;position:absolute;bottom:0;right:0;z-index:1;width:100px;height:50px;font-size:28px;}
a.pdt span.more::before{transition:.1s linear;content:' ';border-bottom:50px solid rgba(246,128,38,0.9);border-left:70px solid transparent;width:0;height:0;position:absolute;bottom:0;right:0;z-index:1}
a.pdt span.more::after{content:'+';position:absolute;bottom:0px;right:10px;z-index:2;color:#fff;}
#content section.collection>div{background-size:cover;}
#content section.collection>div:hover{}
#content section.collection>div, #content section.collection>a, #content section.pub>a{background-color:#fff;border:1px solid #e1e7ec;}
#content section.collection h2{padding:0px 30px;}
#content section.collection h2::before{content:'sélection';margin-right:5px;color:#f68026;font-weight:normal;}
#content section.pub{background-color:#fff;border: 1px solid #eee;margin:60px 0px;margin-bottom:10 0px;padding:50px 0px;}
#content section.pub h2{margin-bottom:30px;}
#content section.pub>div{overflow:hidden;text-align:center;}
#content section.pub>div>a{transition:.1s linear;display:inline-block;width:200px;height:200px;background-position:center center;background-repeat:no-repeat;background-size:contain;}
#content section.pub>div>a:hover{transform:scale(1.1);}
.breadcrumb{margin:0;margin-bottom:30px;}
.breadcrumb .dashicons{font-size:12px;padding-top:2px;}
.breadcrumb li{list-style:none;display:inline-block;font-size: 13px;}
.breadcrumb li a{color:#999;}
.breadcrumb li a::before{font-weight: normal;padding: 3px 8px;display: inline-block;vertical-align: bottom;font-size: 12px;color: #999;content: '\f345';font-family: dashicons;}
.breadcrumb li:first-child a::before{display:none;}
.single-produit h1 span{color:#f68026;font-size:28px;margin-right:10px;}
.single-produit .visuels .item{overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #eee;border-bottom:none;position:relative;}
.single-produit .visuels .item img{max-height:600px;max-width:100%;border:20px solid #fff}
.single-produit .visuels nav{display:grid;background:#fff;border:1px solid #eee;padding:10px;grid-gap:10px;grid-template-columns: repeat(4, 1fr);}
.single-produit .visuels nav>div{position:relative;}
.single-produit .visuels nav>div img{width:100% !important;}
.single-produit h2{margin-bottom:40px;}
.single-produit .text{font-size:13px;}
.single-produit .text p{margin-bottom:20px;}
.single-produit .text ul{margin-bottom:20px;}
.single-produit .text ol{margin-bottom:20px;}
.single-produit .text hr{margin:20px;border:none;border-top:1px solid #ddd;}
.single-produit .text .tarif{padding:20px;background:#f5f5f5;margin-bottom:10px;margin-top:40px;display:grid;}
.single-produit .text .tarif span{font-size:26px;font-weight:bold;font-family:'FoundersGroteskXCond-SmBd','Helvetica Neue',Helvetica,Arial,sans-serif;}
.single-produit .text .tarif span small{font-size:12px;margin-right:5px;}
.single-produit .ref{display:grid;}
.single-produit .ref>div{background-repeat:no-repeat;background-size:contain;background-position:center center;width:100%;height:50px;}
/* popup */
#mytinyobox{position:fixed;left:0;top:100%;width:100vw;min-height:100vh;z-index:999;transition:.2s linear;}
#mytinyobox.activ{top:0;overflow-y:scroll;}
#mytinyobox div.bg{cursor:pointer;background-color:rgba(255,255,255,0.9);position:absolute;left:0;top:0;width:100%;height:100%;}
#mytinyobox div.txt{position:absolute;width:80%;max-width:800px;padding:20px;background-color:#eee;left:50%;top:50%;transform:translate(-50%,-50%);}
#mytinyobox div.txt::before{display:none;pointer-events:none;color:#000;content:'\f335';font-family:dashicons;position:fixed;right:-40px;top:-44px;width:40px;height:44px;font-size:42px;background-color:#ccc;}
#mytinyobox.activ div.txt::before{display:block;}
#mytinyobox div.txt h2{padding:10px 30px;margin:0;text-align:center;position:relative;z-index:2;}
#mytinyobox div.txt ul{margin-left:20px;}
#mytinyobox div.detail{overflow-y:auto;overflow-x:hidden;max-height:65vh;padding:20px;position:relative;z-index:1;}
#mytinyobox div.detail h2{background:none;text-transform:uppercase;}
#mytinyobox div.detail h3{padding-top:20px;}
#mytinyobox div.detail p{margin-bottom:20px;}
#mytinyobox div.detail table{width:100%;padding:0px 30px;}
#mytinyobox div.detail th, #mytinyobox div.detail td{text-align:left;vertical-align:top;padding-bottom:10px;}
#mytinyobox div.detail.panier .item{display:block;margin-bottom:40px;overflow:hidden;}
#mytinyobox div.detail.panier .item .visuel{position:relative;background-color:#fff;border-top:10px solid #fff;border-bottom:10px solid #fff;background-position:center center;background-repeat:no-repeat;background-size:contain;height:150px}
#mytinyobox div.detail.panier .item .caption{background-color:#262626;color:#fff;padding:20px;}
#mytinyobox div.detail.panier .item .caption h3, #mytinyobox div.detail.panier .item .caption p{margin:0;padding:0;}
#mytinyobox div.detail.panier .produits{display:grid;margin-top:10px;}
#mytinyobox div.detail.panier .action{display:grid;margin-top:20px;margin-bottom:0px;}
#mytinyobox div.detail.panier .action a{display:block;text-align:center;padding:10px;margin:10px;background-color:#ddd;color:#000;transition:.1s linear;}
#mytinyobox div.detail.panier .action a:hover{background-color:#ef0616;color:#fff;}
#mytinyobox div.detail.panier .list{text-align:center;}
/* #mytinyobox div.detail.panier .list a{display:block;border-bottom:1px solid #fff;padding:5px;color:#000;} */
#mytinyobox div.detail.panier .list a{display:block;text-align:center;padding:10px;margin:10px;background-color:#ddd;color:#000;transition:.1s linear;}
#mytinyobox div.detail.panier .list a:hover{background-color:#f68026;color:#fff;}
#mytinyobox div.detail.panier .list>div{font-size:25px;margin:30px 0px;}
#mytinyobox div.detail.panier .list .dashicons{vertical-align: middle;margin-right:10px;}
#mytinyobox div.detail.panier .list .franco{font-size:15px;}
#mytinyobox div.txt form{display:grid;grid-gap:10px;text-align:center;padding:20px;}
#mytinyobox div.txt form iframe{height:30px;width:100%;}
#mytinyobox div.txt form input[type="text"], #mytinyobox div.txt form textarea{resize:none;padding:10px;font-size:14px;border:1px solid #aaa;border-radius:5px;}
#mytinyobox div.txt form input[type="submit"]{background-color:#f68026;padding:10px;color:#fff;border-radius:5px;border:none;}
#mytinyobox div.txt form input[name^="relat_"]{display:none;}
/* Panier */
.etape-panier{}
.etape-panier h2{margin-bottom:10px;}
.etape-panier .items{background:#fff;margin-bottom:10px;}
.etape-panier .items .item{display:grid;grid-template-columns:120px auto;border-bottom:1px solid #e5e5e5;padding:10px;}
.etape-panier .visuel{position:relative;}
.list-panier .commande{float:right;padding:40px 20px;font-size:18px;}
.list-panier .item h3 a{color:#f68026;margin-bottom:5px;display:block;}
.list-panier .item .quantite input {background-color:#eee;border:none;width:15px;height:17px;padding:2px;text-align:center;}
.list-panier .item .quantite a {display: inline-block;background-color: #fafafa;padding: 0px 5px;padding-bottom: 6px;width: 15px;height: 15px;text-align: center;font-weight: normal;cursor: pointer;}
.coord-panier .input{display:grid;}
.coord-panier .input>div {margin-bottom:40px;padding:20px;padding-top:30px;background-color:#fff;}
.coord-panier .input input[type="text"]{font-size:16px;outline:none;display:block;border:none;border-bottom:1px solid #eee;padding:5px 10px;margin-bottom:10px;width:-webkit-fill-available;width:-moz-available;width:fill-available;}
.coord-panier .input input[readonly]{background:#fff;font-weight:bold;}
/* mobile */
@media (max-width: 991px) {
	.title h1::before, .title h1::after, .title h2::before, .title h2::after{content:' ';border-bottom:1px solid #ddd;display: inline-block;width:20px;margin:5px 15px;}
	.desktop{display:none;}
	header .logo{transition:.1s linear;width:130px;height:90px;display:inline-block;background-position:20px center;position:absolute;left:0px;top:-12px;z-index:2;}
	header>div{height:50px}
	header>div nav{padding-top:10px;}
	header>div nav ul{margin-right:20px;}
	header>div nav li.searchform{display:none;}
	header>nav>ul{padding:80px 20px;}
	/* header>nav>ul{grid-template-columns: repeat(2, 1fr);} */
	#content{padding-top:100px;}
	#content h2{text-align:center;}
	#content section, #content article, article .visuels{margin-bottom:50px;}
	#content section.collection{grid-auto-rows:100px;}
	.single-produit #content{padding-top:50px;}
	.single-produit .text{padding-left:20px;padding-right:20px;}
	.single-produit .text .tarif{text-align:center;}
	.single-produit .text .tarif span{margin-bottom:20px;}
	.single-produit .refs{grid-template-columns: repeat(2, 1fr);}
	.single-produit .ref{grid-gap:10px;font-size:14px;}
	.single-produit .ref span.tarif{font-weight:bold;font-size:22px;}
	.single-produit .ref>div{height:200px;}
	.single-produit .asso .grid {grid-auto-rows:minmax(170px, auto);grid-template-columns: repeat(2, 1fr);}
	.pdts{grid-auto-rows:100px;}
	.ref{margin-bottom:30px;}
	.ref>span{display:block;}
	.pdts{grid-template-columns: repeat(2, 1fr);grid-auto-rows:minmax(170px, auto);}
	a.pdt{background-position:center 10px;background-size:auto 150px;}
	a.pdt span.title{display:block;margin-top:170px;padding:10px;margin-bottom:15px}
}
/* tablette */
@media (min-width: 590px) and (max-width: 991px) {
	
}
/* desktop */
@media (min-width: 992px) {
	.title h1::before, .title h1::after, .title h2::before, .title h2::after{content:' ';border-bottom:1px solid #ddd;display: inline-block;width:100px;margin:5px 15px;}
	.mobile{display:none;}
	.grid{width:820px;}
	.grid.m-cel-2{grid-template-columns: repeat(2, 1fr);}
	.grid.m-cel-3{grid-template-columns: repeat(3, 1fr);}
	.grid.m-cel-4{grid-template-columns: repeat(4, 1fr);}
	.grid.m-cel-5{grid-template-columns: repeat(5, 1fr);}
	.grid.m-cel-6{grid-template-columns: repeat(6, 1fr);}
	.grid .m-col-2{grid-column-end: span 2;}
	.grid .m-col-3{grid-column-end: span 3;}
	.grid .m-col-4{grid-column-end: span 4;}
	header .logo{transition:.1s linear;width:200px;height:170px;display:inline-block;position:absolute;left:50px;top:-25px;z-index:2;}
	header>div{height:100px;}
	header>div nav{padding-top:40px;}
	header>div nav ul{margin-right:65px;}
	header>div nav form input{padding:7px;padding-left:20px;border:none;background-color:#eee;outline:none;}
	header>nav{padding-top:130px;}
	header>nav>ul{grid-template-columns: repeat(3, 1fr);width:800px;margin:auto;}
	header>nav>ul>li{padding:10px;}
	header>div nav ul::before{width:80px;height:64px;margin-top:-20px;}
	header.scroll>div{height:50px;}
	header.scroll>div nav{padding-top:7px;}
	header.scroll .logo{height:70px;width:126px;top:-5px;}
	header.scroll>nav{padding-top:70px;}
	header.scroll>div nav ul::before{width: 38px;height: 34px;margin-top:0;}
	#content{padding-top:150px;}
	#content section.collection{grid-auto-rows:150px;}
	#content section.collection>div{background-color:#eee;position:relative;grid-column-start: 3;grid-column-end: 5;grid-row-start: 1;grid-row-end: 3;}
	#content section.collection:nth-child(odd)>div{grid-column-start: 1;grid-column-end: 3;}
	#content section.collection div.txt{background-color:rgba(255,255,255,0.8);padding:20px 0px;width:100%;position:absolute;bottom:0;left:0;display:inline-block;}
	#content section.pub{grid-auto-rows:300px;grid-gap:20px;}
	article .text{padding-left:20px;}
	article .text form{margin-top:40px;}
	article .text select{margin-bottom:20px;padding:10px;}
	article .visuels .items{display:grid;grid-auto-rows:100%;height:350px;overflow:hidden;border: 10px solid #fff;}
	article .visuels .items>a{padding-left:20px;background-position:center center;background-repeat:no-repeat;background-size:contain;}
	a.pdt span.title{transition:.15s linear;position:absolute;left:100%;bottom:0;width:100%;height:100%;z-index:2;display:table;}
	a.pdt span.title span.txt{color:#fff;text-align:center;font-weight:normal;display:table-cell;vertical-align:middle;}
	a.pdt span.title span.txt strong{padding:10px;font-weight:normal;}
	a.pdt span.title span.txt .tarif{font-size:18px;}
	a.pdt:hover{background-size:auto 100%;}
	a.pdt:hover span.more::before{border-bottom-width:400px;border-left-width:560px;}
	a.pdt:hover span.title{left:0;}
	#content footer .logos .systempay{height:90px;background-size:200px auto;}
	.single-produit .visuels .item{min-height:222px;}
	.single-produit .visuels .item.video img{width:100% !important;}
	.single-produit .refs{grid-gap:5px;}
	.single-produit .ref {grid-template-columns:70px auto 200px 150px 155px;grid-auto-rows:minmax(38px, auto);align-items:center;grid-gap:20px;}
	.single-produit .ref span.title{text-align:left;}
	.single-produit .ref span:last-child {text-align:right;}
	.single-produit .ref.head {font-weight:bold;}
	.single-produit .asso .grid {grid-auto-rows:minmax(170px, auto);}
	.single-produit .text .tarif{grid-template-columns:auto 160px;}
	iframe.video{height:400px;}
	a.pdt span.title span.txt{padding:10px;}
	.sidebar>nav{padding:0px 20px;text-align:right;}
	.sidebar>nav>ul li{margin:10px 0;list-style:none;}
	.sidebar>nav>ul>li{margin-bottom:30px;}
	.sidebar>nav>ul>li>a{color:#000;font-weight:bold;text-transform:uppercase;font-family:'FoundersGroteskXCond-SmBd','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:20px;}
	.sidebar>nav>ul ul a{color:#999;}
	.sidebar>nav>ul li.actif>a{color:#f68026;font-weight:bold;}
	.pdts{grid-template-columns: repeat(2, 1fr);grid-auto-rows:minmax(170px, auto);}
	#mytinyobox div.detail.panier .produits{grid-template-columns: repeat(2, 1fr);grid-gap:40px;padding:0px 40px}
	#mytinyobox div.txt form{padding:10px 30px;}
	#mytinyobox div.txt form iframe{height:30px;}
	/* #mytinyobox div.detail.panier .action{grid-template-columns: repeat(2, 1fr);grid-gap:40px;padding:0px 40px} */
	.etape-panier .item .visuel {height:80px;background-size:contain;}
	.etape-panier .items .item .txt{padding:20px;}
	.etape-panier .items .item .cmd{display:grid;grid-template-columns: auto 100px 70px 100px;grid-gap:5px;}
	.etape-panier .items .item .cmd .total{text-align:right;}
}
/* desktop HD */
@media (min-width: 1200px) {
	.grid{width:1020px;}
	.grid.l-cel-2{grid-template-columns: repeat(2, 1fr);}
	.grid.l-cel-3{grid-template-columns: repeat(3, 1fr);}
	.grid.l-cel-4{grid-template-columns: repeat(4, 1fr);}
	.grid.l-cel-5{grid-template-columns: repeat(5, 1fr);}
	.grid.l-cel-6{grid-template-columns: repeat(6, 1fr);}
	.grid .l-col-2{grid-column-end: span 2;}
	.grid .l-col-3{grid-column-end: span 3;}
	.grid .l-col-4{grid-column-end: span 4;}
	header>nav>ul{grid-template-columns: repeat(4, 1fr);width:1000px;margin:auto;}
	#content section.collection{grid-auto-rows:200px;}
	a.pdt span.title span.txt{padding:40px;}
	.pdts{grid-template-columns: repeat(3, 1fr);}
	.single-produit .ref {grid-template-columns:70px auto 200px 150px 200px;}
}