/*++++++++++++++++++++++++++++++++++++++++*/
/*+++++GLOBALS++++++++++++++++++++++++++++*/
html, body { 
background-color:#000;
background-image: url("../img/bg.png");
background-repeat: repeat;
width:100%; margin:0;
color:#765f4e;
font-family:verdana, tahoma, sans;
font-size:10px;
text-rendering: optimizelegibility;
}

img { border:0; }
ul ,li, h1, h2, h3, h4 { margin:0; padding:0; }
ul { list-style-type:none; }

input, textarea { 
border:0px; tool
color:#fd0245; 
color:#fff; 
background: #111;
border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;
padding:4px;
}
input:hover,textarea:hover { 
background: #222;
border-left:1px solid #765f4e;border-right:1px solid #765f4e;
}
fieldset {
border:1px solid #0a0a0a;
}
fieldset:hover {
border:1px solid #222;
}
fieldset:hover > legend {
margin-left:5px;
}

input[type="submit"] {
display: block;
background: #0a0a0a;
cursor: pointer;
}
input[type="submit"]:hover {
color:#000;
background: #fff;
}


a { color:#fd0245; text-decoration:none; }
a:hover { color:#fde7ed; 
  /*-moz-text-shadow: 0 0 9px #bbb; 
  -webkit-text-shadow: 0 0 9px #bbb; 
  text-shadow: 0 0 9px #bbb; */
}
h2, h3, h4 { font-size:1.6em; }

#base {
width:785px;
margin:0 auto;
}

/*++TITLES++*/
#resumecatalog h2 span,#resume h2 span,#datacatalog h2 span,#shoutbox h2 span,#tellme h2 span { display:none; }
#resume h2,#resumecatalog h2,#datacatalog h2,#shoutbox h2,#tellme h2  {display:block; overflow:hidden; background-repeat:no-repeat; }



/*++HEADER ++++++++++++++*/
#header { 
display:block; overflow:hidden; 
/*position:fixed;*/
background-image:url("../img/bg-top.png");
width:785px; height:57px;
margin-bottom:30px;
padding:0;
z-index:10000;
}
#header h1 { position:relative; top:0; left:0; }
#header h1 a {
display:block;
background-image:url("../img/bttn-titre.png");
width:230px;height:57px;
}
#header h1 a:hover { background-position:0 -57px; }
#header a span { display:none; }

/*++MAIN MENU ++++++++++++++*/
#main_menu {
position:relative; overflow:hidden;
top:-57px; left:415px; width:370px; height:57px;
}
#main_menu li { display:inline; }
#main_menu a {
display:block; 
height:57px;
float:left;
}
#main_menu a:hover { background-position:0 -57px; }
#main_menu .m1 a { width:68px; background-image:url("../img/bttn-news.jpg"); }
#main_menu .m2 a { width:84px; background-image:url("../img/bttn-resume.jpg"); }
#main_menu .m3 a { width:86px; background-image:url("../img/bttn-artwork.jpg"); }
#main_menu .m4 a { width:55px; background-image:url("../img/bttn-data.jpg"); }
#main_menu .m5 a { width:77px; background-image:url("../img/bttn-contact.jpg"); }



/*++Content+++++++++*/
#contenu {
margin:0 10px;
/*padding-top:80px; /*a cause du header fixed*/
}

/*++FOOTER ++++++++++++++*/
#prefooter {
clear:both;
margin-bottom:45px; 
}

#footer {
clear:both;
padding:20px 0 35px 0;
width:785px;
margin-bottom:10px;
border-top:1px solid #fff;
text-align:center;
z-index:9999;
}
#footer .sign {
margin-top:10px;
}


#postfooter {
display:block;
position:fixed;
bottom:0; width:785px; height:25px;
background-image:url("../img/postfooter.png");
}

/*++BARRE BAS D ECRAN++++++++++++++*/
#toolbox {
display:block;
position:fixed;
bottom:22px; right:12px;
padding:1px 10px;
background:#222;
border:1px solid #fff;
}

