@charset "utf-8";
/*

   www.maesfolio.fr
   Design & Integration par JOUBERT Franck (MaeS)  fj@maespirit.fr
   Sous license Creative Common

 */

/* general */
* {	padding:0;	margin:0;}
a {	text-decoration:none; outline-style:none;}
img {	border:0px;}
dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none;}
body {
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:small;}

/* mise en page */
html {
min-width: 791px;
}
body {
background:#f3efef url(../img/fd_h2.gif) repeat-y right top;
}
#bodyfake {
background:url(../img/fd_w.gif) repeat-x top center;
height:442px;
}
#page {
margin: 0 auto;
background:url(../img/fd_hd.jpg) no-repeat center top;
width: 790px;
min-height: 442px;
position: relative;
padding-bottom: 23px;
float:right;
}
#header {
position:absolute;
left: 0px;
height: 246px;
width:790px;
}
#logo {
position : absolute;
top: 30px;
left:550px;
display : block;
width : 146px;
height : 37px;
padding : 0;
border-style : none;
background : url(../img/logo_b.gif) no-repeat;
}
#menu {
position : absolute;
top:47px;
right:0px;
padding-right:280px;
z-index:10;
}


#content {
position:relative;
padding-top:190px;
padding-left:12px;
width:486px;
height:700px;

}
html>body #content {
height:auto;
}
#sidebar {

position:absolute;
top: 222px;
right:0;
width: 240px;
}

#footer {
background: #2c2c2c url(../img/fd_c.gif) repeat-x top center;
margin: 0 auto;
width:100%;
position:fixed;
bottom:0px;
clear:both;
}
#copyc {
float:right;
width: 790px;
position:relative;
}
#copy ul{
position:absolute;
top:0px;
right:0px;
}
#copy li{
margin:0;
padding:0;
padding-left:20px;
padding-right:10px;
display:inline;
background:none;
}

