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:top;}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;}
/* Common styles of menus */
.dl-menuwrapper{width:300px;position:fixed;top:2em;right:1em;-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%;z-index:3000;text-align:left;}
.dl-menuwrapper button{background:#072b4a;border:none;border-radius:0.15em;margin:0 auto;width:45px;height:45px;position:absolute;top:0;right:0;cursor:pointer;outline:none;color:#fff;font-size:1.25em;}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active{background:#fff;border:1px solid #072b4a;}
.dl-menuwrapper button:after {content:'';position:absolute;width:32px;height:2px;background:#fff;top:12px;left:6px;box-shadow:0 10px 0 #fff, 0 20px 0 #fff;}
.dl-menuwrapper button:hover:after, .dl-menuwrapper button.dl-active:after{background:#072b4a;box-shadow:0 10px 0 #072b4a, 0 20px 0 #072b4a;}
.dl-menuwrapper ul {background:#072b4a;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;display:block;}
.dl-menuwrapper li a {display:block;position:relative;padding:10px 20px;font-size:1em;color:#fff;outline:none;border-bottom:1px solid #fff;text-transform:uppercase;}
.no-touch .dl-menuwrapper li a:hover {background:rgba(255,255,255,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:'Font Awesome 5 Free';content:"\f105";speak:none;-webkit-font-smoothing:antialiased;font-weight:900;}
.dl-menuwrapper li.dl-back:after {left:10px;color:rgba(255,255,255,0.9);content:"\f104";}
.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:'Arimo', sans-serif;}
h1,h2,h3,h4{font-family:'Oswald', sans-serif;text-transform:uppercase;margin:0.5em auto;}
p, a, main li {color:#052340;} 
.conteneur,.conteneurlg{width:90%;margin:0 auto;}
nav.menuprincipal ul, nav.menutop, .pc{display:none;}
div.infogauche{width:275px;text-align:right;background-color:#FFF;padding-left:1em;}
header a.logo{width:100%;max-width:283px;display:block;background-color:#fff;}
header{position:absolute;width:100%;top:0;}
div.infotop{width:100%;padding:10px 0 3px 0;background-color:#fff;}
div.info{padding-top:.5em;}
div.info a{font-size:.7em;font-weight:bold;}
div.info a:first-child{padding-right:5px;}
div.slideaccueil,div.slide{position:relative;z-index:-1;top:0;}
div.slide{top:100px;height:200px;}
div.slideaccueil .txtslide,div.slide .txtslide{text-align:center;position:absolute;top:160px;left:0;right:0;margin-left:auto;margin-right:auto;}
h1{color:#052847;font-size:1.8em;vertical-align:top;margin:0;}
div.slideaccueil h1{font-size:1.8em;display:inline-block;}
h2{color:#0a182c;font-size:1.6em;vertical-align:top;text-align:left;margin-top:1em;margin-bottom:.5em;}
div.slideaccueil h2{font-size:.8em;margin-top:0.2em;margin-bottom:3em;display:inline-block;}
main.sec p{line-height:1.1em;margin:.5em 0 1em 0;}
main.sec ul{list-style:disc;margin-left:2.5em;}
main.sec ul li{font-size:1em;line-height:1.1em;padding-bottom:.4em;}
main.sec ul li ul{margin-top:.5em;list-style:circle;}
section.services h2{color:#898383;display:block;font-size:1.8em;padding:1em 1em;margin:0;line-height:1.2em;}
section.services .bloctexte{background-color:#052340;color:#fff;position:relative;padding-bottom:1.5em;}
section.services .bloctexte:before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#fff transparent transparent transparent;position:absolute;top:0;left:0;right:0;margin-left:auto;margin-right:auto;}
section.services .bloctexte p{color:#fff;padding:1.5em 1em 0 1em;}
article.ingenierie{background:url(../images/services-ingenierie.jpg) center right no-repeat;position:relative;padding:2em 1em;text-align:center;}
article.ingenierie:after{content:"";width:0;height:0;border-style:solid;border-width:0px 10px 10px 10px;border-color:transparent transparent #fff transparent;position:absolute;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;}
article.gestionprojet{background:url(../images/gestion-de-projet.jpg) center center no-repeat;position:relative;padding:2em 1em;text-align:center;}
article.gestionprojet:after{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 0px 10px;border-color:#fff transparent transparent transparent;position:absolute;top:0;left:0;right:0;margin-left:auto;margin-right:auto;}
article.ingenierie:before{content:"";width:0;height:0;border-style:solid;border-width:0px 10px 10px 10px;border-color:transparent transparent #fff transparent;position:absolute;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;}
article.studycase{background:url(../images/study-case.jpg) center center no-repeat;position:relative;padding:2em 1em;text-align:center;}
article.studycase:after{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 0px 10px;border-color:#fff transparent transparent transparent;position:absolute;top:0;left:0;right:0;margin-left:auto;margin-right:auto;}
article h2{font-family:'Arimo', sans-serif;color:#fff;font-weight:bold;font-size:1.3em;margin:1em 0 .5em 0;/*background-color:rgba(0,0,0,0.30)*/;padding:.4em;border-radius:.2em;text-align:center;}
article p{color:#fff;margin:0;/*background-color:rgba(0,0,0,0.30);*/padding:.4em;border-radius:.2em;}
a.btnblanc{display:inline-block;padding:15px 25px;background-color:#fff;color:#052340;border-radius:8px;text-transform:uppercase;font-size:.9em;font-weight:bold;border:1px solid #fff;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;margin:1em 0;}
a.btnblanc:hover{background-color:#052340;color:#fff;}
h3{text-align:center;font-size:1.8em;color:#052340;font-weight:bold;margin-top:1.5em;}
hr{border:0;border-bottom:1px solid #052340;width:10%;margin:.5em auto 1em auto;}
main.sec{margin-bottom:4em;}
main.sec h3{text-align:left;font-weight:normal;font-size:1.3em;}
footer{text-align:center;padding:3em 0;border-top:3px solid #052340;}
footer aside:nth-child(2), footer aside:nth-child(3){display:none;}
footer aside{border-top:1px solid #052340;padding-top:1em;max-width:190px;margin:2em auto 0 auto;}
footer aside p{font-size:.9em;font-weight:bold;text-transform:uppercase;padding-bottom:1em;}
footer aside a{font-size:.8em;display:block;font-weight:bold;line-height:1.4em;}
p.copy, p.ymark{font-size:.7em;}
p.copy{margin-top:2em;}
p.ymark{margin-bottom:2em;}
/*.studycase{width:75%;text-align:center;margin:2em auto;}*/
footer a:hover{text-decoration:underline;}
strong{font-weight:bold;}
div.contact p{font-size:1.1em;margin-top:2em;}
div.contact p.telephone{font-size:1.6em;margin-top:1em;}
div.contact p.courriel{font-size:1.2em;margin-top:0em;}
div.googlemap iframe{width:100%;min-height:300px;}
p.verifantispam, input[name=verifantispam]{display:none}
main.sec form p{margin:1em 0 0 0;}
input, select, textarea{width:100%;margin-top:0em;height:1.5em;}
input[type=checkbox],input[type=radio]{width:18px;height:inherit;}
input[name="name"] {
    display: none;
}
textarea{height:5em;}
.g-recaptcha{margin:1em 0;}
button[type=submit]{width:auto;border:none;background:#052847;color:#fff;height:auto;padding:0.55em 1.5em;border-radius:0.5em;}
nav.navpage{margin:3em 0;}
nav.navpage ul{margin:0;list-style:none;}
nav.navpage li{display:block;padding:.5em 0;}
nav.navpage a{text-transform:uppercase;color:#052847;font-size:1.2em;font-family:'Oswald', sans-serif;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;padding:.2em;font-weight:normal;}
nav.navpage a:hover{background-color:#052847;color:#fff;}
div.boxbordure{-webkit-box-shadow:0px 1px 10px 0px rgba(0,0,0,0.18);-moz-box-shadow:0px 1px 10px 0px rgba(0,0,0,0.18);box-shadow:0px 1px 10px 0px rgba(0,0,0,0.18);padding:1em;margin-bottom:2em;overflow:auto;}
div.boxbordure h2{color:#fff;background-color:#052847;padding:.5em;margin-top:0;}
.mt3em{margin-top:3em;}



@media only screen and (min-width:21em) {}  
@media only screen and (min-width:25em) {}
@media only screen and (min-width:31em) {div.slideaccueil h1{font-size:2.6em;}
div.slideaccueil h2{font-size:1.2em;}
section.services h2{text-align:center;}
div.slideaccueil .txtslide{top:200px;}
div.slide{height:250px;}
}
@media only screen and (min-width:38em) {div.slideaccueil h1{font-size:3em;}
div.slideaccueil h2{font-size:1.3em;}
div.slideaccueil .txtslide{top:240px;}
}
@media only screen and (min-width:48em) {div.slideaccueil h1{font-size:4.4em;}
div.slideaccueil h2{font-size:2em;}
div.slideaccueil .txtslide{top:320px;}
div.slide{top:120px;height:350px;}
.dl-menuwrapper{display:none;}
div.infotop{padding:0;text-align:left;}
div.infogauche{display:inline-block;padding:1em 1em 0px 1em;}
nav.menuprincipal{display:inline-block;width:calc(100% - 280px - 2em);background-color:#04223C;padding-bottom:1em;}
nav.menuprincipal ul.menutop {display:flex;font-size:10px;justify-content:flex-start;font-weight:bold;margin:2em 0 1em .7em;}
nav.menuprincipal ul.menutop li {padding:0 1em;}
nav.menuprincipal ul.menutop li a{color:#fff;display:inline-block;padding:4px 5px;border:1px solid transparent;color:#fff;text-transform:uppercase;}
nav.menuprincipal ul.menutop li a:hover,nav.menuprincipal ul.menutop li a.actif {border:1px solid #fff;}
nav.menuprincipal ul.mainmenu {display:block;margin:1em 0 1em 1em;}
nav.menuprincipal ul.mainmenu li {display:inline-block;font-size:.8em;vertical-align:middle;width:24%;font-weight:bold;}
nav.menuprincipal ul.mainmenu li:nth-child(2){width:20%;}
nav.menuprincipal ul.mainmenu li:nth-child(3){width:15%;}
nav.menuprincipal ul.mainmenu li a{color:#fff;display:inline-block;padding:4px 5px;border:1px solid transparent;color:#fff;text-transform:uppercase;}
nav.menuprincipal ul.mainmenu li a:hover,nav.menuprincipal ul.mainmenu li a.actif{border:1px solid #fff;}
section.services h2{font-size:2.5em;}
div.descservices{display:flex;align-items:stretch;}
div.descservices article{flex:1;padding:4em 2em;}
article.ingenierie:after{border-width:10px 10px 10px 0px;border-color:transparent #fff transparent transparent;top:0;bottom:0;right:0;left:auto;margin:auto 0;}
article.ingenierie:before{display:none;}
article.gestionprojet:before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 10px 0px;border-color:transparent #fff transparent transparent ;position:absolute;top:0;bottom:0;right:0;margin:auto 0;}
article.gestionprojet:after{border-width:10px 0px 10px 10px;border-color:transparent transparent transparent #fff;top:0;bottom:0;left:0;margin:auto 0;}
article.studycase:after{border-width:10px 0px 10px 10px;border-color:transparent transparent transparent #fff;top:0;bottom:0;left:0;margin:auto 0;}
article h2{min-height:40px;}
article p{min-height:100px;}
h3{font-size:2.4em;}
p.copy{display:inline-block;margin:4em auto 0 0;text-align:left;width:49%;}
p.ymark{display:inline-block;margin:4em 0 0 auto;text-align:right;width:49%;}
footer{text-align:left;}
footer aside{display:inline-block;vertical-align:top;width:calc(33% - 3em);margin:0 1em;}
footer a.logo{display:inline-block;width:33%;}
div.contact, div.googlemap{display:inline-block;width:49%;}
.alignright{float:right;margin-left:1em;margin-bottom:1em;}
main.sec h2{clear:both;}
.bloc2colonnes{display:inline-block;width:45%;}
.bloc2colonnes:last-child{margin-left:4em;}
nav.navpage ul{display:flex;flex-wrap:wrap;}
nav.navpage ul li{padding:.5em;}
ul.twocolumn{-moz-column-count:2;-moz-column-gap:30px;-webkit-column-count:2;-webkit-column-gap:30px;column-count:2;column-gap:30px;}
 ul.twocolumn li{text-indent:-1.5em;padding-left:1em;list-style-position:inside;}
}
@media only screen and (min-width:64em) {.pc{display:block;}
.mobile{display:none;}
.conteneur{width:900px;margin:0 auto;}
.conteneurlg{width:970px;margin:0 auto;}
div.infogauche{display:inline-block;padding:1em 1em 0px 5em;}
nav.menuprincipal{display:inline-block;width:calc(100% - 280px - 8em);height:120px;padding-right:2em;}
nav.menuprincipal ul.mainmenu{width:616px;}
nav.menuprincipal ul.mainmenu li{font-size:.9em;}
nav.menuprincipal ul.mainmenu li{width:22%;}
nav.menuprincipal ul.mainmenu li:nth-child(2){width:18%;}
nav.menuprincipal ul.mainmenu li:nth-child(3){width:18%;}
div.slideaccueil h1{font-size:4.8em;}
div.slideaccueil h2{font-size:2.3em;}
div.slideaccueil .txtslide{top:250px;}
div.slide{top:135px;height:300px;}
main.sec h1{font-size:4em;}
main.sec h2{font-size:2.3em;}
main.sec h3{font-size:1.8em;}
section.services{display:flex;align-items:center;}
section.services div:not(.bloctexte){flex:1;}
section.services div.bloctexte{flex:2;}
section.services .bloctexte:before{border-width:10px 0px 10px 10px;border-color:transparent transparent transparent #fff;top:0;bottom:0;left:0;margin:auto 0;}
section.services h2{padding-left:1em;font-size:2.5em;}
section.services .bloctexte{padding:2em 0;}
section.services .bloctexte p{padding:1em 0em 1em 2em;width:90%;}
div.descservices p{width:75%;text-align:center;margin:0 auto;}
article.ingenierie p{margin:0 auto 0 auto;}
article.ingenierie h2{text-align:center;}
article.gestionprojet p{margin:0 auto 0 auto;}
footer aside:nth-child(2),footer aside:nth-child(3){display:inline-block;}
footer a.logo{width:18%;}
footer aside{width:16%;}
footer aside ul{font-size:.9em;}
footer aside a{font-size:.75em;}
footer aside p{font-size:.9em;}
div.googlemap iframe{height:450px;}
form{max-width:60%;}
#politique-confidentialite h1{
    font-size: 3.2em;
}
}
@media only screen and (min-width:86em) {nav.menuprincipal ul.mainmenu{width:950px;}
nav.menuprincipal ul.mainmenu li{font-size:1.1em;}
nav.menuprincipal ul.mainmenu li{width:20%;}
nav.menuprincipal ul.mainmenu li:nth-child(2){width:15%;}
nav.menuprincipal ul.mainmenu li:nth-child(3){width:14%;}
section.services h2{padding-left:3em;font-size:2.5em;text-align:left;}
section.services .bloctexte p{padding:1em 0 1em 2em;width:85%;}
div.slideaccueil h1{font-size:5.6em;}
div.slideaccueil h2{font-size:2.5em;}
div.slideaccueil .txtslide{top:300px;}
div.slide{height:330px;}
nav.navpage:not(.project) ul{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;}
nav.navpage:not(.project) ul li{padding:.3em;}
}
@media only screen and (min-width:102em) {.conteneur{width:1250px;margin:0 auto;}
.conteneurlg{width:1460px;margin:0 auto;}
header a.logo{margin:0 0 0 auto;}
div.infogauche{width:27%;}
nav.menuprincipal{width:calc(100% - 27.3% - 8em);}
nav.menuprincipal ul.mainmenu{width:100%;}
nav.menuprincipal ul.mainmenu li{width:26%;}
nav.menuprincipal ul.mainmenu li:nth-child(2){width:22%;}
nav.menuprincipal ul.mainmenu li:nth-child(3){width:18%;}
div.slideaccueil h1{font-size:9em;}
div.slideaccueil h2{font-size:4em;}
div.slide{height:360px;}
main.sec h1{font-size:4.8em;}
div.slideaccueil .txtslide{top:400px;}
section.services h2{padding-left:3em;font-size:3.3em;}
section.services .bloctexte p{padding:1em 0 1em 2em;width:75%;}
div.descservices p{width:60%;font-size:1.1em;background-color:transparent;margin:0 auto;}
div.descservices article.gestionprojet p{margin:0 auto;}
div.descservices article{height:calc(550px - 14em);padding-top:10em;}
article h2{font-size:2.2em;margin:1em 0 .5em 0;background-color:transparent;}
a.btnblanc{margin:2em 0;}
h3{font-size:4.8em;}
nav.navpage.project ul{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;}
nav.navpage.project ul li{padding:.3em;}
nav.navpage.project ul li a{display:block;line-height:1.1em;}

}

@media only print{nav,img.pc,img.mobile,iframe{display:none;}
h1,h2,h3,p,a{color:#000 !important;}
main img{max-width:250px;float:right;}
main ul{page-break-inside:avoid;}
}