﻿/* ############# Début du CSS  ############# */

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

* {
padding:0;
}

body,html {
height:auto;
min-height:100%;
margin:0;
}

body {
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
font-size:62.5%;
background:#151a09 url(../images/bg.png) repeat top center;
}

a img {
border:none;
}

.clearfix:after {
content:".";
visibility:hidden;
display:block;
height:0;
clear:both;
}

#pagecontainer {
width:1017px;
background:#fff;
border-top:10px solid #1e1604;
margin:0 auto;
padding:0;
}

#mainpage {
width:940px;
padding-top:10px;
background:#fff;
margin:0 auto;
}

#header {
border-bottom:6px solid #000;
padding-bottom:15px;
}

#logo {
margin:-10px 0 0;
padding:0;
}

#rss {
float:right;
position:relative;
top:15px;
}

#rss img {
width:20px;
height:20px;
}

.twocolumn {
width:630px;
float:left;
}

#categorytitle {
font-size:16px;
color:#7d7d7d;
border-bottom:1px dotted #D1D1D1;
margin:0 0 30px;
padding:16px 0 12px;
}

.featuredimage img {
border:0;
width:940px;
height:289px;
}

.featuredinfo {
width:940px;
height:44px;
background:#087cb0;
text-align:center;
color:#cee5ef;
font-size:14px;
z-index:2000;
margin:-2px 0 0;
padding:12px 0 0;
}

.featuredinfo a {
color:#cee5ef;
text-decoration:none;
}

#introwrap {
width:700px;
}

#introbig {
font-size:22px;
font-style:normal;
font-weight:700;
letter-spacing:-1px;
margin-bottom:15px;
}

#introsmall {
font-family:Georgia, 'Times New Roman', serif;
font-size:16px;
font-style:italic;
line-height:19px;
color:#969696;
}

#twitter {
float:right;
margin-right:60px;
}

#twitter img {
width:100px;
height:100px;
}

#mportfoliowrap {
border-top:7px solid #e3e3e3;
border-bottom:7px solid #e3e3e3;
margin:25px 0;
padding:12px 0;
}

.mportfolio img {
width:220px;
height:106px;
float:left;
}

.mportfoliospace {
margin-left:20px;
}

.mportfoliobg {
width:220px;
height:106px;
float:left;
background:#111 url(images/hover-media.jpg) no-repeat top left;
}

.mportfoliovideobg {
width:220px;
height:106px;
float:left;
background:#111 url(images/hover-video.jpg) no-repeat top left;
}

#mblogwrap {
margin:25px 0 15px;
padding:0 0 12px;
}

.mblogtitle {
font-size:16px;
font-weight:700;
margin-bottom:10px;
}

.mblogspace {
margin-left:20px;
padding-left:20px;
border-left:1px solid #e3e3e3;
}

.blankbutton {
background:url(images/home_button.png) no-repeat top left;
float:right;
width:137px;
height:42px;
font-family:georgia, serif;
font-size:11px;
font-weight:400;
font-style:italic;
margin-top:10px;
padding:14px 0 0 22px;
}

.blankbutton a {
font-family:georgia, serif;
font-size:11px;
font-weight:400;
font-style:italic;
text-decoration:none;
color:#111;
}

.blankbutton a:hover {
font-family:georgia, serif;
font-size:11px;
font-weight:400;
font-style:italic;
text-decoration:none;
color:#478445;
}

.portfoliopagerows {
margin:0;
padding:0 0 40px;
}

.portfoliobox {
width:220px;
float:left;
}

.portfoliotitle {
color:#5c5c5c;
font-size:13px;
font-weight:700;
padding-top:10px;
}

.portfoliotitle a {
color:#5c5c5c;
text-decoration:none;
}

.portfoliocontents {
color:#919191;
font-size:12px;
font-weight:400;
padding-top:10px;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

#contents .posttitle {
font-size:20px;
font-style:normal;
color:#111;
font-weight:400;
letter-spacing:-1px;
margin-bottom:15px;
}

#contents .alignright {
float:right;
margin-left:15px;
}

#contents .alignleft {
float:left;
margin-right:0;
}

