/***
 *
 * This css is the stylesheet of Silent Strength
 * and had been writed in september 2009.
 * © Michael Ortali (michael.ortali@gmail.com)
 *
 */
 
/**
 * @reset 
 */
body, ul, li, p, h1, h2, h3, h4, h5, fieldset, blockquote {
    margin:0;
    padding:0;
}

ul {
    list-style-type:none;
}

a, div#main div#related ul li a {
    outline:none;
    text-decoration:none;
}

fieldset, img {
    border:0;
}

/**
 * @struct 
 */
div#header, div#main, div#footer, div#admin {
    width:960px;
    margin:auto;
}

div#header h1, div#header ul#navigation a, div#comments div.comment, 
div#main div.c2, div#footer, div#main div.heading *, 
div#main li, div#carnet-homepage p.preview, div#comments,
div#related ul, div#article p.infos, div#article p.preview, 
div#sidebar div.flickR p, div#sidebar-archives li h3, ul#sidebar-badges a, 
form#add-comment fieldset p, div#comments .reply, div#main div.more, 
div#cv div.c4, div#cv div.experiences div.line {
    overflow:hidden;
}

body, div#header, div#carnet-homepage p.preview, 
div#portfolio-homepage li, div#article h1, 
div#related ul li, div#sidebar-auteur, 
div#sidebar-travaux li a.preview, 
div#sidebar-archives > ul > li, 
div#comments p.gravatar {
    position:relative;
}

div#header ul#navigation, div#carnet-homepage p.preview img,
div#portfolio-homepage img, div#article h1 em, div#sidebar-auteur img.me, 
div#sidebar-travaux li a.preview img, div#sidebar-archives li h3, 
div#sidebar-archives li ul, div#comments p.gravatar img {
    position:absolute;
}

div#header h1 a, div#header ul#navigation a, 
div#carnet-homepage p.preview span, div#portfolio-homepage img, 
div#article p a.tag, div#cv div.infos a, div#related ul a, div#related small, 
div#article p.preview img, div#sidebar h2 span, 
div#sidebar-travaux li a.preview, div#sidebar div.flickR a,
ul#sidebar-badges li, ul#sidebar-badges a,
div#portfolio div.infos strong, div#cv div.infos p span {
    display:block;
}

div#header ul#navigation li, div#sidebar-archives ul li ul li {
    display:inline;
}

div#header ul#navigation li,
div#article div.post p.preview, ul#sidebar-badges li,
div#main > div.c2 > div.col, div#main ul.c3 li, div#cv div.c4 div.col,
div#main div.c2 > div.c2 > div.col, div#footer div,
div#footer div.information p, div#header ul#navigation a, 
div#article p a.tag, div#cv div.infos a, div#related ul li, div#sidebar-auteur p img,
div#sidebar-travaux li a.preview, div#sidebar div.flickR a, 
div#comments p.gravatar, div#comments div.corp, div#main div.more h2,
form#add-comment fieldset p label, form#add-comment fieldset p input, 
div#portfolio div.first li, div#cv ul.inline li,
div#cv div.experiences p.description, div#cv div.experiences {
    float:left;
}

div#cv div.experiences ul.inline {
    clear:both;
}

div#carnet-homepage p.preview, div#comments h4 small, div#comments .reply {
    float:right;
}

body {
    padding-top:15px;
}

div#main > div.c2 > div.col, div#footer .information {
    width:460px;
    margin:0 10px;
}

* div#main div.c2 div.col {
	width:460px;
	margin:0 10px;
	overflow:hidden;
	float:left;
}

* div#main div.c2 div.c2 div.col, div#cv div.c4 div.col {
	width:220px;
	margin:0 0;
}

div#main div.c2 > div.c2 > div.col, div#footer div.contact, 
div#footer div.copyright, div#footer div.information p {
    width:220px;
}

div#main ul.c3 li {
    width:140px;
}

div#main .centerMargin {
    margin:0 20px;
}

div#footer p.firstMargin {
    margin-right:20px;
}

div#footer div.contact, div#footer div.copyright {
    margin:0 10px;
}

/** Header **/
div#header h1 small {
    display:none;
}

div#header h1, div#header h1 a {
    width:300px;
    height:80px;
}

div#header ul#navigation a {
    width:60px;
    height:59px;
    margin:0 10px;
}

div#header ul#navigation {
    right:0px;
    top:20px;
}

div#location {
    position:absolute;
    top:-3000px;
}

div#main div.heading {
    height:277px;
    margin:0 -20px;
    width:1000px;
}