/*++CLASSES+++*/
.basecolor,
.dummmy,
#resume #links a
{color:#765f4e;}

.white,
.news-item div.datetime span,
#resume div ul.list1 li,
#resume div .col p,
#artwork .artwork-item h2,
#artwork .artwork-item ul,
#artwork .artwork-item h3 a,
#data h2,
#data h3,
#data .info,
#data .date,
#datacatalog li a,
/* PB ne passe pas la validation CSS*/
#selectmood input[type="radio"]:checked+label,
.msg
{ color:#fff; }

.bgwhite,
#artwork .artwork-item .menu a:hover,
#resume #links a:hover,
#greathings a:hover
{ background-color: #fff; }

.noir,
.err,
#artwork .artwork-item .menu a:hover,
#resume #links a:hover,
#greathings a:hover
{ color: #000; }


.orange
{ color:#db4300; }

.rose, 
#resume div h3,
#artwork .artwork-item h2 span,
#artwork .artwork-item ul.item-info span,
#datacatalog li a:hover,
#data .info span
{ color:#fd0245; }

.bgrose,
.err,
.errvide
{ background-color: #fd0245; }


.gris { color:#a4a4a4; }

.wnormal { font-weight:normal; }
.wbold { font-weight:bold; }


.petit { font-size:0.95em; }


.col2 { display:block; float:left; width:50%; }

.cache{ display:none; visibility: hidden;}
.js{visibility:hidden;}

.err { display:block; font-weight:bold; padding: 0 4px; margin-bottom:14px;}
.msg { display:block; background-color:#5f9c3a; font-weight:bold; padding: 0 4px; margin-bottom:14px; }
.errvide { display:block; width:3px; }

/*++PERMALINK ++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.perma a.permalink { 
font-size: 0.9em;
padding: 0 4px 0 4px;
margin-left:9px;
text-decoration: none;
visibility: hidden; 
}
.perma a.permalink:hover {color:#000; background-color:#fff;}
.perma:hover > a.permalink { visibility: visible; }

/*++NEWS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++NEWS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++NEWS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++NEWS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#news {
overflow:hidden; float:left; display:block;
width:320px; height:auto;
}
#news h2 {
display:block; 
background-image:url("../img/header-whatsnew.png");
height:82px; width:320px;
}

#news ul {
margin-right:50px;
}
.news-item, .news-item h3 {
border-bottom:1px dotted #777;
}
.news-item {
margin-bottom: 25px;
}
.news-item h3{
margin-bottom: 2px;
padding-left:4px;
font-size:1.5em;
font-weight:300;
}
.news-item div.datetime{
padding-left:20px;
font-style:italic;
font-size:0.9em;
}
.news-item .content {
padding-right:8px;
text-align:justify;
}
.news-item img {
float:right;
margin:7px 0 0 7px;
}
.news-item div.link {
clear:both;
color:#fff;
text-align:right;
}

/*++MOD lastwork+++++++++*/
#lastwork {
overflow:hidden; float:left; display:block;
width:444px;
background-image:url("../img/bg-lastwork.png"); background-position:0 -255px;
}

#lastwork h2 {
display:block;
background-image:url("../img/header-lastwork.png");
height:82px; margin-bottom:3px;
}


#lastwork li { margin:4px 6px; float:left; }
/** html #lastwork li { margin:4px 5px; }
*+html #lastwork li { margin:4px 5px; }*/
#lastwork a { display:block; height:152px; width:98px; }
#lastwork a:hover { background-position:0 -152px; }
#lastwork a span { display:none;}


/*++RESUME +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++RESUME +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++RESUME +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++RESUME +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



#resumecatalog h2 {width:331px; height:25px;background-image:url("../img/header-resume.png");
}
#resumecatalog {
overflow:hidden; float:left; display:block;
width:331px; height:auto; padding-bottom:87px; margin-bottom:20px;
background-image:url("../img/bg-downmenu-data.png"); background-position:bottom; background-repeat:repeat-x;
font-size:110%;
}

#resumecatalog li { margin:2px 0; }

#resumecatalog li a { display:block; height:15px; width:331px; padding-left:10px;
background-image:url("../img/bttn-menu-datacatalog.png"); color:#ffffff;
}

#resumecatalog li a:hover { padding-left:12px; background-image:none; color:#db4300; }

/*++RESUME Content +++++++++*/
#resume h2 { width:383px; height:86px; }
#resume #bio h2 { background-image:url("../img/header-resume-bio.png"); }
#resume #skills h2 { background-image:url("../img/header-resume-skills.png"); }
#resume #experience h2 { background-image:url("../img/header-resume-experience.png"); }
#resume #greathings h2 { background-image:url("../img/header-resume-greathings.png"); }
#resume #links h2 { background-image:url("../img/header-resume-links.png"); }


#resume { 
display:block; float:left;
overflow:hidden;  
width:383px; height:auto; 
margin-left:50px; margin-bottom:30px; padding-bottom:10px; 
border-bottom:1px solid #fff;
}

#resume h3 {font-size:1.2em;}


#resume #bio h3,#skills h3 { float:left; width:70px; text-align:right; }
#resume #bio h3{display:inline;clear:left;}

#resume .col {float:left; width:180px; margin:5px;}
#resume #bio .col p { display:block; float:left; margin:0; }

#resume #bio ul.list1,
#resume #skills ul.list1
{float:left; width:110px; margin-bottom:10px; }

#resume ul.list1 li,
#resume #bio .col p
{ margin-left:10px; }

#resume #me-hello {clear:both;margin:25px 0;}

#resume a#cv {
display:block;overflow:hidden;
background-image:url(../img/bttn-libreoffice.png);
background-repeat:no-repeat;
height:128px;
margin-bottom:15px;
}
#resume a#cv span { display:none;}
#resume a#cv{position:relative;}
#resume a#cv:hover{background-position:0 -128px;}


#me-links li{display:block; overflow:hidden; height:50px; }
#me-links li a{position:relative;}
#me-links li a:hover{top:-50px;}


#greathings li { display:inline; }
#greathings .tx1 { font-size:100%; }
#greathings .tx2 { font-size:120%; }
#greathings .tx3 { font-size:140%; }
#greathings .tx4 { font-size:160%; }
#greathings .tx5 { font-size:180%; }
#greathings .tx6 { font-size:200%; }
#greathings .tx7 { font-size:210%; }


#resume #links h3 {float:left; width:100px; text-align:right; }
#resume #links ul {float:left; width:280px; margin-bottom:20px; }
#resume #links a { padding:0 5px}






/*++DATA +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++DATA +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++DATA +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++DATA +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#datacatalog {
overflow:hidden; float:left; display:block;
width:271px; height:auto; padding-bottom:87px; margin-bottom:20px;
background-image:url("../img/bg-downmenu-data.png"); background-position:bottom; background-repeat:no-repeat;
font-size:110%;
}

#datacatalog h2 { width:271px; height:27px;background-image:url("../img/header-datacatalog.png");}

#datacatalog li { margin:2px 0; }

#datacatalog li a { display:block; height:15px; width:271px; padding-left:10px;
background-image:url("../img/bttn-menu-datacatalog.png");
font-weight:bold;
}

#datacatalog li a:hover { padding-left:12px; background-image:none; }

#datacatalog li a .num { color:#765f4e; padding-right:5px; }
#datacatalog li a .techno { color:#000000; padding-left:10px; font-size:85%}
#datacatalog li a:hover .techno { color:#765f4e; }

/*++DATA Item +++++++++*/

#data {
overflow:hidden; float:left; display:block;
width:484px; height:auto; margin-left:10px; margin-bottom:30px; padding-bottom:7px;
border-bottom:1px solid #ffffff;
}

#data h2 {
display:block; overflow:hidden; width: 479px; height:28px; /*height=46=18+28  width=484=5+479*/
background-image:url("../img/header-data.png");
padding-top:18px; padding-left:5px;
font-size:20px; font-weight:bold;
}

#data p { margin:0; padding:4px 0; background-color:#282828; }

#data .bgfonce{ 
background-color:#1b1b1b;
}

#data .info { 
padding:3px 5px 3px 60px; 
}

#data .right { padding-right:35px;
background-image:url("../img/elem-date-artwork.png"); background-position:right; background-repeat:no-repeat;
text-align:right;
}

