@font-face{font-family:CbrLabs;font-style:normal;font-weight:normal;src:url('../font/CbrLabs.eot');src:url("../font/CbrLabs.svg") format("svg"), url("../font/CbrLabs.woff") format("woff"), url("../font/CbrLabs.ttf") format("truetype")}
@font-face{font-family:CbrLabsBold;font-style:normal;font-weight:bold;src:url('../font/CbrLabsBold.eot');src:url("../font/CbrLabsBold.svg") format("svg"), url("../font/CbrLabsBold.woff") format("woff"), url("../font/CbrLabsBold.ttf") format("truetype")}
@font-face{font-family:Roboto;font-style:normal;font-weight:normal;src:url('../font/RobotoLight.eot');src:url("../font/RobotoLight.woff") format("woff"), url("../font/RobotoLight.ttf") format("truetype"), url("../font/RobotoLight.svg") format("svg")}
@font-face{font-family:Bol;src:url(../font/bol.otf)}
*{margin:0;padding:0}
/* TODO supprimer css modalbox */
#MB_caption{color:#e0592c;font:bold 100% "Lucida Grande", Arial, sans-serif;font-family:Bol, ProximaNovaBold, sans-serif;font-size:2em;margin:0;padding:0 1em;text-align:center;text-shadow:none}
#MB_close{color:#f8f6ea;display:block;font-size:1.5em;font-weight:700;padding:2px 3px;position:absolute;right:16px;text-decoration:none;top:0}
#MB_close:hover{background:transparent;color:#C1633D;transition:color 0.5s}
#MB_content{background:#333;border-top:0;overflow:auto;padding:0 2em;position:relative}
#MB_frame{background-color:#333;height:100%;padding-bottom:4px;position:relative}
#MB_header{background-color:#333;border-bottom:1px solid #CCC;margin:0;padding:0}
#MB_loading{background:transparent url(../img/spinner.gif) center center no-repeat;padding:8em;text-indent:-10000px}
#MB_overlay{background-color:#fff!important;border:0;height:100%;left:0;margin:auto;position:absolute;top:0;width:100%;z-index:9999}
#MB_window{-moz-box-shadow:#000 0 0 64px;-webkit-box-shadow:0 0 64px #000;background-color:#333;box-shadow:0 0 64px #000;color:#fff;left:0;margin-left:auto;margin-right:auto;margin-top:67px;position:relative;text-align:left;top:0;z-index:10000}
#MB_windowwrapper{position:absolute;top:0;width:100%}
#accroche{color:#fff;cursor:pointer;display:inline-block;font-family:Bol;font-size:2.6em;font-weight:lighter;line-height:1em;margin-bottom:1em;max-width:800px;min-height:3em;min-width:50px;padding:.2em .7em;text-indent:0;width:100%}
#accroche p {display:inline;margin:0}
#a_propos{background:url(../img/bg/contact.jpg) no-repeat fixed center center #333; background-size:cover}
#a_propos .min, #plan_du_site .inner ul, .fd_noir{background:rgba(51,51,51,0.7);padding:1.2em}
#a_propos h2, #a_propos p{display:block}
#a_propos h3{color:#B6BD30}
#blue_mountains{z-index:-1}
#bottom_jungle{display:none;/*background:url(../img/bg/footer_jungle2.png) repeat-x center 0;*/min-height:148px}
#bulles{animation:defile 20s infinite;background:url(../img/bg/bulles.png) repeat 0 0 #333;color:#fff;height:50px;margin:0 auto;width:960px}
#container{background:#232323;background-size:cover;color:#fff;text-align:left}
.blue_mountains #container{background:rgba(0,0,0,0.5)}
.blue_mountains #container h3{color:#c5cc46}
.blue_mountains #container .bloc ul a, .blue_mountains #container p a{color:#f7762d}
#container.simple {color:#fff;margin:0 auto;min-height:100%;position:relative}
#container.simple {padding-top:67px}
#coords{background:#fff/*B6BD30*/;bottom:-5px;height:5px;max-width:100%}
#flashMessage{padding:7px 14px}
#footer{bottom:0;clear:both;font-size:0.9em;text-align:left;position:relative;width:100%;z-index:5}
#footer .green_only{background:#333;color:#ccc;min-height:77px;padding:10px 0 30px}
#footer .inner{position:relative;width:60%}
#footer .last{background:#232323;font-size:0.8em;padding:1em 1em 2em}
#footer p {display:inline-block;margin:0;text-indent:0}
#footer ul{list-style-type:none;margin:0.5em 0 1em}
#footer ul li {display:inline-block;text-align:left;width:40%}
#footer a{color:#B8BA68 !important;text-decoration:none}
#footer a:hover{color:#B6BD30 !important;text-decoration:underline;transition:color 0.5s}
#footer h2 {font-family:Bol, ProximaNovaBold, sans-serif}
#get_high{background:url(../img/fleche_haut.png) no-repeat -50px 0;bottom:0;color:#cecece;font-size:.1em;height:130px;right:10px;width:50px;z-index:100}
#get_high:hover{background:url(../img/fleche_haut.png) no-repeat 0 0;color:#e0592c}
#header{background:#333;position:fixed;top:0;width:100%;z-index:25}
#header.nobackground{background:none !important}
#header.nobackground:hover{background:#333 !important}
#header .menu{display:inline-block;float:right;list-style:none;margin:1em 0}
#header .menu a{color:#FAFBFF;cursor:pointer;display:inline-block;font-family:CbrLabs, ProximaNovaBold, sans-serif;font-size:1.4em;letter-spacing:-1px;line-height:32px;min-height:32px;text-decoration:none}
#header .menu li{display:inline-block;font-size:0.85em;margin-right:1.5em}
#header .menu li a.selected.services{color:#e0592c !important;/*#bf6248*/}
#header .menu li a.selected.realisations{color:#F7E967 !important;/*#bf6248*/}
#header .menu li a.selected.a_propos{color:#b6bd30 !important;/*#bf6248*/}
#header .menu li a.selected.blog{color:#F7E967 !important;/*#bf6248*/}
#header .menu li a.selected:first-letter{}
#header .menu li:hover a,#header .menu li.selected a{color:#bf6248!important;text-decoration:none}
#header .menu li:hover a.realisations,#header .menu li.selected a.realisations{color:#F7E967!important}
#header .menu li:hover a.a_propos,#header .menu li.selected a.a_propos{color:#b6bd30!important}
#header .menu li:hover a.blog,#header .menu li.selected a.blog{color:#F7E967!important}
#realisations {background:#e0592c;background-size:cover;overflow:hidden}
#top{margin:0;position:absolute;top:0}