div#main p {
    margin-bottom:18px;
}

div#article h2, div#portfolio h2, div#cv h2,
div#carnet-homepage h2, div#portfolio-homepage h2, 
div#footer h2 {
    padding:6px 0 1px 45px;
    margin-top:15px;
}

div#main div.more h2 {
    padding:6px 0 1px 45px;
    margin:15px 15px 15px 10px;
}

div#carnet-homepage ul, div#portfolio-homepage ul {
    margin-top:15px;
}

div#carnet-homepage li {
    height:165px;
}

div#carnet-homepage p {
    width:220px;
}

div#carnet-homepage p.preview {
    height:134px;
}

div#carnet-homepage p.preview img {
    clip:rect(0pt, 159pt, 81pt, 0pt);
    max-width:212px;
    top:4px;
    left:4px;
}

div#carnet-homepage p.preview span {
    height:134px;
    width:220px;
}

div#portfolio-homepage h3, 
div#carnet-homepage h3 {
    margin-bottom:10px;
}

div#portfolio-homepage li {
    height:165px;
}

div#portfolio-homepage img {
    max-width:140px;
    clip:rect(0px, 132px, 108px, 0px);
    left:4px;
    top:30px;
}

div#article h1 {
    border-bottom:1px solid #7d7d7d;
    margin-bottom:10px;
    padding-bottom:20px;
    padding-left:80px;
}

div#article h1 em {
    left:8px;
    top:16px;
}

div#article h2 {
    margin-bottom:15px;
}

div#article h3 {
    margin:10px 0px;
}

div#article ul {
    margin:20px 0px;
}

div#article blockquote {
    padding:15px 20px 1px 20px;
    margin-bottom:18px;
}

div#article li {
    list-style:disc;
    overflow:visible;
    font-size:12px;
    margin:0px 0px 10px 40px;
}

div#article div.smallseparator {
    padding-top:5px; 
}

div#article div.smallseparator h2 {
    margin-top:0px;
}

div#article div.pagination {
    margin-left:40px;
    margin-bottom:50px;
}

div#article p a.tag, div#cv div.infos a {
    margin:5px 5px 5px 0;
    padding:2px 5px;
}

div#related ul, div#related li {
    margin:0;
    padding:0;
    list-style-type:none;
}

div#related ul {
    margin:10px 0;
}

div#related ul li {
    width:140px;
}

div#related a {
    padding:8px;
}

div#related ul li.center {
    margin:0 20px;
}

div#article p.preview img {
    border:4px solid #fff;
    margin:0 auto;
    -webkit-box-shadow:0px 0px 20px #000;
    -moz-box-shadow:0px 0px 20px #000;
}

div#article div.post p.publie {
    margin-bottom:15px;
    margin-left:167px;
    margin-top:10px;
    padding:5px;
}

div#article div.post p.preview {
    margin-right:20px;
    margin-top:-41px;
}

div#article div.post p.preview img  {
    clip:rect(0px, 140px, 100px, 0px);
    max-width:230px;
    position:absolute;
    border:0px;
}

div#article div.post p.preview {
    width:140px;
    height:100px;
    border:3px solid #fff;
}

div#article pre {
    padding:8px 15px;
    border-left:5px solid #111;
    overflow:auto;
}

div#comments p.gravatar {
    width:65px;
    height:71px;
    background:url("img/gravatar.png");
}

div#comments p.gravatar img {
    height:42px;
    left:9px;
    top:9px;
    width:42px;
}

div#comments div.comment {
    margin:20px 0px;
}

div#comments div.corp {
    width:395px;
}

div#comments blockquote {
    padding:0;
}

div#comments blockquote p {
    margin:20px;
}

div#comments form {
    padding:20px;
}

div#comments h4 {
    margin:20px 20px 10px 20px;
    padding-bottom:10px;
    border-bottom:1px solid #555;
}

form#add-comment {
    padding:10px 40px;
    margin-bottom:20px;
}

form#add-comment h3 {
    margin-bottom:20px;
    border-bottom:1px solid #555;
    padding-bottom:10px;
}

form#add-comment fieldset p label {
    width:125px;
    padding-top:2px;
}

form#add-comment fieldset p input, 
form#add-comment fieldset p textarea {
    width:220px;
    padding:3px;
    border:1px solid #555555;
}

form#add-comment input#envoyer {
    border:1px solid #666;
    background:#666;
    padding:4px 8px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
}

div#comments a.reply {
    width:21px;
    height:10px;
    margin:10px 20px;
}

