html,
body {width:100%; height:100%; margin:0px; padding:0;}
body,
main {position:relative; line-height: 1.25; font-family: 'URWForm', sans-serif; font-weight: 400; color: #3F1A17;}

body * {max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

img {display: block; margin:0; padding:0; border:0;}
p {padding:0; margin:0;}
a {outline:none; color: inherit;}
div, header, nav, main, footer, ul, li, form {position:relative;}
.inlblk {display:inline-block;}
.fclear::after {content:''; display:block; clear:both; height:0; overflow:hidden;}
strong,
b,
.bold {font-weight:700;}
em,
i {font-style:italic;}
span {text-decoration-thickness:1px !important;}

.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb140 {margin-bottom: 140px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

ul {list-style-type:none; margin:0 0 0 0; padding:0 0 0 0;}
ul li {margin:0; padding:0 0 5px 12px; background: url("/images/puce.png") no-repeat left 6px;}

.bg {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("/images/fond.jpg") repeat center top; z-index: 1;}
.bg.light::after {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255,255,255,0.35);}

.inner {padding: 0 30px; z-index: 10;}
.tbl {display: table; table-layout: fixed;}
.tbl.wxl {width: 100%;}
.tbl .cell {display: table-cell; vertical-align: top;}

.bl1 {padding: 40px 0 50px;}
.bl1 .logo {width: 328px; margin: 0 auto;}
.bl1 .draw {width: 920px; height: 615px; margin: -28px auto 0;}
.bl1 .draw .ttroule {position: absolute; width: 506px; height: 254px; left: 0; top: 0; z-index: 10;}
.bl1 .draw .poele {position: absolute; width: 435px; height: 439px; left: 32px; top: 149px; z-index: 5;}
.bl1 .draw .velo {position: absolute; width: 524px; height: 314px; right: 151px; bottom: 0px; z-index: 8;}
.bl1 .texte {width: 520px; margin: 53px auto 0; font-size: 20px;}
.bl1 .texte .l1 {font-weight: 700;}
.bl1 .texte .l2 {margin-top: 27px; color: #fff;}


.bl2 {padding: 92px 0 75px;}
.bl2 .prod {width: 1200px; margin: 0 auto;}
.bl2 .prod .img {z-index: 5;}
.bl2 .prod.poe .img {padding-bottom: 60px;}
.bl2 .prod.gra .img {padding-bottom: 74px;}
.bl2 .prod .img img {z-index: 1;}
.bl2 .prod.poe .img img {margin: 10px 40px 0 auto;}
.bl2 .prod.ecr .img img {margin: 110px 50px 0 auto;}
.bl2 .prod.gra .img img {margin: 0 50px 0 auto;}
.bl2 .prod .img .rd {position: absolute; width: 148px; height: 148px; background: #3F1A17; color: #fff; border-radius: 50%; font-family: 'Staatliches', sans-serif; text-align: center;}
.bl2 .prod.poe .img .rd {top: 466px; right: 119px; padding-top: 35px;}
.bl2 .prod.ecr .img .rd {top: 371px; right: 156px; padding-top: 48px;}
.bl2 .prod.gra .img .rd {top: 299px; right: 192px; padding-top: 48px;}
.bl2 .prod .img .rd .l1 {font-size: 20px; line-height: 25px;}
.bl2 .prod .img .rd .l2 {font-size: 30px; line-height: 25px;}
.bl2 .prod .txt {width: 50%; font-size: 15px; z-index: 10;}
.bl2 .prod.gra .txt {padding-top: 30px;}
.bl2 .prod .txt .t {font-family: 'Staatliches', sans-serif; font-size: 50px; line-height: 50px;}
.bl2 .prod .txt .pic {width: 90px; padding-bottom: 5px; padding-right: 16px; border-right: 1px solid #3F1A17;}
.bl2 .prod .txt .pic.s {width: 80px; padding-top: 5px; padding-right: 31px; vertical-align: middle;}
.bl2 .prod .txt .hs {padding-left: 20px; font-family: 'MaryDale',sans-serif; font-size: 18px; line-height: 20px; vertical-align: middle;}
.bl2 .prod .txt .hs p {width: 266px;}
.bl2 .prod .txt .hs.s p {width: 200px;}
.bl2 .prod .txt .nocons {font-size: 20px;}
.bl2 .imgctr img {margin: 0 auto;}

.bl3 {padding: 44px 0 164px;}
.bl3 .tbl {width: 1058px; margin: 0 auto;}
.bl3 .img {width: 48.11%;}
.bl3 .txt {padding-bottom: 4px; font-family: 'Staatliches', sans-serif; font-size: 40px; line-height: 60px; text-transform: uppercase; vertical-align: bottom;}
.bl3 .txt .l1 {color: #fff;}

.bl4 {background: #3F1A17; padding: 102px 0 195px; color: #fff; z-index: 1;}
.bl4 .tbl {width: 1058px; margin: 0 auto;}
.bl4 .left {width: 48.11%; padding-right: 15px; text-align: right; font-family: 'Staatliches', sans-serif; font-size: 40px; line-height: 45px; text-transform: uppercase; vertical-align: middle;}
.bl4 .left div {width: 335px; margin: 0 0 0 auto;}
.bl4 .right {padding-left: 15px; font-size: 20px; line-height: 25px; font-weight: 700;}
.bl4 .right div {width: 272px;}

.bl5 {padding: 166px 0 40px; z-index: 10;}
.bl5 .pack {position: absolute; width: 100%; left: 0; top: -130px; z-index: 10;}
.bl5 .pack .in {width: 700px; height: 264px; margin: 0 auto; padding: 0 10px;}
.bl5 .pack .in .tbl {margin: 0 auto;}
.bl5 .pack .in .tbl .cell {vertical-align: middle;}
.bl5 .infos {margin-bottom: 180px; font-size: 22px; line-height: 30px; text-align: center;}
.bl5 .infos a {color: #fff; font-weight: 700; text-decoration: underline;}
.bl5 .logo {width: 328px; margin: 0 auto 80px;}
.bl5 .bot {font-size: 0; text-align: center;}
.bl5 .bot span {display: inline-block; font-size: 18px; vertical-align: top;}
.bl5 .bot span.l1 {margin-right: 8px; padding-top: 7px;}
.bl5 .bot span.l2 {width: 112px; margin-right: 12px; padding-top: 0;}
.bl5 .bot span.l3 {padding-top: 7px;}
.bl5 .bot span a {text-decoration: none;}
.bl5 .jur {margin-top: 50px; text-align: center; font-size: 12px;}
.bl5 .jur a {font-size: 14px; text-decoration: underline;}

.ml {padding: 40px 0 100px;}
.ml .inner {width: 800px; margin: 0 auto;}
.ml .logo {width: 328px; margin: 0 auto;}


@media screen and (max-width: 1170px) {
.bl2 .prod {display: block !important;}
.bl2 .prod > .cell {display: block !important;}
.bl2 .prod .img {width: 655px; margin: 0 auto 30px;}
.bl2 .prod.poe .img {width: 530px; padding: 0; margin: 0 auto 90px;}
.bl2 .prod.ecr .img {margin: 0 auto 90px; padding: 0;}
.bl2 .prod.gra .img {width: 561px; margin: 0 auto 60px; padding: 0;}
.bl2 .prod .img img {margin: 0 auto;}
.bl2 .prod.poe .img .rd {top: 84.10%; right: 23.13%;}
.bl2 .prod.ecr .img .rd {top: 77.23%; right: 24.20%;}
.bl2 .prod.gra .img .rd {top: 77.23%; right: 32.20%;}
.bl2 .prod .txt {width: 450px; margin: 0 auto;}
}
@media screen and (max-width: 980px) {
.bl1 .draw {width: 524px; height: 880px; margin-top: 30px;}
.bl1 .draw .velo {right: 0; bottom: 0px;}
.bl3 .tbl {display: block !important; width: auto; margin: 0 auto;}
.bl3 .tbl > .cell {display: block !important;}
.bl3 .img {width: 509px; margin: 0 auto;}
.bl3 .txt {width: 550px; margin: 0 auto; padding-bottom: 0;}
}
@media screen and (max-width: 600px) {
.bl1 .draw {width: auto; height: auto;}
.bl1 .draw .ttroule {position: relative; width: auto; height: auto; left: auto; top: auto;}
.bl1 .draw .poele {position: relative; width: auto; height: auto; left: auto; top: auto; margin-top: -19%; padding-left: 7%;}
.bl1 .draw .velo {position: relative; width: auto; height: auto; right: auto; bottom: auto;}

.bl3 .txt {font-size: 35px; line-height: 50px;}

.bl5 .pack {top: -10%;}
}
@media screen and (max-width: 560px) {
.bl1 .draw .poele {padding-left: 2%;}
.bl4 .tbl {display: block !important; width: auto; margin: 0 auto;}
.bl4 .tbl > .cell {display: block !important;}
.bl4 .left {width: auto; padding-right: 0; text-align: left;}
.bl4 .left div {width: 335px; margin: 0 auto 0 0;}
.bl4 .right {margin-top: 30px; padding: 0;}
}
@media screen and (max-width: 500px) {
.inner {padding: 0 15px;}
.bl2 .prod.poe .img .rd {right: 0;}
.bl2 .prod.ecr .img .rd {right: 0;}
.bl2 .prod.gra .img .rd {right: 0;}
.bl5 .infos {font-size: 20px; line-height: 28px;}
.bl5 .pack {top: -12%;}
}
@media screen and (max-width: 480px) {
.bl2 .prod .txt .t {font-size: 40px; line-height: 40px;}
.bl2 .prod.poe .img {margin-bottom: 120px;}
.bl2 .prod.ecr .img {margin-bottom: 130px;}
.bl2 .prod.gra .img {margin-bottom: 90px;}
.bl5 .bot .sl {display: none;}
.bl5 .bot span.l3 {display: block; margin-top: 20px;}
.bl5 .pack {top: -9%;}
}
@media screen and (max-width: 358px) {
.inner {padding: 0 10px;}
.bl5 .infos {font-size: 18px; line-height: 24px;}
}