#contents .aligncenter {
clear:both;
display:block;
margin:0 auto;
}

#contents p {
font-size:13px;
font-style:normal;
text-align:justify;
}

#contents .datecomment {
font-size:11px;
font-style:normal;
margin-bottom:20px;
}

#contents .tag {
float:left;
color:#7d7d7d;
}

#contents .tag img {
border:0;
}

#contents .datecomment a {
text-decoration:none;
line-height:18px;
color:#7d7d7d;
}

#contents .tag a {
outline:none;
text-decoration:none;
line-height:18px;
color:#7d7d7d;
margin-top:-15px;
margin-left:-5px;
}

#contents span.comments {
font-size:11px;
font-style:normal;
font-weight:400;
color:#111;
float:right;
padding:2px 6px;
}

#contents span.comments a {
color:#7d7d7d;
font-size:11px;
background:url(images/comment.png) no-repeat left;
padding:0 0 0 20px;
}

#contents img {
border:1px solid #D1D1D1;
padding:1px;
}

#contents em {
font-style:italic;
}

#contents blockquote {
border-left:5px solid #478445;
margin:0 0 22px 5px;
padding:0 15px;
}

#contents ul,#contents ol {
list-style-position:outside;
margin-left:20px;
}

#contents h1 {
font-size:28px;
}

#contents h2 {
font-size:24px;
}

#contents h3 {
font-size:20px;
}

#contents h4 {
font-size:18px;
}

#contents h5 {
font-size:16px;
}

#contents .readmore {
float:right;
font-size:13px;
font-weight:400;
margin-top:0;
margin-bottom:0;
margin-left:0;
padding:0;
}

#contents .readmore a {
color:#7d7d7d;
}

#contents .blogseperator {
border-bottom:1px dotted #D1D1D1;
margin-bottom:30px;
}

#contents .relatedposts {
font-size:13px;
line-height:18px;
margin-top:-8px;
margin-bottom:10px;
padding-bottom:30px;
padding-top:10px;
}

#contents .relatedposts a {
text-decoration:none;
}

#contents .relatedposts ul li.relateddesc {
padding-top:10px;
}

#contents .relatedposts ul li.relatedclear {
clear:both;
border-bottom:none;
margin-bottom:4px;
}

#sidebar {
float:right;
width:280px;
}

.sidebartitle {
font-size:15px;
font-style:normal;
color:#111;
letter-spacing:0;
margin-bottom:4px;
}

.sidebaropts {
font-size:13px;
line-height:18px;
color:#5e742c;
margin-top:-8px;
margin-bottom:10px;
padding-top:5px;
padding-bottom:30px;
}

.sidebaropts a {
color:#5E742C;
}

.sidebaropts ul {
font-size:13px;
list-style:none;
line-height:18px;
color:#5e742c;
margin:0;
padding:0;
}

.sidebaropts ul li {
color:#5e742c;
}

.sidebaropts ul li a {
color:#5e742c;
border-bottom:1px dotted #D1D1D1;
display:block;
padding:6px 0 5px;
}

.sidebaropts ul ul li a {
color:#5e742c;
padding-left:15px;
}

.sidebaropts ul ul ul li a {
color:#5e742c;
padding-left:30px;
}

.sidebarbottom {
padding-bottom:30px;
}

.sidebarpopular {
font-size:13px;
line-height:18px;
color:#478445;
margin-top:-8px;
margin-bottom:10px;
padding-top:5px;
padding-bottom:30px;
}

.sidebarpopular ul li.populardesc {
width:250px;
}

.sidebarpopular ul li.popclear {
clear:both;
border-bottom:1px dotted #D1D1D1;
margin-bottom:4px;
}

.ad-box-wrap {
padding-bottom:20px;
padding-top:20px;
}

.ad-box a {
display:block;
float:left;
margin:2px;
padding:5px;
}

#wp-calendar {
width:100%;
color:#5D5D5D;
background:#FFFFE8;
border:1px solid #E8E8E8;
padding:10px;
}

#wp-calendar td {
text-align:center;
padding:5px;
}

#s {
width:252px;
height:21px;
border:1px dotted #DEDEDE;
background:url(images/search-bar.gif) no-repeat left bottom;
color:#545454;
margin:10px 0 35px;
padding:4px 0 0 25px;
}

