html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {display:block;}body {line-height:1;}ol, ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
img{max-width:100%;}
a{text-decoration:none;color:#fff;}
p{margin-top:1em;}
/* lightbox */
body:after {content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);display:none;}
.lightboxOverlay {position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none;}
.lightbox {position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal;}
.lightbox .lb-image {display:block;height:auto;max-width:inherit;-webkit-border-radius:0.25em;-moz-border-radius:0.25em;-ms-border-radius:0.25em;-o-border-radius:0.25em;border-radius:0.25em;width:100%;}
.lightbox a img {border:none;}
.lb-outerContainer {position:relative;background-color:white;zoom:1;width:100%;margin:0 auto;-webkit-border-radius:0.25em;-moz-border-radius:0.25em;-ms-border-radius:0.25em;-o-border-radius:0.25em;border-radius:0.25em;}
.lb-outerContainer:after {content:"";display:table;clear:both;}
.lb-container {padding:0.25em;}.lb-loader {position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
.lb-cancel {display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat;}
.lb-nav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
.lb-container > .nav {left:0;}.lb-nav a {outline:none;background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}.lb-prev, .lb-next {height:100%;cursor:pointer;display:block;}
.lb-nav a.lb-prev {width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s;}
.lb-nav a.lb-prev:hover {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.lb-nav a.lb-next {width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s;}
.lb-nav a.lb-next:hover {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.lb-dataContainer {margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}
.lb-dataContainer:after {content:"";display:table;clear:both;}
.lb-data {padding:0 4px;color:#ccc;}.lb-data .lb-details {width:85%;float:left;text-align:left;line-height:1.1em;}
.lb-data .lb-caption {font-size:13px;font-weight:bold;line-height:1em;}
.lb-data .lb-number {display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999;}
.lb-data .lb-close {display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s;}
.lb-data .lb-close:hover {cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
div#preloader{display:none;} 
div#preloader img{display:none;}
@font-face {font-family:'icomoon';src:url('../fonts/icomoon.eot');src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');font-weight:normal;font-style:normal;}
/* Common styles of menus */
.dl-menuwrapper {width:75%;position:absolute;top:2em;right:1em;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%;z-index:3000;}
.dl-menuwrapper:first-child {margin-right:100px;}
.dl-menuwrapper button {background:linear-gradient(rgba(22,130,149,1),rgba(13,79,91,1));border:none;margin:0 auto;width:35%;height:45px;position:absolute;top:0;right:0;cursor:pointer;outline:none;color:#fff;font-size:1.25em;}
.dl-menuwrapper button:hover {background:linear-gradient(rgba(0,0,0,1),rgba(12,74,85,1));}
.dl-menuwrapper button.dl-active {background:linear-gradient(rgba(22,130,149,1),rgba(13,79,91,1));}
.dl-menuwrapper ul {background:#168295;padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%;position:absolute;top:0;}
.dl-menuwrapper li {position:relative;}
.dl-menuwrapper li a {display:block;position:relative;padding:15px 20px;font-size:1.15em;color:#fff;outline:none;background:linear-gradient(rgba(22,130,149,1),rgba(13,79,91,1));}
.no-touch .dl-menuwrapper li a:hover {background:rgba(12,74,85,0.3);}
.dl-menuwrapper li.dl-back > a {padding-left:30px;background:rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {position:absolute;top:0;line-height:50px;font-family:'icomoon';speak:none;-webkit-font-smoothing:antialiased;content:"\e000";}
.dl-menuwrapper li.dl-back:after {left:10px;color:rgba(255,255,255,0.9);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.dl-menuwrapper li > a:after {right:10px;color:rgba(255,255,255,0.6);}
.dl-menuwrapper .dl-menu {margin:5px 0 0 0;position:absolute;top:2.25em;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {transition:all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0px);}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {display:none;}
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {display:none;}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display:block;}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {position:absolute;width:100%;top:0;left:0;margin:0;}
/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {-webkit-animation:MenuAnimOut1 0.4s;animation:MenuAnimOut1 0.4s;}
.dl-menu.dl-animate-out-2 {	-webkit-animation:MenuAnimOut2 0.3s ease-in-out;animation:MenuAnimOut2 0.3s ease-in-out;}
.dl-menu.dl-animate-out-3 {	-webkit-animation:MenuAnimOut3 0.4s ease;animation:MenuAnimOut3 0.4s ease;}
.dl-menu.dl-animate-out-4 {	-webkit-animation:MenuAnimOut4 0.4s ease;animation:MenuAnimOut4 0.4s ease;}
.dl-menu.dl-animate-out-5 {	-webkit-animation:MenuAnimOut5 0.4s ease;animation:MenuAnimOut5 0.4s ease;}
@-webkit-keyframes MenuAnimOut1 {0% {}50% {-webkit-transform:translateZ(-250px) rotateY(30deg);}75% {-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5;}100% {-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0;}}
@-webkit-keyframes MenuAnimOut2 {0% {}100% {-webkit-transform:translateX(-100%);opacity:0;}}
@-webkit-keyframes MenuAnimOut3 {0% {}100% {-webkit-transform:translateZ(300px);opacity:0;}}
@-webkit-keyframes MenuAnimOut4 {0% {}100% {-webkit-transform:translateZ(-300px);opacity:0;}}
@-webkit-keyframes MenuAnimOut5 {0% {}100% {-webkit-transform:translateY(40%);opacity:0;}}
@keyframes MenuAnimOut1 {0% {}50% {-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);}75% {-webkit-transform:translateZ(-372.5px) rotateY(15deg);transform:translateZ(-372.5px) rotateY(15deg);opacity:.5;	}100% {-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0;}}
@keyframes MenuAnimOut2 {0% {}100% {-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}}
@keyframes MenuAnimOut3 {0% {}100% {-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}}
@keyframes MenuAnimOut4 {0% {}100% {-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}}
@keyframes MenuAnimOut5 {0% {}100% {-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0;}}
.dl-menu.dl-animate-in-1 {-webkit-animation:MenuAnimIn1 0.3s;animation:MenuAnimIn1 0.3s;}
.dl-menu.dl-animate-in-2 {-webkit-animation:MenuAnimIn2 0.3s ease-in-out;animation:MenuAnimIn2 0.3s ease-in-out;}
.dl-menu.dl-animate-in-3 {-webkit-animation:MenuAnimIn3 0.4s ease;	animation:MenuAnimIn3 0.4s ease;}
.dl-menu.dl-animate-in-4 {-webkit-animation:MenuAnimIn4 0.4s ease;	animation:MenuAnimIn4 0.4s ease;}
.dl-menu.dl-animate-in-5 {-webkit-animation:MenuAnimIn5 0.4s ease;	animation:MenuAnimIn5 0.4s ease;}
@-webkit-keyframes MenuAnimIn1 {0% {-webkit-transform:translateZ(-500px) rotateY(0deg);opacity:0;}20% {-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:0.5;}100% {-webkit-transform:translateZ(0px) rotateY(0deg);opacity:1;}}
@-webkit-keyframes MenuAnimIn2 {0% {-webkit-transform:translateX(-100%);opacity:0;}100% {-webkit-transform:translateX(0px);opacity:1;}}
@-webkit-keyframes MenuAnimIn3 {0% {-webkit-transform:translateZ(300px);opacity:0;}100% {-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes MenuAnimIn4 {0% {-webkit-transform:translateZ(-300px);opacity:0;}100% {-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes MenuAnimIn5 {0% {-webkit-transform:translateY(40%);opacity:0;}100% {-webkit-transform:translateY(0);opacity:1;}}
@keyframes MenuAnimIn1 {0% {-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg);opacity:0;}20% {-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);opacity:0.5;}100% {-webkit-transform:translateZ(0px) rotateY(0deg);transform:translateZ(0px) rotateY(0deg);opacity:1;}}
@keyframes MenuAnimIn2 {0% {-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}100% {-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}}
@keyframes MenuAnimIn3 {0% {-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}100% {-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;	}}
@keyframes MenuAnimIn4 {0% {-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}100% {-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}}
@keyframes MenuAnimIn5 {0% {-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0;}100% {-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {-webkit-animation:SubMenuAnimIn1 0.4s ease;animation:SubMenuAnimIn1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {-webkit-animation:SubMenuAnimIn2 0.3s ease-in-out;animation:SubMenuAnimIn2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {-webkit-animation:SubMenuAnimIn3 0.4s ease;animation:SubMenuAnimIn3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {-webkit-animation:SubMenuAnimIn4 0.4s ease;animation:SubMenuAnimIn4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {-webkit-animation:SubMenuAnimIn5 0.4s ease;animation:SubMenuAnimIn5 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn1 {0% {-webkit-transform:translateX(50%);opacity:0;}100% {-webkit-transform:translateX(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn2 {0% {-webkit-transform:translateX(100%);opacity:0;}100% {-webkit-transform:translateX(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn3 {0% {-webkit-transform:translateZ(-300px);opacity:0;}100% {-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn4 {0% {-webkit-transform:translateZ(300px);opacity:0;}100% {-webkit-transform:translateZ(0px);opacity:1;}}
@-webkit-keyframes SubMenuAnimIn5 {0% {-webkit-transform:translateZ(-200px);opacity:0;}100% {-webkit-transform:translateZ(0);opacity:1;}}
@keyframes SubMenuAnimIn1 {0% {-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0;}100% {-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}}
@keyframes SubMenuAnimIn2 {0% {-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}100% {-webkit-transform:translateX(0px);transform:translateX(0px);opacity:1;}}
@keyframes SubMenuAnimIn3 {0% {-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}100% {-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}}
@keyframes SubMenuAnimIn4 {0% {-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}100% {-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}}
@keyframes SubMenuAnimIn5 {0% {-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0;}100% {-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;}}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {-webkit-animation:SubMenuAnimOut1 0.4s ease;animation:SubMenuAnimOut1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {-webkit-animation:SubMenuAnimOut2 0.3s ease-in-out;animation:SubMenuAnimOut2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {-webkit-animation:SubMenuAnimOut3 0.4s ease;animation:SubMenuAnimOut3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {-webkit-animation:SubMenuAnimOut4 0.4s ease;animation:SubMenuAnimOut4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {-webkit-animation:SubMenuAnimOut5 0.4s ease;animation:SubMenuAnimOut5 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut1 {0% {-webkit-transform:translateX(0%);opacity:1;}100% {-webkit-transform:translateX(50%);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut2 {0% {-webkit-transform:translateX(0%);opacity:1;}100% {-webkit-transform:translateX(100%);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut3 {0% {-webkit-transform:translateZ(0px);opacity:1;}100% {-webkit-transform:translateZ(-300px);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut4 {0% {-webkit-transform:translateZ(0px);opacity:1;}100% {-webkit-transform:translateZ(300px);opacity:0;}}
@-webkit-keyframes SubMenuAnimOut5 {0% {-webkit-transform:translateZ(0);opacity:1;}100% {-webkit-transform:translateZ(-200px);opacity:0;}}
@keyframes SubMenuAnimOut1 {0% {-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1;}100% {-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0;}}
@keyframes SubMenuAnimOut2 {0% {-webkit-transform:translateX(0%);transform:translateX(0%);opacity:1;}100% {-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}}
@keyframes SubMenuAnimOut3 {0% {-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}100% {-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0;}}
@keyframes SubMenuAnimOut4 {0% {-webkit-transform:translateZ(0px);transform:translateZ(0px);opacity:1;}100% {-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0;}}
@keyframes SubMenuAnimOut5 {0% {-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;}100% {-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0;}}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {position:relative;opacity:1;-webkit-transform:none;transform:none;}
.no-js .dl-menuwrapper li .dl-submenu {	display:block;}
.no-js .dl-menuwrapper li.dl-back {	display:none;}
.no-js .dl-menuwrapper li > a:not(:only-child) {background:rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {content:'';}
/* Mobile */
body {font-family:'Cabin', sans-serif;background:url(../images/bg.jpg) center top no-repeat #fff;background-size:contain;}
header nav, footer nav, div.slide img.pc{display:none;}
header{padding-top:1em;}
section, header div, footer div{padding:1.25em;position:relative;}
header div, div.slide{padding:0;}
a.index{display:block;width:40%;}
h1, h2.title{color:#4f5151;font-size:1.5em;}
h2{color:#168396;margin-top:1em;font-size:1.35em;}
main{padding-top:1.5em;}
main.produits{clear:both;}
aside.bouton{background:linear-gradient(rgba(22,130,149,1),rgba(13,79,91,1));padding:0.5em 1em;margin:2em 0;position:relative;}
aside.bouton p:first-of-type{border-bottom:solid #fff;}
aside.bouton p{padding-bottom:1em;width:75%;}
aside.bouton:nth-of-type(2) img{width:35%;}
aside.bouton img{width:30%;position:absolute;bottom:-0.25em;right:0.5em;}
aside.en:nth-of-type(3){margin-top:3em;}
aside.new{background:linear-gradient(rgba(65,66,70,1),rgba(26,30,33,1));padding:2em 1em;margin:4em 0 2em 0;position:relative;}
aside.new p{text-transform:uppercase;margin-top:0;font-size:1.5em;}
aside.new img{width:30%;position:absolute;bottom:-1.25em;right:0.5em;}
main nav{border-top:solid #d6d4d4;border-bottom:solid #d6d4d4;padding-bottom:1em;}
main nav li{background:url(../images/coffre-fort-feu-vol.jpg) center top no-repeat;background-size:contain;display:inline-block;width:48.5%;margin-top:1em;vertical-align:top;text-transform:uppercase;}
main nav li:nth-child(even){margin-left:0.25em;}
main nav li:nth-child(2){background-image:url(../images/coffre-fort-anti-hold-up.jpg);}
main nav li:nth-child(3){background-image:url(../images/coffre-fort-anti-feu.jpg);}
main nav li:nth-child(4){background-image:url(../images/coffre-fort-cambriolage.jpg);}
main nav li:nth-child(5){background-image:url(../images/coffre-fort-plancher.jpg);}
main nav li:nth-child(6){background-image:url(../images/coffre-fort-bancaire.jpg);}
main nav li:nth-child(7){background-image:url(../images/coffre-fort-document-muraux.jpg);}
main nav a{display:block;padding:1em 0 10em 0;width:75%;text-align:center;margin:0 auto;}
main nav li:nth-child(7) a, main nav li:nth-child(6) a{width:95%;}
main img.logo{display:block;margin:1em auto;}
section.contact h2{margin-top:0.5em;}
section.contact p.addres{margin-top:0.25em;}
section.contact p.number{font-size:1.5em;}
section.contact p.number a {color: black}
section.contact p:nth-of-type(6){margin-top:2em;}
section.contact p.number:nth-of-type(4), section.contact p:nth-of-type(7), section.contact p:nth-of-type(5){margin-top:0;}
section.contact a.mail{color:#000;}
section.contact img.logo{display:none;}
section.contact iframe{width:100%;display:block;padding:1em 0;}
section.contact p.div{color:#168396;}
section.contact a.div:hover{color:#000;}
img.coffre{display:block;margin:2em auto 0 auto;}
img.mesure{margin: 2em auto;}
aside.coffre h2{margin-top:0;}
aside.coffre ul{list-style:circle;padding-left:1em;}
aside.coffre li ul{margin:0.25em 0;}
aside.mesure img{display:none;}
article.nopic{margin-top:1em;}
p.title{color:#168396;font-size:1.15em;padding-bottom:0.5em;margin-left:-1em;}
p.slogan{color:#168396;font-size:1.15em;}
form{display:block;padding-top:1em;}
form p.title{margin-left:0;padding:0.5em 0 0 0;}
form p{font-size:1.15em;}
form input{margin-top:0.25em;width:100%;height:1.75em;padding-left:0.5em;}
form input[type=checkbox]{width:auto;height:auto;margin-right:0.5em;padding-left:0;}
div.g-recaptcha{margin:2em 0 0 0;padding:0;width:100%;position:relative;}
div.g-recaptcha div{padding:0;width:100%;margin:0;}
p.check{margin:0.5em 0;}
p.info{margin-top:2em;}
form textarea{width:100%;height:5em;margin-top:0.5em;display:block;}
form input[type=submit]{width:auto;height:auto;margin:2em 0;border:none;background:#168396;color:#fff;padding:0.5em 2.5em;border-radius:0.5em;border-bottom:5px solid #0d4f5b;}
form input[type=submit]:hover{border-bottom:none;margin-top:2.40em;}
aside.coffre li{padding:0.10em 0;}
aside.coffre {border-bottom:#d6d4d4 2px solid;padding-bottom:1em;}
aside.coffre:last-of-type{border-bottom:none;}
a.tableau, a.pdf{display:block;background:#168396;padding:0.5em 0;text-align:center;margin-bottom:0.75em;}
a.tableau:first-of-type, a.pdf:first-of-type{margin-top:1.5em;}
img.usine{width:100%;margin:1em auto;}
footer{background:url(../images/bg-footer.jpg) center top no-repeat #000;} 
footer section{padding-top:2.5em;}
footer h2, footer p{color:#fff;}
a.div{margin-top:1em;display:block;background:url(../images/fleche-over.png) left center no-repeat;padding-left:0.75em;color:#168396;}
footer p.number{font-size:1.25em;}
footer p.addres, footer p.number:nth-of-type(3){margin-top:0.25em;}
footer p.addres { line-height: 1.3em;}
footer p.number:nth-of-type(2){margin-top:2em;}
.upper{text-transform:uppercase;}
p.div{font-size:1.25em;}
p.copy, p.ymark{font-size:0.9em;}
p.copy{margin-top:2.5em;}
p.ymark{margin-top:0.5em;}
p.ymark a{color:#168396;}
form p.prenom, form input[name=prenom]{display:none;}

section.onparledenous{background-color:inherit; padding:2em 0;overflow:hidden;border-top:solid #d6d4d4; }
section.onparledenous img{float:left; margin:0 20px 8px 0;}
section.onparledenous h2{color:#3a3c3f; font-weight:normal; font-size:33px; margin:0;}
section.onparledenous h3{ color:#168193; font-weight:normal; font-size:20px; margin:10px 0 0 0;}
main section.onparledenous p{width:90%;line-height:1.3em;}
section.onparledenous a{color:#fff; background: linear-gradient(rgba(22,130,149,1),rgba(13,79,91,1));padding: 5px 15px 7px 15px;}
section.onparledenous a:hover{background: linear-gradient(rgba(0,0,0,1),rgba(12,74,85,1));}

/*CSS for mobileLandscape (400px and above)*/
@media only screen and (min-width:25em) {
.dl-menuwrapper{top:3em;width:50%;}
h1, h2.title{font-size:1.75em}
h2{font-size:1.5em;}
aside.bouton{margin:4em auto;}
aside.bouton img, aside.new img{width:20%;}
aside.bouton:nth-of-type(2) img{width:25%;}
main nav li{width:32.25%;}
main nav li:nth-child(even){margin-left:0;}
main nav a{width:70%;}
main nav li:nth-child(4) a, main nav li:nth-child(3) a{width:85%;}
main nav ul.en li:nth-child(4) a, main nav ul.en li:nth-child(5) a, main nav ul.en li:nth-child(6) a{width:40%;}
main nav ul.en li:nth-child(3) a{width:30%;}
aside.coffre ul{padding-left:1.25em;}
img.coffre{margin:2em 0 0 0;}
img.usine, main.produits img.logo{width:auto;display:inline-block;}
main.produits img.logo{width:35%;margin-left:4em;}
a.tableau{width:70%;}
a.pdf{width:50%;}
p.check{display:inline-block;width:48%;}
}    
/*CSS for tablets (768px and above)*/
@media only screen and (min-width:48em) {
body{background-image:url(../images/bg-tablet.jpg);}
html.en body{background-image:url(../images/bg-tablet-en.jpg);}
section, div{padding:1.5em;}
.dl-menuwrapper{top:1em;width:40%;}
h1.en{margin:3em auto 17em;}
h1{margin-top:1.5em;}
div.slide{display:none;}
main section{padding-top:3em;}
aside.new{width:44%;display:block;margin:3em auto;}
aside.bouton{width:44%;display:inline-block;margin:0 auto 3em auto;}
aside.bouton:nth-of-type(2){margin-right:1em;}
aside.bouton img, aside.new img{width:30%;}
aside.bouton:nth-of-type(2) img{width:35%;}
aside.en:nth-of-type(3){padding-top:1.5em;margin-top:1em;}
section.contact aside.bouton{margin-top:-12em;float:right;}
main nav li{width:24%;}
main p{font-size:1.15em;}
img.coffre{display:inline-block;vertical-align:top;}
img.usine{width:45%;}
main.produits img.logo{width:auto;margin-left:5.5em;}
aside.coffre article{display:inline-block;width:69%;padding:2.5em 0 1em 1em;}
article.nopic{padding-left:30%;margin-top:0;}
a.tableau{width:75%;}
a.pdf{width:55%;display:inline-block;}
p.check{width:33%;}
form textarea{height:8em;}
footer h2{margin-bottom:0.5em;}
footer nav{display:block;border-bottom:solid #fff;padding-bottom:1em;}
footer nav li{display:inline-block;width:11%;padding:1em 0;vertical-align:text-top;font-size:0.9em;}
footer nav li:first-child, footer nav li:nth-child(9){width:10%;}
footer nav li:nth-child(6), footer nav li:nth-child(11){width:14%;}
footer nav li:nth-child(7){width:17%;}
footer ul.en li:nth-child(3){width:9%;}
footer ul.en li:nth-child(4){width:13%;}
footer ul.en li:nth-child(6){width:11%;}
footer ul.en li:nth-child(7){width:15%;}
footer ul.en li:nth-child(7) a{width:75%;display:block;}
footer ul.en li:nth-child(8){width:14%;}
footer ul.en li:nth-child(9){width:14%;}
p.div{margin-top:1.5em;}
footer p.number, footer p.addres, p.ymark{text-align:right;}
footer p.number:nth-of-type(2){margin-top:-4em;}
p.copy, p.ymark{display:inline-block;width:49.5%;}
p.copy{margin-top:7em;}
}
/* CSS for desktops (1024px and above) */
@media only screen and (min-width:64em) {
body, html.en body{background-image:url(../images/bg.jpg);background-size:auto;}
html.en body.produits, body.produits{background-image:url(../images/bg-produits.jpg);background-size:auto;}
nav.dl-menuwrapper, div.slide img.mobile{display:none;}
section, div{padding:1em 0;width:1200px;margin:0 auto;}
header div{padding-bottom:0;}
div.slide{clear:both;padding:0;width:1300px;margin:-1em auto -1em auto;display:block;}
div.slide img.pc{display:block;}
header nav{display:block;}
header nav li{display:inline-block;text-transform:uppercase;}
header nav.head {text-align:right;margin-top:-9em;}
header nav.head li{padding:0 0.5em;font-size:0.8em;}
header nav.head li:hover a{color:#168396;}
nav.main{width:75%;text-align:center;float:right;padding:3.75em 0 0 0;font-size:0.95em;z-index:10;}
nav.main li{width:25%;padding-bottom:4.5em;margin:0 0.5em;position:relative;}
nav.main li a{display:block;padding:1.25em 0.5em;}
nav.main li:hover{background:url(../images/eclat.png) center bottom no-repeat;background-size:contain;}
nav.main li:hover a{background:#168396;}
nav.main li:first-child{width:15%;padding-bottom:2.75em;}
nav.main li:nth-child(2){width:27%;padding-bottom:4.85em;}
nav.main li:last-child{margin-right:0;}
nav.main li ul.submenu{display:none;}
nav.main li:hover ul.submenu{display:block;position:absolute;z-index:10;background:#168396;}
ul.submenu li, ul.submenu li:first-child, ul.submenu li:nth-child(2), ul.en li ul.submenu li, ul.en li ul.submenu li:first-child, ul.en li ul.submenu li:nth-child(2), ul.en li ul.submenu li:nth-child(3), ul.en li ul.submenu li:nth-child(4){width:100%;display:block;margin:0;padding:0;border-top:thin solid #0d4f5b;}
nav.main li:hover ul.submenu li:hover{background:none;}
nav.main li:hover ul.submenu li a{background:transparent;}
ul.submenu li a{padding:0.5em;}
nav.main li:hover ul.submenu li:hover a{background:#0d4f5b;}
nav.main ul.en li:first-child{width:13%;}
nav.main ul.en li:nth-child(2){padding-bottom:4.8em;}
nav.main ul.en li:nth-child(3){width:30%;padding-bottom:5.25em;}
nav.main ul.en li:nth-child(4){width:22%;padding-bottom:3.85em;}
h1, h2.title{font-size:2.25em;}
h1{margin-top:0;}
h1.en{margin:1em auto;}
#en{margin-top:11em;}
h2{font-size:1.75em;}
main{padding-bottom:4em;}
main p{width:65%;font-size:1.05em;}
section.contact img.logo{display:block;}
section.contact iframe{height:20em;}
aside.bouton, aside.new{float:right;width:30%;display:block;clear:right;margin:0 auto;}
aside.bouton{padding:0.25em 1em;}
aside.new{padding:1.5em 1em;}
aside.bouton:hover{background:linear-gradient(rgba(0,0,0,1),rgba(12,74,85,1));}
aside.bouton p{margin-top:0.5em;padding-bottom:0.5em;}
aside.bouton p:first-of-type{border-bottom:2px solid #fff;}
aside.new:first-of-type{margin-right:0;position:absolute;top:4.25em;right:0;}
aside.bouton:nth-of-type(2){margin:-9em auto 3em auto;}
aside.bouton:last-of-type{margin:0 auto 3em auto;}
aside.bouton img, aside.new img{width:auto;}
aside.new img{bottom:-1em;}
aside.bouton:nth-of-type(2) img{width:auto;}
aside.new:hover{background:linear-gradient(rgba(0,0,0,1),rgba(46,46,49,1));}
aside.en:nth-of-type(2){margin-top:-6em;}
aside.en:nth-of-type(3){margin-top:1em;padding-top:0.25em;}
main nav{clear:both;padding-bottom:2em;}
main nav li{width:14%;}
main nav li:nth-child(4) a{width:90%;}
main nav li:hover{background-image:url(../images/coffre-fort-feu-vol-over.jpg);}
main nav li:nth-child(2):hover{background-image:url(../images/coffre-fort-anti-hold-up-over.jpg);}
main nav li:nth-child(3):hover{background-image:url(../images/coffre-fort-anti-feu-over.jpg);}
main nav li:nth-child(4):hover{background-image:url(../images/coffre-fort-cambriolage-over.jpg);}
main nav li:nth-child(5):hover{background-image:url(../images/coffre-fort-plancher-over.jpg);}
main nav li:nth-child(6):hover{background-image:url(../images/coffre-fort-bancaire-over.jpg);}
main nav li:nth-child(7):hover{background-image:url(../images/coffre-fort-document-muraux-over.jpg);}
main img.logo, main.produits img.logo{float:right;margin-top:-10em;}
main.produits img.logo{float:right;margin-top:-9em;}
img.usine{float:right;margin-top:-17em;width:auto;}
img.mesure{float:right;margin-top:-2em;}
aside.coffre article{width:80%;}
aside.coffre article.nopic{padding-left:19%;}
aside.coffre ul{width:46.5%;display:inline-block;vertical-align:top;}
aside.coffre ul:first-of-type{padding-right:1em;}
aside.coffre ul p.title{width:100%;}
aside.coffre li{font-size:1.05em;}
aside.coffre li ul li{font-size:1em;}
aside.mesure{position:relative;height:11em;border:solid 0.12em #d6d4d4;margin-top:1em;}
aside.mesure p{width:55%;font-size:1.25em;padding-left:1em;}
aside.mesure img{display:block;position:absolute;top:0;right:0;}
section.pd aside.coffre ul{width:100%;}
ul.serrures{margin:-11.5em 0 0 30.5em;}
#serhol{margin-top:-7.5em;}
#serholen{margin-top:-6.5em;}
#seranthol{margin-top:-9em;}
#plancher, #optplancher{margin-top:-9em;}
#serbancaire{margin-top:-13.5em;}
#serbancaireen{margin-top:-11.5em;}
#serplancher{margin-top:-14.5em;}
#serbanc{margin-top:-20.75em;}
#serbancen{margin-top:-16.75em;}
a.tableau{width:40%;display:inline-block;}
a.pdf{width:32%;vertical-align:bottom;}
a.pdf{margin-right:0.25em;}
form {-webkit-column-count:2;-webkit-column-gap:3em;-moz-column-count:2;-moz-column-gap:3em;column-count:2;column-gap:3em;margin-top:1em;}
form input{width:90%;}
form p{width:100%;margin-top:2em;}
form p:first-of-type{margin-top:0;}
form p.check, form p.title{margin-top:1em;}
form p.column{margin-top:1em;padding-top:1em;}
form div.nobreak{-webkit-column-break-inside: avoid;page-break-inside:avoid;break-inside:avoid;width:auto;padding:0;margin:0;}
form textarea{height:7em;}
div.g-recaptcha {margin-top:0.5em;}
div.g-recaptcha div{margin-top:0;}
p.check{width:49%;}
form input[type=submit]{float:right;}
footer{clear:both;}
footer div{padding-top:4.5em;}
footer h2{font-size:1.35em;}
footer nav li{width:7.25%;padding:1em 0;text-transform:uppercase;font-size:0.75em;}
footer nav li:first-child{width:7.25%;}
footer nav li:nth-child(3), footer nav li:nth-child(5), footer nav li:nth-child(6){width:7.75%;}
footer nav li:nth-child(7){width:8.5%;}
footer nav li:nth-child(8){width:10.75%;}
footer nav li:nth-child(9){width:8.5%;}
footer nav li:nth-child(10){width:4%;}
footer nav li:nth-child(11){width:7%;}
footer nav li:nth-child(12){width:7.5%;}
footer nav li:last-child {width:4.5%;}
footer nav li:nth-child(10), footer nav li:nth-child(11), footer nav li:nth-child(12), footer nav li:nth-child(13){text-align:right;}
footer nav li:nth-child(3), footer nav li:nth-child(5), footer nav li:nth-child(6){width:7.75%;}
footer nav ul.en li:nth-child(2){width:8%;}
footer nav ul.en li:nth-child(3){width:6%;}
footer nav ul.en li:nth-child(4){width:6.5%;}
footer nav ul.en li:nth-child(6), footer nav ul.en li:nth-child(5){width:7%;}
footer nav ul.en li:nth-child(7){width:10%;}
footer nav ul.en li:nth-child(8){width:10.5%;}
footer nav ul.en li:nth-child(9){width:8.5%;}
footer nav ul.en li:nth-child(11){width:8%;}
footer nav ul.en li:last-child{width:5.5%;}
footer nav li:hover a{color:#168396;}
footer a.div{background-image:url(../images/fleche.png);color:#fff;}
footer a.div:hover{background-image:url(../images/fleche-over.png);color:#168396;}
p.ymark a{color:#fff;}
p.ymark a:hover{color:#168396;}
nav.head li:hover a, footer nav li:hover a, a.div:hover, p.ymark a:hover{transition:color 0.5s;}
nav.main li:hover, nav.main li:hover a, main nav li:hover{transition:background 0.55s;}
}      

@media print{
	nav, div.slide, aside.new, p.div, a.div{display:none;}
	footer{color:#000; border-top:1px solid #ddd;}
	footer p{color:#000;}
	
}