div#portfolio h2 {
    margin-left:10px;
}

div#portfolio strong, div#cv h3 {
    margin-bottom:8px;
    padding-bottom:5px;
}

div#portfolio p {
    margin-top:10px;
}

div#portfolio div.infos p {
    margin:0 0 10px 0;
}

div#portfolio p.creative {
    height:230px;
    width:450px;
}

div#portfolio ul, div#cv ul {
    list-style-position:inside;
    list-style-type:disc;
    margin-left:2px;
    overflow:auto;
    list-style-image:url('img/puce.png');
}

div#portfolio li, div#cv li {
    overflow:visible;
    margin-right:10px;
    margin-top:5px;
}

div#portfolio div.infos {
    margin-bottom:8px;
    padding-bottom:5px;
}

div#cv div.c4 h3 {
    margin-top:10px;
}

div#cv div.separator {
    padding:10px 0 15px;
}

div#cv div.c4 div.colRight {
    margin-right:0;
}

div#cv div.c4 div.colLeft {
    margin-left:0;
}

div#cv div.c4 ul {
    padding-bottom:10px;
}

div#cv div.experiences div.c2 {
    padding-bottom:20px;
    padding-top:20px;
}

div#cv div.experiences p, div#cv div.experiences h3 {
    margin-bottom:0px;
}

div#cv div.recommendations {
    clear:both;
    padding-top:20px;
}

div#cv div.recommendations h3.small {
    border-top:1px solid #555555;
    border-bottom:none;
    padding:10px;
}

div#cv h2 {
    margin:10px;
}

div#cv div.others {
    width:100%;
    overflow:hidden;
}

div#cv div.experiences img {
    width:75px;
    float:left;
    margin-right:10px;
}

div#sidebar div.first, div#portfolio div.first, div#cv div.first  {
	border-right:20px solid #454545;
}

* div#sidebar div.col {
	border-bottom:20px solid #454545;
	border-top:20px solid #454545;	
}

div#sidebar div.col {
    margin-bottom:20px;
    margin-top:20px;
}

div#sidebar div.flickR, div#article div.post p.infos {
    clear:both;
}

div#cv div.experiences div.c2,
div#portfolio div.infos strong, div#cv h3.small,
div#sidebar div.col h2, div#sidebar div.flickR h2 {
    border-bottom:1px solid #555;
}

div#sidebar div.col h2, div#sidebar div.flickR h2 {
    padding:10px 10px 5px 10px;
    margin-bottom:10px;
}

div#sidebar-auteur p, div#sidebar-travaux ul, 
div#cv div.c4 div.col {
    margin:0 10px;
}

div#sidebar-auteur img.me {
    right:5px;
    top:5px;
}

div#sidebar-auteur p img {
    padding:5px;
}

div#sidebar-publications, div#sidebar-auteur {
    height:250px;
}

div#sidebar-publications li h3 {
    margin-left:10px;
    padding:5px 30px;
}

div#sidebar-archives h3 {
    width:43px;
    height:43px;
}

div#sidebar-archives > ul > li {
    height:53px;
}

div#sidebar-archives li h3 {
    left:20px;
}

div#sidebar-archives li ul {
    font-size:14px;
    left:75px;
    top:7px;
    width:120px;
}

div#sidebar-travaux li {
    margin:5px 0;
    height:85px;
}

div#sidebar-travaux li img {
    max-width:100px;
    clip:rect(0px, 75px, 75px, 0px);
}

div#sidebar-travaux li a.preview {
    border:3px solid #5d5d5d;
    width:75px;
    height:75px;
    margin-right:5px;
}

div#sidebar div.flickR a {
    border:3px solid #5d5d5d;
    height:75px;
    margin:3px 5px;
}

div#sidebar div.flickR p {
    margin-bottom:0;
    margin-left:2px;
    padding-bottom:10px;
}

ul#sidebar-badges a, 
ul#sidebar-badges li {
    width:60px;
    height:60px;
}

ul#sidebar-badges li {
    margin:0 10px;
}

ul#sidebar-badges li.rss {
    margin-left:0;
}

ul#sidebar-badges li.macboy {
    margin-right:0;
}

div#footer {
    margin-bottom:30px;
}

div#footer h2 {
    margin-bottom:10px;
}

div#footer div.information a {
    margin-top:10px;
    display:block;
} 

div#cv img, div#portfolio p.creative img, div#carnet-homepage img {
    cursor:pointer;
}

/**
 * @color
 */
body, input, textarea {
    background:#454545 url("img/bodyBackground.jpg") repeat-x;
}

