* { padding:0px; margin:0px; text-align:left; border:0; }
body {font-size: 76%; font-family: Arial, Verdana, Helvetica, sans-serif; background: #0f0f0f; color: #fff; behavior: url(csshover.htc);}
a {color:#666; text-decoration:none;}
a:hover { color:#0f0f0f;}

:focus{ -moz-outline-style: none;}
a.active {color:#FFF;}
img {border:0px;}





/*menu -------------------------------------------------------------------------------------*/
#cadre_blanc { width:100%; background:#FFFFFF; height: 80px; padding:0; margin:0; }
.menu{ position:relative;margin:auto; clear: both; height: 80px; display: block; max-width:1507px; min-width:920px; width:90%;}

.menu #en-tete{ float: left;}
.menu #en-tete h1  { position:absolute; left:-7px; top:0px;text-indent: -99999px; height:80px;  width: 161px; background:url(../images/steven_02.jpg); display: block;  }

.menu #en-tete p {text-indent: -99999px}


.menu ul#menu_principale  { list-style: none; float:right;  margin:53px 0 0 0; padding:0; }
.menu ul#menu_principale li {float:left; position:relative; display: inline;}


.menu ul#menu_principale li.tiroire a { display:block; text-decoration: none; text-transform: uppercase; padding: 0.5em 1em 0.5em 1em;}
.menu ul#menu_principale li#work  { background:url(../images/Sans-titre-1_032.jpg) no-repeat; width: 64px; height: 27px;;text-indent: -99999px}
.menu ul#menu_principale li#atelier_design  { background:url(../images/atelier_design01.jpg) no-repeat; width: 117px; height: 27px;;text-indent: -99999px}
.menu ul#menu_principale li#contact  { background:url(../images/Sans-titre-1_052.jpg) no-repeat; width: 78px; height: 27px;;text-indent: -99999px}
.menu ul#menu_principale li#download_my_cv  { background:url(../images/Sans-titre-1_062.jpg) no-repeat; width: 61px; height: 27px;;text-indent: -99999px}

.menu ul#menu_principale li#work:hover  { background:url(../images/Sans-titre-1_03.jpg) no-repeat; width: 64px; height: 27px;}

.menu ul#menu_principale li#atelier_design a:hover  { background:url(../images/atelier_design02.jpg) no-repeat; width: 117px; height: 27px;}
.menu ul#menu_principale li#contact a:hover  { background:url(../images/Sans-titre-1_05.jpg) no-repeat; width: 78px; height: 27px;}

.menu ul#menu_principale li#download_my_cv:hover  { background:url(../images/Sans-titre-1_06.jpg) no-repeat; width: 61px; height: 27px;}

.menu ul#menu_principale li.tiroire:hover ul.sous-menu { display:block }

.menu ul#menu_principale li ul.sous-menu { position: absolute; top: 27px; left:-12px; z-index:100; display:none; font-size:0.9em; width:50px; height:80px;text-indent: 0; }
.menu ul#menu_principale li ul.sous-menu li { clear:both; padding:0; margin:0;   }
.menu ul#menu_principale li ul.sous-menu li a { color:#666 ; text-transform: none; font-weight: normal; background:none; display:block;height:14px;width:65px; padding:0.2em 1em 0.3em 0;text-align:right}
.menu ul#menu_principale li ul.sous-menu li a:hover {background:#FFFFFF;color:#000;}

/*sketchbook-------------------------------------------------------------------------------------------*/
.sketchbook {margin-top:200px;}

/*carousel --------------------------------------------------------------------------------------------*/
#carousel { font-size:0.8em; color:#474747 ; position: relative; top:0px;width:100%; margin:auto; max-width:1680px;min-width:920px; height: 540px;overflow:hidden; }
#carousel ul { margin: 0; padding:0; width: 999999px; position: relative; top: 0; left: 0;}                      
#carousel ul li {list-style:none; float:left;  margin-right: 0px;/*column*/}
.container {width: 90%; max-width:1680px; min-width:920px; overflow:hidden;position: relative; margin: auto;}
.container p {margin-top:20px; color: #666666; }
.container label {margin-top:20px; color: #666666; }
.container input {margin-bottom:10px; background:#ccc;}
.container textarea { background-color:#ccc;}
.container input#button { text-transform:uppercase; font-size:10px; padding:2px; cursor: pointer;}

/*work navigation -----------------------------------------------------------------------------------------*/
#navigation  {width:100%;  height:35px;  position:absolute; top:190px;}
#navigation  .previous_button {width: 28px; height: 39px; left:10px;  position:absolute;  background: url(../images/fleche_12.gif); cursor: pointer; }
#navigation  .next_button     {width: 28px; height: 39px; right:10px; position:absolute;  background: url(../images/fleche_14.gif) ; cursor: pointer;  }
#navigation  .previous_button_over {background: url(../images/fleche_13.gif);}
#navigation  .previous_button_disabled { background: none; cursor: default;}
#navigation  .next_button_over {background: url(../images/fleche_10.gif);}
#navigation  .next_button_disabled {background: none; cursor: default;}


/*job content --------------------------------------------------------------------------------------------*/
.element {float:left; margin:0px 5px 0px 0px;}
.image {height:450px; width:100%; background: #000 url(../images/preloader3.gif) no-repeat center center; border-bottom:#0f0f0f solid 5px;}
.element p.titrage {display:block;width:318px; margin:7px 0px 0px 0px; color: #999999; }
.element p {display:block;width:318px;; margin:0px 0px 3px 0px;}
.element p a:hover {color: #B5B5B5;}
/*seemore--------------------------------------------------------------------------------------------*/
.works { position:relative;width:90%; margin:auto; max-width: 1520px; min-width: 920px; margin-top:60px; padding:0 }
.works a:hover {color:#000;}
.works #menu2 { position:absolute; top:-36px; left:-11px; height: 27px}
.works #menu2 li { font-weight:bold; float:left; list-style-type:none;}
.works #menu2 li a { display:block;}

.works #menu2 li #graphics { background: url(../images/graphics2_05.jpg); width: 88px; height: 27px;text-indent: -99999px;display:block;}
.works #menu2 li #sketchbook { background:url(../images/titre3_04.jpg); width: 106px; height: 27px;text-indent: -99999px;display:block;}
.works #menu2 li #photos { background:url(../images/titre3_05.jpg); width: 67px; height: 27px;text-indent: -99999px;display:block;}


.works #menu2 li #graphics:hover { background:url(../images/graphics_05.jpg); width: 88px; height: 27px; display:block;}
.works #menu2 li #graphics.active02 { background:url(../images/graphics_05.jpg); width: 88px; height: 27px; display:block;}
.works #menu2 li #sketchbook:hover { background:url(../images/titres2_04.jpg); width: 106px; height: 27px; display:block;}
.works #menu2 li #sketchbook.active02 { background:url(../images/titres2_04.jpg); width: 106px; height: 27px; display:block;}
.works #menu2 li #photos:hover { background:url(../images/titres2_05.jpg); width: 67px; height: 27px; display:block;}
.works #menu2 li #photos.active02 { background:url(../images/titres2_05.jpg); width: 67px; height: 27px; display:block;}

.works #contenu {width:100%; height:130px;}
.works #contenu ul{ list-style-type: none; float:left; margin:0px 40px 30px 0px;}
.works #contenu ul li {font-size: 10px;text-transform: uppercase; letter-spacing: 1px;  }
.works #contenu ul li a {display:block;padding:3px;height:13px; width:170px;}
.works #contenu ul li a:hover{background:#FFFFFF; color:#000000; }
/*contact --------------------------------------------------------------------------------------------*/