/* CSS Document */

* {
    margin:0; padding:0;
    font-size:100%;
}

body{
    background:#2d2e30;
    text-align:center;
}

img {vertical-align:top;z-index:1;}
a img { border:0;}

ul { list-style:none;}

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

acronym:hover {
    cursor:help;
}

p { text-align: justify; }

html, input, textarea
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.813em;
    line-height:1.385em;
    color:#424141;
}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#1D1D1D; outline:none; text-decoration: none;}
a:hover{text-decoration:none;}
p {padding-top:19px;}
em {color:#b9b5ad;}

/* ============================= main layout ====================== */

li { padding-left:17px; line-height:1.846em;}
li a {color:#424141;}

.imgindent {margin:0 20px 0 0; float:left;}

/* ============================= header ====================== */

#header {background:url(../images/body-bg.jpg); padding-bottom:15px;}
#header .top-bg {background:url(../images/header-tail-top.gif) top repeat-x;}
hr.line {background:url("../images/header-tail.gif") top repeat-x; height:10px;border:0;width:100%;}

.menu {padding:0 0 0 5px;}
.menu ul {width:100%; overflow:hidden; padding-top:19px;}
.menu li {float:left; font-size:1.462em; background:none; padding:0;margin-left:5px;}
.menu li a {padding:4px 35px 0 34px; height:48px; display:inline-block; text-decoration:none; color:#f5f7f2;}
.menu li a:hover, .menu .active a {text-decoration:none; color:#1d1d1d; background:url(../images/body-bg.jpg);}

.logo {padding:21px 0 0 0; height:105px; position: relative;}
.logofloat {position: absolute; top:0; left:0;z-index:105;}
.logo .right {padding:41px 0 0 0;}
.logo .right li {float:left; width:34px; padding:0 0 0 2px; background:none;}
.logo .right li a {display:block; width:34px; height:35px;}

.logo .twitter a {background:url(../images/icon-twitter-sprite.jpg) no-repeat 0 0;}
.logo .flickr a {background:url(../images/icon-flickr-sprite.jpg) no-repeat 0 0;}
.logo .technorati a {background:url(../images/icon-technorati-sprite.jpg) no-repeat 0 0;}
.logo .facebook a {background:url(../images/icon-facebook-sprite.jpg) no-repeat 0 0;}
.logo .favoris a {background:url(../images/icon-favoris-sprite.jpg) no-repeat 0 0;}

.logo .viadeo a {background:url(../images/icon-viadeo-sprite.jpg) no-repeat 0 0;}
.logo .rss a {background:url(../images/icon-rss-sprite.jpg) no-repeat 0 0;}

.logo .facebook1 a {background:url(../images/icon-facebook-sprite-move.jpg) no-repeat 0 0;}
.logo .facebook2 a {background:url(../images/icon-facebook-sprite-move.jpg) no-repeat 0 -35px;}

.logo .twitter1 a {background:url(../images/icon-twitter-sprite-move.jpg) no-repeat 0 0;}
.logo .twitter2 a {background:url(../images/icon-twitter-sprite-move.jpg) no-repeat 0 -35px;}

.logo .viadeo1 a {background:url(../images/icon-viadeo-sprite-move.jpg) no-repeat 0 0;}
.logo .viadeo2 a {background:url(../images/icon-viadeo-sprite-move.jpg) no-repeat 0 -35px;}

.logo .twitter a:hover {background:url(../images/icon-twitter-sprite.jpg) no-repeat 0 -35px;}
.logo .flickr a:hover {background:url(../images/icon-flickr-sprite.jpg) no-repeat 0 -35px;}
.logo .technorati a:hover {background:url(../images/icon-technorati-sprite.jpg) no-repeat 0 -35px;}
.logo .facebook a:hover {background:url(../images/icon-facebook-sprite.jpg) no-repeat 0 -35px;}
.logo .favoris a:hover {background:url(../images/icon-favoris-sprite.jpg) no-repeat 0 -35px;}
.logo .viadeo a:hover  {background:url(../images/icon-viadeo-sprite.jpg) no-repeat 0 -35px;}
.logo .rss a:hover {background:url(../images/icon-rss-sprite.jpg) no-repeat 0 -35px;}

/* ============================= content ====================== */

#content {background:url(../images/body-bg.jpg) center top; padding:20px 0 0 0; }

h1 {font-size:2.923em; line-height:1.2em; letter-spacing:-1px; margin:-7px 0 -5px 0;}
h2 {font-size:1.846em; line-height:1.2em; color:#969595; margin-bottom:37px;}
h3 {font-size:1.461em; line-height:1.2em; color:#000; margin-bottom:30px;}
h4 {font-size:1.321em; line-height:1.2em; color:#969595; margin-bottom:22px;}
.row2 h3 {font-size:1.461em; line-height:1.2em; color:#fff; margin:0;}
h5 {font-size:1.154em; line-height:1.067em; color:#31353b; font-weight:normal; margin-bottom:10px; margin-top:0;}

.color1 { color: #19AAF1; }
.color2 { color: #7A9A2D; }
.color3 { color: #E68507; }
.padding-left {padding-left:15px}
h4.styled { margin-bottom:5px; }
h4 em, h5 em { font-size: 0.8em; }

.padding15 {
    padding: 15px;
}

.js {background:url(../images/js-bg.jpg) no-repeat 0 0; padding:7px 2px 7px 2px;}
.js .inner {position:relative;}
.js img {margin:0 5px;}

#jsFull {
    background: url(../images/js-bg.jpg) no-repeat 0 0;
    padding: 7px 2px 7px 2px;
    width: 324px;
    height: 214px;
    float: left;
    cursor: pointer;
}

.inner div#img1, .inner div#img2, .inner div#img3 {
    width: 310px;
    height: 210px;
    margin-left:5px;
}

.innerFull {
    position:relative;
    width: 310px;
    height: 210px;
    margin-left:5px;
}

.slide {position:absolute; margin-top:155px; width:100%; height:55px; color:#8e8d8d; font-size:1.154em; line-height:1.333em;}

#panel1, #panel2, #panel3 {background:#ffffff; padding:5px 10px; height:150px; margin:0; margin-bottom:-200px; z-index:101;}

#panelFull1, #panelFull2, #panelFull3 {
    position:absolute;
    margin-top:130px;
    height:35px;
    color:#8e8d8d;
    font-size:1.154em;
    line-height:1.333em;
    width: 285px;
    z-index: 101;
    padding-top: 10px;
    padding-left: 35px;
}

#panel1, #panelFull1 { border-bottom:1px solid #19AAF1; background-color: #d4f1ff; }
#panel2, #panelFull2 { border-bottom:1px solid #7A9A2D; background-color: #f2ffd3; }
#panel3, #panelFull3 { border-bottom:1px solid #E68507; background-color: #fff4e6; }

#ss-panel { padding: 10px 0; height:100px; text-align: justify; color: black; }

.btn-slide {color:#fff; display:block; height:20px; padding:10px; font-size:19px; text-decoration:none; z-index:102; margin:0;}

* html .js {padding:7px 0 7px 0;}
* html .btn-slide {margin:0 7px 0 7px;}
* html .js img {margin:0 5px 0 7px;}

.type1 .btn-slide {background:transparent;background:url(../images/inner_img1.png) top no-repeat;}
.type2 .btn-slide {background:transparent;background:url(../images/inner_img2.png) top no-repeat;}
.type3 .btn-slide {background:transparent;background:url(../images/inner_img3.png) top no-repeat;}
.btn-slide strong {display:none;}
.btn-slide em {color:#fff !important; display:block }
.active em {display:none;}
.active strong {display:block;}




.row2 {background:#1d1d1d; padding:22px 0 25px 0; color:#878787; margin-top:20px;}
.row2 a {color:#b9b5ad;}
.padding1 {padding-top:5px;}
.col-pad {padding-right:15px;}
.col-pad2 {padding-right:78px;}

.indent {padding:0 20px 49px 25px;}
.indent_centrer {padding: 5px 20px;}
.indent2 {padding:27px 20px 49px 25px;}
.row2 .indent {padding:5px 20px 0 30px;}

.bold { font-weight: bold; }
.center { text-align: center; }
.red { color:red; }
.underline {text-decoration:underline}

.link {font-weight:bold; display:inline-block; margin-top:15px;}
#page1 .link {padding-left:17px;}
.type1 .link {color:#19aaf1;}
.type1 li {background:url(../images/marker1.gif) no-repeat 0 8px;}
.type2 li {background:url(../images/marker2.gif) no-repeat 0 8px;}
.type3 li {background:url(../images/marker3.gif) no-repeat 0 8px;}
.row2 .type1 li {background:url(../images/marker4.jpg) no-repeat 0 8px;}
.row2 .type2 li {background:url(../images/marker5.jpg) no-repeat 0 8px;}
.row2 .type3 li {background:url(../images/marker6.jpg) no-repeat 0 8px;}
.type2 .link {color:#7a9a2d;}
.type3 .link {color:#e68507;}

.row2 .link {font-weight:normal; color:#b9b5ad; display:inline-block; text-decoration:none; margin-top:14px; padding-left:14px;}
.row2 .link:hover {text-decoration:underline;}
.row2 .type1 .link {background:url(../images/marker4.jpg) no-repeat 0 5px;}
.row2 .type2 .link {background:url(../images/marker5.jpg) no-repeat 0 5px;}
.row2 .type3 .link {background:url(../images/marker6.jpg) no-repeat 0 5px;}

.row2 .marked {font-weight:normal; color:#b9b5ad; display:inline-block; text-decoration:none; padding-left:14px;}
.row2 .marked1 {background:url(../images/marker4.jpg) no-repeat 0 5px;}
.row2 .marked2 {background:url(../images/marker5.jpg) no-repeat 0 5px;}
.row2 .marked3 {background:url(../images/marker6.jpg) no-repeat 0 5px;}

.title {background:url(../images/title-tail-bg.gif) top repeat-x;}
.title .right-bg {background:url(../images/title-right-bg.gif) right top no-repeat;}
.title .left-bg {background:url(../images/title-left-bg.gif) right top no-repeat; padding:7px 0 10px 22px;}
.title1 {background:url(../images/title1-bg.gif) no-repeat 0 0; padding:3px 0 2px 40px;}
.title2 {background:url(../images/title2-bg.gif) no-repeat 0 0; padding:3px 0 2px 40px;}
.title3 {background:url(../images/title3-bg.gif) no-repeat 0 0; padding:3px 0 2px 40px;}

.margin1 {margin-top:25px;}
.margin2 {margin-right:21px;}
.margin3 {margin-top:15px;}
.line {background:url(../images/line.gif) bottom left repeat-x; padding-bottom:25px; margin-bottom:25px;}
.icons {margin-right:-50px;}
.icon {width:90px; margin-right:50px; float:left;}

/* ============================= footer ====================== */

#footer {background:url(../images/footer-tail.gif) top repeat-x; color:#d0d0d0; font-size:.923em; padding:21px 0 0 0;}
#footer a {color:#d0d0d0;}

/* ============================= forms ============================= */

.taright {text-align:right;}
#ContactForm {padding:20px 0 0 0;}
#ContactForm label {height:40px; display:block;}
#ContactForm .link {margin-right:23px;}

.input {width:253px; height:15px; border:1px solid #7d7d7d; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:253px; height:135px; border:1px solid #7d7d7d; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}

a.nostyle {
    text-decoration: none;
}

#pathWeb {
    text-align:right;
    position:absolute;
    right:20px;
    top:-10px;
    height:20px;
    width:500px;
    font-size: 1.2em;
}
#pathWeb a {
    text-decoration:none;
    color:red;
}


#container_slider {
    margin: 0 auto;
    width: 586px;
    border: 1px solid black;
}
#slider{
    position: relative;
}
#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider li{
    width:586px;
    height:380px;
    overflow:hidden;
}
#prevBtn, #nextBtn{
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:0px;
    top:140px;
}
#nextBtn{
    left:618px;
}
#prevBtn a, #nextBtn a{
    display:block;
    width:30px;
    height:77px;
    background:url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a{
    background:url(../images/btn_next.gif) no-repeat 0 0;
}

#creaShowBloc {
    margin-left: 10px;
}
#creaShowBloc h4 {
    margin: 5px;
    padding-left:10px;
}
#creaShowBloc p {
    text-indent: 25px;
    margin-top: -10px;
    text-align: justify;
}
#creaShowBloc hr {
    margin: 10px auto;
    background:url("../images/header-tail_dark.gif") top repeat-x;
    height:5px;
    border:0;
    width:60px;
}
#creaShowBloc div {
    width:230px;
    margin: 0 auto;
}
#creaShowBloc div a.pdf {
    width:230px;
    margin: 0 auto;
}

#snow {
    height:2px;
    margin:0 auto;
    padding:0;
    width:588px;
    background-color:black;
    position:relative;
}
#snow1 {
    position:absolute;
    left:0;
    margin:0;
    width:30px;
    height:2px;
    background-color: silver;
}

li.pdf {background:url(../images/icon/icon_pdf.png) no-repeat 0;padding-left:25px; line-height:1.846em;}
li.web {background:url(../images/icon/icon_web.png) no-repeat 0;padding-left:25px; line-height:1.846em;}
li.div {background:url(../images/icon/icon_div.png) no-repeat 0;padding-left:25px; line-height:1.846em;}
li.ppt {background:url(../images/icon/icon_ppt.png) no-repeat 0;padding-left:25px; line-height:1.846em;}
li.zip {background:url(../images/icon/icon_zip.png) no-repeat 0;padding-left:25px; line-height:1.846em;}
li.img {background:url(../images/icon/icon_img.png) no-repeat 0;padding-left:25px; line-height:1.846em;}



#sliderBar, #sliderFixe, #sliderFixe li {
	padding:0;
	margin: 0;
}
#sliderFixe li {
	margin:2px;
}

#sliderBar {
	padding: 0px 36px;
	position: absolute;
	right: 210px;
	top: 90px;
}

#sliderBar h4 {
	text-align:center;
        color: orange;
	margin : 0;
        margin-top:5px;
	padding : 0;
	width: 300px;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	width: 300px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 10px;
    right: -10px;
    width: 32px;
    height: 50px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
	z-index: 101;
    top: 10px;
    left: -10px;
    width: 32px;
    height: 50px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
* MAGICAL HOVER
**/
ul.thumbMH {float: left;list-style: none;margin: 0; padding: 10px;width: 360px;background-color: white;}
ul.thumbMH li {margin: 0; padding: 5px;float: left;position: relative;width: 110px;height: 110px;}
ul.thumbMH li img {width: 100px; height: 100px;border: 1px solid #ddd;padding: 5px;background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
ul.thumbMH li img.hover {margin-top:15px;background:url(thumb_bg.png) no-repeat center center;border: none;}
.titleMH{position:absolute;color:#fff;width:185px;height:50px;margin:0;font-weight:900;background:url(title.png) no-repeat center center;padding:17px 0 0 0;text-align:center;}

.enligne {
    color:green;
    font-weight:bold;
}
.horsligne {
    color:red;
    font-weight:bold;
}
.nonuse {
    color:darkorange;
    font-weight: bold;
}

#leCV a {
    font-size:13px;
    text-decoration: none;
    color: #993300;
}


a.info_ext, a.info_ext:visited, a.info_ext:active {
	cursor:help;
}

a.info_ext:hover, a:hover {
	color:#679709;
}

.labelMail {
    font-size: 17px;
    color: red;
}

form.contact {
    font-size: 17px;
}

form.contact input[type=checkbox] {
    width:auto;
}

form.contact input, form.contact textarea, form.contact select {
    width:250px;
    border:1px solid #CCCCCC;
    border-right:3px solid #EBC2C2;
    color:#666666;
    font:12px Arial;
    margin:0;
    padding:4px 5px;
    vertical-align:top;
}

form.contact input:hover, form.contact textarea:hover, form.contact select:hover {
    border:1px solid #000000;
    border-right:3px solid orange;
}

form.contact input {
    color: #CCC;
}

form.contact input[type=submit] {
    color: black;
}

form.contact input.full {
    color: black;
}

cursor {
    cursor: pointer;
}

#LastBlogPostTitre {
    margin: 10px 0;
}
#LastBlogPostDescription {
    text-align:justify;
}