#commentcol {
width:578px;
}

#comments {
padding-left:0;
padding-top:18px;
padding-bottom:18px;
font-size:15px;
font-style:normal;
color:#111;
letter-spacing:0;
}

ol.commentlist li.even {
background:#EAEAEA;
border-bottom:1px solid #E2E2E2;
}

ol.commentlist {
padding-left:0;
padding-right:18px;
width:580px;
list-style:none;
margin:0;
}

.commentlist li {
font-size:12px;
font-style:normal;
color:#111;
letter-spacing:0;
margin-left:-18px;
}

.commentlist cite {
display:block;
font-style:normal;
color:#a0a0a0;
padding:18px;
}

.commentlist cite img {
border:0 solid #a0a0a0;
float:left;
margin-right:9px;
}

.commentlist .author {
font-size:12px;
font-weight:700;
}

.commentlist .author a {
font-size:12px;
text-decoration:none;
color:#a0a0a0;
}

.commentlist .time {
font-size:10px;
color:#a0a0a0;
}

.commenttext {
font-size:12px;
font-style:normal;
font-weight:400;
text-transform:none;
letter-spacing:normal;
line-height:1.45em;
color:#838383;
padding:5px 18px 30px;
}

#respond {
padding-top:28px;
padding-left:20px;
background:#eee;
margin-top:30px;
font-size:12px;
font-style:normal;
color:#111;
letter-spacing:0;
}

.respondtitle {
padding-left:0;
font-size:15px;
font-style:normal;
color:#111;
letter-spacing:0;
}

#respond a {
font-size:11px;
color:#a0a0a0;
}

#respond textarea {
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
font-size:12px;
height:120px;
color:#a0a0a0;
}

#respond textarea:focus,#respond input:focus {
border:1px solid #000;
background:#FFFFC7;
}

#respond #email {
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
color:#575757;
font-size:12px;
border:1px solid #a0a0a0;
width:200px;
margin-top:20px;
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:5px;
padding-top:6px;
}

#respond #author {
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
margin-top:20px;
font-size:12px;
color:#575757;
border:1px solid #a0a0a0;
width:200px;
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:5px;
padding-top:6px;
}

#respond #url {
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
margin-top:20px;
color:#575757;
font-size:12px;
border:1px solid #a0a0a0;
width:200px;
background-position:7px 7px;
background-repeat:no-repeat;
height:20px;
padding-left:5px;
padding-top:6px;
}

#respond #comment {
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
margin-top:20px;
color:#575757;
font-size:12px;
border:1px solid #a0a0a0;
width:555px;
height:150px;
background-position:7px 7px;
background-repeat:no-repeat;
padding-left:5px;
padding-top:6px;
}

#respond label {
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
font-size:11px;
padding-left:10px;
color:#535252;
}

#respond #submit {
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
width:80px;
height:30px;
padding-bottom:5px;
border:1px solid #535252;
font-size:12px;
letter-spacing:1px;
line-height:2em;
background:#535252;
color:#fff;
margin:10px 0;
}

#contact-float {
float:left;
}

#contact-wrapper {
width:430px;
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
padding:10px 0 0;
}

#contact-wrapper p {
color:#0878aa;
}

#contact-wrapper div {
margin:1em 0;
}

#contact-wrapper label {
display:block;
float:none;
font-size:12px;
width:auto;
}

#contact-wrapper label.error {
display:block;
float:none;
font-size:12px;
width:auto;
color:#F30;
}

form#contactform input {
font-size:12px;
color:#333;
width:450px;
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
border-style:solid;
border-width:1px;
padding:5px;
}

form#contactform input.submit-button {
font-size:12px;
background:#111;
color:#fff;
width:100px;
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
border-style:solid;
border-width:1px;
padding:5px;
}

form#contactform textarea {
font-size:12px;
width:450px;
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', Tahoma, Arial,sans-serif;
border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
border-style:solid;
border-width:1px;
padding:5px;
}

.addressbox {
float:right;
font-size:14px;
line-height:22px;
position:relative;
right:68px;
top:20px;
margin-bottom:100px;
}

