/*
Theme Name: L'atelier des filous > Le blog
Theme URI: http://www.owm.fr/
Description: Le thème original du blog l'atelier des filous
Version: V1
Author: Samue Demonchy | OWM
*/
body { position: relative; width: 100%; margin: 0; padding: 0; font-family: Arial; font-size: 10px; background: url(images/img-back2.png) repeat; }

p, h1, h2, h3, h4, h5, ul, li, fieldset, form { margin: 0; padding: 0;}

a { outline: none; }

ul, li { list-style-type: none; }

.clear { clear: both; }

#header { position: relative; height: 233px; background: url(images/img-back-header2.png) repeat-x; }
#header-content { position: relative; width: 990px; margin: 0 auto; }
#header #logo a { position: absolute; top:0px; left:86px;  width:305px; height:200px; background: url(images/img-logo.png) no-repeat; display: block; }
#header #site a { position: absolute; top:0; right: 0; background: url(images/img-site-web.png) no-repeat; width: 203px; height: 177px; display: block; }
#header #galerie a { position: absolute; top:90px; left:515px; background: url(images/img-galerie2.png) no-repeat; width: 208px; height:91px; display: block; }
#header #search { position: absolute; top:10px; left:400px; color: #DB5798; height: 25px; padding: 0; margin: 0; }
#header #search span { font-size: 12px; padding:0 4px 0 0; margin: 0; font-weight: bold; line-height:12px; float: left; text-align: right; }

#container { position: relative; width: 990px; margin: 0 auto; }

#container #ardoise { position: absolute; top:-45px; left:30px; background: url(images/img-ardoise.png) no-repeat; width: 158px; height: 90px; }
#container #ardoise #jour { position: absolute; top:12px; left: 10px; width: 140px; text-align: center;  }
#container #ardoise #j { position: absolute; top:42px; left:26px; width:20px; text-align: center;  }
#container #ardoise #mois { position: absolute; top:40px; left:56px; width:100px; text-align: left;  }

#header-content ul#onglet { position: absolute; top:200px; left: 230px; }
#header-content ul#onglet li { float: left; margin: 0 2px; }
#header-content ul#onglet li.qui a { background:url(images/img-onglet-qui.png) no-repeat 0 0; width: 144px; height: 35px; display: block; text-indent: -9999em;}
#header-content ul#onglet li.qui a:hover { background-position: 0px 2px; }
#header-content ul#onglet li.vente a { background:url(images/img-onglet-vente.png) no-repeat; width: 144px; height: 35px; display: block; text-indent: -9999em;}
#header-content ul#onglet li.vente a:hover { background-position: 0px 2px; }
#header-content ul#onglet li.commande a { background:url(images/img-onglet-commande.png) no-repeat; width: 164px; height: 35px; display: block; text-indent: -9999em;}
#header-content ul#onglet li.commande a:hover { background-position: 0px 2px; }

#page-top { position: relative; width: 543px; margin: 0 0 0 220px; background: url(images/img-middle-top2.png) no-repeat; height:12px;  }
#page { position: relative; width: 523px; margin: 0 0 0 220px; background: url(images/img-middle-back.png) repeat-y; padding:50px 10px 10px 10px; z-index: 100; min-height:600px; }

#page h2 { font-size: 16px; color: #DB5798; padding: 0 0 30px 30px; }
#page .galerie p { line-height: 22px; font-size: 12px; color: #333333; }
#page .galerie a { color: #DB5798; }

#page .post { padding: 0 0 10px 0;}
#page .post img { border: 0; }
#page .post h2 { position: relative; font-size: 16px; color: #DB5798; padding: 0 0 0px 40px; }
#page .post h2 .date { position:absolute; left:-40px; top:-30px; background: url(images/img-date.png) no-repeat; width: 51px; height: 32px; color: white; text-align: center; font-size: 12px; font-weight: normal; padding:20px 10px; }
#page .post h3 { position: relative; font-size: 11px; color: black; padding: 0 0 0 40px; }
#page .post .content { padding:10px 20px 10px 40px; }
#page .post .content a { color: #DB5798; }
#page .post .galerie { padding:10px 10px 10px 30px; }
#page .post .content p { line-height: 22px; font-size: 12px; color: #333333; }
#page .post .content p a.more-link { background: url(images/img-crayon.png) no-repeat 0 0; height:14px; padding:18px 0 0 35px; float: right; color: #DB5798; font-size: 12px; margin-right: 15px; text-decoration: none; }
#page .post .content p a.more-link:hover { text-decoration: underline; }
#page .ligne { border-bottom: 2px solid #DB5798; width: 440px; margin: 0 auto; }
#page ul.info { position: relative; width: 440px; margin: 0 auto; overflow: hidden; padding:5px 0 30px 0; }
#page ul.info li { color: black; font-weight: bold; }
#page ul.info li a { color: black; text-decoration: none; }
#page ul.info li a:hover { text-decoration: underline; }
#page ul.info li.left { position: relative; width: 250px; float: left; font-size: 11px; color: black; }
#page ul.info li.right { position: relative; width: 150px; float: right; font-size: 11px; color: black; text-align: right; }


