#masthead{display:block;width:100%;height:110px;margin:0;padding:0;background-color:rgba(0,0,0,.1);position:absolute;top:0;left:0;z-index:5000;transition:all .5s ease-in-out}#masthead #site-branding{display:block;height:100%;margin:0 auto;padding:0;position:relative;max-width:1100px;position:relative;z-index:1000;background:rgba(0,0,0,0)}#masthead #logo{display:block;width:85px;height:92px;text-decoration:none;background:url(../images/diomtech_logo.png) no-repeat 0 0;background-size:auto 100%;margin:10px 0 0;transition:all .6s ease-in-out;position:absolute;z-index:6000}#masthead #business{display:none;width:130px;height:20px;overflow:hidden;background:url(../images/diomtech.png) no-repeat 0 0;background-size:auto 100%;position:absolute;top:55px;left:75px}#masthead .contact-info{display:block;width:370px;height:auto;overflow:hidden;position:absolute;top:10px;right:193px;font:normal 12px/normal Roboto,"Open Sans",Verdana,Arial,Helvetica,sans-serif;color:#ddd;z-index:3000;text-align:right;letter-spacing:1px;transition:top .5s ease-in-out}#masthead .contact-info span{display:inline-block;margin:0 5px 0;padding:0}#masthead .contact-info span.separator{padding:0 10px}#masthead .contact-info a{display:inline-block;padding:0;color:#ddd;text-decoration:none}#masthead .contact-info a:visited{color:#ddd}#masthead .contact-info a:hover{text-decoration:underline;color:#fff}#masthead .contact-info a:last-child{padding:0}#masthead #toggle_menu{display:none;width:35px;height:25px;background:#fff;position:absolute;bottom:10px;right:15px;cursor:pointer;appearance:none;box-shadow:none;border:none;z-index:5000}#masthead #toggle_menu::before,#masthead #toggle_menu::after{display:block;width:100%;height:5px;margin:0;padding:0;background:rgba(26,92,157,.95);top:5px;left:0;content:"";position:absolute}#masthead #toggle_menu::after{top:15px}#masthead.collapse{height:50px;transition:all .5s ease-in-out;position:fixed;background:rgba(26,92,157,.95)}#masthead.collapse #logo{width:37px;height:40px;margin:5px 0;transition:all .6s ease-in-out}#masthead.collapse #topnav{top:5px;transition:top .5s ease-in-out}#masthead.collapse .contact-info{top:-20px;transition:top .5s ease-in-out}@media all and (max-width: 1140px){#masthead{padding:0 20px}#masthead #logo{margin-left:0}}@media all and (max-width: 1024px){#masthead{height:50px;padding:0;background:rgba(26,92,157,.95);position:fixed}#masthead #logo{width:37px;height:40px;background-size:auto 100%;margin:5px 0 5px 15px}#masthead .contact-info{margin:0 auto;top:20px;left:0;right:0}#masthead #toggle_menu{display:block}}@media all and (max-width: 480px){#masthead .contact-info{width:190px;top:8px;text-align:center}#masthead .contact-info span.separator{display:block;width:100%;height:1px;overflow:hidden;clear:both;padding:0;margin:4px}#masthead .contact-info a{display:inline;text-align:center;margin:0;padding:0}}*{margin:0;padding:0;border:none;box-sizing:border-box}html{margin:0;padding:0;font-family:Roboto,"Open Sans",Verdana,Arial,Helvetica,sans-serif;font-size:70%;font-weight:400;font-style:normal;line-height:1.4em}body{margin:0;padding:0;background:#fff;width:100%}.wrapper{display:block;margin:0;padding:0;overflow:hidden;min-width:320px;max-width:100vw !important;position:relative}#maincontent{display:block;height:auto;min-height:110vh;max-width:100%;margin:0;padding:0;overflow:hidden;position:relative;z-index:10}.overlay{display:block;width:100%;height:100%;min-height:200vh;margin:0;padding:0;position:absolute;top:0;left:0;z-index:2;background:#000;opacity:.6;transition:opacity 1s ease-in-out}.overlay.hide{opacity:0;transition:opacity 2s ease-in-out .5s}#maincontent .entry-content>div{display:block;height:auto;min-height:110vh;margin:0;padding:5em 0;overflow:hidden;position:relative;border:none;border-bottom:50px solid #fff}#maincontent .entry-content>div:last-child{border:none}#maincontent .entry-content>div::before,#maincontent .entry-content>div::after{display:block;width:100%;height:100%;min-height:600vh;background-color:rgba(30,0,0,.8);content:"";z-index:2;position:absolute;top:0;left:0}#maincontent .entry-content>div::after{display:none}#maincontent .entry-content>div hgroup{display:block;height:auto;max-width:1024px;margin:5em auto;margin-top:max(25vh,200px);padding:0;text-align:center;position:relative;z-index:5;color:#f0f0f0;transition:margin 2s ease-out}#maincontent .entry-content>div h1{display:block;font:normal 400 3.5rem/normal "Playfair Display",Times,"Times New Romain",serif;margin:0 0 .5em;padding:0;transition:margin 4s ease-out}#maincontent .entry-content>div h3{display:block;font:normal 300 2rem/1.65em Roboto,"Open Sans",Verdana,Arial,Helvetica,sans-serif;margin:.15em 0;padding:0}#maincontent .entry-content>div header{display:block;height:auto;max-width:1100px;margin:0 auto 1em;padding:0;position:relative;z-index:5;transition:margin 2s ease-out}#maincontent .entry-content>div header h2{font:normal 3rem/normal "Playfair Display",Times,"Times New Romain",serif;margin:0;padding:0;color:#fff}#maincontent .entry-content>div .content{display:grid;grid-template-columns:100px 650px;grid-column-gap:40px;width:100%;max-width:1100px;height:auto;margin:0 auto 2em;padding:0;position:relative;z-index:10;font-size:1.6rem;color:#fff;line-height:1.5em;font-weight:300;transition:grid-column-gap 2s ease-out}#maincontent .entry-content>div .content p{margin:.25em 0 .75em}#maincontent .entry-content>div .content figure{padding:8px 0 10px}#maincontent .entry-content>div .content figure img{max-width:100%;height:auto}#maincontent .entry-content>div .content section{display:block;overflow:hidden;margin:0;padding:0}#maincontent .entry-content>div .content section h3{color:#f3b67a;margin:0 0 .15em;font-weight:300}#maincontent .entry-content>div .content section p{margin:.25em 0 .75em;column-width:auto}#maincontent .entry-content>div .content section.full_width{clear:both;margin:0;grid-column:1/3}#maincontent .cta{display:block;height:auto;max-width:1100px;overflow:hidden;margin:2em auto;padding:0 0 0 140px;font-weight:300;font-size:1.7rem;line-height:1.5em;color:#fff;position:relative;z-index:10}#maincontent .cta p{margin:.5em 0 1em}#maincontent .cta a.btn_cta{display:inline-block;height:60px;margin:1em 0 2em;padding:0 1.5em;font:normal 400 1em/56px Roboto,"Open Sans",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;border:none;background:#f93;color:#fff;clear:both;border-radius:40px;border:solid 3px #fff;transition:all .5s ease-in}#maincontent .cta a.btn_cta:visited{color:#fff}#maincontent .cta a.btn_cta:hover{border-color:#f93;background:#fff;color:#f93;transition:all .5s ease-in}@media all and (min-width: 1025px){#maincontent .entry-content>div.outfocus hgroup{margin-top:max(60vh,300px);transition:margin 2s ease-out}#maincontent .entry-content>div.outfocus h1{margin:0 0 1.5em;transition:margin 2s ease-out 2s}#maincontent .entry-content>div.outfocus header{margin:10em auto 3em;transition:margin 2s ease-out}#maincontent .entry-content>div.outfocus .content{grid-column-gap:100px;transition:grid-column-gap 2s ease-out}}@media all and (max-width: 1140px){#maincontent .entry-content>div{padding:0 20px}#maincontent .entry-content>div header,#maincontent .entry-content>div .content{max-width:100%}}@media all and (max-width: 1024px){#maincontent .entry-content>div{min-height:100vh;border-bottom:20px solid #fff}#maincontent .entry-content>div hgroup{max-width:100%}#maincontent .entry-content>div h1{font-size:3rem}#maincontent .entry-content>div h3{font-size:1.6rem}#maincontent .entry-content>div header{margin:0 0 2em}#maincontent .entry-content>div header h2{font-size:2.5rem}#maincontent .entry-content>div .content{display:grid;grid-template-columns:80px 1fr;grid-column-gap:30px;max-width:768px;margin:0}#maincontent .entry-content>div .content h3{font-size:2rem}#maincontent .cta{max-width:768px;padding:0;margin:0 0 0 110px}}@media all and (max-width: 768px){#maincontent .entry-content>div{border-bottom:15px solid #fff;min-height:auto}#maincontent .entry-content>div hgroup{margin:100px 0}#maincontent .entry-content>div h1{font-size:2.8rem}#maincontent .entry-content>div h3{font-size:1.5rem}#maincontent .entry-content>div header{margin:0 0 1.8em}#maincontent .entry-content>div header h2{font-size:2.5rem}#maincontent .entry-content>div .content h3{font-size:2rem}#maincontent .entry-content>div.outfocus hgroup{margin-top:max(20vh,100px);transition:margin 2s ease-out}#maincontent .entry-content>div.outfocus h1{margin:0 0 1.5em;transition:margin 2s ease-out 2s}#maincontent .entry-content>div.outfocus header{margin:5em auto 2em;transition:margin 2s ease-out}#maincontent .entry-content>div.outfocus .content{grid-column-gap:50px;transition:grid-column-gap 2s ease-out}}@media all and (max-width: 640px){#maincontent .entry-content>div{border-bottom:10px solid #fff;padding:2em 10px;max-width:100%}#maincontent .entry-content>div hgroup{margin:100px 0}#maincontent .entry-content>div h1{font-size:2.5rem}#maincontent .entry-content>div h3{font-size:1.5rem}#maincontent .entry-content>div header{margin:0 0 1.8em}#maincontent .entry-content>div header h2{font-size:2.5rem}#maincontent .entry-content>div .content{display:grid;grid-template-columns:40px 1fr;grid-gap:20px;padding:0}#maincontent .entry-content>div .content h3{font-size:2rem}#maincontent .entry-content>div .cta{max-width:768px;padding:0;margin:0}#maincontent .entry-content>div.outfocus hgroup{margin:100px 0}#maincontent .entry-content>div.outfocus h1{margin:0 0 .5em;transition:none}#maincontent .entry-content>div.outfocus header{margin:0 auto 3em;transition:none}#maincontent .entry-content>div.outfocus .content{display:block;transition:none}}@media all and (max-width: 480px){#maincontent .entry-content>div hgroup{margin:100px 0}#maincontent .entry-content>div h1{font-size:2.5rem}#maincontent .entry-content>div h3{font-size:1.5rem}#maincontent .entry-content>div header{margin:0 0 1.8em}#maincontent .entry-content>div header h2{font-size:2.2rem}#maincontent .entry-content>div .content h3{font-size:1.75rem}#maincontent .entry-content>div .cta{max-width:768px;padding:0;margin:0}}#colophon{display:block;height:auto;overflow:hidden;margin:0;padding:1em 0;font-size:1.1rem;text-align:center;background-color:#0f4b86;color:#f1fcfe;position:relative;z-index:10}#colophon p{margin:1.25em 0;text-align:center}#colophon p.contact-info{display:block;height:auto;margin:1.25em 0;padding:0;overflow:hidden;font:normal 1em/normal Roboto,"Open Sans",Verdana,Arial,Helvetica,sans-serif;color:#ddd;position:relative;text-align:center}#colophon p.contact-info .separator{display:inline-block;width:50px;height:2px;margin:0;padding:0;text-align:center}#colophon p.contact-info a{display:inline-block;padding:0;margin:0;color:#ddd;text-decoration:none}#colophon p.contact-info a:visited{color:#ddd}#colophon p.contact-info a:hover{text-decoration:underline;color:#fff}#colophon .reseaux-sociaux{display:block;width:200px;height:35px;margin:1em auto;padding:0}#colophon .reseaux-sociaux a{display:inline-block;width:35px;height:35px;margin:0 20px 0 0;padding:0;background:url(../images/social-media-icons.png) no-repeat 0 0;background-size:auto 35px;border:none;text-decoration:none}#colophon .reseaux-sociaux a:last-child{margin:0}#colophon .reseaux-sociaux a.facebook{background-position:0 0}#colophon .reseaux-sociaux a.linkedin{background-position:-37px 0}#colophon .reseaux-sociaux a.twitter{background-position:-74px 0}#colophon .reseaux-sociaux a.instagram{background-position:-111px 0}@media all and (max-width: 1140px){#colophon{padding:0 20px}}@media all and (max-width: 480px){#colophon p.contact-info{margin:2em 0;text-align:center}#colophon p.contact-info .separator{display:block;width:100%;height:20px;line-height:20px;clear:both;margin:0;text-align:center}#colophon p.contact-info a{margin:0;padding:0}#colophon p.contact-info a:last-child{margin:0}}#topnav{display:block;background:none;max-width:1100px;position:absolute;top:62px;left:0;right:0;z-index:3000;margin:0 auto;padding:0;text-align:right;transition:top .5s ease-in-out}#topnav ul{display:inline-block;height:auto;list-style-type:none;margin:0 0 0 auto;padding:0}#topnav ul li{display:inline-block;position:relative;margin:0 30px 0 0;padding:0 0 5px;border:none;border-bottom:solid 3px rgba(0,0,0,0);box-sizing:border-box}#topnav ul li:hover{border-color:#fff}#topnav ul li a{display:block;height:40px;margin:0;padding:0;font:normal 16px/40px Roboto,"Open Sans",Verdana,Arial,Helvetica,sans-serif;color:#fff;text-decoration:none;letter-spacing:1px;border:none}#topnav ul li a:visited{color:#fff}#topnav ul li a:hover{border-color:#fff}#topnav ul li.current-menu-item,#topnav ul li.current-item-parent{border-color:#f3b67a}#topnav ul li.current-menu-item a,#topnav ul li.current-item-parent a{color:#fff}#topnav ul li.contact{margin:0;border:none}#topnav ul li.contact:hover{border:none}#topnav ul li.contact a{padding:0 1em;background:#fff;border-radius:5px;color:#256fb9;border:none;transition:all 1s ease-in-out}#topnav ul li.contact a:visited{color:#256fb9}#topnav ul li.contact a:hover{background:#02a9f7;color:#fff;transition:all 1s ease-in-out}#topnav ul li ul{display:block;width:250px;height:0;overflow:hidden;background:#02a9f7;margin:0;padding:0;position:absolute;top:45px;left:0;z-index:6000;transition:height .5s ease-in}#topnav ul li ul li{display:block;height:auto;margin:1px 1px 0;padding:0;border:none}#topnav ul li ul li:last-child{margin:1px}#topnav ul li ul li a{display:block;height:40px;margin:0;padding:0;font:normal 14px/38px Roboto,"Open Sans",Verdana,Arial,Helvetica,sans-serif;text-align:left;text-indent:10px;color:#fff;background:rgba(26,92,157,.95)}#topnav ul li ul li a:hover{background:#02a9f7}#topnav ul li ul li.current-menu-item a{color:#333;background:#fff}#topnav ul li.residentiel:hover ul{height:165px;transition:height .5s ease-in}#topnav ul li.entreprise:hover ul{height:247px;transition:height .5s ease-in}#topnav ul li .toggle_submenu{display:none}@media all and (max-width: 1140px){#topnav{margin:0 20px}}@media all and (max-width: 1024px){#topnav{display:block;width:300px;height:auto;overflow:hidden;margin:0;top:50px;left:auto;right:-320px;transition:right .5s ease-in-out}#topnav.active{right:15px;transition:right 1s ease-in-out}#topnav ul{display:block;width:100%;height:auto;margin:0;padding:1px;background:#02a9f7}#topnav ul li{display:block;height:auto;margin:1px 0 0 0;padding:0;border:none}#topnav ul li:first-child{margin:0}#topnav ul li a{display:block;height:40px;margin:0;padding:0;font:normal 16px/38px Roboto,"Open Sans",Verdana,Arial,Helvetica,sans-serif;text-align:left;text-indent:10px;color:#fff;background:rgba(26,92,157,.95)}#topnav ul li a:hover{background:#02a9f7}#topnav ul li ul{display:block;height:0;overflow:hidden;position:relative;margin:0;padding:0}#topnav ul li ul li{margin:1px 0 0 0;border:none}#topnav ul li ul li:first-child{margin:1px 0 0 0}#topnav ul li ul li:last-child{margin:1px 0 3px}#topnav ul li ul li a{text-indent:25px;font-size:14px}#topnav ul li ul li::before{display:block;width:10px;height:10px;margin:0;padding:0;position:absolute;top:10px;left:8px;content:"♦";font-size:1.2em;color:#fff}#topnav ul li.contact{margin:1px 0 0 0;padding:0}#topnav ul li.contact a{display:block;height:40px;margin:0;padding:0;font:normal 16px/38px Roboto,"Open Sans",Verdana,Arial,Helvetica,sans-serif;text-align:left;text-indent:10px;color:#fff;background:rgba(26,92,157,.95);border:none;border-radius:0;position:relative}#topnav ul li.contact a:hover{background:#02a9f7}#topnav ul li.contact a:visited{color:#fff}#topnav ul li.residentiel,#topnav ul li.entreprise{position:relative}#topnav ul li.residentiel .toggle_submenu,#topnav ul li.entreprise .toggle_submenu{display:block;width:40px;height:40px;overflow:hidden;color:#fff;text-align:center;position:absolute;top:0;left:auto;right:0;font-size:2em;line-height:38px;margin:0;padding:0;box-sizing:border-box;border:none;border-left:1px solid #256fb9}#topnav ul li.residentiel .toggle_submenu::after,#topnav ul li.entreprise .toggle_submenu::after{display:block;width:15px;height:15px;margin:0 auto;padding:0;content:"▸";position:absolute;top:0;left:0;font-size:1em}#topnav ul li.residentiel ul,#topnav ul li.entreprise ul{width:100%;height:0;transition:height .5s ease-in;top:0;padding:0;position:relative}#topnav ul li.residentiel ul{height:0 !important;overflow:hidden;transition:height .5s ease-in}#topnav ul li.residentiel ul.active{height:167px !important;transition:height .5s ease-in}#topnav ul li.entreprise ul{height:0 !important;overflow:hidden;transition:height .5s ease-in}#topnav ul li.entreprise ul.active{height:249px !important;transition:height .5s ease-in}#topnav ul li.current-menu-item{border:none}#topnav ul li.current-menu-item a{color:#fff;background:#02a9f7}}body{font:normal 400 1rem/1.6em Roboto,"Open Sans",Verdana,Arial,Helvetica,sans-serif}p{margin:.25em 0 .75em}ul{list-style-type:disc;margin:.25em 0 .75em .75em;padding:0 0 0 .5em}ul li{margin:0 0 .5em;padding:0}form{font:normal 1em/normal Verdana,Helvetica,Arial,sans-serif;width:100%;height:auto;overflow:hidden;max-width:700px;margin:0 auto;padding:0;position:relative;z-index:10}form fieldset{display:block;margin:0 0 2em;padding:1em 2em}form p{margin:0 0 .75em;line-height:normal;text-align:left}form label{display:inline-block;width:150px;margin:0 5px 0 0;padding:5px 0;text-align:right;vertical-align:top;font-size:1em}form label::after{content:":"}form input[type=text],form input[type=tel],form input[type=email]{display:inline-block;height:30px;margin:0 0 1em;padding:3px 5px;border:1px solid #eee;background:rgba(255,255,255,.2);color:#000;font-size:1em}form input[type=text]:focus,form input[type=tel]:focus,form input[type=email]:focus{background:#fff;box-shadow:none;outline-width:0}form textarea{display:inline-block;margin:0;padding:5px;border:1px solid #eee;background:rgba(255,255,255,.2);color:#000;font-size:1em;line-height:1.5em}form textarea:focus{background:#fff;box-shadow:none;outline-width:0}form button{display:inline-block;height:60px;margin:5px 0 0;padding:0 2em;font:normal 400 1.5em/56px Roboto,"Open Sans",Verdana,Arial,Helvetica,sans-serif;background:#f93;color:#fff;border-radius:40px;border:solid 3px #fff;transition:all .5s ease-in;cursor:pointer}form button:hover{border-color:#f93;background:#fff;color:#f93;transition:all .5s ease-in}#accueil #maincontent .entry-content div{border:none;overflow:hidden}#accueil #maincontent .entry-content div .content{display:grid;grid-template-columns:300px 1fr;grid-column-gap:40px}#accueil #maincontent .entry-content div .content figure{padding:15px 0}#accueil #maincontent .entry-content div header h2{margin:0 0 20px;font-size:4rem;line-height:1.1em}#accueil #maincontent .entry-content div section{max-width:560px;margin:0;font-size:1.8rem;line-height:1.6em}#accueil #maincontent #intro{display:block;margin:0;padding:5em 0;position:relative;overflow:hidden}#accueil #maincontent #intro::before{background-color:rgba(0,0,0,.8)}#accueil #maincontent #systeme-securite{display:block;margin:0;background-color:#d4f0fc;min-height:110vh}#accueil #maincontent #systeme-securite::before,#accueil #maincontent #systeme-securite::after{display:none}#accueil #maincontent #systeme-securite header h2{color:#333}#accueil #maincontent #systeme-securite .content{color:#333}#accueil #maincontent #systeme-informatique,#accueil #maincontent #pointeuse-biometrique,#accueil #maincontent #gestion-file-attente{display:block;height:auto;margin:0;overflow:hidden;background-color:#333;min-height:110vh;position:relative}#accueil #maincontent #systeme-informatique::before,#accueil #maincontent #pointeuse-biometrique::before,#accueil #maincontent #gestion-file-attente::before{display:block;width:100%;height:100%;min-height:200vh;content:"";position:absolute;top:0;z-index:5;background-color:rgba(0,0,0,.85)}#accueil #maincontent #systeme-informatique header,#accueil #maincontent #pointeuse-biometrique header,#accueil #maincontent #gestion-file-attente header{position:relative;z-index:10}#accueil #maincontent #systeme-informatique header h2,#accueil #maincontent #pointeuse-biometrique header h2,#accueil #maincontent #gestion-file-attente header h2{color:#fff}#accueil #maincontent #systeme-informatique .content,#accueil #maincontent #pointeuse-biometrique .content,#accueil #maincontent #gestion-file-attente .content{position:relative;z-index:10;color:#f0f0f0}#accueil #maincontent #pointeuse-biometrique::before{background-color:rgba(45,0,0,.8)}#accueil #maincontent #pointeuse-biometrique .content{color:#f0f0f0}#accueil #maincontent #gestion-file-attente{background-color:#d4f0fc}#accueil #maincontent #gestion-file-attente::before{display:none}#accueil #maincontent #gestion-file-attente header h2{color:#333}#accueil #maincontent #gestion-file-attente .content{color:#333}#accueil #maincontent #maintenance{display:block;height:auto;margin:0;background-color:#d4f0fc;min-height:80vh;position:relative}#accueil #maincontent #maintenance::before,#accueil #maincontent #maintenance::after{display:none}#accueil #maincontent #maintenance header h2{color:#333}#accueil #maincontent #maintenance .content{color:#333}@media all and (max-width: 1140px){#accueil #maincontent #intro hgroup{margin:5em 20px 2em}#accueil #maincontent #systeme-securite header,#accueil #maincontent #systeme-informatique header,#accueil #maincontent #maintenance header,#accueil #maincontent #gestion-file-attente header,#accueil #maincontent #pointeuse-biometrique header,#accueil #maincontent #maintenance header{margin:0 20px 30px}#accueil #maincontent #systeme-securite .content,#accueil #maincontent #systeme-informatique .content,#accueil #maincontent #maintenance .content,#accueil #maincontent #gestion-file-attente .content,#accueil #maincontent #pointeuse-biometrique .content,#accueil #maincontent #maintenance .content{margin:0 20px}#accueil #maincontent div .content{grid-template-columns:300px 1fr;grid-gap:40px}}@media all and (max-width: 1024px){#accueil #maincontent::before{background-color:rgba(0,0,0,.7)}#accueil #maincontent div .content{grid-template-columns:150px 1fr;grid-gap:40px}#accueil #maincontent div h1{font-size:3.5em}#accueil #maincontent div header h2{font-size:2em;margin-left:190px}#accueil #maincontent #intro,#accueil #maincontent #systeme-securite,#accueil #maincontent #systeme-informatique,#accueil #maincontent #maintenance,#accueil #maincontent #gestion-file-attente,#accueil #maincontent #pointeuse-biometrique,#accueil #maincontent #maintenance{min-height:min(100vh,66vw);max-width:100%;padding:3em 15px;overflow:hidden}#accueil #maincontent #intro{padding:15vh 0 10vh}}@media all and (max-width: 768px){#accueil #maincontent .entry-content>div .content{display:grid;grid-template-columns:120px 1fr;grid-gap:20px}#accueil #maincontent .entry-content>div h1{font-size:2.75em}#accueil #maincontent .entry-content>div h3{font-size:1.5em}#accueil #maincontent #intro header,#accueil #maincontent #systeme-securite header,#accueil #maincontent #systeme-informatique header,#accueil #maincontent #maintenance header,#accueil #maincontent #gestion-file-attente header,#accueil #maincontent #pointeuse-biometrique header,#accueil #maincontent #maintenance header{max-width:100%;margin:0 0 1.25em;padding:0;text-align:left}#accueil #maincontent #intro header h2,#accueil #maincontent #systeme-securite header h2,#accueil #maincontent #systeme-informatique header h2,#accueil #maincontent #maintenance header h2,#accueil #maincontent #gestion-file-attente header h2,#accueil #maincontent #pointeuse-biometrique header h2,#accueil #maincontent #maintenance header h2{font-size:2.5rem;margin:0}#accueil #maincontent #intro .content,#accueil #maincontent #systeme-securite .content,#accueil #maincontent #systeme-informatique .content,#accueil #maincontent #maintenance .content,#accueil #maincontent #gestion-file-attente .content,#accueil #maincontent #pointeuse-biometrique .content,#accueil #maincontent #maintenance .content{margin:0;padding:0}#accueil #maincontent #intro .content figure,#accueil #maincontent #systeme-securite .content figure,#accueil #maincontent #systeme-informatique .content figure,#accueil #maincontent #maintenance .content figure,#accueil #maincontent #gestion-file-attente .content figure,#accueil #maincontent #pointeuse-biometrique .content figure,#accueil #maincontent #maintenance .content figure{padding:7px 0}#accueil #maincontent #intro{padding:15vh 0 10vh;min-height:80vh}}@media all and (max-width: 640px){#accueil #maincontent .entry-content>div .content{display:block}#accueil #maincontent .entry-content>div .content figure{display:block;margin:0;padding:0}#accueil #maincontent .entry-content>div .content figure img{display:block;max-height:150px;width:auto;margin:0 auto 1.5em}#accueil #maincontent .entry-content>div .content section{width:100%;max-width:100%}#accueil #maincontent .entry-content>div h1{font-size:2.25em}#accueil #maincontent .entry-content>div h3{font-size:1.5em}#accueil #maincontent .entry-content>div header h2{font-size:2rem;text-align:left;margin:0}#accueil #maincontent #intro header,#accueil #maincontent #systeme-securite header,#accueil #maincontent #systeme-informatique header,#accueil #maincontent #maintenance header,#accueil #maincontent #gestion-file-attente header,#accueil #maincontent #pointeuse-biometrique header,#accueil #maincontent #maintenance header{margin:0 0 30px}#accueil #maincontent #intro{padding:15vh 0 10vh}}@media all and (max-width: 480px){#accueil #maincontent .entry-content>div .content{display:block}#accueil #maincontent .entry-content>div .content figure img{max-width:250px;height:auto}#accueil #maincontent .entry-content>div h1{font-size:2.15em}#accueil #maincontent .entry-content>div h3{font-size:1.3em}#accueil #maincontent .entry-content>div header h2{font-size:2.25rem;text-align:center}#accueil #maincontent #systeme-informatique .content figure,#accueil #maincontent #pointeuse-biometrique .content figure{display:none}}@media all and (max-width: 320px){#accueil #maincontent div .content{display:block}#accueil #maincontent div .content figure img{max-width:150px;height:auto}#accueil #maincontent div header{max-width:100%}#accueil #maincontent div header h2{font-size:2rem;text-align:center}}#residentiel .content{color:#f0f0f0}#residentiel #maincontent #intro{padding:5em 0}#residentiel #maincontent #systeme-securite::before{background-color:rgba(0,0,0,.8)}#residentiel #maincontent #systeme-securite::after{display:none;background-color:rgba(0,0,0,.2)}#residentiel #maincontent #connexion-internet::before{background-color:rgba(60,0,0,.8)}#residentiel #maincontent #connexion-internet::after{display:block;background-color:rgba(0,0,0,.2)}#residentiel #maincontent #interphone-visiophone::before{background-color:rgba(0,4,30,.82)}#residentiel #maincontent #assistance::before{background-color:rgba(30,0,0,.85)}@media all and (max-width: 1140px){#residentiel #maincontent #intro,#residentiel #maincontent #systeme-securite,#residentiel #maincontent #connexion-internet,#residentiel #maincontent #interphone-visiophone,#residentiel #maincontent #assistance{max-width:100%;padding:2em 20px}}@media all and (max-width: 1024px){#residentiel #maincontent .content{display:grid;grid-template-columns:80px 1fr}}@media all and (max-width: 640px){#residentiel #maincontent #intro,#residentiel #maincontent #systeme-securite,#residentiel #maincontent #connexion-internet,#residentiel #maincontent #interphone-visiophone,#residentiel #maincontent #assistance{padding:2em 15px}#residentiel #maincontent .content{display:grid;grid-template-columns:60px 1fr}}@media all and (max-width: 480px){#residentiel #maincontent .content{display:grid;grid-template-columns:40px 1fr;grid-gap:15px}#residentiel #maincontent .content figure{width:100%;margin:0 0 1em}#residentiel #maincontent .content figure img{display:block;max-width:100%;height:auto;margin:0 auto}}@media all and (max-width: 320px){#residentiel #maincontent .content{display:block}#residentiel #maincontent .content figure{width:100%;margin:0}#residentiel #maincontent .content figure img{display:block;width:100%;max-width:80px;height:auto;margin:0 auto}#residentiel #maincontent .content section{display:block;width:100%;margin:0 0 2em;padding:0}}#entreprise #maincontent>div::before{background-color:rgba(40,0,0,.1)}#entreprise #maincontent #intro{padding:15em 0 5em}#entreprise #maincontent #intro header h1{color:#f0f0f0}#entreprise #maincontent #intro header h3{color:#f0f0f0}#entreprise #maincontent #intro::before{background-color:rgba(16,0,68,.7)}#entreprise #maincontent #intro:after{display:block;background-color:rgba(0,0,0,.4);z-index:3}#entreprise #maincontent #parc-informatique::before{background-color:rgba(0,26,59,.8)}#entreprise #maincontent #video-surveillance::before{background-color:rgba(40,0,28,.8)}#entreprise #maincontent #securite-incendie::before{background-color:rgba(72,0,8,.45)}#entreprise #maincontent #pointeuse::before{background-color:rgba(5,0,40,.8)}#entreprise #maincontent #pointeuse::after{display:block;background-color:rgba(0,0,0,.3)}#entreprise #maincontent #assistance::before{background-color:rgba(30,0,0,.8)}@media all and (max-width: 1140px){#entreprise #maincontent #intro{padding:15em 20px 5em;max-width:100%}#entreprise #maincontent #parc-informatique,#entreprise #maincontent #video-surveillance,#entreprise #maincontent #securite-incendie,#entreprise #maincontent #pointeuse,#entreprise #maincontent #assistance{max-width:100%;padding:2em 20px}}@media all and (max-width: 1024px){#entreprise #maincontent #intro,#entreprise #maincontent #parc-informatique,#entreprise #maincontent #video-surveillance,#entreprise #maincontent #securite-incendie,#entreprise #maincontent #pointeuse,#entreprise #maincontent #assistance{padding:2em 15px}#entreprise #maincontent .content{display:grid;grid-template-columns:80px 1fr}}@media all and (max-width: 640px){#entreprise #maincontent #intro,#entreprise #maincontent #parc-informatique,#entreprise #maincontent #video-surveillance,#entreprise #maincontent #securite-incendie,#entreprise #maincontent #pointeuse,#entreprise #maincontent #assistance{padding:2em 15px}#entreprise #maincontent .content{display:grid;grid-template-columns:60px 1fr}}@media all and (max-width: 480px){#entreprise #maincontent .content{display:grid;grid-template-columns:40px 1fr;grid-gap:15px}#entreprise #maincontent .content figure{width:100%;margin:0 0 1em}#entreprise #maincontent .content figure img{display:block;max-width:100%;height:auto;margin:0 auto}}@media all and (max-width: 320px){#entreprise #maincontent .content{display:block}#entreprise #maincontent .content figure{width:100%;margin:0}#entreprise #maincontent .content figure img{display:block;max-width:80px;height:auto;margin:0 auto}#entreprise #maincontent .content section{display:block;margin:0 0 1.25em}}#maintenance #maincontent .entry-content>div::before,#maintenance #maincontent .entry-content>div::after{background-color:rgba(4,1,24,.8)}#maintenance #maincontent .entry-content>div::after{z-index:3}#maintenance #maincontent #intro{display:block;margin:0;padding:5em 0}#maintenance #maincontent #intro::before{background-color:rgba(15,0,8,.8)}#maintenance #maincontent #intro::after{display:none}#maintenance #maincontent #maintenance-preventive::before{background-color:rgba(40,0,20,.85);z-index:3}#maintenance #maincontent #maintenance-preventive::after{background-color:rgba(0,0,0,.2);z-index:2}#maintenance #maincontent #tele-assistance::before{background-color:rgba(20,0,0,.8)}#maintenance #maincontent #tele-assistance::after{display:none}#maintenance #maincontent #depannage{border:none}#maintenance #maincontent #depannage::before{background-color:rgba(4,1,24,.82)}#maintenance #maincontent #depannage::after{display:none}@media all and (max-width: 1140px){#maintenance #maincontent #intro,#maintenance #maincontent #maintenance-preventive,#maintenance #maincontent #tele-assistance,#maintenance #maincontent #depannage{padding:3em 15px;max-width:100%;min-height:min(100vh,66vw)}}@media all and (max-width: 1024px){#maintenance #maincontent #intro,#maintenance #maincontent #maintenance-preventive,#maintenance #maincontent #tele-assistance,#maintenance #maincontent #depannage{margin:0}}@media all and (max-width: 640px){#maintenance #maincontent #intro{padding:100px 15px}#maintenance #maincontent .content{display:grid;grid-template-columns:60px 1fr}}@media all and (max-width: 320px){#maintenance #maincontent .entry-content #intro .content,#maintenance #maincontent .entry-content #maintenance-preventive .content,#maintenance #maincontent .entry-content #tele-assistance .content,#maintenance #maincontent .entry-content #depannage .content{display:block}#maintenance #maincontent .entry-content #intro .content figure,#maintenance #maincontent .entry-content #maintenance-preventive .content figure,#maintenance #maincontent .entry-content #tele-assistance .content figure,#maintenance #maincontent .entry-content #depannage .content figure{width:100%;margin:0 auto}#maintenance #maincontent .entry-content #intro .content figure img,#maintenance #maincontent .entry-content #maintenance-preventive .content figure img,#maintenance #maincontent .entry-content #tele-assistance .content figure img,#maintenance #maincontent .entry-content #depannage .content figure img{display:block;max-width:80px;height:auto;margin:0 auto}#maintenance #maincontent .entry-content #intro .content section,#maintenance #maincontent .entry-content #maintenance-preventive .content section,#maintenance #maincontent .entry-content #tele-assistance .content section,#maintenance #maincontent .entry-content #depannage .content section{display:block;margin:0 0 1.25em}}#realisations #masthead{background:rgba(26,92,157,.95)}#realisations .maincontent>div{border:none}#realisations .maincontent>div::before,#realisations .maincontent>div::after{display:none}#realisations .maincontent>div header h2{color:#333}#realisations .maincontent>div .content{display:block;margin:0 auto 3em;color:#333}#realisations .maincontent #projets{margin:0;padding:180px 0 40px}@media all and (min-width: 1025px){#realisations .maincontent #projets{margin:0;padding:180px 20px 40px;max-width:100%}}@media all and (max-width: 1024px){#realisations .maincontent #projets{margin:0;padding:80px 15px 40px}}#contact #maincontent{min-height:fit-content}#contact #maincontent .entry-content>div{height:auto;min-height:fit-content}#contact #maincontent .entry-content>div header{max-width:700px;margin:0 auto 1em}#contact #maincontent #intro{display:block;height:auto;overflow:hidden;margin:0;padding:13em 0 5em;text-align:left;color:#f0f0f0;font-size:1.3rem}#contact #maincontent #intro::before{display:block;width:100%;height:600vh;background-color:rgba(30,0,0,.8);content:"";z-index:2;position:absolute;top:0;left:0}#contact #maincontent #intro section{display:block;margin:0 0 2em;color:#fff}#contact #maincontent #intro section p{line-height:1.6em;font-size:1.1em}#contact #maincontent #intro section a{color:#fff;text-decoration:underline}#contact #maincontent #intro section a:visited{color:#fff}#contact #maincontent #intro section a:hover{color:#02a9f7}#contact #maincontent #wpxpcf_contact{display:block;margin:0 auto;padding:0}#contact #maincontent #wpxpcf_contact p{margin:0 0 10px;padding:0 0 10px}#contact #maincontent #wpxpcf_contact label{display:inline-block;width:120px;color:#fff;font-size:1em;padding:3px 0 8px;margin:0 5px 0 0;text-align:right}#contact #maincontent #wpxpcf_contact label::after{content:":"}#contact #maincontent #wpxpcf_contact input[type=text],#contact #maincontent #wpxpcf_contact input[type=email],#contact #maincontent #wpxpcf_contact input[type=tel]{margin:0;display:inline-block;border:solid 1px #fff;background:rgba(255,255,255,.4);color:#fff}#contact #maincontent #wpxpcf_contact input[type=text]:focus,#contact #maincontent #wpxpcf_contact input[type=email]:focus,#contact #maincontent #wpxpcf_contact input[type=tel]:focus{background:#fff;color:#000}#contact #maincontent #wpxpcf_contact input[name=subject],#contact #maincontent #wpxpcf_contact textarea[name=message]{display:inline-block;max-width:500px;border:solid 1px #fff;background:rgba(255,255,255,.4);float:none;clear:none;margin:0;color:#fff}#contact #maincontent #wpxpcf_contact input[name=subject]:focus,#contact #maincontent #wpxpcf_contact textarea[name=message]:focus{background:#fff;color:#000}#contact #maincontent #wpxpcf_contact button{margin:0 0 0 125px}#contact #maincontent #wpxpcf_contact #wpxpcf_success_message{display:block;max-width:100%;margin:1em auto;color:#fff;font-size:1.1em;line-height:1.5em}#contact #maincontent .entry-content>div.autofocus header{margin:5em auto 1.5em;transition:margin 2s ease-out 2s}@media all and (max-width: 1140px){#contact #maincontent #intro .wpxpcform{padding:0 20px}}@media all and (max-width: 1024px){#contact #maincontent #intro{min-height:fit-content;padding:100px 0 20px;margin:0;box-sizing:border-box}}@media all and (max-width: 768px){#contact #maincontent #intro header{max-width:100%;padding:0 20px}#contact #maincontent #wpxpcf_contact{max-width:100%;padding:0 20px}#contact #maincontent #wpxpcf_contact input[name=subject],#contact #maincontent #wpxpcf_contact textarea[name=message]{width:calc(100vw - 200px)}}@media all and (max-width: 640px){#contact #maincontent #intro header{max-width:100%;padding:0 20px}#contact #maincontent #wpxpcf_contact{padding:0 20px}#contact #maincontent #wpxpcf_contact label{width:130px;text-align:right}#contact #maincontent #wpxpcf_contact input[type=text],#contact #maincontent #wpxpcf_contact input[type=tel],#contact #maincontent #wpxpcf_contact input[type=email],#contact #maincontent #wpxpcf_contact textarea[name=message]{width:calc(100vw - 180px)}#contact #maincontent #wpxpcf_contact textarea[name=message]{height:120px}#contact #maincontent #wpxpcf_contact button{margin-left:135px}}@media all and (max-width: 480px){#contact #maincontent #wpxpcf_contact p{margin:0;padding:0 0 5px}#contact #maincontent #wpxpcf_contact label{display:block;margin:0 0 5px;padding:0;text-align:left}#contact #maincontent #wpxpcf_contact label::after{display:none}#contact #maincontent #wpxpcf_contact input[type=text],#contact #maincontent #wpxpcf_contact input[type=tel],#contact #maincontent #wpxpcf_contact input[type=email],#contact #maincontent #wpxpcf_contact textarea[name=message]{display:block;width:100%;max-width:100%;margin:0 0 10px}#contact #maincontent #wpxpcf_contact button{margin:10px 0 40px}}#landing-page #masthead{height:50px;position:relative;background:rgba(26,92,157,.95);overflow:hidden}#landing-page #masthead #logo{display:block;width:37px;height:40px;margin:5px 0 0;text-decoration:none;background:url(../images/diomtech_logo.png) no-repeat 0 0;background-size:auto 100%;position:relative}#landing-page #masthead .contact-info{display:block;width:370px;height:auto;overflow:hidden;position:absolute;top:15px;right:0}#landing-page #maincontent{display:block;height:auto;min-height:100vh;background:#fff;margin:0;padding:3em 0}#landing-page #maincontent #primary{display:block;margin:0;padding:0}#landing-page #colophon{display:block;height:auto;overflow:hidden;margin:0;padding:.75em 0;font-size:1.1rem;text-align:center;background-color:#0f4b86;color:#f1fcfe;position:relative}#landing-page #colophon p{margin:0 0 .5em}#landing-page #colophon p:last-child{margin:0}