.addresstitle {
font-size:14px;
font-weight:700;
margin-bottom:10px;
}

.fulladdress {
color:#7d7d7d;
font-size:13px;
margin-bottom:10px;
}

.navigationbox {
font-size:12px;
padding:0 10px 20px 0;
}

.navigationbox .wp-pagenavi {
margin-bottom:10px;
color:#2E2E2E;
}

.navigationbox .wp-pagenavi a,.navigationbox .wp-pagenavi a:link {
text-decoration:none;
color:#111;
border:1px dotted #D1D1D1;
margin:2px 2px 10px;
padding:2px 4px;
}

.navigationbox .wp-pagenavi a:visited {
text-decoration:none;
margin:2px 2px 10px;
padding:2px 4px;
}

.navigationbox .wp-pagenavi a:hover {
color:#5E742C;
}

.navigationbox .wp-pagenavi a:active {
text-decoration:none;
color:#5E742C;
margin:2px 2px 10px;
padding:2px 4px;
}

.navigationbox .wp-pagenavi span.pages {
color:#2E2E2E;
margin:2px 2px 10px;
padding:2px 4px;
}

.navigationbox .wp-pagenavi span.current {
font-weight:700;
color:#111;
margin:2px 2px 10px;
padding:2px 4px;
}

.navigationbox .wp-pagenavi span.extend {
color:#2E2E2E;
margin:2px 2px 10px;
padding:2px 4px;
}

.navigationbox .navigation a:hover {
color:#5E742C;
text-decoration:none;
}

#footer {
background:#000;
}

#footerwrap {
background:#000;
border-top:7px solid #5e742c;
color:silver;
font-size:11px;
padding:10px 0 10px 30px;
}

.footertitle {
font-size:16px;
margin-bottom:10px;
color:#fff;
}

.footer-item,.footer-item h3 {
font-size:16px;
margin-bottom:2px;
color:#fff;
margin-top:9px;
}

.footerspace {
margin-left:20px;
padding-left:20px;
}

.flickrfooterspace {
margin-left:60px;
}

.footerflickrwrap {
width:280px;
float:left;
margin:0 0 0 80px;
padding:0;
}

.footerflickr ul {
list-style:none;
}

.footerflickr ul li {
float:left;
margin-right:38px;
margin-bottom:38px;
}

.flickr-box {
margin-left:40px;
margin-top:-20px;
}

.flickr-box a {
margin-right:34px;
margin-top:34px;
background:#000;
border:2px solid #000;
display:block;
float:left;
}

.flickr-box a:hover {
background:#000;
border:2px solid #0878aa;
}

#footerbarwrap {
background:#0f0f0f;
font-size:12px;
color:#9f9f9f;
padding:20px 0 20px 40px;
}

#footerbarwrap ul {
font-size:12px;
color:#9f9f9f;
list-style:none;
margin:0;
padding:0;
}

#footerbarwrap ul li {
color:#9f9f9f;
}

#footerbarwrap ul li a {
color:#fff;
}

#goto {
float:right;
padding-top:12px;
padding-bottom:0px;
}

/* ############# ddsmoothmenu ############# */
.ddsmoothmenu {
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans', Tahoma, Arial,sans-serif;
font-size:13px;
float:right;
margin-top:22px;
}

.ddsmoothmenu ul {
z-index:100;
list-style-type:none;
margin:0;
padding:0;
}

.ddsmoothmenu ul li {
position:relative;
display:inline;
float:left;
}

.ddsmoothmenu ul li a {
display:block;
color:#545454;
text-decoration:none;
padding:8px 20px;
}

* html .ddsmoothmenu ul li a {
display:inline-block;
}

.ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited {
color:#545454;
}

.ddsmoothmenu ul li ul {
position:absolute;
left:0;
display:none;
visibility:hidden;
}

.ddsmoothmenu ul li ul li {
display:list-item;
float:none;
}

.ddsmoothmenu ul li ul li ul {
top:0;
}

.ddsmoothmenu ul li ul li a {
background:#fff;
width:160px;
border-top-width:0;
border-bottom:1px solid #A2A2A2;
margin:0;
padding:5px;
}