/* icones du menu en css3 */
.services::before {content:url(../img/header/services.png)}
.realisations::before {content:url(../img/header/realisations.png)}
.a_propos::before {content:url(../img/header/a_propos.png)}
.contact::before {content:url(../img/header/contact.png)}
.blog::before {content:url(../img/header/crayon_blog.png)}
.realisations::before, .a_propos::before, .contact::before, .services::before, .blog::before {float:left;margin:0 5px 0 2px;vertical-align:middle;-moz-transition:0.8s all;-webkit-transition:0.8s all}
.realisations:hover::before, .a_propos:hover::before, .contact:hover::before, .services:hover::before, .services:hover::before, .blog:hover::before {-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}

#header h1{color:#fff;line-height:20px}
#header h1 a{background:#003d4c;color:#fff;font-weight:400;text-decoration:none}
img.logo{margin-top:3rem}
#logo{background:url(../img/logo/simple.png) no-repeat 0 -55px;color:#fff;display:inline-block;float:left;font-family:CbrLabs;font-size:1.5em;height:55px;line-height:2em;margin:6px 0 6px 15px;padding-left:85px;text-decoration:none}
#logo:hover{background-position:0 0}
#logo .rouge {text-shadow:#777 1px 1px}
#navigation .bouton{line-height:2em}
#navigation .preums{margin-bottom:30px}
#pre_services{background:url(../img/bg/dotted_bg.png) repeat-x 0 0;bottom:0;height:250px;left:0;margin:-1px 0;width:100%;z-index:10}
#realisations .inner {overflow:hidden}
#realisations .h_spacer{height:312px}
#services{background:url('../img/blue_mountains/white_moutains.jpg') no-repeat center top fixed #fff;background-size:cover;color:#333}
#skills{background:#fff;margin-right:1em}
#skillsDescriptions p a.ext::after {margin-left:-10px}
#url-rewriting-warning{display:none}
#zion_labs{padding:0;width:100%}
#zion_labs .bouton{font-size:1.2rem;font-weight:700}
#zion_labs .h_spacer{height:550px}
#zion_labs .l_spacer{height:40px}
.MB_alert{margin:10px 0;text-align:center}
.abs{position:absolute}
.actions li{list-style-type:none;margin:0 0 .5em;padding:0;white-space:nowrap}
.actions ul li a{clear:both;display:block;font-weight:400}
.actions ul li a:hover,.actions a:hover{background:#ededed;border-color:#acacac;text-decoration:none}
.adresse{display:inline-block;margin:0.5em 0}
.adresse .bold {font-family:CbrLabs;font-size:1.3em}
.back_to_desktop{margin-top:2em !important;font-size:0.8em}
.black_wood{background:url(../img/bg/dark_wood.png) repeat 0 0}
.bloc{padding:0 80px;z-index:5}
.bloc .inner{margin:0 auto;max-width:1280px}
.bloc h2{display:inline-block;font-family:Bol, ProximaNovaBold, sans-serif;font-size:3em;font-weight:300;letter-spacing:-1px;margin-top:1em;padding:.1em 0;text-indent:.8em;width:100%}
.bloc h2 a{color:#fff/* e0592c rouge */;text-decoration:none}
#realisations h2 a{color:#f7e967}
.bloc p{/*display:inline-block;*/}
.bouton {border:solid 1px #fff;padding:0.8em 5px;color:white;font-size:1.2em;font-family:CbrLabs, 'Lucida Grande', Helvetica, Arial, Sans-Serif;text-decoration:none;vertical-align:middle;margin:0 5px 10px 0}
.bouton:hover {background:rgba(224, 89, 44, 0.7);border-color:rgba(224, 89, 44, 0.7);color:#fff}
.blue_mountains{background:url('../img/blue_mountains/blue-mountains.full.jpg') no-repeat center top fixed;background-size:cover;height:100%;width:100%}
.blue_mountains .l_spacer{height:50px}
.center{text-align:center}
.citation{background:url(../img/quotes.png) no-repeat top left;display:inline-block;margin-top:1em;padding-top:1em;text-indent:2em}
.citation,.auteur{color:#D77953}
.citation,.moa,.auteur{font-family:Bol;font-size:1.5em !important;letter-spacing:1px;padding:1em 0.2em 0  }
.clear_b{clear:both}
.code-coverage-results div.code-line{display:block;margin-left:10px;padding-left:5px}
.code-coverage-results div.covered span.content{background:#cec}
.code-coverage-results div.end{border:1px solid #aaa;border-width:0 1px 1px;margin-bottom:30px;padding-bottom:5px}
.code-coverage-results div.ignored span.content{color:#aaa}
.code-coverage-results div.realstart{margin-top:0}
.code-coverage-results div.start{border:1px solid #aaa;border-width:1px 1px 0;margin-top:30px;padding-top:5px}
.code-coverage-results div.uncovered span.content{background:#ecc}
.code-coverage-results p.note{color:#bbb;font-size:10px;margin:5px 0 10px;padding:5px}
.code-coverage-results span.line-num{color:#777;display:block;float:left;margin-right:5px;text-align:right;width:20px}
.code-coverage-results span.line-num strong{color:#777}
.code-coverage-results span.result-bad{color:#a00}
.code-coverage-results span.result-good{color:#0a0}
.code-coverage-results span.result-ok{color:#fa0}
#content{display:flex;flex-direction:column;min-height:calc(100vh - 200px)}
.page_contact #content{
    width:80%;
    margin:0 auto;
}
@keyframes blink { 50% {opacity:0.0}}
@-webkit-keyframes blink { 50% { opacity:0.0}}
.cursor {animation:blink 1s step-start 0s infinite;-webkit-animation:blink 1s step-start 0s infinite}
.display_b{display:block !important}
.error input, .error textarea {border:solid 3px #C43C35}
.err404 h1 {font-size:3em;margin:0 0 0.5em 0}
.bloc.err404 {background:rgba(51,51,51,0.7);color:#fff;font-size:1.5em}
.fix,#MB_overlay[id]{position:fixed}
.float_l{float:left}
.float_r{float:right}
.fd_noir h3:not(:first-child) {margin:2em 0 0.5em}
.garanties{display:inline-block;list-style-image: url('../img/coche.png');margin-left:3em;width:100%}
.garanties li{font-family:CbrLabs;font-size:1.4em;font-weight:500;margin:0.7em 0;width:90%}
.gras,.bold{font-weight:bold}
.h_spacer{height:512px}
.m_spacer{height:220px}
.hidden{display:none !important}
.inner_w{margin:0 auto;width:960px}
.inline_b{display:inline-block}
.italic{font-style:oblique}
.justify{text-align:justify}
.l_spacer{height:17px}
.lienExterne::after, a[target="_blank"]::after {content:"\f14c";display:inline-block;font-family:FontAwesome;position:relative;margin-left:5px}
.liensSociaux {font-size:1.4em}
.linkedIn {margin-right:-20px}
.linkedIn i{left:-25px;position:relative;top:5px}
a[target="_blank"].liensSociaux::after{content:""}
.legende{color:#b6bd30;font-size:.8em;font-style:oblique}
.larg_100{width:100%!important}
.larg_30{width:30%!important}
.larg_35{width:30%!important}
.larg_40{width:40%!important}
.larg_45{width:45%!important}
.larg_50{width:50%!important}
.larg_60{width:60%!important}
.larg_65{width:65%!important}
.larg_80{width:80%!important}
.mailbox{background:url('../img/mailbox.png') no-repeat left top;min-height:120px;padding-left:100px}
.margin_0{margin:0!important}
.margin_10{margin:10px!important}
.margin_20_0{margin:20px 0}
.margin_auto,.margin_0_auto{margin:0 auto !important}
.margin_b_10{margin-bottom:10px}
.margin_b_20{margin-bottom:20px}
.margin_l_10{margin-left:10px}
.margin_r_10{margin-right:10px}
.margin_r_20{margin-right:2em!important}
.margin_r_5{margin-right:5px}
.margin_t_20{margin-top:20px!important}
.message{clear:both;color:#fff;font-size:140%;font-weight:700;margin:0 0 1em;padding:5px}
.notice{color:#000;display:block;font-size:120%;margin:1em 0;padding:.8em}
.overflow_h{overflow:hidden}
.padding_10{padding:1em}
.paging{background:#fff;clear:both;color:#ccc;margin-top:1em}
.paging .current{background:#efefef;color:#c73e14}
.paging .current,.paging .disabled,.paging a{display:inline-block;padding:5px 8px;text-decoration:none}
.paging .disabled{color:#ddd}
.paging .disabled:hover{background:transparent}
.paging .next{-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.paging .prev{-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;border-left:1px solid #ccc;border-radius:4px 0 0 4px}
.paging > span{border:1px solid #ccc;border-left:0;display:inline-block}
.paging > span:hover{background:#efefef}
.pave{border-bottom:solid 12px #fff;margin-bottom:3em;padding-bottom:1em}
.pave p, .pave ul{text-align:justify}
.produits {}
.produits li {box-sizing:border-box;display:inline-block;float:left;margin:0 0 1em 0;padding:1em;width:33%}
.produits li > * {transition:all 0.3s ease;}
.produits li h4 {border-bottom:3px solid #ccc;margin:0.8em 0 0.5em;padding-bottom:0.5em;text-align:center}
.produits li i {background:#fff;display:block;height:128px;margin:7px auto;width:128px;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);opacity:0.8}
.produits li i img {height:128px;margin:0 auto;width:128px}
.produits li:hover i{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.produits li:hover h4 {border-bottom:3px solid #e0592c}
.produits li:nth-child(3n+1) {clear:left}
.portfolio  {font-family:CbrLabs}
.portfolio>ul>li>a {background-color:#e0592c;color:#FFFFFF}
.portfolio>ul>li>a:hover, .portfolio>ul>li.active>a{color:#fff}
.portfolio>ul>li>div {height:100%}
.portfolio>ul>li>a {border-width:0 1px 0 0;width:50px}
.portfolio {margin:0 auto;max-width:960px;width:100% !important}
.portfolio>ul {margin:0;padding:0;list-style:none/* ;width:9999em; */}
.portfolio>ul>li {float:left;border:solid 3px #e0592c;border-width:0 0 20px 10px;box-sizing:border-box;height:275px;overflow:hidden;position:relative;width:33%}
.portfolio>ul>li:nth-child(3n+1) {clear:left;border-left:0}
.portfolio>ul>li>a {font-size:1.25em;line-height:1.25em;left:0;margin:0;padding-bottom:0.5em;position:absolute;text-align:center;z-index:1;width:100%}
.portfolio>ul>li img {float:none;height:auto;width:100%;animation-name:portfolioSOut;animation-duration:0.5s;-webkit-filter:saturate(20%);filter:saturate(20%)}
@keyframes portfolioImgIn {from {top:100%} to {top:10%}}
@keyframes portfolioImgOut {from {top:10%} to {top:100%}}
@keyframes portfolioImgSIn {from {-webkit-filter:saturate(20%);filter:saturate(20%)} to {-webkit-filter:saturate(100%);filter:saturate(100%)}}
@keyframes portfolioImgSOut {from {-webkit-filter:saturate(100%);filter:saturate(100%)} to {-webkit-filter:saturate(20%);filter:saturate(20%)}}
@keyframes portfolioAIn {from {top:-26px} to {top:0}}
@keyframes portfolioAOut {from {top:0} to {top:-26px}}
ul.portfolio-ie>li>a>span {cursor:pointer;width:auto}
.portfolio>ul>li .services_portfolio {animation-name:portfolioImgOut;animation-duration:0.5s;top:100%}
.portfolio>ul>li:hover .services_portfolio,.portfolio>ul>li.active .services_portfolio{animation-name:portfolioImgIn;animation-duration:0.5s;top:10%}
.portfolio>ul>li a,.portfolio>ul>li a{animation-name:portfolioAOut;animation-duration:0.5s;top:-26px}
.portfolio>ul>li:hover a,.portfolio>ul>li.active a{animation-name:portfolioAIn;animation-duration:0.5s;top:0}
.portfolio>ul>li:hover img,.portfolio>ul>li.active img{animation-name:portfolioSIn;animation-duration:0.5s;-webkit-filter:saturate(100%);filter:saturate(100%)}
.portfolio .services_portfolio {background:#333;font-family:Roboto,Verdana,Arial,sans-serif;height:100%;left:0;padding:1em 0;position:absolute;top:10%;width:100%}
.portfolio .services_portfolio li{display:inline-block;clear:both;float:left;margin:0 2em}
.portfolio .services_portfolio li:before{content:"> "}
.portfolio .services_portfolio .site_online {bottom:auto;display:inline-block;font-size:1.8em;margin-top:1em;text-align:center;position:static;}
.photo {float:left;margin:0 1em 1em 0}
.radio label{line-height:26px;margin:0 0 6px 20px}
.realisation{background:#333;border:solid 10px rgba(255,255,255,0.5);margin-bottom:2em;overflow:hidden}
.realisation .inner{background:#fff;color:#333}
.realisation .masque{background:url('../img/realisations/masque.png') no-repeat 100px top;color:#fff;min-height:400px;padding-left:50%;top:0;right:0}
.realisation h3{border-bottom:solid 7px #e0592c;color:#fff;display:block;font-size:2.5em;margin:1em auto 1em}
.realisation ul{display:inline-block;margin:0 5em 0 1em}
.rel,#navigation a,#MB_window[id]{position:relative}
.related{clear:both;display:block}
.reponse_contact{margin:2em auto;width:80%}
.rond{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.rouge_clair{color:#c1633d}
.rouge{color:#e0592c}
.round_top_10{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}
.rounded{-moz-border-radius:15px;-webkit-border-radius:15px 15px 15px 15px;border-radius:15px 15px 15px 15px}
.rounded_25{-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px}
.simple #header{background:#333 !important;position:absolute}
.simple #footer{bottom:0;position:relative/* absolute */}
.simple form {width:90%;margin:80px auto}
.simple .h_spacer {height:312px}
.strong_title{font-size:180%;font-weight:700}
.siret{font-size:0.7em;margin-top:1em}
.site_online{/* background:url(../img/earth.png) no-repeat left center; */bottom:2em;font-size:1.8em;font-family:CbrLabs;line-height:1.8em;margin-left:30%;/* padding-left:40px; */padding-right:1em;position:absolute}
.success{background:#3B8230;border:1px solid rgba(0,0,0,0.5);clear:both;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.3)}
.success,.message,.cake-error,.cake-debug,.notice,p.error,.error-message{-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid rgba(0,0,0,0.2);border-radius:0 0 4px 4px;color:#404040;margin-bottom:18px;padding:7px 14px;text-shadow:0 1px 0 rgba(255,255,255,0.5)}
.success,.message,.cake-error,p.error,.error-message{background:#c43c35;clear:both;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.3)}
.temoignage {background-color:#5c5c5c}
.temoignage.bloc h2 a {color:#f7e967}
.temoin {color:#f7e967;font-family:Bol;font-size:1.3em}

/* temoignage */
.slider {margin-left:-15%;width:130%}
.slider input {display:none}
.slider .testimonials {
    align-items: center;
    justify-content: center;
    display: flex;
    min-height: 560px;
    overflow: hidden;
    perspective: 1000px;
    position: relative;
}
.slider .testimonials .item {
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    cursor: pointer;
    padding: 30px;
    position: absolute;
    top: 0;
    text-align: center;
    transition: transform 0.4s;
    user-select: none;
    width: 450px;
}
.slider .testimonials .item p:last-of-type {margin-bottom:1.5em;border-bottom:solid 2px #f7f7f7;padding-bottom:1.5em}
.slider .testimonials .item img {border:7px solid #f7f7f7;border-radius:50%;float:left;height:70px;object-fit:cover;width:70px}
.slider .testimonials .item p { color:#333}
.slider .testimonials .item h2 {display:inline;font-size:1.5em}
.slider .dots {align-items:center;display:flex;justify-content:center;margin-top:1.5em}
.slider .dots label {background-color:#333;border-radius:50%;cursor:pointer;height:8px;margin:11px;transition-duration:0.2s;width:8px;opacity:1 !important}

.slider #t-1:checked ~ .dots label[for="t-1"],
.slider #t-2:checked ~ .dots label[for="t-2"],
.slider #t-3:checked ~ .dots label[for="t-3"],
.slider #t-4:checked ~ .dots label[for="t-4"],
.slider #t-5:checked ~ .dots label[for="t-5"]
{
    transform: scale(2);
    background-color: #fff;
}

.slider #t-1:checked ~ .dots label[for="t-2"],
.slider #t-2:checked ~ .dots label[for="t-1"],
.slider #t-2:checked ~ .dots label[for="t-3"],
.slider #t-3:checked ~ .dots label[for="t-2"],
.slider #t-3:checked ~ .dots label[for="t-4"],
.slider #t-4:checked ~ .dots label[for="t-3"],
.slider #t-4:checked ~ .dots label[for="t-5"],
.slider #t-5:checked ~ .dots label[for="t-4"]
{
    opacity:0.1;
    transform: scale(1.5);
}

.slider #t-1:checked ~ .testimonials label[for="t-3"],
.slider #t-2:checked ~ .testimonials label[for="t-4"],
.slider #t-3:checked ~ .testimonials label[for="t-5"],
.slider #t-4:checked ~ .testimonials label[for="t-1"],
.slider #t-5:checked ~ .testimonials label[for="t-2"]
.slider {
    opacity:0.4;
    transform: translate3d(600px, 0, -180px) rotateY(-25deg);
    z-index: 2;
}

.slider #t-1:checked ~ .testimonials label[for="t-2"],
.slider #t-2:checked ~ .testimonials label[for="t-3"],
.slider #t-3:checked ~ .testimonials label[for="t-4"],
.slider #t-4:checked ~ .testimonials label[for="t-5"],
.slider #t-5:checked ~ .testimonials label[for="t-1"]
{
    opacity:0.8;
    transform: translate3d(300px, 0, -90px) rotateY(-15deg);
    z-index: 3;
}

.slider #t-2:checked ~ .testimonials label[for="t-1"],
.slider #t-3:checked ~ .testimonials label[for="t-2"],
.slider #t-4:checked ~ .testimonials label[for="t-3"],
.slider #t-5:checked ~ .testimonials label[for="t-4"],
.slider #t-1:checked ~ .testimonials label[for="t-5"]
{
    opacity:0.8;
    transform: translate3d(-300px, 0, -90px) rotateY(15deg);
    z-index: 3;
}

.slider #t-3:checked ~ .testimonials label[for="t-1"],
.slider #t-4:checked ~ .testimonials label[for="t-2"],
.slider #t-5:checked ~ .testimonials label[for="t-3"],
.slider #t-2:checked ~ .testimonials label[for="t-5"],
.slider #t-1:checked ~ .testimonials label[for="t-4"]
{
    opacity:0.4;
    transform: translate3d(-600px, 0, -180px) rotateY(25deg);
}

.slider #t-1:checked ~ .testimonials label[for="t-1"],
.slider #t-2:checked ~ .testimonials label[for="t-2"],
.slider #t-3:checked ~ .testimonials label[for="t-3"],
.slider #t-4:checked ~ .testimonials label[for="t-4"],
.slider #t-5:checked ~ .testimonials label[for="t-4"],
.slider #t-5:checked ~ .testimonials label[for="t-5"]
{
    z-index: 4;
}

.partenaires{background-color:#3d3d3d}
.partenaires a.partenaire {display:inline-block;float:left;font-size:0;margin:0 20px 20px 0}
.partenaires a.partenaire {
filter: saturate(30%);
-webkit-filter: saturate(30%);
-moz-filter: saturate(30%);
-o-filter: saturate(30%);
-ms-filter: saturate(30%);
}
.partenaires a.partenaire:hover {
filter: saturate(100%);
-webkit-filter: saturate(100%);
-moz-filter: saturate(100%);
-o-filter: saturate(100%);
-ms-filter: saturate(100%);
}
.partenaires a.partenaire:nth-child(4n+1) {clear:left}
.partenaires .axyus {background:url(../img/partenaires/logo-axyus.png) center center #fff;height:82px;width:210px}
.partenaires .cap {background:url(../img/partenaires/logo-capgemini.jpg) center center #fff;height:82px;width:290px}
.partenaires .cgi {background:url(../img/partenaires/logo-cgi.jpg) center center #fff;height:82px;width:130px}
.partenaires .edenred {background:url(../img/partenaires/logo-edenred.png) #fff;height:82px;width:128px}
.partenaires .karibou {background:url(../img/partenaires/logo-karibou-info.png) #fff;height:82px;width:320px}
.partenaires .magellan {background:url(../img/partenaires/logo-magellan-partners.jpg) center center #fff;height:82px;width:210px}
.partenaires .msa {background:url(../img/partenaires/logo-msa-services.jpg) center center #fff;height:82px;width:82px}
.partenaires .omuko {background:url(../img/partenaires/logo-omuko.png) center center #fff;height:82px;width:251px}
.partenaires .std {background:url(../img/partenaires/logo-std49.jpg) center center #fff;height:82px;width:146px}
.partenaires .sodexo {background:url(../img/partenaires/logo-sodexo.png) center center #fff;height:82px;width:195px}
.partenaires .t21 {background:url(../img/partenaires/logo-trisomie21.png) center center #fff;height:82px;width:230px}
.partenaires .up {background:url(../img/partenaires/logo-up.png) center center #fff;height:82px;width:82px}
.partenaires .yumaneed {background:url(../img/partenaires/logo-yumaneed.png) center center #fff;height:82px;width:300px}

.partenaires.bloc h2 a {color:#b6bd30}
.partenaires .inner {overflow:hidden}
.partenaires .tableau {display: table}
.partenaires .tableau a {display: table-cell}
.temoignage .h_spacer, .partenaires .h_spacer {clear:both;height:80px}
.version {font-size:0.7em}
.vert{color:#b6bd30}
.cake-error{position:relative;z-index:200}
.wrapper_video {height:120%;left:0;position:fixed;top:0;width:120%;z-index:-99}
.wrapper_video iframe {
bottom:0;height:auto;left:50%;min-width:120%;min-height:120%;position:fixed;right:0;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;z-index:-1}
.filtre_opaque {background:rgba(0,0,0,0.6);height:100%}
video#bgvid {bottom:0;height:auto;min-width:100%; min-height:100%;position:fixed;right:0;width:auto;z-index:-100}

a{color:darkcyan/* ca4900 orange rouge */;text-decoration:underline}
a img{border:none}
a:hover{color:#C1633D;text-decoration:none;transition:color 0.5s}
body{background:#333;color:#fff;font-family:Roboto, Verdana, Arial, sans-serif;font-size:100%;font-weight:400;height:100%;margin:0}
dd{margin-left:10em;margin-top:-2em;vertical-align:top}
div.checkbox label{display:inline}
div.form,div.index,div.view{border-left:1px solid #777;float:right;padding:10px 2%;width:76%}
dl{line-height:2em;margin:0;width:60%}
dl dd:nth-child(4n+2),dl dt:nth-child(4n+1){background:#f4f4f4}
dt{font-weight:700;padding-left:4px;vertical-align:top;width:10em}
fieldset{border:none;margin-bottom:1em;padding:16px 10px}
fieldset fieldset{margin-top:0;padding:10px 0 0}
fieldset fieldset div{clear:left;margin:0 20px}
fieldset fieldset legend{font-size:120%;font-weight:400}
fieldset legend{color:#b6bd30;font-size:160%;font-weight:700}
form{clear:both;margin-right:20px;padding:0;width:95%}
form .error,form .error-message{color:#fff;text-shadow:none}
form .error-message{border:solid 3px #C43C35;border-top-width:0;margin:0;padding:0 5px;width:100%}
form .required label:after{color:#b6bd30;content:'*';display:inline;margin-left:.5em}
form div{margin:1em 0 0;vertical-align:text-top}
form div.submit{border:0;clear:both;margin-top:10px;width:102%}
h1{border:solid 1px #fff;color:#fff;display:inline-block;font-family:CbrLabs, sans-serif;font-size:5.5em;font-weight:400;height:1em;line-height:1em;margin:0;padding:0}
h1 span{background-color:rgba(255,255,255,0.9);color:#e0592c;display:inline-block;margin:0}
h1,h2,h3,h4{margin-bottom:.5em}
h2{color:#e0592c;font-size:190%}
h3{color:#7F8600;font-family:'CbrLabs', sans-serif;font-size:1.5em;letter-spacing:-1px;line-height:1.2em;margin-bottom:1em}
html{height:100%}
img.auto{height:auto;width:100%}
h4{color:#d77953;font-family:CbrLabs;font-size:1.2em}
input,textarea{border:3px solid #F2F0E4;clear:both;color:#e0592c;font-family:'Roboto',Verdana,Arial,sans-serif;font-size:1.1em;padding:5px;width:100%}
input:hover{color:#e0592c}
input[type=checkbox]{clear:left;float:left;margin:0 6px 7px 2px;width:auto}
input[type=radio]{float:left;line-height:26px;margin:6px 0;padding:0;width:auto}
input[type=submit]{background:#e0592c;border:0;color:#fff;cursor:pointer;font-family:CbrLabs;font-size:1.2em;font-weight:bold;margin:1em 0;padding:0.2em 1em;width:auto}
input[type=submit]:hover{color:#e0592c}
label{color:#fff;display:block;margin-bottom:3px}
option{font-size:120%;padding:0 3px}
p{margin:0 0 1em;text-indent:1em}
p.error{font-family:Monaco, Consolas, Courier, monospace;font-size:120%;margin:1em 0;padding:.8em}
p.error em{font-weight:400;line-height:140%}
pre{background:rgba(255,255,255,0.2);-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.3);box-shadow:1px 1px 2px rgba(0,0,0,0.3);color:#000;padding:15px}
select{clear:both;font-size:120%;vertical-align:text-bottom}
select[multiple=multiple]{width:100%}
span.reverse_title{background:#bf6248;color:#f8f6ea;display:inline-block;font-size:3em}
textarea{margin:0}
ul li, ul li li{font-size:0.9em}

/* Landscape phones and down */
@media (max-height:680px) {
	#MB_window{margin-top:0}
	#footer{bottom:0 !important;position:relative !important;}
}
@media (max-height:725px) {
	#MB_window{margin-top:0}
}
@media (max-width:610px) {
	h1{font-size:3em !important}
	#header {}
	#header .menu{display:block;float:none;margin-bottom:0 !important;margin-top:5px !important;width:100%}
	#header .menu li:first-child {border-top:solid 1px #777}
	#header .menu li {border-bottom:solid 1px #777;display:block;margin:0 auto;width:100% !important}
	#header .menu li a{display:block;margin:0 auto;padding:0;width:100% !important}
	#logo{background-position:20% -55px;float:none !important;margin:5px auto 0 !important;text-align:center;width:auto}
	#logo:hover{background-position:20% 0}
	#navigation {width:80% !important}
	#navigation a {display:block;float:none;margin:0 0 10px 0 !important;width:100% !important}
	#navigation .quatre {top:0 !important}
	#services .pave {float:none !important;width:100% !important }
	/*#zion_labs .logo{background-size:contain;width:100%}*/
    #zion_labs > .inner > .l_spacer {height:128px;}
	#zion_labs img{height:150px !important;width:210px !important}
	#zion_labs p{padding:0.2em 0.8em !important}
	.bloc h2 {margin-top:0}
	.produits li {width:100% !important}
	.produits li {width:50%}
	.produits li:nth-child(3n+1) {clear:none}
	.produits li:nth-child(2n+1) {clear:left}

    #header .services::before, #header .realisations::before, #header .a_propos::before, #header .contact::before,
    #header .blog::before {float:none;transform: scale(.5);}
}

/* Landscape phone to portrait tablet */
@media (max-width:767px) {
	#coords{display:none}
	#MB_window{margin-top:0;width:100% !important}
	#navigation {width:80% !important}
}

@media (max-width:820px) {
	/*#header{overflow:hidden;position:static}*/
	#header .menu {display:block;float:none;margin:1em 0}
	#header .menu li {margin:0;padding:5px 0;text-align:center;width:20%}
	#logo{float:none;display:block}
	#services h3{clear:both}
	#services .inner {width:90%}
	.bloc{padding:0}
	.bloc h2 {margin-top:0}
	.portfolio{height:auto !important;overflow:visible}
	.portfolio>ul>li{float:none;margin:1em !important;width:100% !important}
	.produits li {width:50%}
	.produits li:nth-child(3n+1) {clear:none}
	.produits li:nth-child(2n+1) {clear:left}
}

@media (max-width:1068px) {
	.portfolio>ul>li {/* margin-right:-350px;width:390px */}
	.portfolio>ul>li>div>img {height:290px;width:auto}
	.portfolio .services_portfolio {bottom:0;left:0;margin-bottom:40px;top:auto}
	.portfolio .services_portfolio li {float:none}
	.portfolio .services_portfolio .site_online {float:left;margin:1em 1em 0}
}

/* Portrait tablet to landscape and desktop */
@media (min-width:768px) and (max-width:979px) {

}

/* Large desktop */
@media (min-width:1200px) {

}