body, a, div#sidebar a:hover {
    color:#fff;
}

div#header h1 {
    background:url('img/logo.png');
}

div#header ul#navigation a {
    background-image:url('img/navigation.png');
}

div#header ul#navigation .blog a {
    background-position:0 0;
}

div#header ul#navigation .articles a {
    background-position:-59px 0;
}

div#header ul#navigation .portfolio a {
    background-position:-119px 0;
}

div#header ul#navigation .propos a {
    background-position:-178px 0;
}

div#header ul#navigation .blog a:hover {
    background-position:0 bottom;
}

div#header ul#navigation .articles a:hover {
    background-position:-59px bottom;
}

div#header ul#navigation .portfolio a:hover {
    background-position:-119px bottom;
}

div#header ul#navigation .propos a:hover {
    background-position:-178px bottom;
}

div#main div#heading-homepage {
    background:url('img/headingDefault.png') no-repeat;
}

div#main div#heading-portfolio {
    background:url('img/headingPortfolio.png') no-repeat;
}

div#main div#heading-blog {
    background:url('img/headingBlog.png') no-repeat;
}

div#main div#heading-about {
    background:url('img/headingAbout.png') no-repeat;
}

div#main div#heading-about-en {
    background:url('img/headingAbout-en.png') no-repeat;
}

div#main div.separator, div#footer {
    background:url('img/separator.png') no-repeat;
}

div#main div.smallseparator {
    background:url('img/smallseparator.png') no-repeat;
}

div#main div#intro-homepage {
    background:url('img/intro-homepage.jpg') no-repeat bottom right;
}

div#main div#intro-portfolio {
    background:url('img/intro-portfolio.jpg') no-repeat bottom right;
}

div#main div#intro-about {
    background:url('img/intro-about.jpg') no-repeat 525px 15px;
}

div#main div.more h2,
div#carnet-homepage h2, div#portfolio h2,
div#cv h2, div#portfolio-homepage h2, 
div#footer h2, div#article h2 {
    background:url('img/smallBlueRound.png') left center no-repeat;
}

div#carnet-homepage p.preview span {
    background:url('img/carnet_homepage.png') no-repeat;
}

div#carnet-homepage h3 span, div#comments h4 small {
    color:#b3b3b3;
}

div#portfolio-homepage li {
    background:url('img/portfolio-homepage.png') no-repeat bottom;
}

div#main h1 a:hover, div#main h2 a:hover, div#main h3 a:hover, 
div#main p a, div#article ul li a, div#footer p a, 
div#portfolio li a:hover {
    color:#aaccfc;
}

div#main h4 a:hover, div#main p a:hover, div#article ul li a:hover, div#footer p a:hover {
    color:#f77fff;
}

div#article h1 {
    background:url('img/hugeBlueRound.png') no-repeat;
}

div#article h1 small {
    color:#7d7d7d;
}

div#article p a.tag, div#cv div.infos a, div#main div#related a  {
    background:#00ace5;
    color:#fff;
}

div#article p a.tag:hover, div#cv div.infos a:hover, div#main div#related a:hover {
    background:#0082ad;
}

div#article pre {
    background:#202020;
}

div#related a small {
    color:#6fdbff;
}

div#comments div.corp, 
form#add-comment {
    background:#373737;
}

div#comments a.reply {
    background:url("img/reply.png") no-repeat;
}

div#sidebar, div#sidebar a, 
input, textarea {
    color:#c1c1c1;
}

div#sidebar > div, div#cv div.l1,
* div#sidebar div.col, div#sidebar div.flickR, 
div#article blockquote {
    background:#373737;
}

div#sidebar h2 {
    color:#c1c1c1;
}

div#sidebar-travaux li:hover a.preview, 
div#sidebar-travaux li:hover, div#sidebar-travaux li:hover a {
    color:#f0f0f0;
    border-color:#a0a0a0;
}

div#sidebar div.flickR a:hover {
    border-color:#a0a0a0;
}

div#sidebar-publications li h3 {
    background:url("img/smallDarkRound.png") no-repeat left center;
}

div#sidebar-archives h3 {
    background-image:url('img/years.png');
}

div#sidebar-archives .a2010 h3 {
    background-position:0 -130px;
}

div#sidebar-archives .a2009 h3 {
    background-position:0 -172px;
}

div#sidebar-archives .a2008 h3 {
    background-position:0 -215px;
}

div#sidebar-archives .a2007 h3 {
    background-position:0 -258px;
}

div#sidebar-archives .a2006 h3 {
    background-position:0 -301px;
}