.downarrowclass {
position:absolute;
top:12px;
right:7px;
}

.rightarrowclass {
position:absolute;
top:6px;
right:5px;
}

.ddshadow {
position:absolute;
left:0;
top:0;
width:0;
height:0;
background:#EAEAEA;
}

a,#contents a {
outline:none;
text-decoration:none;
line-height:18px;
color:#5e742c;
}

a:hover,#contents .tag a:hover,#contents a:hover,#contents .readmore a:hover {
line-height:18px;
color:#111;
text-decoration:none;
}

.clear,.ienoclear {
clear:both;
}

* html .clearfix,*+html .clearfix,* html .ddsmoothmenu {
height:1%;
}

.featuredinfo a:hover,.footertitle a {
color:#fff;
text-decoration:none;
}

.mblogbox,.footerbox {
width:286px;
float:left;
}

.mblogtitle a,#contents .posttitle a,#contents .datecomment a:hover,#contents .relatedposts a:hover,#contents .relatedposts ul li a:hover,.sidebaropts a:hover,.sidebaropts ul li a:hover,.sidebarpopular a:hover,.sidebarpopular ul li a:hover,#wp-calendar td a:hover {
color:#111;
text-decoration:none;
}

.mblogtitle a:hover,.portfoliotitle a:hover,#contents .posttitle a:hover,#wp-calendar td a {
color:#478445;
text-decoration:none;
}

.mblogtext,.footertext {
font-size:13px;
line-height:20px;
color:#7d7d7d;
}

#contents #title,#contents #title a {
font-size:26px;
font-style:normal;
color:#111;
font-weight:400;
letter-spacing:-1px;
margin-bottom:15px;
line-height:26px;
}

#contents #title a:hover {
font-size:26px;
font-style:normal;
color:#5E742C;
font-weight:400;
letter-spacing:-1px;
margin-bottom:15px;
line-height:26px;
}

#contents,.sidebartextbox {
font-size:13px;
line-height:20px;
color:#7d7d7d;
padding-bottom:30px;
}

#contents .readmorebutton a:hover,.sidebarpopular a {
color:#478445;
}

#contents span.comments a:hover,.navigationbox .navigation a {
color:#111;
}

#contents h6,.navigationbox .navigation {
font-size:14px;
}

#contents .relatedposts img,.sidebaropts img,.sidebarpopular img {
border:1px solid #D1D1D1;
margin-right:10px;
padding:3px;
}

#contents .relatedposts img:hover,.sidebaropts img:hover,.sidebarpopular img:hover {
border:1px solid #111;
}

#contents .relatedposts ul,.sidebarpopular ul {
font-size:13px;
list-style:none;
line-height:18px;
margin:0;
padding:0;
}

#contents .relatedposts ul li.relatedimage,.sidebarpopular ul li.popularimage {
float:left;
border:none;
}

#contents .relatedposts ul li a,.sidebarpopular ul li a {
padding:6px 0 5px;
}

.commentlist a:link,.commentlist a:visited,.commentlist a:hover,.commentlist a:active {
color:#a0a0a0;
text-decoration:none;
}

.footer-item,.footerposts {
font-size:13px;
line-height:18px;
color:#7d7d7d;
margin-top:-8px;
}

.footer-item ul,.footerposts ul {
list-style:none;
font-size:13px;
line-height:18px;
color:#7d7d7d;
margin:0;
padding:5px 0 0;
}

.footer-item ul li,.footerposts ul li {
font-size:13px;
line-height:18px;
color:#7d7d7d;
border-bottom:1px solid #111;
padding:6px 0 5px;
}

.footer-item ul li a,.footerposts ul li a {
font-size:13px;
line-height:18px;
color:#7d7d7d;
}

.footer-item ul li a:hover,.footerposts ul li a:hover {
font-size:13px;
line-height:18px;
color:#fff;
text-decoration:none;
}

.footerflickrimage,.flickr-box img {
width:40px;
height:40px;
}

.ddsmoothmenu ul li a.selected,.ddsmoothmenu ul li a:hover {
background:#5e742c;
color:#FFF;
}

/* ############# et hop la fin du CSS  ############# */
