*{margin:0;padding:0;font-family: Arial, Verdana, Helvetica, sans-serif;}

a{text-decoration:none;}
a:focus,a:link,a:visited,a:active,input:focus,input:active{outline:none;}
a img{border:none;}
.clear{clear:both;height:1px;display:block;width:100%;}
::-moz-selection {background: #F9FFD1; color:#C42937;}
ol,ul{list-style:none;}

/* ---------------------- */
/* ------- BODY --------- */
/* ---------------------- */

body{	text-align:center;background:#0D0D0D;}
html, body {
margin: 0;
padding: 0;
}
#globalContent{display:block;width:100%;background:#161616 url("../image/background.gif") repeat-x top;}
#formContact{display:block;background:#0D0D0D;height:240px;}

/* CONTENT */
div#content{width:1140px;display:block;margin: 0 auto;}
div#content{text-align:left;}

div#header{padding:35px 0 0 0;display:block;}
div#logo{float:left;margin:23px 0 0 0;}

div#menu{float:left;margin: 0 0 0 40px;height:112px;}
div#menu ul li,div#menu ul li a{float:left;width:133px;height:112px;display:block;}


div#menu ul li#realisation a{background:url("../image/menu/realisation.jpg") no-repeat;text-indent:-9999px;}
div#menu ul li#contact a{background:url("../image/menu/contact.jpg") no-repeat;text-indent:-9999px;}
div#menu ul li#blog a{background:url("../image/menu/blog.jpg") no-repeat;text-indent:-9999px;}

div#menu ul li#realisation div a{background:url("../image/menu/realisation_hover.jpg") no-repeat;text-indent:-9999px;}
div#menu ul li#contact div a{background:url("../image/menu/contact_hover.jpg") no-repeat;text-indent:-9999px;}
div#menu ul li#blog div a{background:url("../image/menu/blog_hover.jpg") no-repeat;text-indent:-9999px;}

div#slider{width:1136px;display:block;height:246px;background:url("../image/slider.png") no-repeat;margin: 20px 0 0 0;}
/* horinaja default */
.horinaja{position:relative;overflow:hidden;}
.horinaja .horinaja_moved{position:relative;}
.horinaja .horinaja_moved li{background:transparent;display:block;top:0;}
/* capture */
div.capture{overflow:hidden;height:auto;width:100%;position:relative;}
/* leftright */
div.horinaja_leftright{position:absolute;left:0;top:0;}
div.horinaja_leftright span a,div.horinaja_leftright span{cursor:pointer;position:absolute;top:0;left:0;}
/* end of horinaja default */

/* pour le bouton de gauche : */
.horinaja .horinaja_leftright span.horinaja_left a{width:48px;height:52px;display:block;text-indent:-9999px;background:url("../image/pagination_left.png") no-repeat;left:60px;}
/* pour le bouton de droite : */
.horinaja .horinaja_leftright span.horinaja_right a{width:48px;height:52px;display:block;text-indent:-9999px;background:url("../image/pagination_right.png") no-repeat;left:-110px;}
.horinaja .horinaja_leftright span.horinaja_left a:hover{background:url("../image/pagination_left.png") no-repeat 0 -52px;}
.horinaja .horinaja_leftright span.horinaja_right a:hover{background:url("../image/pagination_right.png") no-repeat 0 -52px;}
.horinaja .horinaja_leftright span a{top:90px;}

div#slider ol li div.slide{display:block;height:246px;width:900px;margin: 0 0 0 118px;}
div#slider ol li div.sleft{float:left;}

div#slider ol li.siteweb h1{background:url("../image/h1_siteweb.png") no-repeat;display:block;width:461px;height:105px;text-indent:-9999px;margin: 40px 0 0 0;}
div#slider ol li.siteweb div.txtadjacent{margin: -15px 0 0 10px;}
div#slider ol li div.fade a{margin: 0 0 0 10px;display:block;width:139px;height:31px;}
div#slider ol li div.fade{margin:20px 0 0 0;display:block;width:139px;height:31px;}
div#slider ol li.siteweb div.presentation{float:right;margin:-18px 0 0 0;}

div#slider ol li.logo h1{background:url("../image/h1_logo.png") no-repeat;display:block;width:461px;height:105px;text-indent:-9999px;margin: 40px 0 0 10px;}
div#slider ol li.logo div.txtadjacent{margin: -10px 0 0 10px;}
div#slider ol li.logo div.presentation{float:right;margin:50px 50px 0 0;}

div#slider ol li.saas h1{background:url("../image/h1_saas.png") no-repeat;display:block;width:461px;height:105px;text-indent:-9999px;margin: 40px 0 0 0;}
div#slider ol li.saas div.txtadjacent{margin: -15px 0 0 10px;}
div#slider ol li.saas div.presentation{float:right;margin:10px 50px 0 0;}

div#slider ol li.print h1{background:url("../image/h1_print.png") no-repeat;display:block;width:461px;height:105px;text-indent:-9999px;margin: 40px 0 0 0;}
div#slider ol li.print div.txtadjacent{margin: -15px 0 0 10px;}
div#slider ol li.print div.presentation{float:right;margin:10px 0 0 0;}

div#surface{margin:40px 0 0 0;}

div#surface div#me{color:#929292;font-size:11px;float:left;width:34%;display:block;}
div#surface div#me h1{background:url("../image/h1_me.png") no-repeat;display:block;width:188px;height:42px;text-indent:-9999px;}
div#surface div#me p{display:block;margin: 20px 0 0 50px;}

div#surface div#clients{color:#929292;font-size:11px;float:left;width:60%;display:block;padding: 0 2%;}
div#surface div#clients h1{background:url("../image/h1_clients.png") no-repeat;display:block;width:154px;height:42px;text-indent:-9999px;}
div#surface div#clients ol li{float:left;margin:15px;}
div#surface div#clients ol li.plus{margin-top: 25px;}
.fade {
position:relative;display:block;
}
.fade div {
  position: absolute;
  display: none;
  top:0;left:0;
}
#footer{background:black url("../image/topfooter.png") repeat-x top;height:150px;display:block;width:100%;}

/* CONTACT */
div#formContact form#formC{display:block;width:90%;margin: 20px auto 0 auto;text-align:left;}
div#formContact div.fLeft{float:left;}

div#formContact form#formC label,div#formContact form#formC span{font-size:12px;color:#B4B4B4;text-align:left;}
div#formContact form#formC input.fBase{display:block;width:217px;height:29px;background: transparent url("../image/input_text.png") no-repeat;border:none;padding: 6px 0 0 7px;color:#D5D5D5;font-size:18px;}
div#formContact form#formC div{margin: 10px 0 0 20px;}

div#formContact form#formC textarea{display:block;width:300px;height:165px;background:url("../image/textarea.png") no-repeat;font-size:14px;color:#D5D5D5;padding: 6px 5px;border:none;overflow:auto;}

/* artwork */
#surface ul li,#surface ul li a{float:left;margin:0 0 20px 0;display:block;}
div.bigArt{position:absolute;top:0;left:0;text-align:center;background:black;}
a#closeArt{position:absolute;top:0;text-align:center;}
#surface ul li div.cache{position:absolute;background:black;display:block;width:366px;height:106px;font-size:10px;color:white;padding:94px 0 0 0;text-align:center;}