html{margin:0 auto;background:#e8e8e8 url(../images/bg-x.png) repeat-x 0 -206px;}
body{margin:0;padding:0;color:#37393c;font-size:12px;font-family:Arial, Verdana, Sans-serif;background:#e8e8e8 url(../images/bg-x.png) repeat-x 0 -206px;}
@font-face{font-family:'FuturaLtBTLight';src:url('../font/futura/FutuLt_.eot');src:url('../font/futura/FutuLt_.eot?ie') format('eot'), url('../font/futura/FutuLt_.woff') format('woff'), url('../font/futura/FutuLt_.ttf') format('truetype'), url('../font/futura/FutuLt_.svg#FuturaBT-Light') format('svg');}
ul, li, p, h1, h2, h3, hr, dl, dd, button, fieldset{padding:0;margin:0;}
fieldset{border:0;}
li{list-style-type:none;}
a{color:#2242ab;text-decoration:none;}
a:active, a:focus{outline:none;}
textarea, input, select{color:#37393c;}
img{border:0;}
.clear{clear:both;visibility:hidden;}
button, #slide_buttons li{cursor:pointer;}
.tools a{cursor:help;}
h1, h2, dt{line-height:30px;}
h2{line-height:26px;}
p, li{line-height:16px;}
.text-box p, .text-box li, .solution-box h4{font-size:1.1em;line-height:1.5em;}
#footer-copy-inside p.text-right{line-height:27px;}
form textarea, form input{font-family:Arial, Verdana, Sans-serif;}
.phone-box h1, .phone-box h2{font-family:'FuturaLtBTLight', Arial, Verdana, Sans-serif;}
h2, label, button, .button, dt, legend{font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman';font-style:italic;font-weight:normal;}
dt{font-weight:bold;}
#footer-middle-inside a:hover{border-bottom:1px dotted #fff;text-shadow:none;}
.last a{border-bottom:1px dotted #fff;}
.text-box a, .litle-box a{border-bottom:1px dotted #2242ab;}
.text-box a:hover, .litle-box a:hover{color:#00aaff;border-bottom:1px dotted #00aaff;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right, .phone-box{text-align:right;}
h1{font-family:'FuturaLtBTLight', Arial, Verdana, Sans-serif;letter-spacing:-1px;}
.phone-box h2{letter-spacing:1px;}
.phone-box h1{text-transform:uppercase;}
.box h1, .go-top a{text-transform:uppercase;}
.phone-box h1{font-size:1.6em;}
.phone-box h2{font-size:2em;font-style:normal;}
.text-box h1{font-size:3em;}
.left-box h1 span:first-letter, .right-box h1 span:first-letter{font-size:1.3em;}
h2, dt{font-size:1.6em;}
label, button, .button, legend{font-size:1.3em;}
h1{font-size:1.7em;}
form textarea, form input{font-size:1em;}
#menu li a{font-size:1.2em;}
.detail a, .go-top a, #footer-copy-inside p{font-size:0.9em;}
.left-box h1{text-shadow:0 1px 0 #e6e6e6;}
#menu li a.actif, .phone-box h1, .phone-box h2, .text-box h1, #menu li a:active, #footer-copy-inside p{text-shadow:0 1px 0 #fff;}
.info-box h1, button span, .button span, .label-title span, .detail a, .go-top a, label.iPhoneCheckLabelOff{text-shadow:0 1px 0 #e6e6e6 !important;}
#menu li a, .right-box h1, #devis h1, #footer-middle-inside dt, #footer-middle-inside a, #footer-middle-inside p, label.iPhoneCheckLabelOn{text-shadow:0 1px 1px #0071d7;}
.carousel-hover h2, .carousel-hover p, .portfolio-hover h2, .portfolio-hover p, .portfolio-hover ul{text-shadow:0 1px 0 #000;}
#menu li a.actif, .phone-box h1, .text-box h1, #menu li a:active{color:#00aaff;}
.info-box h1, button span, .button span, .label-title span, .detail a, .go-top a, label.iPhoneCheckLabelOff{color:#37393c;}
.go-top a{color:#37393c !important;}
#menu a, .right-box h1, #devis h1, #footer-middle-inside dt, #footer-middle-inside a, #footer-middle-inside p, .carousel-hover h2, .carousel-hover p, .portfolio-hover h2, .portfolio-hover p, .portfolio-hover ul, label.iPhoneCheckLabelOn{color:#fff;}
.phone-box h2{color:#b2b2b2;}
.detail a:hover, button:active span, .button:active span{color:#0784c6;}
.go-top a:hover{color:#0784c6 !important;}
.phone-box h1, .text-box h1{margin:20px 0 10px 0;}
.text-box h2, .litle-box h2{margin:10px 0 5px 0;}
.text-box p, .text-box li, #footer-middle-inside ul li{margin:7px 0;}
.last p{margin:7px 0 0 0;}
form p{margin:15px 0 0 0;}
form input[type="text"], form textarea, div.iPhoneCheckContainer, form select{margin:5px 0 0 0;}
#slide_buttons{margin:11px 0 0 0;}
a#logo, #slide_buttons li, div.detail, div.detail a, .phone-box span, div.go-top a, span.left-legend, span.right-legend, a.photoshop, a.illustrator, a.flash, a.prestashop, a.wordpress, a.rss, a.facebook, a.twitter, .portfolio-hover li, div.curl, a.picasa, a.deviantart, a.linkedin, .solution-prix, .solution-box h2 span{background:url(../images/icones.png) no-repeat;}
a#logo, div.detail a, div.go-top a{display:block;}
.phone-box span, a.photoshop, a.illustrator, a.flash, a.prestashop, a.wordpress, a.facebook, a.twitter, a.rss, a.picasa, a.deviantart, a.linkedin, span.left-legend, span.right-legend{display:inline-block;}
.portfolio-hover li{background-position:-188px -66px;width:10px;}
.portfolio-hover li span{display:block;padding:0 15px;white-space:nowrap;}
a#logo{width:240px;height:85px;text-indent:-9999px;}
a#logo{background-position:0 -316px;}
span.left-legend, span.right-legend{width:12px;height:12px;}
span.left-legend{background-position:-199px -66px;}
span.right-legend{background-position:-212px -66px;}
a.photoshop, a.illustrator, a.flash, a.prestashop, a.wordpress, a.facebook, a.twitter, a.rss, a.picasa, a.deviantart, a.linkedin{margin:0 5px;height:32px;width:28px;}
a.photoshop{background-position:-116px 0;}
a.illustrator{background-position:0 0;}
a.flash{background-position:-58px 0;}
a.prestashop{background-position:-174px 0;}
a.wordpress{background-position:-232px 0;}
a.photoshop:hover{background-position:-145px 0;}
a.illustrator:hover{background-position:-29px 0;}
a.flash:hover{background-position:-87px 0;}
a.prestashop:hover{background-position:-203px 0;}
a.wordpress:hover{background-position:-261px 0;}
a.facebook{background-position:0 -33px;}
a.twitter{background-position:-58px -33px;}
a.rss{background-position:-116px -33px;}
a.picasa{background-position:-290px -33px;}
a.deviantart{background-position:-174px -33px;}
a.linkedin{background-position:-232px -33px;}
a.facebook:hover{background-position:-29px -33px;}
a.twitter:hover{background-position:-87px -33px;}
a.rss:hover{background-position:-145px -33px;}
a.picasa:hover{background-position:-319px -33px;}
a.deviantart:hover{background-position:-203px -33px;}
a.linkedin:hover{background-position:-261px -33px;}
.phone-box h2{position:absolute;width:280px;}
.phone-box span{background-position:-46px -66px;height:23px;line-height:23px;margin:0 5px 0 0;overflow:hidden;text-indent:-9999px;vertical-align:bottom;width:33px;text-align:left;}
div.go-top a{background-position:-80px -66px;width:53px;height:25px;line-height:38px;position:relative;left:50%;margin:0 0 0 -27px;white-space:nowrap;text-align:center;}
div.go-top a:hover{background-position:-134px -66px;border:0 !important;}
div.go-top{margin:auto;width:980px;clear:left;}
div.detail, div.detail a, .detail a span{position:relative;}
div.curl{width:80px;height:80px;float:left;position:absolute;}
div.curl-sitesweb{background-position:-242px -92px;}
div.curl-logos{background-position:-323px -92px;}
div.detail{width:120px;height:120px;background-position:0 -92px;z-index:100;}
div.detail a{width:51px;height:51px;top:50%;left:50%;margin:-25px 0 0 -25px;}
.detail a span{top:100%;left:0;line-height:44px;text-align:center;width:120px;display:block;white-space:nowrap;margin:0 0 0 -35px;}
div.detail:hover{background-position:-121px -92px;}
div.detail-more a{background-position:0 -213px;}
div.detail-more a:hover{background-position:-52px -213px;}
div.detail-site a{background-position:-104px -213px;}
div.detail-site a:hover{background-position:-156px -213px;}
div.detail-photo a{background-position:-208px -213px;}
div.detail-photo a:hover{background-position:-260px -213px;}
.solution{width:800px;height:450px;position:relative;margin:auto;}
.solution-box{width:505px;height:380px;overflow-x:hidden;overflow-y:auto;float:right;margin:0 !important;padding:40px 20px 30px 0 !important;position:absolute;right:0;}
.solution-prix{top:0;right:0;position:absolute;width:150px;height:150px;overflow:hidden;text-indent:-9999px;}
.solution-menu{position:relative;width:275px;height:450px;text-align:center;}
.solution-menu p{width:205px;margin:auto;text-align:center;position:relative;top:380px;}
.solution-box h1{color:#fff;text-shadow:1px 1px 1px #013a68;}
.solution-box h2{text-shadow:1px 1px 1px #013a68;color:#fff;}
.solution-box h2 span{display:inline-block;text-shadow:1px 1px 1px #013a68;background-position:-225px -66px;height:20px;width:25px;}
.solution-box h4{color:#fff;text-shadow:1px 1px 1px #013a68;font-weight:100;font-style:italic;}
.solution-box p{color:#fff;text-shadow:1px 1px 1px #013a68;padding-left:25px;}
#slide_buttons li{margin:0 20px 0 0;height:22px;width:22px;background-position:0 -66px;text-indent:-9999px;overflow:hidden;}
#slide_buttons li:hover, #slide_buttons li#button_selected{background-position:-23px -66px;}
.carousel-hover-bg, .carousel-img{width:660px;height:120px;}
.carousel-hover-bg, .portfolio-hover-bg{position:absolute;background:#000;opacity:0.6;-moz-opacity:0.6;}
.carousel-hover, .carousel-hover h2, .carousel-hover p, .portfolio-hover, .portfolio-hover h2, .portfolio-hover p, .portfolio-hover ul, .text-portfolio-box{position:relative;}
.portfolio-hover-bg, .portfolio-hover{width:540px;height:120px;}
.portfolio-hover{padding-top:120px;}
.portfolio-img{width:540px;height:240px;}
.portfolio-img.big{height:360px;}
.big div.portfolio-hover{padding-top:240px;}
a#logo{position:relative;top:30px;left:10px;}
ul#menu{position:relative;top:60px;left:40px;}
#header-begin, #header, #header-end, #footer-copy, #content, #footer{margin:auto;width:100%;}
#header-begin-inside, #header-inside, #header-end-inside, #content-inside, #footer-begin-inside, #footer-end-inside, #footer-middle-inside, #footer-copy-inside, #content-inside{margin:auto;width:980px;clear:both;overflow:hidden;}
#content, #content-inside, #footer{background:url(../images/bg.gif);}
#header-begin, #header-begin-inside{height:20px;background:url(../images/bgs.jpg) no-repeat 50% 0;}
#header, #header-inside{height:147px;background:url(../images/bgs.jpg) repeat-y 50% -20px;}
#header-end, #header-end-inside{height:17px;background:url(../images/bgs.jpg) repeat-y 50% -167px;}
#footer-begin, #footer-begin-inside{height:14px;background:url(../images/bgs.jpg) repeat-y 50% -184px;}
#footer-middle, #footer-middle-inside{min-height:147px;background:url(../images/footer-bg_middle.jpg) no-repeat 50% 100%;margin:auto;}
#footer-middle-inside{background-color:#03a2f7;}
#footer-middle{max-width:1080px;}
#footer-end, #footer-end-inside{height:30px;background:url(../images/bgs.jpg) no-repeat 50% -198px;}
#footer-copy, #footer-copy-inside{min-height:153px;background:url(../images/bg-x.png) repeat-x 0 -51px;}
#footer-middle-inside dl{width:160px;margin:10px 10px 0 40px;}
#footer-middle-inside dl.last{width:300px;margin:10px 10px 10px 30px;}
#footer-middle-inside .last dd{margin-bottom:10px;}
#footer-middle-inside .last dd:last-child{margin-bottom:0}
#footer-middle-inside dl.last, #footer-middle-inside .last dt, #footer-middle-inside .last dd{position:relative;}
.box{background:#fff url(../images/bg_box.gif) repeat-x 0 100%;margin:30px 20px 0 20px;padding:20px;border:1px solid #fff;box-shadow:1px 1px 5px #ddd;-moz-box-shadow:0px 0px 5px #ddd;-webkit-box-shadow:0px 0px 5px #ddd;}
form input, form textarea{background:#fff url(../images/bg_input.gif) repeat-x 0 0;}
form input, form textarea, #devis select{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #c6c6c6;padding:3px;}
form input:focus, form textarea:focus{outline:none;border:1px solid #8c8c8c;}
.ErrorField{border-color:#f00;box-shadow:1px 1px 5px #f00;-moz-box-shadow:0px 0px 5px #f00;-webkit-box-shadow:0px 0px 5px #f00;}
.ValidationErrors{color:#f00;display:block;padding:2px 0 0 5px;}
#contact textarea{min-width:260px;max-width:280px;}
#contact input[type="text"]{min-width:190px;}
#devis textarea{min-width:520px;max-width:540px;}
#devis input[type="text"]{min-width:290px;}
#devis select{min-width:298px;}
.small{min-width:160px !important;}
#header-begin:focus{outline:none;}
.bluefocus-box:focus{outline:none;border:1px solid #00aaff;box-shadow:1px 1px 5px #00aaff;-moz-box-shadow:0px 0px 5px #00aaff;-webkit-box-shadow:0px 0px 5px #00aaff;}
.bluefocus-text:focus{outline:none;text-shadow:1px 1px 5px #00aaff;}
#devis label{display:block;}
.left-box, .text-box img, #footer-middle-inside dl, #menu li, ul#menu, a#logo, #slide_buttons li, #footer-copy-inside div{float:left;}
.right-box, .phone-box{float:right;clear:right;}
.nav-box{width:660px;}
.phone-box{width:280px;padding:10px 40px 0 0;}
.info-box{width:220px;}
.litle-box{width:278px;}
.img-box{width:488px;}
.big-box{width:538px;}
.max-box{width:588px;}
.text-box{margin:25px 30px 0 0;}
.text-box img{padding:10px 0 0 0;}
.text-carousel-box{width:490px;padding:20px 20px 10px 30px;}
.text-portfolio-box{width:370px;padding:20px 20px 10px 30px;height:90px;overflow:auto;}
.carousel-box{min-height:120px;}
.portfolio-img{margin:10px 0 0 0;}
.footer-opacity-bg{width:320px;min-height:190px;left:0;top:0;bottom:0;border-bottom:1px solid #2296d1;margin:0 -10px -10px;position:absolute !important;background:#00509d;-moz-opacity:0.6;opacity:0.6;}
#footer-copy-inside div{width:306px;margin:20px 10px 10px 10px;text-align:center;}
#footer-copy-inside ul li{display:inline;}
#footer-copy-inside ul ul{clear:left;display:block;}
.show-legend li p{display:inline-block;padding:0 10px;margin:10px 0 0 0;}
#content-inside{padding:0 0 30px 0;}
button, #menu li a, .button, button span, #menu li a span, .button span, .box h1, .box h1 span, .right-box h1, .right-box h1 span, .label-title, .label-title span{background:url(../images/boutons.png) no-repeat;display:block;}
.box h1{margin:-10px 0 0 -31px;padding:0 22px 0 0;background-position:right -747px;}
.box h1 span{padding:0 0 0 10px;background-position:0 -672px;height:55px;line-height:45px;white-space:nowrap;}
.right-box h1, #devis h1{margin:-10px -31px 0 -31px;padding:0 10px 0 0;background-position:right -997px;}
.right-box h1 span, #devis h1 span{background-position:0 -922px;}
.label-title{margin:0 0 0 -26px;padding:0 12px 0 0;background-position:right -869px;}
h2.label-title{margin:15px 0 0 -26px;font-size:1.3em;}
.label-title span{padding:0 0 0 26px;background-position:0 -816px;height:33px;line-height:28px;}
#devis label{font-size:1em;}
button, .button{position:relative;border:0;overflow:visible;}
button::-moz-focus-inner, .button{border:none;padding:0;}
button span, #menu li a span, .button span{position:relative;white-space:nowrap;}
@media screen and (-webkit-min-device-pixel-ratio:0){button span{margin-top:-1px;}}
button, #menu li a, .button{text-align:center;}
button, .button{background-position:right -186px;padding:0 12px 0 0;margin:0 5px 0 -3px;height:42px;}
button span, .button span{background-position:0 0;padding:0 0 0 12px;height:42px;line-height:36px;}
#menu li a{background-position:right -521px;padding:0 10px 0 0;margin:0 1px 0 0;}
#menu li a span{background-position:0 -371px;padding:0 0 0 10px;height:32px;line-height:26px;}
#menu li a:hover, #menu li a:focus{background-position:right -571px;}
#menu li a:hover span, #menu li a:focus span{background-position:0 -421px;line-height:30px;}
#menu li a:active, #menu li a.actif{background-position:right -621px;}
#menu li a:active span, #menu li a.actif span{background-position:0 -471px;line-height:34px;}
button:hover, button:focus, .button:hover, .button:focus{background-position:right -248px;outline:none;}
button:hover span, button:focus span, .button:hover span, .button:focus span{background-position:0 -62px;line-height:38px;}
button:active, .button:active{background-position:right -310px;}
button:active span, .button:active span{background-position:0 -124px;line-height:44px;}
.carousel-hover{display:none;}
#slide_holder_inner{float:right;height:120px;overflow:hidden;position:relative;width:660px;}
#row_of_slides{position:absolute;top:0;}
#row_of_slides .slide{display:none;position:absolute;}
#slide_holder{width:898px;height:120px;}
.loading{position:relative;top:50%;left:50%;width:38px;height:40px;margin:-20px 0 0 -19px;}
.invisible{visibility:hidden;display:none;float:inherit;margin:0;padding:0;}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxOverlay{position:fixed;width:100%;height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{}
#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight{width:25px;height:25px;background:url(../images/icones.png) no-repeat;}
#cboxTopLeft{background-position:-162px -265px;}
#cboxTopRight{background-position:-187px -265px;}
#cboxBottomLeft{background-position:-162px -290px;}
#cboxBottomRight{background-position:-187px -290px;}
#cboxMiddleLeft{width:25px;background:url(../images/bg-y.png) 0 0 repeat-y;}
#cboxMiddleRight{width:25px;background:url(../images/bg-y.png) -26px 0 repeat-y;}
#cboxTopCenter{height:25px;background:url(../images/bg-x.png) 0 0 repeat-x;}
#cboxBottomCenter{height:25px;background:url(../images/bg-x.png) 0 -26px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:40px;}
#cboxTitle{position:absolute;bottom:5px;left:0;text-align:center;width:100%;color:#37393C;text-transform:uppercase}
#cboxCurrent{position:absolute;bottom:5px;left:58px;color:#37393C;}
#cboxSlideshow{position:absolute;bottom:5px;right:30px;color:#37393C;}
#cboxPrevious, #cboxNext, #cboxClose{background:url(../images/icones.png) no-repeat;position:absolute;bottom:0;width:26px;height:28px;text-indent:-9999px;}
#cboxPrevious{background-position:-54px -265px;left:0;}
#cboxPrevious.hover{background-position:-81px -265px;}
#cboxNext{left:27px;background-position:0px -265px;}
#cboxNext.hover{background-position:-27px -265px;}
#cboxClose{right:0;background-position:-108px -265px;}
#cboxClose.hover{background-position:-135px -265px;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/ajax_loader.gif) no-repeat center center;}
.iPhoneCheckContainer{position:relative;height:34px;cursor:pointer;overflow:hidden;}
.iPhoneCheckContainer input{position:absolute;top:5px;left:30px;opacity:0;}
.iPhoneCheckContainer label{white-space:nowrap;cursor:pointer;display:block;height:34px;position:absolute;width:auto;top:0;line-height:34px;overflow:hidden;}
.iPhoneCheckContainer, .iPhoneCheckContainer label{user-select:none;-moz-user-select:none;-khtml-user-select:none;}
label.iPhoneCheckLabelOn{background:url(../images/boutons.png) no-repeat 0 -1071px;left:0;}
label.iPhoneCheckLabelOn span, label.iPhoneCheckLabelOff span{padding:0 20px;}
label.iPhoneCheckLabelOff{background:url(../images/boutons.png) no-repeat right -1124px;text-align:right;right:0;}
.iPhoneCheckHandle{display:block;height:32px;cursor:pointer;position:absolute;top:2px;left:0;background:url(../images/boutons.png) no-repeat left -1178px;padding-left:5px;}
.iPhoneCheckHandleRight{height:100%;width:auto;background:url(../images/boutons.png) no-repeat right -1280px;padding-right:5px;}
.iPhoneCheckHandleCenter{height:100%;width:100%;background:url(../images/boutons.png) no-repeat 0 -1229px;}