/*----- Global reset ---------------------------------------------------------------*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, label, p, blockquote, th, td { margin:0;padding:0; }

table { border-collapse:collapse;border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal; }
strong { font-weight:bold; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }



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



/*----- Typography ----------------------------------------------------------------*/

 a { text-decoration:none; }
 h1 { font-family: 'PT Sans Narrow', sans-serif;font-size:25px;color:#fff;font-weight:bold;padding-bottom:20px; }
 h3 { font-family:arial, verdana;font-size:12px;color:#fff; }
 h2 { font-family: 'PT Sans Narrow', sans-serif;font-size:20px;color:#fff;font-weight:bold;padding-bottom:10px; }
 p { color:#fff;font-size:12px;font-family:arial, verdana;line-height:20px; }

 h4 { font-family: 'PT Sans Narrow', sans-serif;font-size:15px;color:#fff;font-weight:bold;margin-bottom:15px; }

 h2>a { font-family: 'PT Sans Narrow', sans-serif;font-size:20px;color:#fff;font-weight:bold;margin-bottom:15px;display:block; }
 p a { color:#b3cc69}
 p a:hover { text-decoration: underline;}
 p a:visited { color:#2b2b2b;  background-color: yellow;}



/*----- General ----------------------------------------------------------------*/

.strong { text-weight:bold !important; }
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.text-center { text-align:center !important; }
.float-right { float:right !important; }
.float-left { float:left !important; }
.inpad { padding:15px !important; }
.topad { padding-top:15px !important; }
.bopad { padding-bottom:15px !important; }
.hpad { padding:15px 0 15px 0 !important; }
.vpad { padding:0 15px 0 15px !important; }
.img { background:grey; }
.last { margin-right:0 !important; }

.margin-bottom-35 { margin-bottom:35px !important; }
.margin-bottom-30 { margin-bottom:30px !important; }
.margin-bottom-10 { margin-bottom:10px !important; }
.margin-bottom-15 { margin-bottom:15px !important; }
.margin-bottom-18 { margin-bottom:18px !important; }
.margin-bottom-10 { margin-bottom:10px !important; }
.margin-bottom-20 { margin-bottom:20px !important; }
.margin-bottom-40 { margin-bottom:40px !important; }
.margin-bottom-100 { margin-bottom:100px !important; }
.margin-top-20 { margin-top:20px !important; }
.margin-top-15 { margin-top:15px !important; }



.col-245 { width:245px;float:left;margin-right:30px; }
.col-280 { width:280px;float:left;margin-right:30px; }
.col-315 { width:315px;float:left;margin-right:30px; }
.col-350 { width:350px;float:left;margin-right:30px; }
.col-360 { width:360px;float:left;margin-right:30px; }
.col-385 { width:385px;float:left;margin-right:30px; }
.col-400 { width:400px;float:left;margin-right:30px; }
.col-420 { width:420px;float:left;margin-right:30px; }
.col-430 { width:430px;float:left;margin-right:30px; }


.separator-resume { height:1px;margin:18px 0 30px 0;background:#3ca7ad; }



/*----- Styler ----------------------------------------------------------------*/

body { position:relative; }
#styler { position:absolute;width:40px;left:0;top:200px;background:rgba(0,0,0,0.5);height:160px; }
#styler a { display:block;margin:10px 10px 0 10px;background:red;width:20px;height:20px; }

#styler .style-pink { background:#CD475A; }
#styler .style-blue { background:#2A89B0; }
#styler .style-default { background:#17969D; }
#styler .style-brown { background:#BE5438; }
#styler .style-dark { background:#717171; }





/*----- Navigation ----------------------------------------------------------------*/

#nav { float:left;height:535px;width:239px;padding:0 0px 30px 0; }
#nav li { padding:21px 15px 23px 0;color:#fff;cursor:pointer;text-transform:uppercase; }
#nav ul span { font-family: 'PT Sans Narrow', sans-serif;font-size:14px;color:inherit;text-transform:uppercase; }

#nav ul .nav-icon-home { }
#nav ul .nav-icon-resume { }
#nav ul .nav-icon-showcase { }
#nav ul .nav-icon-contact { }

#nav ul div { float:left;display:block;
/*margin-top:6px;*/
margin-right:20px;height:50px;width:75px; }


#nav ul h1 { margin-top:13px;padding-bottom:0;color:inherit;font-size:24px;line-height:16px; }
#nav ul h1>a { font-family: 'PT Sans Narrow', sans-serif;color:inherit; }

#nav li { transition: background 0.5s, color 0.5s, transform 0.5s;-moz-transition: background 0.5s, color 0.5s, -moz-transform 0.5s;-webkit-transition: background 0.5s, color 0.5s, -webkit-transform 0.5s;-o-transition: background 0.5s, color 0.5s,-o-transform 0.5s; }
#nav li:hover { }




 /*----- Content ----------------------------------------------------------------*/


 /* body { background:url(../_layout/images/back-body.png); } */
body {
  background: url(images/BK_Potions.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 #wrapper { height:565px;width:1126px;margin:auto;
    /*margin-top:35px;*/
    margin-top:0;
    box-shadow:0 2px 3px 0 rgba(0,0,0,0.7);position:relative;transition: background 0.8s, color 0.5s, transform 0.5s;-moz-transition: background 0.8s, color 0.5s, -moz-transform 0.5s;-webkit-transition: background 0.8s, color 0.5s, -webkit-transform 0.5s;-o-transition: background 0.8s, color 0.5s,-o-transform 0.5s; }

/*#logo { width:1105px;margin:auto;margin-top:80px;position:relative;height:194px}*/
#logo { width:1105px;margin:auto;position:relative;height:194px}
#logo span { font-size:24px;color:#d0d0d0;text-shadow:0 1px #000;font-family: 'PT Sans Narrow', sans-serif;display:block; }

.side-nav { height:85px;width:40px;position:absolute;right:-80px;top:242px; }
.side-nav a { display:block;height:40px;width:40px;background:green;margin-bottom:5px; }

.side-nav .up { background:url('images/back-side-nav.png') no-repeat left top; }
.side-nav .down { background:url('images/back-side-nav.png') no-repeat left bottom; }

.side-nav .up:link { }
.side-nav .up:visited { }
.side-nav .up:hover { background-position:right top; }
.side-nav .up:active { }

.side-nav .down:link { }
.side-nav .down:visited { }
.side-nav .down:hover { background-position:right bottom; }
.side-nav .down:active { }

#content-wrapper { float:left;height:565px;width:885px;overflow:hidden;overflow:hidden; }
#content-scrollable { width:100%; }

/*.content { float:left;padding:25px 30px 30px 30px;height:495px;width:705px;overflow:hidden;margin-bottom:15px; }*/
.content { float:left;padding:20px 20px 20px 20px;height:495px;width:825px;overflow:hidden;margin-bottom:15px; }
/* .content.scroll-pane { width:750px;padding:40px 15px 20px 0; } */
.content.scroll-pane { width:880px;padding:40px 15px 20px 0; }

#scroll-pane,.scroll-pane { position:relative }

/*.scroll-content { position:absolute;top:0;left:0;padding-left:30px;padding-top:25px;width:660px; }*/
.scroll-content { position:absolute;top:0;left:0;padding-left:30px;padding-top:25px;width:810px; }
.slider-wrap { position:absolute;right:30px;top:0;background-color:transparent;width:15px;margin-top:40px; }
.slider-vertical { position:relative;height:100%;background:transparent; }
.ui-slider-handle { width:15px;height:10px;margin:0 auto;display:block;position:absolute; }
.ui-slider-handle img { border:none; }
.scrollbar-top { position:absolute;top:0; }
.scrollbar-bottom { position:absolute;bottom:0; }
.scrollbar-grip { position:absolute;top:50%;margin-top:-6px; }
.ui-slider-range { position:absolute;width:100%; }

/*----- Buttons ----------------------------------------------------------------*/


.button { display:block;height:38px;font-family: 'PT Sans Narrow', sans-serif;font-weight:bold;font-size:16px;color:#fff;line-height:36px;text-align:center;padding:0 10px; }
.effect { transition: background 0.5s, color 0.5s, transform 0.5s;-moz-transition: background 0.5s, color 0.5s, -moz-transform 0.5s;-webkit-transition: background 0.5s, color 0.5s, -webkit-transform 0.5s;-o-transition: background 0.5s, color 0.5s,-o-transform 0.5s; }



/*----- Home Page ----------------------------------------------------------------*/
#home-wrapper > div { float:left; }

#home-wrapper { padding-bottom:20px;margin-bottom:10px; }

#home-wrapper .personal { width:200px;float:left; }
#home-wrapper h3 { padding-bottom:5px; }

#home-wrapper .info { width:200px;float:left; }
#home-wrapper .info .title { margin-top:52px; }

#home-wrapper .picture { width:245px;margin-right:30px; }
#home-wrapper .picture img { display:block; }

#home-wrapper-work img { display:block;float:left;margin-right:30px; }
#home-wrapper-work h1 { padding-bottom:15px;line-height:15px; }

#home-wrapper-work { padding-top:10px;margin-top:15px; }
#home-wrapper-work h2 { padding-bottom:7px; }

.home-extra h2 { padding-bottom:5px; }

.recent-work { width:825px; }
.recent-work h2 { line-height:22px;font-size:16px; }
.recent-work li { position:relative;width:215px;float:left;margin-right:30px; }
.recent-work div { position:absolute;height:100px;width:215px;bottom:0;right:0;background:url('images/back-home-work-overlay.html') no-repeat;background:rgba(0,0,0,0.8);z-index:999;cursor:pointer;text-align:Center;display:none; }
.recent-work div > a { font-size:30px;line-height:100px;display:block;}

.recent-work li:hover div { display:none;}

.social-info { margin-top:22px; }
.social-info p { margin-bottom:15px; }

.social { float:left; }
.social li { float:left;display:block;height:38px;width:38px;margin-left:1px;line-height:38px;text-align:center;z-index:999; }
.social a { display:none;height:38px;width:38px;line-height:38px;text-align:center; }

.social .twitter { background:url(images/icon-twitter.png) no-repeat center center; }

.social .rss { background:url(images/icon-rss.png) no-repeat center center;}

.social .skype { background:url(images/icon-skype.png) no-repeat center center; }

.social .in { background:url(images/icon-in.png) no-repeat center center; }


/*----- Contact Page ----------------------------------------------------------------*/

#contact-wrapper { padding-bottom:10px; }
#contact-form-wrapper { padding-top:25px; }
#contact-form-wrapper input { margin-bottom:22px;height:37px;border:none;width:420px;font-weight:bold;font-family: 'PT Sans Narrow', sans-serif;font-size:18px;padding-left:10px;border:1px solid #fff;-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);line-height:37px; }
#contact-form-wrapper textarea { margin-bottom:25px;height:65px;border:none;width:420px;font-weight:bold;font-family: 'PT Sans Narrow', sans-serif;font-size:18px;padding-left:10px;padding-top:10px;border:1px solid #fff;-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3); }

#contact-form-wrapper textarea:focus,
#contact-form-wrapper input:focus { -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.8);-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.8);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.8);background:rgba(255,255,255,0.9); }

#contact-form-wrapper form .error { border:1px solid #c83f3f; }

#contact-map { height:439px;;width:245px; }

.contact-date { float:left;margin-right:35px; }
.contact-date h3 { padding-bottom:18px; }

.validity { float:right;margin-top:8px;color:#fff;font-family: 'PT Sans Narrow', sans-serif;display:none; }
.validity .red { color:red; }



/*----- Showcase Page ----------------------------------------------------------------*/

#showcase-wrapper h2>a { margin-top:5px 0 25px 0;:5px; }
#showcase-wrapper img { display:block; }

#showcase-wrapper p { padding-bottom:14px; }

#showcase-wrapper .col-350 .image-overlay { position:relative; }
#showcase-wrapper .col-350 .image-overlay div   { width:350px;height:260px;background:url('images/back-showcase-overlay.png');z-index:9999;position:absolute;left:0;top:0;bottom:0;display:none; }
#showcase-wrapper .col-350 .image-overlay div a { width:350px;height:260px;font-size:40px;display:block;text-align:center;line-height:260px; }
#showcase-wrapper .col-350 .image-overlay:hover div { }
#showcase-wrapper a { text-decoration:none; color: #42670f; }
#showcase-wrapper a.button { color: #fff; }

/*----- slideshow ----------------------------------------------------------------*/

.slideshow-into-modal img { display:block; }

.col-150 { width:150px;float:left; }
.slideshow-into-modal .col-150 .image-overlay { position:relative; }
.slideshow-into-modal .col-150 .image-overlay div   { width:150px;height:104px;background:url('images/back-showcase-overlay.png');z-index:9999;position:absolute;left:0;top:0;bottom:0;display:none; }
.slideshow-into-modal .col-150 .image-overlay div a { width:150px;height:104px;font-size:40px;display:block;text-align:center;line-height:104px; }
.slideshow-into-modal .col-150 .image-overlay:hover div { }
.slideshow-into-modal a { text-decoration:none; color: #42670f; }
.slideshow-into-modal a.button { color: #fff; }

/*----- Resume Page ----------------------------------------------------------------*/

#wrapper-resume img { display:block;margin-bottom:20px; }

#wrapper-resume .col-315 h1 { padding-bottom:5px;margin-bottom:15px; }
#wrapper-resume .col-315 h2 { font-size:15px;margin-top:20px; }
#wrapper-resume .col-360 h1 { padding-bottom:5px;margin-bottom:15px; }
#wrapper-resume .col-360 h2 { font-size:15px;margin-top:20px; }

.wr-list li { color:#fff;font-size:12px;font-family:arial, verdana;line-height:20px;margin-bottom:2px; }

.wr-reference h1 { padding-bottom:20px;line-height:17px; }
.wr-reference img { margin-right:10px;border:1px solid #fff;border-radius:4px;box-shadow:0 0 2px 0 rgba(0,0,0,0.6); }
.wr-reference span { padding-left: 62px;font-size:12px;font-family: 'PT Sans Narrow', sans-serif;display:block;margin-left:2px; }

.wr-reference ul li { margin-bottom:25px; }
.wr-reference ul h4 { margin:0; font-size:16px;font-weight:normal;font-style:italic;display:block; }
.wr-reference ul img { float:left; }

 /*----- Footer ----------------------------------------------------------------*/

/* #footer { width:1006px;margin:auto;padding-top:35px;margin-bottom:100px; } */
#footer { width:1006px;margin:auto;padding-top:35px;}

 #footer ul li { float:left; }
 #footer ul a { color:#d0d0d0;font-size:16px;text-shadow:0 1px #000;font-family: 'PT Sans Narrow', sans-serif;font-weight:bold; }
 #footer ul span { margin:0 10px;color:#5e5e5e;text-shadow:0 1px #000;font-weight:bold; }

 #footer ul a:link { }
 #footer ul a:visited { }
 #footer ul a:hover { color:#fff; }
 #footer ul a:active { }


 #footer .left { float:left; }
 #footer .left span { text-shadow:0 1px #000;font-weight:bold;font-family: 'PT Sans Narrow', sans-serif;font-size:16px;color:#fff; }

 #footer .right { float:right; }


.france {
  margin:0;
}
/*
#carte-france {
  width:764px;
  height:503px;
  margin-left:auto;
  margin-right:auto;
  background-image:url('images/labo-bg.jpg');
}
#carte-france-over {
  position: relative;
  top: 10px;
  left: 0px;
  width:764px;
  height:548px;
}
*/
/* http://stackoverflow.com/questions/896777/remove-close-button-on-jqueryui-dialog */
.ui-dialog-titlebar-close {
  visibility: hidden;
}

area {
  display: block;
  cursor: pointer;
}