@import url(init.css);@import url(screen.css);body{color:#fff;background:linear-gradient(to bottom,#000,#333);background-color:#333;overflow:hidden;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:400}.ie8 body,.ie9 body{color:#fff;background:0 0;background-color:#333;overflow:hidden;font-family:Comfortaa;font-weight:400}.ie8 img,.ie9 img{border:0}.display-none{display:none}#container{background:url(../images/lueur-cornes2.png) 20% 63% repeat-x}#cornes{width:100%!important;height:100%!important;left:0!important;margin-left:0!important;top:40%!important}#cornes img{width:1280px;height:720px;margin-left:20%}.home,.marketing,.site{display:none}article{position:absolute;left:20%;top:0;color:#fff;font-size:30px;width:1200px;height:80%}article a{text-decoration:none!important;color:#fff!important;z-index:100}#lettres{text-align:center;left:20%;top:-350px;position:absolute;width:1280px}#lettres span{opacity:0;font-family:Comfortaa;color:#fff;text-transform:uppercase;display:inline-block;vertical-align:top;font-size:54px;font-weight:300;text-shadow:-1px 3px 5px #000}#lettres span:nth-child(7){margin-right:30px}#baseline{font-family:Comfortaa;opacity:0;margin-top:20px;text-transform:uppercase;letter-spacing:10px;font-size:24px;color:#CF0}#pt-si-promo{margin-left:255px;margin-top:217px}#trait-si-promo{margin-left:252px!important;margin-top:162px!important;width:125px!important;height:44px!important}#pt-md-rp{margin-left:225px;margin-top:133px}#trait-md-rp{margin-left:219px!important;margin-top:107px!important;width:125px!important;height:44px!important}#trait-md-ref2{margin-left:293px!important;margin-top:411px!important;width:113px!important;height:11px!important}#trait-md-ref{margin-left:340px!important;margin-top:209px!important;width:43px!important;height:143px!important}#pt-si-vit{margin-left:372px;margin-top:428px}#trait-si-vit{margin-left:326px!important;margin-top:427px!important;width:87px!important;height:81px!important}#pt-si-com{margin-left:875px;margin-top:248px}#pt-md-ref{margin-left:362px;margin-top:310px}#pt-md-na{margin-left:834px;margin-top:435px}#trait-si-m-com{margin-left:863px!important;margin-top:179px!important;width:35px!important;height:113px!important}#trait-si-e-com{margin-left:895px!important;margin-top:97px!important;width:32px!important;height:196px!important}#trait-md-sc{margin-left:882px!important;margin-top:150px!important;width:14px!important;height:142px!important}#trait-si-f-com{margin-left:896px!important;margin-top:240px!important;width:51px!important;height:52px!important}#trait-md-iv{margin-left:893px!important;margin-top:205px!important;width:65px!important;height:66px!important}#trait-md-na{margin-left:835px!important;margin-top:432px!important;width:77px!important;height:42px!important}.home img{position:absolute;z-index:100;width:100%;height:auto}.texte-branches{-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;opacity:0;font-size:18px!important;font-family:Comfortaa!important;font-weight:100!important;color:#fff!important;text-align:center!important;text-shadow:2px 2px 3px #171717!important;position:absolute!important;z-index:200!important;cursor:pointer!important}.texte-branches img{-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;position:relative!important;opacity:0;width:30px!important;height:30px!important}.hover-gauche{margin-left:-25px}.hover-droit img{margin:0 0 -9px!important}.hover-bas img{margin:1px 0 0!important}.hover-gauche img{margin:0 0 -9px!important}.hover-droit:hover{-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;margin-left:-30px}.hover-bas:hover{-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;margin-top:-20px}.hover-gauche:hover{-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;margin-left:-10px}.texte-branches:hover img{-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);opacity:1!important}.layer span,.trait{opacity:0}#texte-si-promo{left:875px!important;top:448px!important}#texte-md-rpn{left:343px!important;top:95px!important}#texte-md-ref2{left:153px!important;top:394px!important}#texte-md-ref{left:265px!important;top:285px!important}#texte-si-vit{left:222px!important;top:503px!important}#texte-md-rp{left:213px!important;top:503px!important}#texte-si-m-com{left:50px!important;top:450px!important}#texte-si-e-com{left:171px!important;top:371px!important}#texte-md-sc{left:780px!important;top:101px!important}#texte-si-f-com{left:920px!important;top:213px!important}#texte-md-iv{left:850px!important;top:259px!important}#texte-md-na{left:913px!important;top:461px!important}#texte-md-a{left:963px!important;top:361px!important}#texte-md-b{left:863px!important;top:561px!important}#texte-md-c{left:213px!important;top:601px!important}#texte-md-d{left:503px!important;top:221px!important}.text-centre{font-family:Comfortaa!important;font-size:14px!important;position:absolute!important;text-align:center!important;width:480px!important;left:387px!important;top:305px!important;z-index:1}.text-centre h2{font-family:Comfortaa!important;font-size:15px!important;letter-spacing:10px}.text-centre img{margin:0!important;position:relative!important;width:28px!important;height:35px!important}.bulle{-webkit-transition:all .6s ease-in-out 0s;-moz-transition:all .6s ease-in-out 0s;-ms-transition:all .6s ease-in-out 0s;-o-transition:all .6s ease-in-out 0s;transition:all .6s ease-in-out 0s;transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);background-color:#222;border:2px solid #FFF;border-radius:50%;font-size:13px!important;height:200px;padding:30px;position:absolute!important;text-align:center;width:200px;color:#fff;z-index:-1;opacity:0}.btn-close{position:absolute!important;left:211px;margin-top:-10px}.btn-close img{transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);position:relative!important;width:40px!important;height:40px!important;margin:0!important}.btn-close img:hover{-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}.bulle h2{font-size:17px!important;color:#fff;text-transform:uppercase}#bulle-ref{margin-left:130px!important;margin-top:385px!important}#bulle-ref2{margin-left:100px!important;margin-top:286px!important}#bulle-rpub{margin-left:220px!important;margin-top:170px!important}#bulle-rpn{margin-left:280px!important;margin-top:20px!important}#bulle-naming{margin-left:830px!important;margin-top:340px!important}#bulle-sdc{margin-left:718px!important;margin-top:20px!important}#bulle-sdc2{margin-left:750px!important;margin-top:150px!important}#bulle-sdc3{margin-left:880px!important;margin-top:240px!important}#bulle-sdc4{margin-left:880px!important;margin-top:440px!important}#bulle-sdc5{margin-left:150px!important;margin-top:500px!important}#bulle-sdc6{margin-left:430px!important;margin-top:120px!important}#bulle-promo{margin-left:820px!important;margin-top:370px!important}#bulle-vitrine{margin-left:150px!important;margin-top:384px!important}#bulle-commerce{margin-left:-20px!important;margin-top:366px!important}#bulle-commerce1{margin-left:90px!important;margin-top:320px!important}#bulle-commerce2{margin-left:830px!important;margin-top:97px!important}#bouton-footer{-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;position:fixed!important;width:100%!important;bottom:-70px!important;text-align:center!important;overflow:hidden!important;z-index:100}#bouton-footer:hover{-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;bottom:-35px!important}.agence{width:100%;height:100%;padding:0;margin:0;color:#000!important;background-color:#fff!important}.presentation .wrapper-equipe{display:none}#wrappercontent{height:100%;background-color:#fff;padding:20px;overflow-y:scroll;color:#333}#wrappercontent p{font-size:17px}#bouton-header{position:relative;z-index:100;width:100%;text-align:center;margin-bottom:-5px}#agence-menu{text-align:center;color:#333!important;border-bottom:1px groove #999;margin-bottom:3%!important}#agence-menu ul li{display:inline-block;font-family:Comfortaa;font-weight:300;font-size:20px;padding:30px}.slider-digital{margin:0 auto;position:relative;margin-top:30px;max-width:960px;margin-bottom:150px}#slide-agence h2{font-family:Comfortaa;font-weight:700;text-transform:uppercase;font-size:18px;line-height:26px;letter-spacing:5px;text-align:center;margin-bottom:23px}#text-presentation{font-size:14px!important;line-height:20px;padding:0 46px;text-align:justify}#slide-clients h2,#slide-contact h2, #slide-agence h2{font-family:Comfortaa;text-transform:uppercase;font-size:18px;letter-spacing:10px;text-align:justify;background:url(../images/picto-carres.png) left center no-repeat;padding-left:70px}#slide-agence,#slide-equipes{display:block;text-align:center}#slide-clients{display:none;max-width:1280px;text-align:center}#slide-equipes,#slide-contact{display:none}#logo-petit{position:absolute;margin-left:30px;display:none}#wrapper-equipe{margin-top:20px}.flip-container{perspective:1000;margin:10px}.flip-container.hover .flipper,.flip-container:hover .flipper{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg)}.back,.flip-container,.front{width:200px;height:200px;display:inline-block;vertical-align:top}#flipper1 .front{background:url(../images/equipe/HSAINE.jpg) center center no-repeat}#flipper2 .front{background:url(../images/equipe/Fattah-NGADI.jpg) center center no-repeat}#flipper3 .front{background:url(../images/equipe/nobody.jpg) center center no-repeat}#flipper4 .front{background:url(../images/equipe/nobody.jpg) center center no-repeat}.flipper{transition:.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;position:relative}.back,.front{box-shadow:1px 1px 4px 1px gray;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-o-backface-visibility:hidden;position:absolute;top:0;left:0}.front{z-index:2}.back{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);font-family:Comfortaa;font-weight:300;text-align:center;background-color:#000;font-size:15px;color:#fff}.back img{width:28px;height:auto;margin:10px}.back h3{text-transform:uppercase;font-size:24px;letter-spacing:3px;margin-bottom:0}#btn-bas a img,#btn-haut a img{vertical-align:bottom}#btn-bas{margin-left:-6px;display:inline-block}#btn-haut{margin-left:-6px;display:none}#social-pictos{position:fixed;right:-3px;top:50px;z-index:150;text-align:right}#social-pictos ul{list-style-type:none}#social-pictos ul li a{-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;display:inline-block;width:60px;text-align:left;z-index:100;padding:10px;margin-bottom:5px;background-color:#000}#social-pictos ul li a:hover{-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;padding-right:60px}.btn-nav-bas,.btn-nav-haut{margin:0;padding:0;width:26px;height:34px}.btn-nav-haut{-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;background:url(../images/picto-haut-pattern.png) 0 -34px no-repeat}.btn-nav-haut:hover{-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;background-position:0 0!important}.btn-nav-bas{-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;background:url(../images/picto-bas-pattern.png) 0 0 no-repeat}.btn-nav-bas:hover{-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;background-position:0 -34px!important}#formulaire{width:100%;margin:0 auto;max-width:100%;font-family:Comfortaa!important;font-weight:400!important;color:#333;font-size:18px!important}#form-devis input:not([type=submit]),#formulaire input:not([type=submit]){font-family:Comfortaa!important;font-weight:400!important;font-size:18px!important;height:30px;float:left;color:#333;margin:13px;width:30%;min-width:200px;border:0;border-bottom:1px solid #010101;padding-left:5px}#formulaire textarea{font-family:Comfortaa!important;font-weight:400!important;font-size:18px!important;padding-left:5px;height:150px;margin:10px;width:97%;color:#333;border:1px solid #010101;padding-top:5px;margin-top:35px}#form-devis input[type=submit],#formulaire input[type=submit]{background-color:#000;border:0;color:#fff;padding:2px 18px;font-size:18px;height:36px;float:right;-webkit-transition:all .4s 0s ease-in-out;-moz-transition:all .4s 0s ease-in-out;-o-transition:all .4s 0s ease-in-out;transition:all .4s 0s ease-in-out;cursor:pointer;margin:7px 18px 0 0}#formulaire input[type=submit]:hover{border:1px solid #000;background:#fff;color:#000}.text-contact{width:100%;text-align:center}.text-contact span.ft16{font-size:16px!important}.text-contact span.ft19{font-size:19px!important}.text-contact span.ft21{font-size:21px!important}.text-contact span.ft34{font-size:34px!important;letter-spacing:2px}.clearboth{clear:both}.contact-hr{width:70px;margin:20px auto}#loader{color:#333!important;font-size:180px;font-family:Comfortaa;font-weight:600}#image-raisons{display:inline-block;vertical-align:top}#liste-raisons{display:inline-block;vertical-align:top;text-align:justify;margin-left:20px}#liste-raisons ul{padding:0 0 0 20px;border-left:4px double #c2c2c2}#liste-raisons ul li{padding-left:40px;list-style-type:none;font-size:16px;line-height:33px}#liste-raisons ul li:nth-child(1){background:url(../images/picto-raison1.png) left center no-repeat}#liste-raisons ul li:nth-child(2){background:url(../images/picto-raison2.png) 3px center no-repeat}#liste-raisons ul li:nth-child(3){background:url(../images/picto-raison3.png) 1px center no-repeat}#liste-raisons ul li:nth-child(4){background:url(../images/picto-raison4.png) left center no-repeat}#liste-raisons ul li:nth-child(5){background:url(../images/picto-raison5.png) left center no-repeat}#liste-raisons ul li:nth-child(6){background:url(../images/picto-raison6.png) left center no-repeat}#liste-raisons ul li:nth-child(7){background:url(../images/picto-raison7.png) left center no-repeat}#liste-raisons ul li:nth-child(8){background:url(../images/picto-raison8.png) 4px center no-repeat}.fleche-droite{position:absolute!important;width:38px!important;height:117px!important;margin-left:1184px!important;margin-top:250px!important;background:url(../images/fleche-d.png) 0 -117px no-repeat}.fleche-droite a{margin:0!important;width:38px!important;height:117px!important}.fleche-droite:hover{background-position:0 0!important}.fleche-gauche{position:absolute!important;width:38px!important;height:117px!important;margin-left:11px!important;margin-top:250px!important;background:url(../images/fleche-g.png) 0 -117px no-repeat}.fleche-gauche a{margin:0!important;width:38px!important;height:117px!important}.fleche-gauche:hover{background-position:0 0!important}.erreur{color:red}.og-details>a{display:none!important}#message-ie{z-index:100;position:absolute;top:5px;left:10px;color:#fff;font-size:10px;font-weight:300}#message-ie a{color:#fff;font-weight:700!important}#message-ie a:hover{text-decoration:underline}#last-btn{background:url(../images/picto-bas-pattern.png) no-repeat scroll 0 0 rgba(0,0,0,0)!important}#awards{position:fixed;left:0;top:0;z-index:99;text-align:left}#awards a{display:block}#awards img{margin:0;padding:0}