/* style !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
#logo img {
display : block;
width : 0;
}
#menu li {
float:right;
}
#menu li a {
font-size: 1.3em;
font-weight:bold;
color:#d6d3d3;
text-transform:uppercase;
display:block;
padding:2px 23px;
border-right:solid 1px #ebe8e8;
letter-spacing:-1px;
font-family:Arial, Helvetica, sans-serif;
white-space:nowrap;
}

#menu li a.active {
color:#9a9898;
}
#menu li a:hover {
color:#ffa018;
}
h2.ht {
display:block;
text-indent:-9999px;
font-size:1%;
background: url(../img/ht_blog.gif);
width:68px;
height:33px;
margin-left:10px;
}
h2.home {
background: url(../img/ht_home.gif);
width:74px;
}
h2.work {
background: url(../img/ht_work.gif);
width:74px;
}
h2.about {
background: url(../img/ht_about.gif);
width:145px;
}
h2.contact {
background: url(../img/ht_contact.gif);
width:136px;
}
#content h3 {
padding:10px 10px 0;
font-size: 120%;
color:#6db4ed;
clear:both;
}
#content h4 {
font-size: 85%;
color: #959595;
padding-bottom:5px;
}
#content a {
color:#ff4f79;

}
#content a:hover {
color:#ff8a18;
text-decoration:underline;
}
#content p {
padding: 5px 15px;
color: #474747;
text-indent: 15px;
font-size: 93%;
}
#content p.blog {
background:url(../img/3color.gif) repeat-y left center;
}
#content p.ccom {
text-align:right;
font-size: 85%;
}
#content p.ccom a {
color:#ff4f79;
font-weight:bold;
}
#content p.ccom a:hover {
color:#ff8a18;
}
#content img {
display:block;
border: 1px solid #cccccc; margin: 5px auto; padding: 3px; background: #ffffff; 
}
#content img.left {
float:left;  margin: 5px;
}
#content img.right {
float:right;  margin: 5px;
}
#content hr {
display:none;
}
#content .galerieshow {
padding:5px 0 0 15px;}
#content .galerieshow li{
float:left;
}
#content .galerieshow a{
position:relative;
background:#ded4d4;
height:40px;
margin:8px 10px;
padding:1px;
width:205px;
border: #7f7f7f solid 1px;
display:block;
}
#content .galerieshow a img{
border:none;
padding:0;
background:transparent;
margin:0;
}
#content .galerieshow a:hover {
background:#ffdcba;
border: #ff9a37 solid 1px;
padding:2px;
margin:7px 9px;
text-decoration:none;
}
#content .galerieshow a img {
width:205px;
height:40px;
}
#content .galerieshow a span {
display:none;
}
#content .galerieshow a:hover span {
display:block;
position:absolute;
left:2px;
bottom:2px;
background:#ffdcba;
cursor:pointer;
padding:1px 5px;
font-size:0.8em;
text-transform:uppercase;
color:#422100;
border-right: #ff9a37 solid 1px;

}
#content .galerieshow a img.lgd {
width:10px;
height:10px;
float:right;
text-indent:-9999px;
font-size:0em;
}
#sidebar h2{
padding : 9px 0px 4px 30px;
background: url(../img/fdh2sb.gif) no-repeat left top;
display:block;
color:#fb8ba5;
font-size:93%;
width:200px;
text-transform:uppercase;
}
#sblastwork a {
position:relative;
}
#sblastwork a img {

background:#ded4d4;
height:40px;
margin:3px 10px;
padding:1px;
width:205px;
border: #7f7f7f solid 1px;
}
#sblastwork a:hover img {
background:#ffdcba;
border: #ff9a37 solid 1px;
padding:2px;
margin:2px 9px;
}
#sblastwork a span {
display:none;
}
#sblastwork a:hover span {
display:block;
position:absolute;
left:12px;
bottom:8px;
background:#ffdcba;
cursor:pointer;
padding:1px 5px;
font-size:0.8em;
text-transform:uppercase;
color:#422100;
border-right: #ff9a37 solid 1px;
}
#sblastwork li{
display:inline;
background:none;
}
#sblegend li {
margin-left:20px;
font-size:0.9em;
color:#ddd;
}
.sb {
display:block;
width:230px;
padding-bottom: 10px;
background: url(../img/sb_bt.gif) no-repeat left bottom;
margin-bottom: 20px;
}
#sbcontact {
color:#ccc;
padding-left:20px;
width:210px;
}
#sbcontact strong {
text-transform:uppercase;
font-size:0.8em;
color:#999999;
}
#sbcv ul {
padding:5px 0px;
}
#sbcv li a {
display:block;
width:208px;
height:31px;
margin:0px 11px 5px;
background:url(../img/btn_sb_download.gif) no-repeat 0 0;
color:#CCC;
font-weight:bold;
line-height:31px;
}
#sbcv li a:hover {
background:url(../img/btn_sb_download.gif) no-repeat 0 -31px;
color:#eee;
}
#sbcv li a span {
padding:0 5px 0 25px;
background:url(../img/btn_sb_ico.gif) no-repeat 5px 0px;
}
#sbcv li a.cvpdf {
margin-bottom:0;
}
#sbcv li a.cvpdf span {
background:url(../img/btn_sb_ico.gif) no-repeat 5px -46px;
}
#sblinks {
margin-bottom: 40px;
}
#sblastcom li a, #sblastblog li a, #sblinks li a {
display:block;
width:199px;
padding-left: 30px;
font-size: 85%;
line-height: 20px;
color:#cfc5c5;
background:#1a1a1a url(../img/sd_flch2.gif) no-repeat left center;
}
#sblastcom li a:hover, #sblastblog li a:hover, #sblinks li a:hover, #sblastcom li.grey a:hover, #sblastblog li.grey a:hover, #sblinks li.grey a:hover {
background: #573e27 url(../img/sd_flch3.gif) no-repeat left center;
color: #FFF;
}
#sblastcom li.grey a, #sblastblog li.grey a, #sblinks li.grey a {
background: #2b2b2b url(../img/sd_flch1.gif) no-repeat left center;
}
#sblastcom a span.sbauthor {
color: #70b6ed;
}
#sblastcom a:hover span.sbauthor {
color: #ff8a18;
}
#sblinks a span.sbdesc {
color: #555555;
}
#sblinks a:hover span.sbdesc {
color: #8c8c8c;
}
#footer h2 {
display:none;
}
#copy {
line-height: 23px;
font-size: 85%;
color:#FFFFFF;
}
#copy a {
color:#70b6ed;
}
#copy a:hover {
color:#ff8a18;
}
#copy li.metamap{
background:url(../img/metaico_map.gif) no-repeat left center;
}
#copy li.metaval{
background:url(../img/metaico_valid.gif) no-repeat left center;
}
#copy li.metacon{
background:url(../img/metaico_contact.gif) no-repeat left center;
}
#content ul.dld li a
{
display:block;
margin: 10px auto;
width:152px;
height:63px;
padding: 27px 0 0 135px;
font-size: 105%;
color: #ff416e;
background:transparent url(../img/fd_dld.jpg) no-repeat top center;
}
#content ul.dld li a:hover
{
width:151px;
height:62px;
padding: 28px 0 0 136px;
color:#ff8a18;
text-decoration:none;
background:transparent url(../img/fd_dld.jpg) no-repeat bottom center;
}
#content ul.dld li a .abbr {
display:block;
font-size:85%;
color:#999999;
}