html, body, div, p, ul, li, img, span, a, h1, h2, h3, h4, h5, acronym { margin:0; padding:0; }
html { font-family:'Lucida Grande',Arial,San-serif; font-size:0.8em; line-height:16px; }
a { color:black; text-decoration:none; }
a:hover { color:black; text-decoration:underline; }
a img { border:none; }
header, footer, section, article { display:block; }

/* Fonts */
@font-face { font-family: Myriad Pro; src: url('../otf/MyriadPro-Regular.otf'); }

/* Layout */
body { width:100%; background-color:#261b0f; }
#container { width:100%; }
.wrapper { width:1000px; margin:0 auto; }
.col { float:left; }
.shadow { -webkit-box-shadow: 2px 2px 5px rgba(33,33,33,.4); box-shadow:2px 2px 5px rgba(33,33,33,.4); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5); }
.clear { clear:both;}
.hidden { display:none; }
.blue { color:#0191b6; }
ul.items { list-style:none; }
ul.items li.item { padding:3px 0 3px 10px; }
ul li.item { background:url(../img/item.png) no-repeat left 9px; }
.nav { background-color: #d9edf2; color: #0091b6; margin: 5px 0px 15px; padding: 5px 10px; text-align: center; }
.nav a { color: #0091b6; font-weight:bold; }
.message { background-color: #dce68b; color: black; margin: 5px 0px 15px; padding: 5px 10px; text-align: center; font-weight:bold; }
#content-left { width:565px; margin:0 14px 0 0; border-right:1px solid #b0b0b0; padding:0 10px 0 0; }
#content-right { width:240px; padding:0 0 0 10px; }
#content-right h1 { margin:0 0 10px 0; padding:0 0 3px 0; border-bottom:1px dotted #b0b0b0;  }

/* HEADER */
header { background:url(../img/header-back2.jpg) repeat-x #0290b8; border-bottom:2px solid #261b0f; }
header #top { width:100%; background-color:#261b0f; color:white; }
header #top #top-right { text-align:right; font-size:10px; }
header #top #top-right a { color:white; }
header #top form { display:inline; }
header #top input { font-size:10px; border:none; cursor:pointer; padding:0; margin:0 1px; color:white; background:none; }
header #top input:hover { text-decoration:underline; }
#header { height:164px; width:100%; background:url(../img/header-back.jpg) repeat-x; font-family:"Myriad Pro",Arial,San-serif; }
#header #logo { float:left; margin: 37px 0px 0px 55px; }
#header #tip { float:left; margin:7px 0 0 2px; width:242px; height:74px; padding:25px 28px 25px 35px; background:url(../img/tip.png) no-repeat; }
#header #tip h1 { font-size:1.8em; line-height:1.1em; font-weight:normal; color:#261b0f; }
#header #tip span { font-size:1.5em; }
#header nav { float:left; margin:135px 0 0 -20px; }
#header nav ul { list-style:none; }
#header nav li { float:left; display:block; width:80px; text-align:center; padding:3px 10px; border-right:1px solid white; -webkit-transition: background .3s linear; -moz-transition: background .3s linear; transition: background .3s linear;}
#header nav li:last-child { border:none; }
#header nav li.selected { background-color:#B1C800; }
#header nav li.selected a { color:#261b0f; }
#header nav li:hover { background-color:#b4dce7; }
#header nav li:hover a { color:black; }
#header nav li.selected:hover { background-color:#B1C800; }
#header nav li.selected:hover a { color:#261b0f; }
#header nav a { color:black; font-size:1.4em; text-transform:lowercase; }
#header nav a:hover { text-decoration:none; }

/* Carousel */
#content { padding:25px 0; width:100%; overflow:auto; background:url(../img/content-back.jpg) repeat-x white; }
#content .wrapper { width:850px; }
#content h1 { font-family:"Myriad Pro",Arial,San-serif; font-size:1.8em; font-weight:normal; color:#393939; }
#content h2 { font-family:"Myriad Pro",Arial,San-serif; font-size:1.6em; font-weight:normal; color:#393939; }
#content h3 { font-family:"Myriad Pro",Arial,San-serif; font-size:1.4em; font-weight:normal; color:#393939; }
#carrousel {  background-color:white; padding:8px; margin:15px 0; height:250px; }
#carrousel #slider { position:relative; width:850px; height:250px; background:url(../img/preload.gif) no-repeat 409px 109px; }
#carrousel #slider img { position:absolute; top:0px; left:0px; display:none; }
#carrousel #slider a { border:0; display:block; }

/* Colonnes home */
#cols { padding:15px 0; }
#cols h1 { margin:0 0 15px 0; }
#cols .col { width:262px; height:210px; padding:0 10px; border-right:1px solid #b0b0b0; }
#cols .col:last-child { border:none; }
#cols #left ul { list-style:none; }
#cols #left ul li { clear:both; margin:0 0 20px 0; }
#cols #left article img { float:left; margin:0 10px 0 0; border:3px solid white; }
#cols #left article p { }
#cols #left article h2 { font-size:1.2em; margin:0 0 5px 0; }
#cols #middle ul { float:left; width:120px; list-style:none; margin:0 10px 0 0; }
#cols #middle ul li { padding:3px 0 3px 10px; border-bottom:1px dotted #b0b0b0; }
#cols #middle ul li a:hover { text-decoration:none; color:#b1c800; }
#cols #right ul { list-style:none; margin:15px 0 0 25px; }
#cols #right ul li.phone { font-size:1.6em; color:#b1c800; }
#cols #right ul li.mail { margin:10px 0 0 0; }

/* D�tails */
#crea h1 { margin:0 0 15px 0; }
#crea #crea-carrousel { padding:8px; }
#crea #crea-carrousel #crea-slider { position:relative; width:550px; height:300px; background:url(../img/preload.gif) no-repeat 259px 134px; }
#crea #crea-carrousel #crea-slider img { position:absolute; top:0px; left:0px; display:none; }
#crea #crea-carrousel #crea-slider a { border:0; display:block; }
#crea .nivo-nextNav { right:0 !important; }
#crea .entry { padding:15px 10px 15px 0; line-height:20px; }
#crea .entry ul { list-style:none; }
#crea .entry ul li { padding:1px 0 3px 10px; background:url(../img/item.png) no-repeat 9px left; }
#crea .more { padding:0 0 25px 0; }
#crea .more a { font-weight:bold; }
#crea .more img { vertical-align:middle; }
#crea #content-right ul { list-style:none; }
#crea #content-right ul li { padding:3px 0 3px 10px; }

/* Contact et commentaires */
#contact #content-right ul { list-style:none; margin:15px 0 0 0; }
#contact #content-right ul li { padding:3px 0 3px 10px; }
#contact #content-right ul li img { margin:0 6px 0 0; vertical-align:middle; }
#contact .def-contact { padding:18px 15px 15px 0; }
#contact p { margin:3px 0; }
#contact label { color:#3b3832; font-weight:bold; margin-left:10px; }
#contact label span { font-weight:normal; color:#0091b6; }
#contact input, #contact textarea { border:1px solid #b0b0b0; padding:4px; font-family:'Lucida Grande',Tahoma,Verdana,San-serif; font-size:1.4em; }
#contact input { width:270px; }
#contact input#id_captcha_1 { width:184px; }
#contact .captcha { width:82px; vertical-align:middle; }
#contact textarea { width:450px; height:150px; margin:5px 0 0 0; }
#contact .error input { background-color:#ffb0b0; }
#contact .submit { width:100px; border:1px solid #3B3832; }

/* Profil */
#profile h1 { margin: 0 0 15px 0; }
#profile h2 { margin:10px 0 8px 0; }
#profile p { text-align:justify; padding:3px 15px 12px 0; }
#profile #content-right ul { list-style:none; }
#profile #content-right ul li { padding:3px 0 3px 10px; }

/* Blog */
#list #content-left, #entry #content-left { border:none; margin-right:15px; }
.sidebar .widget { margin:30px 0 30px 0; }
.sidebar .widget ul { list-style:none; }
.sidebar .widget ul li { padding:3px 0 3px 10px; }
#tagcloud span { display:block; float:left; padding:5px 3px; }
.post { margin:30px 0 45px 0; width:550px }
.post h1 {  margin:5px 0 10px 0; color:#3b3832; font-size:22px; font-weight:normal;  }
.post .date { float:left; width:73px; height:55px; margin:0 8px 0 0; background:url("/media/img/date.png"); color:#261b0f; text-align:center; font-size:11px; }
.post .date p { font-size:28px; margin:10px 0 5px 0; letter-spacing:-2px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.post .tags { height:19px; }
.post .tags .words { width:420px; float:left; }
.post .tags .comments { float:left; }
.post .tags { background-color:#f5f5f5; padding:1px 0; }
.post .tags a { color:#3b3832; margin:0 12px 0 4px; }
.post .tags img { vertical-align:middle; }
.post .comments img { margin:0; vertical-align:middle; }
.post .summary { margin:0 0 20px 0; }
.post .entry { margin-top:20px; text-align:justify; line-height:20px; }
.post .entry ul { list-style:inside; margin:5px 0 5px 10px; }
.post .entry h2 {font-size:1.6em !important; margin:25px 0 12px 0; border-bottom:1px solid #0191b6; padding:0 0 3px 0; }
.post .entry h3 { margin:20px 0 5px 40px !important; }
.post .entry p {  margin:15px 0; }
.post .entry ul { list-style:none; }
.post .entry ul li { background:url(../img/item.png) no-repeat 11px left; padding:3px 0 3px 10px; }
.post .entry a { text-decoration:underline; }
.post .entry a:hover { text-decoration:none; }
.post .entry .img_entry { border:1px solid #f5f5f5; padding:5px; width:540px; height:145px; margin-bottom:10px; }
.post .more { margin:15px 0 0 0;  }
.post .more a { font-weight:bold; }
.post .more hr { border:none; background-color:#b0b0b0; height:1px; margin:30px 0 30px 0; }
.post .more h3 { color:#383838; }
.post .more #contact { font-size:.8em !important; }
.post pre { padding:2px 4px; background-color:#F9F9F9; border:1px solid silver; font-size:12px; overflow:auto; }
.comment { margin:15px 0; line-height:20px; }
.comment .body { background:url("../img/lightgray.gif") left top no-repeat; margin-left:10px; padding-top:10px; }
.comment .body .text { background:url("../img/lightgray.gif") left bottom no-repeat; padding: 0px 13px 22px 10px; }
.comment h5 { margin:5px 0; font-weight:normal; }
.comment .footer .number { left:0; position:absolute; top:5px; }
.comment p { padding-right:15px; }

/* More */
#content-error { padding:0 0 40px 0; }
#content-error h1 { margin:15px 0 20px 0; }
#content-error p { margin:10px 0; }

/* Footer */
footer .wrapper { width:850px; }
footer a { color:white; }
footer a:hover { color:white; }
footer { background-color:#261b0f; width:100%; padding:20px 0; color:white; }
footer #footer-content { width:850px; margin:0 auto; }
footer .col { width:262px; padding:0 10px;  }
footer h1 { font-family:"Myriad Pro",Arial,San-serif; font-weight:normal; font-size:1.8em; margin:0 0 15px 0; }
footer ul { list-style:none; }
footer ul li { padding:4px 0; border-bottom:1px solid #1d160f; overflow:auto; }
footer ul li span { display:block; float:left; }
footer ul li span.tech { width:200px; }
footer ul li span.note { color:#0091b6; font-size:1.4em; }
footer #about img { border:3px solid white; float:left; margin:7px 5px 5px 0; }
footer #about p { text-align:justify; }
footer #about p acronym { font-weight:bold; }
footer #about .infos { margin:13px 0 0 150px; }
footer #about .infos li { border:none; }
footer #about .infos img { border:none; margin:-3px 5px 0 0; }
footer .social { width:200px; }
footer .social li { border:none; float:left; }
footer #line-bottom { clear:both; padding:20px 0 0 0; font-size:.8em; }
footer #line-bottom-left { float:left; width:425px }
footer #line-bottom-right { float:left; width:425px; text-align:right; }

/* Disqus */
.dsq-widget-avatar { margin:0 2px 2px 0 !important; }
p.dsq-widget-meta { color:white; margin-left:-10px !important; }
p.dsq-widget-meta a:first-child, .dsq-autheneticate-copy { display:none !important; }

/* Syntax highlighter */
.syntaxhighlighter .toolbar { display:none; }