* { margin: 0px; padding: 0px; }
:focus {
	outline: 0;
        border: none;
}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#wrap { width: 990px; margin: 0 auto; text-align: left; }

#portfolio {padding-bottom: 56px;}  /* must be same height as the footer */

body { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: .8em; }
body#home { background: #191919 url(bg-top.png) top repeat-x; }
body#not-home { background: #191919 url(mid-bg-top-repeat.jpg) top repeat-x; }

#wp_portfolio { width: 990px; margin: 0 auto; text-align: left; margin-top: -90px  }
#wp_about, #wp_contact { width: 990px; margin: 0 auto; text-align: left; margin-top: -292px; }

#header { height:  86px;  border: 1px solid transparent; position: relative; }
#about_contact {   height: 204px; background: url(mid-bg-top-repeat.jpg) bottom repeat-x; position: absolute;}
#about_contact2 { height: 204px; width: 990px; margin: 0 auto; background: url(bg-mid-top.jpg); }
#light_portfolio { background: url('bg-top-light-effect.png') top center no-repeat; width: 990px; height: 90px; position: absolute; top: 0; left: 50%; margin-left: -495px;}

ul { list-style: none; }

h1 {float: left;}

h1 a { margin-top: 32px; margin-left: 10px; display: block; width: 220px; }
a img { border: none; }