#data .comment {
padding:20px 5px 10px 30px;
}

#data h3 .images {
padding:10px 0 0 15px; 
}
#data h3 span { font-weight:normal; }

#data #images img { margin:8px 0; }








/*++ARTWORK ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++ARTWORK ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++ARTWORK ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++Sous titre du menu contextuel+++++++++*/
#artwork .h2_menu h2 span { display:none; }
#artwork .h2_menu h2 { display:block; height:27px; width:220px;
background-image:url("../img/header-artwork.png");
}

/*++Menu contextuel+++++++++*/
#artwork .h2_menu {
float:left;
}
#artwork .h2_menu ul {
overflow:hidden; display:block; width:220px; height:auto; 
padding-bottom:86px; margin-bottom:20px; 
background-image:url("../img/bg-downmenu-data.png"); background-position:bottom; background-repeat:no-repeat;
font-size:110%;
}

#artwork .h2_menu li { margin:2px 0; }
#artwork .h2_menu li a {
display:block; height:15px; width:220px; 
padding-left:10px;
background-image:url("../img/bttn-menu-artwork.png");
font-weight:bold;
}
#artwork .h2_menu li a:hover { padding-left:12px; background-image:none; }
#artwork .h2_menu li a span { color:#765f4e; padding-right:5px; }