ol#commentlist li { margin: 0; padding: 10px 0; }
ol#commentlist li a { color: #D9458F; }
ol#commentlist li span { font-size: 12px; }
ol#commentlist li .comment-top { background: url(images/img-comment-top.png) no-repeat; width:460px; height: 30px; display: block; }
ol#commentlist li .comment-back { background-color: #D9458F; color: white; width: 440px; padding: 0 10px; }
ol#commentlist li .comment-back p { line-height: 20px; font-size: 12px; }
ol#commentlist li .comment-bottom { background: url(images/img-comment-bottom.png) no-repeat; width:460px; height:10px; display: block; }

fieldset.comment { width: 460px; margin: 0 auto; border:0; padding: 0;}
fieldset.comment p { margin: 0; padding: 5px 0; clear: both; }
fieldset.comment p label { width:80px; text-align: right; padding-right: 5px; float: left; line-height: 22px; }
fieldset.comment p input[type=text] { border: 2px solid #DB5798; padding: 4px;  }
fieldset.comment textarea { width: 460px; height: 120px; border: 2px solid #DB5798; padding: 2px; }

div.navigation { position: relative; width: 400px; margin: 0 auto;}
div.navigation .alignleft a { position: relative; float: left; width: 200px; text-align: left; color: #DB5798; font-size: 14px; text-decoration: none; }
div.navigation .alignleft a:hover { text-decoration: underline; }
div.navigation .alignright a { position: relative; float: right; width: 200px; text-align: right; color: #DB5798; font-size: 14px; text-decoration: none;  }
div.navigation .alignright a:hover { text-decoration: underline; }


#page-bottom { position: relative; width: 543px; margin: 0 0 0 220px; background: url(images/img-middle-bottom2.png) repeat-y; height: 12px; z-index: 100; }

#left-top { position: absolute; top:60px; left:33px; width: 190px; margin: 0; background: url(images/img-left-top2.png) no-repeat; height: 10px; }
#left { position: absolute; top:70px; left:33px; width: 170px; margin: 0; background: url(images/img-left-back2.png) no-repeat left bottom; padding: 0 10px 130px 10px; }
#left li { padding: 5px 0; }
#left li h2 { position: relative; font-size: 14px; color: #DB5798; background: url(images/img-crayon.png) no-repeat 0 0; height:17px; padding:15px 0 0 35px; }

#left li table#wp-calendar { margin-left:15px; }
#left li table#wp-calendar caption { color: #DB5798; }
#left li table#wp-calendar tr td { height: 15px; width: 15px; line-height: 15px; text-align: center; }
#left li table#wp-calendar tr td a { color: white; text-decoration: none; }
#left li table#wp-calendar tr td.on { height: 15px; width: 15px; line-height: 15px; background-color: #DB5798; }
#left li table#wp-calendar #prev a,
#left li table#wp-calendar #next a { color: #DB5798; }

#left li ul { padding: 5px 0 0 15px; }
#left li ul li { list-style-type:disc; list-style-position: inside; color: #DB5798; padding:3px 0; }
#left li ul li a { color: #DB5798; text-decoration: none; }
#left li ul li a:hover { color: #DB5798; text-decoration: underline; }

#left li.cat-item { font-size: 13px; }
#left li.linkcat { font-size: 13px;}

#left li#linkcat h2 { position: relative; font-size: 16px; color: #DB5798; background: url(images/img-crayon.png) no-repeat 0 0; height: 32px; padding:15px 0 0 35px;  }


#right-search { position: absolute; top:0; right: 25px; z-index: 300; }
#right-search h5 { font-size: 12px; color: #DB5798; }
#right-top { position: absolute; top:20px; right:41px; width:217px; margin: 0; background: url(images/img-right-top.png) no-repeat; height:76px; z-index: 200; }
#right { position: absolute; top:96px; right:41px; width: 156px; margin: 0; background: url(images/img-right-back2.png) no-repeat left bottom; padding: 0 10px 20px 10px; }
#right .ngg-widget { text-align: center;}
#right .ngg-widget img { margin: 5px 0; }
#right h2 a { position: relative; font-size: 12px; color: #DB5798; background: url(images/img-crayon.png) no-repeat 0 0; height:17px; padding:15px 0 0 35px; display: block; }

#footer { position: relative; width: 540px; margin: 0 auto; padding: 10px 0; color: #cccccc; font-size: 11px; text-align: center; font-weight: bold; }
#footer a { color: #cccccc; text-decoration: none; }
#footer a:hover { color: #999999; text-decoration: underline; }