h2 { color: #00b0fe; font-size: 26px; }

a:link, a:visited { color: #00b0fe; }
a:hover, a:active { text-decoration: none; }

.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

ul#rss-nav { color: #bbbbbb; position: absolute; top: 62px; right: 50px;  }

ul#rss-nav li, ul#lang-switch li { float: left; margin-left: 10px;}

a#rss-link { display: block; background: url(icons/rss.gif) left no-repeat; padding-left: 15px; }
a#blog-link { display: block; background: url(icons/blog.gif) left no-repeat; padding-left: 16px; }

ul#rss-nav li a:link, ul#rss-nav li a:visited { color: #878787; text-decoration: none;}
ul#rss-nav li a:hover, ul#rss-nav li a:active, ul#lang-switch li a:hover, ul#lang-switch li a:active {  }

#home-left { width: 606px; color: #888888; padding-top: 40px; }
#home-left h2 { margin-bottom: 35px; }
.accroche { margin-bottom: 26px; }
.avantages p {margin-bottom: 20px; }

.avantages ul { color: #00b0fe; font-size: 14px; margin-bottom: 20px; }
.avantages ul li { padding: 8px 0 8px 14px; background: #1f1f1f; border-bottom: 1px solid #191919; }
.avantages ul li.pair { background: #1b1b1b; }

#call-to-action {  font-size: 18px; border-top: 1px solid #1c1c1c; border-bottom: 1px solid #1c1c1c; font-style: italic;}

#call-to-action a:link, #call-to-action a:visited { display: block; border-top: 1px solid #141414; border-bottom: 1px solid #141414; color: #eaeaea; padding: 20px 0; text-decoration: none; }
#call-to-action a:hover, #call-to-action a:active, #call-to-action a span { color: #00b0fe; }

#home-right { width: 347px; color: #888888; position: relative;}

#portfolio { padding-top: 10px; margin-top: 2px; background: url(light-portfolio.png) top center no-repeat; }
#about { padding-top: 10px; margin-top: 2px; background: url(bg-mid-top.jpg) top no-repeat; padding-bottom: 56px;}
#sidebar { width: 230px; height: 402px; position: relative; background: url(side-bar.png); padding: 10px; }
#portfolio-main { width: 704px; margin-right: 26px;}

ul#project-nav { color: #888888; margin-left: 10px; }
ul#project-nav li { font-size: 11px; padding: 8px 0 10px 6px; list-style-image: url(puce.png); border-bottom: 1px dotted #252525; }
ul#project-nav li#last-item { border: none; }

ul#project-nav li a:link, ul#project-nav li a:visited { color: #888888; text-decoration: none; display: block; }
/*ul#project-nav li a:hover, ul#project-nav li a:active, ul#project-nav li a#project-active { color: #00b0fe; }*/

ul#project-nav li a#project-active { color: #00b0fe; }


#project-info { width: 704px; color: #bbbbbb; font-size: 11px;}

table { border-collapse: collapse; }

#project-info table { width: 100%; margin-bottom: 10px; }
#project-info p { margin-bottom: 20px; color: #888888; padding: 0 6px; }

.pi-left { color: #888888; border-bottom: 1px solid #191919; border-right: 1px solid #191919; font-size: 10px; text-transform: uppercase; background: #1f1f1f; width: 100px; padding: 5px 0 5px 8px; }
.pp-left { color: #888888; border-bottom: 1px solid #191919; background: #1b1b1b; border-right: 1px solid #191919; font-size: 10px; text-transform: uppercase; width: 100px; padding: 5px 0 5px 8px; }

.pi-right { color: #888888; border-bottom: 1px solid #191919;  background: #1f1f1f; padding: 5px 0 5px 8px; }
.pp-right { color: #888888; border-bottom: 1px solid #191919; background: #1b1b1b;  padding: 5px 0 5px 8px; }

#footer { height: 56px; margin-top: -56px; background: url(footer.gif) top repeat-x; clear: both; }

#footer .wrapper { height: 36px; line-height: 36px; width: 990px; margin: 0 auto; }

#copyright { color: #515151; text-decoration: none; font-size: 11px; padding-left: 10px; }

ul#lang-switch { margin-right: 10px; }
ul#lang-switch li a:link, ul#lang-switch li a:visited { 
    color: #2b2b2b; 
    text-decoration: none; 
    border-right: 1px solid #2b2b2b;
    padding-right: 10px; 
}


ul#lang-switch li a:hover, ul#lang-switch li a:active,
ul#lang-switch li#lang_selected a:link, ul#lang-switch li#lang_selected a:visited {
    color: #515151;
}

ul#lang-switch li a.last:link, ul#lang-switch li a.last:visited { border-right: none; padding-right: 0px; }

#thumbs{
	width:727px;
	overflow-y:scroll;
	overflow-x:hidden;
	height:422px;
	color:#fff;
	font:.7em georgia,"times new roman",serif;
}


a.thumbs-link:link, a.thumbs-link:visited  { margin: 0 10px 10px 0; display: block; width: 228px; height: 134px; }
a.thumbs-last:link, a.thumbs-last:visited { margin: 0 0 10px 0; display: block; width: 228px; height: 134px; }

ul#about_nav { background: url(about.png) bottom no-repeat;  padding-bottom: 36px; height: 160px;}

ul#about_nav li { float: left; margin-right: 15px; }
ul#about_nav li.last_about { margin-right: 0px; }

ul#about_nav li a { display: block; width: 320px; height: 160px; text-indent: -9999999px; }

ul#about_nav li#ab_wnd { background: url(thumb-wizardnewdesign.png) 0 0px; }
ul#about_nav li a#wnd_about:link, ul#about_nav li a#wnd_about:visited { background: url(thumb-wizardnewdesign.png) 0 0px;}
ul#about_nav li a#wnd_about:hover, ul#about_nav li a#wnd_about:active { background: url(thumb-wizardnewdesign.png);}
ul#about_nav li a#wnd_about_active { background: url(thumb-wizardnewdesign.png) 0 -160px;}


ul#about_nav li#ab_vivien { background: url(thumb-vivien.png) 0 0px; }
ul#about_nav li a#about_vivien:link, ul#about_nav li a#about_vivien:visited { background: url(thumb-vivien.png) 0 0px;}
ul#about_nav li a#about_vivien:hover, ul#about_nav li a#about_vivien:active { background: url(thumb-vivien.png);}
ul#about_nav li a#about_vivien_active { background: url(thumb-vivien.png) 0 -160px;}

ul#about_nav li#ab_yinho { background: url(thumb-yinho.png) 0 0px;}
ul#about_nav li a#about_yinho:link, ul#about_nav li a#about_yinho:visited { background: url(thumb-yinho.png) 0 0px;}
ul#about_nav li a#about_yinho:hover, ul#about_nav li a#about_yinho:active { background: url(thumb-yinho.png);}
ul#about_nav li a#about_yinho_active { background: url(thumb-yinho.png) 0 -160px;}

#about_content {  margin-bottom: 20px; }

#profile_left { padding-top: 30px; width: 765px; border-right: 1px solid #202020; padding-bottom: 10px; }

#profile_right { padding-top: 87px; width: 204px; padding-left: 20px; }

#profile_left h2 { margin-left: 374px; }

h2#h2-wnd { margin-top: 30px;  margin-left: 374px;}
#wnd-box { padding-top: 30px; padding-left: 374px; background: url(avatar-wizardnewdesign.jpg) 0 30px no-repeat; min-height: 201px; margin-bottom: 20px; }
#wnd-box p:first-child,#vivien-box p:first-child, #yinho-box p:first-child { padding-top: 5px;  }
#wnd-box p { color: #888888; padding-right: 20px; margin-bottom: 15px;}

#yinho-box { padding-top: 30px; padding-left: 374px; background: url(avatar-yinho.jpg) 0 30px no-repeat; min-height: 201px;  }

#yinho-box p { color: #888888; padding-right: 20px; margin-bottom: 15px;}


#vivien-box { padding-top: 30px; padding-left: 374px; background: url(avatar-vivien.jpg) 0 30px no-repeat; min-height: 201px;  }

#vivien-box p { color: #888888; padding-right: 20px; margin-bottom: 15px;}

ul#skills li { height: 30px; background: url(skills-1.jpg) bottom no-repeat; padding-left: 13px; color: #888888; margin-bottom: 14px;}
ul#skills li object {margin-left: -13px; margin-top: 6px; }


#contact_header { width: 985px; background: url(about.png) bottom no-repeat; padding-bottom: 36px; height: 160px;}
#home_header {  background: url(about.png) bottom no-repeat; padding-bottom: 36px; height: 160px;}

#home_header div {
    width: 980px; padding: 5px;
    background: #000000;
    border: 1px solid #252525;
    -moz-border-radius:  5px;
    -webkit-border-radius:  5px; 
    border-radius:  5px;
}

#contact-left { width: 475px; padding-left: 10px; padding-right: 10px; color: #888888; padding-top: 34px; }
#contact-right { width: 475px; padding-left: 10px; padding-right: 10px; color: #888888; position: relative;}

.blue { color: #08abff; }
#contact-left p { margin-bottom: 30px;}

#contact-left table { margin-bottom: 22px;}

#contact-right table { position: absolute; top: 166px;}

label { font-weight: bold; }
#name,#email, #compagny, #captcha, #message { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #141414; background: #1f1f1f;  }
#name,#email, #compagny { width: 368px; height: 20px; padding-top: 3px; color: #888888; padding-left: 10px;}
#name:focus,#email:focus, #compagny:focus, #captcha:focus, #message:focus { background: #252525; color: #bbbbbb; }
#subject { background: transparent; color: #888888; border: none; width: 357px;}
#subject option {background: #141414; padding: 0 10px; }

#round {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #141414; background: #1f1f1f; padding: 3px 10px;}


#captcha { width: 306px; height: 20px; padding-top: 3px;  color: #888888; padding-left: 10px; }
#message { width: 465px; height: 130px; color: #888888; padding-left: 10px; padding-top: 10px; }

ul#warning-contact {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #141414; position: absolute; top: 31px; width: 436px; padding: 15px 20px; color: #a00000;}
ul#warning-contact li { padding-left: 10px; background:  url(warning-puce.png) 0px 6px no-repeat; }

ul#success-contact {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #141414; position: absolute; top: 31px; width: 436px; padding: 15px 20px; color: #90c513;}

#send_enquiry { color: #000000; width: 146px; height: 48px; background: url(btn-send-enquiry.png) 0 -48px; text-align: center; text-transform: uppercase; border: none; outline: none; line-height: 48px; margin-top: 10px; float: right;}
#send_enquiry:active, #send_enquiry:focus { background: url(btn-send-enquiry.png) 0 0; border: none; outline: 0; }

#send_enquiry_fr { color: #000000; width: 146px; height: 48px; background: url(btn-send-enquiry-fr.png) 0 -48px; text-indent: -99999px; text-align: center; text-transform: uppercase; border: none; outline: none; line-height: 48px; margin-top: 10px; margin-right: -8px; float: right;}
#send_enquiry_fr:hover, #send_enquiry_fr:active, #send_enquiry_fr:focus { background: url(btn-send-enquiry-fr.png) 0 0px; border: none; cursor: pointer; outline: 0; }

#send_enquiry_en { color: #000000; width: 146px; height: 48px; background: url(btn-send-enquiry-en.png) 0 -48px; text-indent: -99999px; text-align: center; text-transform: uppercase; border: none; outline: none; line-height: 48px; margin-top: 10px; margin-right: -8px; float: right;}
#send_enquiry_en:hover, #send_enquiry_en:active, #send_enquiry_en:focus { background: url(btn-send-enquiry-en.png) 0 0px; border: none; cursor: pointer; outline: 0; }


h2#h2-intouch-en { height: 19px; margin-bottom: 39px; background: url(title-contact-en.png) top left no-repeat; text-indent: -99999px;}
h2#h2-intouch-fr { height: 19px; margin-bottom: 39px; background: url(title-contact-fr.png) top left no-repeat; text-indent: -99999px;}

.contact-left-td {  padding: 10px 0;}

span.select {
  position: absolute;
  width: 370px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
  height: 25px;
  padding: 2px 10px 0 20px;
  color: #888888;
  font: 12px/21px arial,sans-serif;
  background: url(select.gif) no-repeat;
  overflow: hidden;
}

ul#pagination { position: absolute; top: 371px; border-top: 1px dotted #252525; width: 240px; margin-left: -10px; padding-top: 14px; padding-left: 10px}
ul#pagination li { float: left; padding: 3px 5px; font-size: 11px; }
ul#pagination li#current_page { color: #07b2ff; }
ul#pagination li a { display: block; color: #888888; text-decoration: none; }
ul#pagination li a:hover {  color: #07b2ff; }

ul#pagination li#next-link a { width: 3px; background: url(next-link.gif) center no-repeat; text-indent: -99999px; }
ul#pagination li#prev-link a { width: 3px; background: url(prev-link.gif) center no-repeat; text-indent: -99999px; }
ul#pagination li#first-link a { width: 6px; background: url(first-link.gif) center no-repeat; text-indent: -99999px; }
ul#pagination li#last-link a { width: 6px; background: url(last-link.gif) center no-repeat; text-indent: -99999px; }

/*#portfolio-main ul li {
    width: 228px;
    float: left;
    height: 134px;
    margin: 0 10px 10px 0;
}

#portfolio-main ul li.thumbs-last {
    width: 228px;
    float: right;
    height: 134px;
    margin: 0 0 10px 0;
} */

.blue_project { color: #00B0FE; }

.h2-projets-recents {
    background: url(projets-recent.gif) left no-repeat;
    font-size: 14px;
    font-weight: normal;
    margin-top: 48px;
    padding-left: 10px;
}

ul.projets-recents
{
    margin-top : 8px;
}

ul.projets-recents li
{
    background: #141414;
    border: 1px solid #232323;
    float: left;
    height: 158px;
    margin-bottom: 9px;
    padding: 4px;
    width: 158px;
}

ul.projets-recents li.pair
{
    float: right;
}


#flashs { position: absolute; z-index: 1000; list-style: none; top: 15px; left: 12px; margin: 0; padding: 0; }
#flashs li { float: left; margin-left: 5px; }
#flashs li a { display: block; color: #999; text-indent: -9999px; background: url(orbit/bullets.png) no-repeat 0 0; width: 7px; height: 7px; overflow: hidden;}
#flashs li a.active { color: #222; background-position: -7px 0; }

div.orbit { width: 1px; height: 1px; position: relative; -moz-box-shadow: 0 0 10px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.25);  overflow: hidden; }
div.orbit img { position: absolute; top: 0; left: 0; }
div.orbit a img { border: none; }

/* TIMER */
div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right:10px; opacity: .6; cursor: pointer; z-index: 1001; }
span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('orbit/rotator-black.png') no-repeat; z-index: 3; }
span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
span.rotator.move { left: 0; }
span.mask.move { width: 40px; left: 0; background: url('orbit/timer-black.png') repeat 0px 0px;  }
span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0px; background: url('orbit/pause-black.png') no-repeat; z-index: 4; opacity: 0; }
div.timer:hover span.pause,
span.pause.active,
div.timer:hover span.pause.active { opacity: 1; }

/* CAPTIONS */
div.caption { background: #000; background: rgba(0,0,0,.6); width: 100%; z-index: 1000; position: absolute; bottom:-100px; color: #fff; padding: 8px 0; }
div.caption span { padding: 0 10px; font-size: 14px; text-shadow: 0px 1px 0px rgba(0,0,0,.8); margin: 0; }
.orbit-caption { display: none; }

/* DIRECTIONAL NAV */
div.orbit:hover div.slider-nav { display: block; }
div.slider-nav { display: none; }
div.slider-nav span { width: 33px; height: 33px; text-indent: -9999px; position: absolute; z-index: 1000; top: 43%; cursor: pointer; }
div.slider-nav span.right { background: url('orbit/right-arrow.png'); right: 10px; }
div.slider-nav span.left { background: url('orbit/left-arrow.png'); left: 10px; }

/* BULLET NAV */
.orbit-bullets { position: absolute; z-index: 1000; list-style: none; top: 10px; left: 7px; margin: 0; padding: 0; }
.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(orbit/bullets.png) no-repeat 0 0; width: 7px; height: 7px; overflow: hidden; }
.orbit-bullets li.active { color: #222; background-position: -7px 0; }

#slide-ext {
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    background: #131313;
    border: 1px solid #252525;
    height:384px;
    padding:4px;
    position: relative;
    width:694px;
}

#slide-in {
    height:384px;
    width:694px;
    overflow: hidden;
}

#featured {
    
    background: #131313 url('orbit/loading.gif') no-repeat center center;
    height:384px;
    width:694px;
}

#ajax-loader{ display: none; height: 15px; left: 50%; margin-left: -64px; margin-top: -7px; position: absolute; top: 50%; width: 128px;}

#galerie-content { position: absolute; top: 0; }

#flash-contenair { 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    background: #131313;
    border: 1px solid #252525;
    height:384px;
    padding:4px;
    position: relative;
    width:694px;
}

#flash-viewer {}

#gf-control { position: relative; height: 423px; margin-bottom: 10px; }

#flash-content { display: none; position: absolute; top: 0; }

#tabs { height: 30px; position: absolute; bottom: 0px; }
#tabs li { float: left; margin-right: 1px; background: #1e1e1e; }
#tabs li a:link,#tabs li a:visited {
    display: block;
    height: 28px;
    line-height: 28px;
    background: #1e1e1e;
    border: 1px solid #252525;
    text-decoration: none;
    color: #4e4e4e;
    padding: 0 19px;
    border-top: none;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#tabs li a:hover,#tabs li a:active
, #tabs li a.active {
    background: #131313;
    color: #00b0fe;
}

ul#tags li {
    background: url(tag.png) left no-repeat;
    float: left;
    text-transform: none;
    margin-right: 10px;
    padding-left: 14px;
}