/*++Image avec le menu+++++++++*/
#artwork #artworkimg { float:left; margin-left:50px; margin-bottom:20px; }


/*++Artwork item+++++++++*/
#artwork .artwork-item {
clear:both;
margin-top:60px;
}

#artwork .artwork-item h2 {
float:left;
width:400px;
padding-left: 5px;
padding-right: 30px;
margin-bottom: 5px;
font-size: 20px;
font-weight: bold;
}

#artwork .artwork-item .menu {
float:left;
margin-top:3px;
font-size:1.35em;
}

#artwork .artwork-item .menu a,#artwork .artwork-item .menu span {
padding: 2px 5px 2px 5px;
font-size: 18px;
font-weight: bold;
text-shadow: 0 2px rgba(210,1,58, 0.5);
}

#artwork .images {
overflow: hidden;
border: 1px solid;
}
#artwork .artwork-item p {
clear:left;
margin:6px 15px;
}

#artwork .artwork-item .item-contenu {
clear:both;
}

#artwork .artwork-item ul { display:block; height:70px; clear:both; }



#artwork span.slide-bttn {
display:block;overflow:hidden;
position:relative;
background-image:url("../img/bg-alpha-black.png");
height:100%;width:120px;
margin:1px;
text-align:center;vertical-align:middle;
font-size:46px;font-weight:bold;
z-index:7777;
}
#artwork span.slide-bttn:hover {
color:#fd0245;
font-size:56px;
cursor:pointer;
}
#artwork span.slide-bttn span{
display: block;
}
#artwork span.prev {
float:left;
}
#artwork span.next {
float:right;
}









/*++CONTACT ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++CONTACT ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#shoutbox {
overflow:auto; float:left; display:block;
width:320px;
border-bottom:1px solid #ffffff;
}
#tellme {
overflow:hidden; float:left; display:block;
width:444px; margin-bottom:30px;
font-size:13px; color:#765f4e;
border-bottom:1px solid #ffffff;
}


#shoutbox h2 {height:97px; width:320px;background-image:url("../img/header-shoutbox.png");}
#tellme h2 {height:97px; width:444px;background-image:url("../img/header-tellme.png");margin-top:3px;}

#selectmood input{
padding:4px;
}

#shoutbox input[type="submit"]{
width:100%;
}
#shoutbox form{
padding:8px 0;
}
#form-shoutbox-name,
#form-shoutbox-comment,
#form-shoutbox-email,
#form-shoutbox-website
{width:291px;}

#selectmood label {cursor:pointer;}

#selectmood #span-mood1{
display: none;
}
/* PB ne passe pas la validation CSS*/
#selectmood input:checked+label{
border-width:1px;
border-style:solid;
}


#tellme form {margin:20px 20px;}
#tellme .prenom{width:125px;}
#tellme textarea{
overflow:auto; min-width:370px; max-width:370px; height:80px; 
/*border: 1px solid #b9b9b9;*/
}

#shoutbox li.shout { 
/*border-top:1px dotted #777;*/
border-bottom:1px dotted #777;
min-height:50px;
clear:both;
}
#shoutbox li.shout h4 {
font-size:13px;
font-weight:500;
padding:0px 0px 0px 0px;
}
#shoutbox li.shout h4 span {
color:#fff;
}

#shoutbox li.shout span.date,
#shoutbox li.shout span.date span{
background-color:#000;
display:block;
width:60px;
}
#shoutbox li.shout span.date{
margin-right:12px;
margin-left:4px;
float:left;
text-align:center;
/*border:1px solid #777;*/

}
#shoutbox li.shout span.date span.mois{
background-color:#db4300;
color:#fff;
padding-top:8px;
}



#shoutbox li.shout div.shout-item p{
color:#fff;
margin:0;padding:8px;
}
#shoutbox li.shout div.shout-item{
font-style: italic;
min-height:30px;
background-color:#242424;
background-opacity: .40;
margin:15px;
}
#shoutbox li.shout div.shout-item:before,
#shoutbox li.shout div.shout-item:after {
color:#aaa;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 55px;
font-weight:bold;
opacity: .15;
position:relative;
}
#shoutbox li.shout div.shout-item:before {content: '“';float:left;top:-20px;left:-10px;}
#shoutbox li.shout div.shout-item:after {content: '”';float:right;}