/* ############# 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%;
vertical-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', Tahoma, Arial,sans-serif;
font-size:62.5%;
background:#001801 url(../images/bg.png) repeat top center;
}

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

a:hover {
line-height:18px;
color:#111;
text-decoration:none;
}

a img {
border:none;
}

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

#pagecontainer {
width:1017px;
background:#fff;
border-top:10px solid #001801;
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:55px;
}

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

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

#categorytitle img {
margin:-5px 0 0;
}

#categorytitle span {
position:absolute;
width:880px;
margin:8px 0 0 13px;
}

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

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

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

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

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

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

#contents p {
font-size:14px;
font-style:normal;
text-align:justify;
line-height:24px;
}

#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 h6 {
font-size:14px;
}

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

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

.sidebartitle_portfolio {
font-size:20px;
font-style:normal;
color:#555;
letter-spacing:0;
margin-bottom:15px;
margin-top:5px;
}

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

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

.sidebaropts ul li {
font-size:13px;
line-height:22px;
color:#5e742c;
border-bottom:1px dotted #D1D1D1;
padding:8px 0 6px 4px;
}

.sidebaropts ul li a {
font-size:13px;
line-height:18px;
color:#5e742c;
}

.sidebaropts ul li a:hover {
font-size:13px;
line-height:18px;
color:#111;
text-decoration:none;
}

.sidebaropts .description {
text-align:justify;
margin-left:3px;
color:#555;
line-height:18px;
}

.sidebaropts .date {
margin-top:5px;
margin-left:3px;
color:#777;
}

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

#contact-wrapper p {
color:#5e742c;
}

#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;
}

#footer {
background:#000;
}

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

#footerbox {
color:#FFF;
}

.button {
float:left;
margin-right:0;
margin-top:8px;
width:24px;
height:24px;
text-indent:-9999px;
overflow:hidden;
opacity:.25;
}

.button:hover {
opacity:.5;
}

.button.inactive {
opacity:.1;
}

.button.next {
background:url("../images/right.png") no-repeat;
}

.button.prev {
background:url("../images/left.png") no-repeat;
}

.coda-slider-no-js .coda-slider {
height:292px;
overflow:auto !important;
padding-right:20px;
}

.coda-slider,.coda-slider .panel {
width:617px;
}

.coda-slider-wrapper {
clear:both;
overflow:auto;
border:2px solid #eBeBeB;
width:617px;
}

.coda-slider {
float:left;
overflow:hidden;
position:relative;
}

.coda-slider .panel {
display:block;
float:left;
}

.coda-slider .panel-container {
position:relative;
}

.coda-nav-left a,.coda-nav-right a {
display:block;
text-align:center;
text-decoration:none;
}

#goto {
float:right;
padding-top:15px;
}

.clear,.ienoclear {
clear:both;
}

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

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

.sidebaropts .technos,.sidebaropts .link {
margin-top:5px;
margin-left:3px;
color:#555;
}

#contact-float,.coda-nav-left,.coda-nav-right {
float:left;
}


/* ############# ddsmoothmenu  ############# */

.ddsmoothmenu {
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans Condensed', 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;
background:#fff;
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:#5e742c;
}

.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 {
width:160px;
border-top-width:0;
border-bottom:1px solid #A2A2A2;
margin:0;
padding:5px;
}

* html .ddsmoothmenu {
height:1%;
}

.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;
}

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

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