html, body{width:100%;height:100%;}
a:hover{text-decoration:none;}
@font-face{font-family:'audimat_mono';src:url('../fonts/audimat/audimrg_-webfont.woff2') format('woff2'),
url('../fonts/audimat/audimrg_-webfont.woff') format('woff'),
url('../fonts/audimat/audimrg_-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'futura_lightregular';src:url('../fonts/futura/futura-webfont.woff2') format('woff2'),
url('../fonts/futura/futura-webfont.woff') format('woff'),
url('../fonts/futura/futura-webfont.ttf') format('truetype'),
url('../fonts/futura/futura-webfont.svg#futura_lightregular') format('svg');font-weight:normal;font-style:normal;}
body{font-family:'Lato', Arial, sans-serif;font-size:14px;}
#page{min-height: 100%;}
h1{margin:0;}
.pageindex .masthead h2{font-family:'audimat_mono';font-size:2em;}
.pageindex .masthead h3{font-family:'futura_lightregular';font-size:2em;}
.page h2{font-family:Lato;font-size:1.9em;font-weight:bold;}
/*.pagementionslegales h3{font-family:Lato;font-size:1.42em;font-weight:bold;}*/
.pagementionslegales h3{font-family:Lato;font-size:1.5em;font-weight:bold;}
h4{font-family:Lato;font-size:1.5em;font-weight:bold;}
h5{font-family:Lato;font-size:1.25em;}
@media (min-width:768px){h4{font-size:1.6em;}
h5{font-size:1.4em;}
}
@media (min-width:992px){h4{font-size:1.9em;}
h5{font-size:1.5em;}
}
@media (min-width:1200px){h4{font-size:2.5em;}
h5{font-size:1.6em;}
}
#mainNav{border-bottom:1px solid rgba(33, 37, 41, 0.1);background-color:#fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.navbar{border:none;margin-bottom:0;padding:0rem 1rem;}
.navbar-nav > li > a{text-shadow:none;font-weight:bold;font-size:1.4em;line-height:4em;border-top:8px solid #39769d;margin-left:26px;padding:25px 31px 12px 31px;transition:2s;}
.navbar-nav .active{background:url(../images/active.png) no-repeat;background-position-y:bottom;background-position-x:calc(50% + 13px);}
.navbar-nav > li.nav-item > a:focus, .navbar-nav > li.nav-item > a:hover{text-decoration:none;color:#39769d;background-color:#eee;}
.navbar-brand{margin-top:0.71em;}
#mainNav.navbar-shrink{border-bottom:1px solid rgba(33, 37, 41, 1)(33, 37, 41, 0.1);background-color:#fff;max-height:100%;overflow-y: scroll;}
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a{color:#39769d;}
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a:hover,
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a:focus{color:#39769d;background-color:#eee;}
.navbar-toggler:focus,
.navbar-toggler:active{outline:0;}
.navbar-toggler span{display:block;background-color:#39769d;height:3px;width:25px;margin-top:4px;margin-bottom:4px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);right:0;opacity:1;}
.navbar-toggler:not(.collapsed) span:nth-of-type(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:10% 10%;-ms-transform-origin:10% 10%;transform-origin:10% 10%;opacity:0.9;}
.navbar-toggler:not(.collapsed) span:nth-of-type(2){opacity:0;filter:alpha(opacity=0);}
.navbar-toggler:not(.collapsed) span:nth-of-type(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:10% 90%;-ms-transform-origin:10% 90%;transform-origin:10% 90%;}
.navbar-toggler span:nth-of-type(1){-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.navbar-toggler span:nth-of-type(2){opacity:1;filter:alpha(opacity=100);}
.navbar-toggler span:nth-of-type(3){-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
@media (max-width:991px){.navbar-nav > li > a{margin:12px 95px;padding:25px 0 12px 0;color:#39769d;}
.nav-item{text-align:center;}
.navbar-nav .active{background-position-x:center;background-position-y:4em;}
}
@media (min-width:992px){#mainNav{border-color:transparent;background-color:transparent;}
}
.pageindex .container{margin-top: 7rem;}
.pageindex header.masthead{padding-bottom:calc(10rem - 56px);background-image:url("../images/fond-accueil.jpg");background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.pageindex .masthead h2{color:#cdd0d7;margin-top:0;margin-bottom:5%;}
.pageindex .masthead h3{color:#639ab7;margin-top:0;margin-bottom:15%;}
#besoins h4, #prestations h4{color:#639ab7;border-bottom:3px solid #39769d;margin-bottom:1.7rem;display:inline-block;padding-right:2rem;}
@media (min-width:992px){.page.pageindex header.masthead{height:98vh;min-height:650px;padding-top:0;padding-bottom:0;}
.pageindex header.masthead h2{font-size:6rem;margin-top:10%;}
.pageindex header.masthead h3{font-size:4rem;}
}
@media (min-width:1200px){.pageindex .masthead h2{font-size:8rem;}
.pageindex .container{margin-top: 5rem;}
.pageindex header.masthead h3{font-size:5rem;}
}
.page header.masthead{padding-top:10rem;}
.page a{color:#639ab7;}
.page h2{color:#639ab7;margin:5% 0;text-align:center;}
@media (max-width: 992px){.pageindex .masthead h2{font-size: 4rem;}
.pageindex .masthead h3{font-size: 5rem;}
}
@media (max-width: 768px){.pageindex .masthead h2{font-size: 2rem;}
.pageindex .masthead h3{font-size: 2rem;}
}
@media (min-width:768px){p{font-size:1.35em;}
}
.page404{line-height:1;background:url(../images/codesource.jpg) no-repeat;background-size:cover;font-family:"audimat_mono";}
.informations{text-align:center;margin:150px auto;font-size:20px;}
.informations p{margin-top:3%;line-height:2;}
.informations a{color:#3b779e;text-decoration:none;}
#page .pageindex a{color:#ffffff;}
section{padding:3rem 0;}
#besoins{background-color:#cdd0d7;}
#besoins .text-faded{color:rgba(99, 154, 183, 0.7);}
#besoins .accueil{color:#39769d;font-weight:bold;}
.prestation h5{color:#39769d;}
@media (min-width:992px){section{padding:8rem 0;}
}
.pageapropos{background-color:#cdd0d7;min-height:100%;}
.pageapropos .description p{color:#639ab7;margin:0 0 10px;}
.blockquote{color:#ffffff;font-size:1.0em;margin:5% 18%;padding:10px 20px;text-align:left;}
blockquote span{font-style:italic;text-align:right;}
.description .media{display:inline-block;color:#39769d;font-weight:bold;}
.cv{text-align:center;}
.pageapropos .bouton{color:#cdd0d7;}
.bouton{background-color:#39769d;border-radius:10px;padding:17px 44px;}
@media (min-width:992px){.blockquote{font-size:1.3em;margin:5% 25%;}
}
.pagerealisations{background-color:#ffffff;min-height:100%;}
.pagerealisations .logoProjet{max-width:100%;}
.grid-item{float:left;margin-bottom:1%;height:325px;}
.grid-item-content{width:100%;height:100%;background:#f5f5f5;border:2px solid hsla(0,0%, 0%, 0.5);border-radius:5px;-webkit-transition:width 0.4s, height 0.4s;transition:width:0.4s, height 0.4s;}
.grid-item.is-expanded{z-index:2;}
.projet{position:relative;display:flex;justify-content:center;align-items:center;height:100%;}
.projet .plus{position:absolute;background-color:rgba(57, 118, 157, 0.8);color:#ffffff;top:0;bottom:0;left:0;right:0;opacity:0;transform:rotateY(90deg);transition:all 500ms;margin-bottom:0;height:321px;}
.projet:hover .plus{opacity:1;transform:rotateY(360deg);}
.plus .nomprojet{position:absolute;display:block;font-family:lato;font-weight:bold;color:#ffffff;top:50%;left:0;right:0;font-size:1.2rem;margin-top:-10px;margin-bottom:104px;}
.plus .creation{position:absolute;display:block;color:#ffffff;top:25px;left:0;right:0;margin-top:-7px;font-family:lato;font-style:italic;font-size:1rem;text-align:center;}
.plus .logiciel{position:absolute;display:block;color:#ffffff;bottom:9px;left:0;right:0;margin-right:10px;}
.plus .logiciel img:first-child{margin-left:10px;}
.plus .logiciel img{margin-right:10px;}
.plus .voir{position:absolute;display:block;color:#ffffff;bottom:9px;right:10px;border:1px solid #ffffff;padding:10px;font-family:lato;font-size:1rem;}
@media all and (min-width:800px){.fancybox-custom-layout .fancybox-outer{top:50px;left:50px;bottom:50px;right:50px;margin:auto;overflow:visible;background:#1e1e1e;box-shadow:10px 10px 15px rgba(0,0,0,0.3);transition:opacity .3s;}
.fancybox-custom-layout.fancybox-is-closing .fancybox-outer{opacity:0;}
.fancybox-custom-layout .fancybox-bg{background:#1e1e1e;}
.fancybox-custom-layout.fancybox-is-open .fancybox-bg{opacity:.87;}
.fancybox-custom-layout .fancybox-caption-wrap{top:0;right:44px;bottom:0;left:auto;width:256px;padding:0;background:#333;pointer-events:all;//Make text selectable
border-right:1px solid rgba(255,255,255,.08);}
.fancybox-custom-layout .fancybox-stage{right:300px;}
.fancybox-custom-layout .fancybox-caption{padding:30px 20px;border:0;}
.fancybox-custom-layout .fancybox-toolbar{top:0;right:0;bottom:0;left:auto;width:44px;background:#333;border-left:1px solid #222;}
.fancybox-custom-layout .fancybox-button,
.fancybox-custom-layout .fancybox-navigation button:before{background:transparent;}
.fancybox-custom-layout .fancybox-navigation button{color:#333 !important;padding:10px;}
.fancybox-navigation .fancybox-button{display:none;}
}
@media (max-width:767px){.plus .logiciel{display:none;}
.plus .creation p{font-size:0.9rem;}
}
@media (min-width:768px) and (max-width:991px){.plus .logiciel img{width:9%;margin-right:5px;}
.plus .creation p{font-size:1.1rem;}
.plus .voir{bottom:10%;right:10px;padding:5px;font-size:0.7rem;}
}
.pagecontact{background:url(../images/fond-contact.jpg)no-repeat center bottom;background-size:cover;opacity:0.9;min-height:100%;}
.form-group{margin-bottom:45px;}
/*.form-group.has-feedback{margin-bottom:23px;}*/
.form-control{background-color:rgba(63, 121, 156, 0.8);border:1px solid #6b9fb6;color:rgba(255, 255, 255, 0.8);}
.form-control::-moz-placeholder{color:rgba(255, 255, 255, 0.8);}
.form-control::-ms-input-placeholder{color:rgba(255, 255, 255, 0.8);}
.form-control::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.8);}
.form-control:focus::placeholder{color:rgba(63,121,156,0.8);}
.text-danger{margin:0 0 2px;font-size:12px;}
.textarea{margin-bottom:36px;}
textarea.form-control{height:280px;max-height:280px}
.form-control-feedback{right:11px;}
/*.text-info{color:#ffffff;text-align:center;font-size:19px;border:1px solid #ffffff;border-radius:4px;margin:0% 30% 25% 30%;padding:10px;}*/
.obligatoire{/*color:red;*/text-align:right;font-style:italic;font-size:10px;}
.btn-primary{color:rgba(255, 255, 255, 0.8);background-color:rgba(63, 121, 156, 0.8);border-color:#6b9fb6;background-image:none;background-repeat:repeat-x;margin-bottom:25px;}
.btn-primary:hover{background:#ffffff;background:-moz-radial-gradient(center, ellipse cover, #ffffff 0%, #639ab7 100%);background:-webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#639ab7 100%);background:radial-gradient(ellipse at center, #ffffff 0%,#639ab7 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#639ab7',GradientType=1);border-color:#3a7399;color:#39769d;}
#footer{background-color:#e7e7e7;border-top:4px solid #39769d;position:relative; bottom:0; left:0; right:0;}
.footer .mentions{color:#639ab7;font-size:10px;margin-top:16px;}
.footer .mentions a{color:#639ab7;text-decoration:none;}
.footer .reseau{margin-top:16px;}
.footer .reseau a{color:#639ab7;}
/*.pagementionslegales h3{text-align:left;margin-bottom:0;color:#639ab7;}*/
.pagementionslegales h3{text-align:left;margin-bottom:0;color:#9aa6ae;}
#retourHaut{background:url('../images/retour_Haut.png') no-repeat;bottom:6%;cursor:pointer;display:none;filter:alpha(opacity = 50);height:48px;opacity:0.5;position:fixed;right:1%;width:48px;}
#retourHaut:hover{filter:alpha(opacity = 100);opacity:1;}