div#sidebar-archives .a2005 h3 {
    background-position:0 -344px;
}

div#article div.post p.publie {
    background-color:#393939;
}

ul#sidebar-badges li {
    background-image:url('img/badges.png');
}

ul#sidebar-badges li.twitter {
    background-position:-61px 0;
}

ul#sidebar-badges li.linkedin {
    background-position:-122px 0;
}

ul#sidebar-badges li.flickr {
    background-position:-183px 0;
}

ul#sidebar-badges li.macboy {
    background-position:-244px 0;
}

ul#sidebar-badges li.viadeo {
    background-position:-305px 0;
}

ul#sidebar-badges li.rss:hover {
    background-position:0px -61px;
}

ul#sidebar-badges li.twitter:hover {
    background-position:-61px -61px;
}

ul#sidebar-badges li.linkedin:hover {
    background-position:-122px -61px;
}

ul#sidebar-badges li.flickr:hover {
    background-position:-183px -61px;
}

ul#sidebar-badges li.macboy:hover {
    background-position:-244px -61px;
}

ul#sidebar-badges li.viadeo:hover {
    background-position:-305px -61px;
}


/**
 * @font
 */
body, input, textarea {
        font-family:Helvetica, sans-serif;
    }

div#header h1, div#header ul#navigation a, ul#sidebar-badges a, 
div#main div.heading *, div#sidebar-archives li h3, div#comments a.reply {
    font-size:0px;
    text-indent:-999em;
}

div#footer h2, div#main div.more h2,
div#carnet-homepage h2, div#portfolio h2, div#cv h2, 
div#portfolio-homepage h2,
div#main p.huge, div#article h2,
div#sidebar div.col h2, div#sidebar div.flickR h2 {
        font-family:"Myriad Pro", Helvetica, sans-serif;
    }

div#footer h2, div#article h2, div#portfolio h2, div#cv h2,
div#carnet-homepage h2, div#main div.more h2,
div#portfolio h2, div#carnet-homepage h3 a, 
div#portfolio-homepage h2,div#portfolio-homepage h3,
div#portfolio strong, div#cv h3,  
div#related a, div#sidebar div.col h2, 
div#sidebar div.flickR h2,
div#sidebar-travaux li h3,
div#article h3 {
    text-transform:uppercase;
}

div#main p.huge {
    font-size:16px;
    line-height:23px;
}

div#main p, div#footer p, div#footer ul, 
div#comments h4 small, input, textarea, label, 
div#portfolio ul, div#cv ul {
    font-size:12px;
    line-height:17px;
}

div#footer h2, div#main div.more h2,
div#carnet-homepage h2, div#portfolio h2, div#cv h2, 
div#portfolio-homepage h2, 
div#article h2, div#cv div.experiences h3 {
    font-size:24px;
    font-weight:normal;
}

div#sidebar-travaux li h3, div#sidebar-publications li h3,
div#carnet-homepage h3, 
div#portfolio-homepage h3, 
div#related a, div#portfolio strong, 
div#cv h3.small, div#cv div.recommendations h3 {
    font-size:15px;
    letter-spacing:-1px;
    font-weight:normal;
}

div#sidebar h2, div#comments h4 {
    font-weight:normal;
    letter-spacing:-1px;
    font-size:18px;
}

div#article p {
    text-align:justify;
}

div#comments blockquote p {
    text-align:left;
}

div#sidebar-travaux li p {
    font-size:11px;
}

div#main p a, div#footer p a, div#article ul li a, 
div#portfolio li a, div#main div.more a {
    text-decoration:underline;
}

div#article h1 {
        font-family:"Helvetica Neue", sans-serif;
        font-size:31px;
    font-weight:normal;
    letter-spacing:-1px;
}

div#article h1 small {
    font-size:16px;
}

div#article h3 {
    font-size:20px;
    font-weight:normal;
    letter-spacing:-1px;
}

div#article h1 em {
        font-family:"Myriad Pro",sans-serif;
        font-size:25px;
    font-style:normal;
    letter-spacing:-2px;
}

div#article p a.tag, div#cv div.infos a {
    text-decoration:none;
}

div#related small {
    text-align:right;
    letter-spacing:0px;
}

/**
 * @temp
 */
div#information {
     background:darkred;
     color:white;
     font-family:Verdana, sans-serif;
     letter-spacing:-0.09em;
     padding:5px 30px;
     border-bottom:3px solid #950b0b;
     padding-bottom:22px;
     padding-left:99px;
}

div#information a {
     color:orange;
}