/*
**  @author : wimake
*/

/****
* CSS RESET
****/

html,body,span, applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp,strike,strong,sub,sup,tt,var, dd,dl,dt,li,ol,ul, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1.3em;font-family:inherit;}

a img,:link img,:visited img{border:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
ul{list-style:none;}
ol{list-style: decimal inside;}
q:before,q:after, blockquote:before,blockquote:after{content:"";}
strong,h1,h2,h3,h4,h5,h6 {font-weight:bold;}
em{font-style:italic;}
input, textarea, select  {font-size:99%}
* {outline:none;margin: 0; padding: 0}

html, body {
    font: 11px 'Lucida Grande', 'Bitstream Vera Sans', sans-serif; 
    background: #fff;
    margin: 0;
    padding: 0;
    color: #333;
}

/* LINKS */
a {text-decoration:none; color: #333;}
a:hover {text-decoration:none; color: #82bf00;}
a.active {text-decoration:none; color: #82bf00;}
a.revert {color :#507403;}
a.revert:hover {color: #93CC16;}
a.r-underlined {text-decoration: underline; color: #689e08; }
a.r-underlined:hover {text-decoration: none;}
a.black:hover {color:#000;}
a.arrow { background: url(skin/picto/arrow.png) no-repeat center left; display: block; padding: 0 0 0 10px; font-size: 11px; font-weight: normal; color: #82bf00; text-decoration: underline; }

/* TEXT ALIGN */
.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}
.txtT{vertical-align:top !important;}
.txtM{vertical-align:middle !important;}
.txtB{vertical-align:bottom !important;}

/* FLOATS */
.floatL, .float_l {float:left !important;}
.floatR, .float_r {float:right !important;}
.clearfl {clear: both !important;}
.spacer {width: auto; height: 10px; clear: both;}

/* STRUCTURE */
#container {width: 100%;}

#header {background: #e9fac1; width:100%; height:75px; }
#header .content {width: 1000px; padding: 0 20px; margin: 0 auto;}
#header h1 { color: #82bf00; font-size: 30px; width: 700px; padding-top: 5px; }
#header h2 { color: #507403; font-size: 16px; padding-left: 12px; }
#header .header-title { float: left; }

#nav { background: #f9f9f9; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; height: 30px; }
#nav .content { margin: 0 auto; width: 1000px; padding: 2px 10px;}

#nav ul { float: left; clear: left; height: 30px; font-size: 12px; margin-top: 4px; margin-left: 205px;}
#nav ul li {float: left; padding: 0 10px 0 10px; border-right: 1px solid #ccc;  }
#nav ul li.last { border: 0;  }
#nav ul li.inactive { color: #999; font-weight: bold; }
#nav ul li a {float: left; font-size: 12px; }

#main { width: 1000px; min-height: 400px; margin: 0 auto;}
#main .content { }

#footer { width: 1000px; border-top: 1px solid #ddd; margin: 0 auto; }
#footer .content { padding: 5px 10px }
#footer a {color:#507403;}
#footer a:hover {color:#93CC16;}
#footer .logo { float: right; margin-top: -20px; }
#footer .copy { float: left; }


/* SPECIFIC */
.profile { float: left; width: 200px; margin-top: -20px; min-height: 400px; margin-right: 15px; }
.profile .content { clear: both; margin-top: 15px; }
.profile .content .name { font-size: 14px; padding-bottom: 5px; display: block}
.profile .desc { display: block; width: 160px; margin-top: 20px;}

#main h2 { background: url(skin/picto/folder.png) no-repeat center right; color: #689e08; font-size: 14px; font-weight: bold; margin-bottom: 5px; padding: 5px 0 0 8px; height: 27px; }
.box { border: 1px solid #ddd;margin-bottom: 15px; background: #fdfdfd; }
.box .content { margin: 0 !important; padding: 10px;  }
.box .last { border: 0; margin-bottom: 0 !important }

.item { border-bottom: 1px solid #ddd; padding: 0 0 5px 0; margin-bottom: 10px; }
h3 { font-size: 14px; margin-bottom: 5px; }
h4 { margin-bottom: 2px; }

.info { width: 170px; }
.info a {text-decoration: underline; color: #82bf00;}
.info a:hover {text-decoration:none; color: #333; }
.info span { padding: 12px 0 0 45px; display:block; height: 30px; }
.info .name { padding-left: 0; }
.info .email { background: url(skin/picto/email.png) no-repeat center left; }
.info .tel { background: url(skin/picto/tel.png) no-repeat center left; }
.info .web { background: url(skin/picto/web.png) no-repeat center left; }

.details { width: 170px; margin: 20px 0 0 0; clear: both;}
.details div { padding-left: 40px ; margin: 0 0 10px 0; min-height: 35px; }
.details .car { background: url(skin/picto/car.png) no-repeat top left; }
.details .experience { background: url(skin/picto/pen.png) no-repeat top left; }
.details .mobility { background: url(skin/picto/house.png) no-repeat top left; }
.details .dispo { background: url(skin/picto/pen.png) no-repeat top left; }

.cv { float: left; width: 750px; margin-top: 10px; min-height: 400px; }

.env { color: #999; font-size: 9px; }

.logo-header { float: right; padding-right: 15px; }

.error { float: left; width: 900px; margin-top: 10px; min-height: 400px; }
.error h2 { background: none !important; color: #689e08; font-size: 14px; font-weight: bold; margin-bottom: 5px; padding: 0 !important; height: 27px; }

#slideshow { width: 110px; height: 106px; overflow: hidden; float: left; }
#slideshow img { padding: 3px; border: 1px solid #ddd; }

#slideshow-content { float: left; width:300px; overflow: hidden; padding: 3px; margin-left: 10px; font-size: 11px; }
.slide-nav { margin-bottom: 5px; width: 200px; }