html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;outline: none;box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;}
html { height: 101%; }
body { font-size: 62.5%; line-height: 1; font-family: Arial, Verdana, sans-serif; padding-bottom: 65px; background:#333 url(../images/bg.jpg) repeat top left fixed;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong {font-weight: bold;} 
table {border-collapse: collapse; border-spacing: 0;}
img {border: 0;}
p {color: #747474; line-height: 1.3em; margin-bottom: 10px; padding-left:20px;font-size: 14px;}
a {color: #abafbc; text-decoration: none;}
a:hover { text-decoration: underline; }

/* main page layout */
#w {display: block; min-width: 850px; max-width: 1150px; margin: 0 auto; padding: 0 15px; padding-top: 15px;}
.portimg{width:230px;}

/* sorting and filtering */
.sort { display: block; font-family: 'Kite One', Arial, sans-serif; font-size: 1.4em; line-height: 0.9em; color: #444; }
.sort .label { margin-right: 11px; }
.sort a { margin-right: 4px; padding: 0px 3px;}
.sort a:hover { color: #989caa; text-decoration: none; border-bottom: 1px dotted #989caa; }
.sort a.selected { color: #85878f; border-bottom: 1px solid #85878f; }

/* portfolio items */
.portfolio {display: block; margin-bottom: 10px; padding-top: 20px; width: 100%;}
.portfolio li {float: left;margin-right: 18px;margin-bottom: 1.55em;box-shadow: 1px 2px 3px rgba(0,0,0,0.45);text-align:center;width:250px;min-height:207px;
  -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.45);
  -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.45);}
.portfolio li a {display: block;transition: all 0.35s linear;z-index:10;
  -webkit-transition: all 0.35s linear; 
  -moz-transition: all 0.35s linear; 
  -o-transition: all 0.35s linear;}
.portfolio li img {background: #fff;border: 1px solid #ccc;padding: 4px;z-index:10;}
.portfolio li p {z-index:10;}
.b{font-weight:bold;}
.clr{clear:both;}
.voile img{opacity: 0.35;}
#copyright {margin: 0 auto;min-width: 850px; max-width: 1150px; height: 17px;font-size: 11px;font-family: Arial, Helvetica, sans-serif;text-align: center;padding-top: 3px;padding-bottom: 3px;color: #fff;border-bottom: 1px solid #fff;}
h1 {margin: 0 auto 10px auto; text-align: center; min-width: 850px; max-width: 1150px; padding-top: 10px;width: auto;font-size: 24px;color: #0B75AF;font-weight:bold;}
h2 {padding: 10px 0;font-size: 16px;color: #0B75AF;font-weight:bold;}
.portfolio li .bulle{font-size: 10px;text-align:left;line-height:13px; margin:-85px 0 0 25px; background:#fff !important;color:#000; display:none; padding:5px; width:200px;border:1px solid #fff;height:55px;z-index:90;position:absolute;}
.portfolio li:hover .bulle{display:block;}
.blue{color:#0B75AF;}
#logo{width:170px;float:left;margin-top:-5px;margin-right:5px;}

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* MENU */
ul.sdt_menu{margin:80px 0 0 0;padding:0;list-style: none;font-family:"Myriad Pro", "Trebuchet MS", sans-serif;font-size:14px;width:1020px;}
ul.sdt_menu a{text-decoration:none;outline:none;}
ul.sdt_menu li{float:left;width:170px;height:85px;position:relative;cursor:pointer;}
ul.sdt_menu li > a{position:absolute;top:0px;left:0px;width:170px;height:85px;z-index:12;background:transparent url(../images/overlay.png) no-repeat bottom right;box-shadow:0px 0px 2px #000 inset;
-moz-box-shadow:0px 0px 2px #000 inset;
-webkit-box-shadow:0px 0px 2px #000 inset;}
ul.sdt_menu li a img{border:none;position:absolute;width:0px;height:0px;bottom:0px;left:85px;z-index:100;box-shadow:0px 0px 4px #000;
-moz-box-shadow:0px 0px 4px #000;
-webkit-box-shadow:0px 0px 4px #000;}
ul.sdt_menu li span.sdt_wrap{position:absolute;top:25px;left:0px;width:170px;height:60px;z-index:15;}
ul.sdt_menu li span.sdt_active{position:absolute;background:#111;top:85px;width:170px;height:0px;left:0px;z-index:14;box-shadow:0px 0px 4px #000 inset;
-moz-box-shadow:0px 0px 4px #000 inset;
-webkit-box-shadow:0px 0px 4px #000 inset;}
ul.sdt_menu li span span.sdt_link,ul.sdt_menu li span span.sdt_descr,ul.sdt_menu li div.sdt_box a{margin-left:15px;text-transform:uppercase;text-shadow:1px 1px 1px #000;}
ul.sdt_menu li span span.sdt_link{color:#fff;font-size:24px;float:left;clear:both;}
ul.sdt_menu li span span.sdt_descr{color:#0B75AF;float:left;clear:both;width:155px; 
/*For dumbass IE7*/
font-size:10px;letter-spacing:1px;}
ul.sdt_menu li div.sdt_box{display:block;position:absolute;width:170px;overflow:hidden;height:170px;top:85px;left:0px;display:none;background:#000;}
ul.sdt_menu li div.sdt_box a{float:left;clear:both;line-height:30px;color:#0B75AF;}
ul.sdt_menu li div.sdt_box a:first-child{margin-top:15px;}
ul.sdt_menu li div.sdt_box a:hover{color:#fff;}

#cv {font-size:12px;background-color:#222;padding:20px;border-radius:20px;}
#cv h3{font-size:14px;color:#fff;padding:15px 0;}
#cv .date{color:#0B75AF;font-weight:bold;}
#cv .societe, .site{color:#ffff99;font-weight:bold;}
.site{font-size:12px;}
.p_t, .date{margin-top:20px;}
.u{text-decoration:underline;}
.item{margin-left:20px;}
.fonction{color:#ABAFBC;}

#share-lnk {height: 25px;float:left;text-align:center;margin: 30px 0 5px 40px; width:200px;}
#share-lnk a{display:block;padding:0;width:25px;height:25px;float:left;margin:0 4px;text-decoration:none;}
#lnk-mail{background-position:left -27px;background-image:url('../images/sprite.png');}
#lnk-in{background-position:left -54px;background-image:url('../images/sprite.png');}
#lnk-tw{background-position:left -80px;background-image:url('../images/sprite.png');}
li p {color:#eee;}