/*
Theme Name: Weedle
Theme URI: http://www.weedle.fr
Description: The Weedle's theme.
Version: 2.0
Author: Fred
 
Creation Theme by Fred || http://www.fredzone.org
 
 ***************  CSS Générales  *************** */
 html,body{font-family:"Arial", sans serif;margin:0;padding:0;text-align:center;}
body{background:#dee8ec url(img/background.png) repeat-x;}
.sprites{background:url(img/sprites.png) no-repeat top left;}
a:link,a:visited,a:hover{text-decoration:none;}
div#conteneur{margin:0 auto;text-align:left;width:980px;}
div#top,div#content,div#footer{width:980px;}

/***************  CSS DE WORDPRESS  ************ */
.post_content p a img,.post_content2 p a img{display:block;margin-left:auto;margin-right:auto;border:3px solid #dddede;}

/***************  CSS DU HAUT  ***************** */
div#top{height:120px;}
a.logo:link,a.logo:visited,a.logo:hover{background-position:-1040px -895px;display:block;float:left;height:120px;width:300px;}
a.rss:link,a.rss:visited,a.rss:hover{background-position:-1390px -895px;display:block;float:right;height:120px;width:150px;}
a.logo:hover,a.rss:hover{opacity:0.6;}

/***************  CSS DU CONTENU  ************** */
div#content{margin-top:20px;}
div#articles,div#accroche,a.hideaccroche:link,a.hideaccroche:visited,a.hideaccroche:hover,a.showaccroche:link,a.showaccroche:visited,a.showaccroche:hover{width:598px;}

/***************  CSS DES ARTICLES  ************ */
div#articles{background:#f2f6f8;border:1px solid #cfd7db;float:left;padding-left:15px;padding-right:15px;padding-top:10px;}

/***************  CSS DE L'ACCROCHE  *********** */
div#accroche{background-position:-55px 0;height:130px;}
div#accroche1,div#accroche2{float:left;}
div#accroche1{margin-top:26px;padding-left:8px;width:422px;}
div#accroche2{margin-top:24px;width:167px;}
/* ABONNEMENTS  */
a.aborss:link,a.aborss:visited,a.aborss:hover,a.abonewsletter:link,a.abonewsletter:visited,a.abonewsletter:hover{display:block;float:left;}
a.aborss:link,a.aborss:visited,a.aborss:hover{background-position:-1934px -179px;height:16px;margin-left:120px;width:121px;}
a.abonewsletter:link,a.abonewsletter:visited,a.abonewsletter:hover{background-position:-1737px -179px;height:16px;width:147px;}
a.aborss:hover,a.abonewsletter:hover{opacity:0.6;}
/* TEXTE DE PRESENTATION  */
div#accroche1 p{color:#f1f5f8;font-size:14px;margin-left:4px;margin-right:30px;text-align:justify;}
div#accroche1 p a:link,div#accroche1 p a:visited,div#accroche1 p a:hover{color:#f1f5f8;text-decoration:underline;}
/* BOUTON SOCIAUX  */
a.btncontact:link,a.btncontact:visited,a.btncontact:hover,a.btntwitter:link,a.btntwitter:visited,a.btntwitter:hover,a.btnfacebook:link,a.btnfacebook:visited,a.btnfacebook:hover{display:block;height:24px;width:154px;}
a.btncontact:link,a.btncontact:visited,a.btncontact:hover{background-position:-592px -358px;}
a.btntwitter:link,a.btntwitter:visited,a.btntwitter:hover{background-position:-196px -716px;}
a.btnfacebook:link,a.btnfacebook:visited,a.btnfacebook:hover{background-position:-1054px -358px;}
a.btncontact:hover,a.btncontact:hover,a.btnfacebook:hover{opacity:0.6;}
/* HIDE / SHOW ACCROCHE  */
a.hideaccroche:link,a.hideaccroche:visited,a.hideaccroche:hover{background-position:-1258px -358px;display:block;height:18px;}
a.showaccroche:link,a.showaccroche:visited,a.showaccroche:hover{background-position:-1452px -537px;display:block;height:16px;}
a.hideaccroche:hover,a.showaccroche:hover{opacity:0.6;}

/***************  CSS DU DIAPORAMA  ************* */
div#diaporama{background:url(img/background_diaporama.png) no-repeat;height:189px;margin-left:8px;margin-top:20px;padding:15px 0 1px;text-align:right;width:581px;}
div#diaporamali{border:4px solid #dedede;text-align:left;}
div#diaporamali ul,div#diaporamali li{list-style-type:none;margin:0;padding:0;}
div#diaporamali,div#diaporamali li{display:block;height:170px;list-style-type:none;overflow:hidden;width:573px;}
a.diaporamatitre:link,a.diaporamatitre:visited,a.diaporamatitre:hover{background:#9dd1eb;color:#fff;display:block;font-size:14px;height:22px;margin-top:67px;padding-left:10px;padding-top:5px;width:358px;}
a.diaporamatitre:hover{opacity:0.9px;}
/* CONTROLES DIAPORAMA  */
ol#controls{margin-left:511px;margin-top:2px;padding:0;}
ol#controls li{background:url(img/bouton_diaporama.png) no-repeat;display:block;float:left;height:12px;list-style-type:none;margin-left:2px;padding:0;width:12px;}
ol#controls li a:link,ol#controls li a:visited,ol#controls li a:hover{display:block;font-size:0;text-indent:-9999;height:12px;width:12px;}

/**************  CSS DES ARTICLES  *************** */
div#darticles,div#darticlesrub{margin-left:8px;padding:1px 0;width:581px;}
div#darticles{background:url(img/background_tarticles.png) no-repeat;margin-top:20px;padding-top:15px;}
div#darticlesrub{margin-top:0;padding:0;}
div#darticlesrub h1{color:#c1c1c1;font-size:20px;font-variant:small-caps;margin:0;padding:0;}
div#darticles hr,div#darticlesrub hr{border:none;clear:both;height:20px;width:581px;}
.darticles_content,.darticles_contentrub{margin:20px 0 40px;padding:0;text-align:left;width:581px;}
/* CONTENU DES ARTICLES  */
.post_date,div#post_meta{color:#5798b8;font-size:11px;font-weight:400;margin-bottom:2px;width:581px;}
.post_date{border-bottom:1px solid #c3c3c4;text-align:right;}
div#post_meta{border-top:1px solid #c3c3c4;text-align:left;}
.post_date a:link,.post_date a:visited,.post_date a:hover,div#post_meta a:link,div#post_meta a:visited,div#post_meta a:hover{color:#5798b8;font-weight:700;}
.post_content{float:left;width:374px;}
.post_content2{width:581px;}
.post_content h2,.post_content2 h2{margin:0;}
.post_content h2 a:link,.post_content h2 a:visited,.post_content h2 a:hover{color:#863486;font-size:16px;}
.post_content2 h2 a:link,.post_content2 h2 a:visited,.post_content2 h2 a:hover,.post_content2 h2{color:#863486;font-size:20px;}
.post_content2 h3,.post_content2 h3 a{color:#5798b8;font-size:14px;}
.post_content2 h4,.post_content2 h4 a{color:#5798b8;font-size:14px;}
.post_content p,.post_content2 p,.subscribe-to-comments,.btc-powered{margin-top:4px;color:#6b6d6d;font-size:12px;line-height:1.5em;text-align:justify;}
.subscribe-to-comments{padding-left:20px;}
.btc-powered{padding-left:130px;}
.post_content p a:link,.post_content p a:visited,.post_content p a:hover,.post_content2 p a:link,.post_content2 p a:visited,.post_content2 p a:hover,.post_content2 ul li a:link,.post_content2 p ul li a:visited,.post_content2 p ul li a:hover,.subscribe-to-comments a:link,.subscribe-to-comments a:visited,.subscribe-to-comments a:hover,.btc-powered a:link,.btc-powered a:visited,.btc-powered a:hover{color:#863486;font-size:12px;}
.post_content2 ul,.post_content2 ol{margin-left:20px;}
.post_content2 li{color:#909191;display:list-item;font-size:12px;list-style-type:disc;margin:5px 10px;text-align:justify;}
.darticles_content span a:hover,.post_content h2 a:hover,.post_content2 h2 a:hover,.post_content p a:hover,.post_content2 p a:hover,.subscribe-to-comments a:hover{opacity:0.6;}
/* BOUTONS DE PARTAGE VERS LES FACEBOOK ET TWITTER  */
.post_media{background-position:0 -179px;height:30px;width:581px;}
.post_media a:link,.post_media a:visited,.post_media a:hover{display:block;float:left;height:29px;text-decoration:none;width:274px;}
.post_media a:hover{opacity:0.6;}
.post_media img{border:none;}
a.postmediatwitter:link,a.postmediatwitter:visited,a.postmediatwitter:hover{background-position:-520px -537px;display:block;float:left;height:29px;margin-left:33px;width:274px;}
.linkwithin_posts div{background:#ddd;}
/* COMMENTAIRES */
div#comm_content{width:572px;}
div#comm_content hr{background:none;border:none;clear:both;width:572px;}
div#comm_content ol li{list-style-type:none;margin-bottom:10px;width:572px;}
.commentavatar{float:left;padding-left:9px;width:93px;}
.commentcontent{background:url(img/background_commentauthor.png)no-repeat;float:left;width:470px;}
.commentcontentmeta{color:#ababab;display:block;font-size:12px;margin-left:23px;padding-left:10px;padding-right:10px;padding-top:8px;width:435px;}
.commentcontentmeta a:link,.commentcontentmeta a:visited,.commentcontentmeta a:hover,.commentcontentmeta strong{color:#5798b8;font-size:14px;font-weight:700;}
.commentcontenttext{background:#fff;border-bottom:1px solid #d3d3d3;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;color:#6b6d6d;line-height:1.5em;display:block;font-size:12px;margin-left:23px;padding-bottom:10px;padding-left:10px;padding-right:10px;width:425px;}
.commentcontenttext a:link,.commentcontenttext a:visited,.commentcontenttext a:hover{color:#863486;font-size:12px;}
.commentcontenttext a:hover{opacity:0.6:}
.comment-id {text-align: right; font-size: 18px; font-style: italic; color: #dddcdc;}
/* Formulaire  */
div#respond{background:url(img/background_respond.png) no-repeat;padding-left:102px;padding-top:6px;width:470px;}
div#textarea_comment{background:url(img/form_textarea.png) no-repeat;height:214px;width:470px;}
div#input_author,div#input_email,div#input_url{height:25px;margin-top:3px;width:470px;}
div#input_author{background:url(img/form_author.png) no-repeat;}
div#input_email{background:url(img/form_email.png) no-repeat;}
div#input_url{background:url(img/form_url.png) no-repeat;}
textarea#comment,input#author,input#email,input#url{background:none;border:none;color:#863486;font-size:14px;margin-left:23px;padding-left:40px;padding-right:10px;width:397px;}
input#author,input#email,input#url{height:22px;padding-top:3px;}
textarea#comment{height:194px;padding-bottom:10px;padding-top:10px;}
input#submit{background-position:-1784px -716px;border:none;cursor:pointer;height:25px;margin-left:23px;width:447px;}
/* NAVIGATION  */
div#post_nav{clear:both;height:26px;width:581px;}
.post_navg{background-position:-1050px -537px;float:left;height:26px;width:156px;}
.post_navd{background-position:-844px -537px;float:right;height:26px;width:156px;}

/********************  CSS DE LA SIDEBAR  ******************* */
div#sidebar{float:left;margin-left:25px;width:320px;}
div#sidebar li{list-style-type:none;}
/* RUBRIQUES  */
li#rubriques{background:#c4dae6;border:1px solid #fff;height:110px;padding:10px;width:300px;}
a.bouton_design:link,a.bouton_design:visited,a.bouton_design:hover,a.bouton_illustration:link,a.bouton_illustration:visited,a.bouton_illustration:hover,a.bouton_motion:link,a.bouton_motion:visited,a.bouton_motion:hover,a.bouton_wordpress:link,a.bouton_wordpress:visited,a.bouton_wordpress:hover,a.bouton_ressources:link,a.bouton_ressources:visited,a.bouton_ressources:hover,a.bouton_tutoriels:link,a.bouton_tutoriels:visited,a.bouton_tutoriels:hover{display:block;float:left;height:34px;width:146px;}
a.bouton_design:link,a.bouton_design:visited,a.bouton_design:hover{background-position:-796px -358px;margin-bottom:3px;}
a.bouton_illustration:link,a.bouton_illustration:visited,a.bouton_illustration:hover{background-position:-1905px -358px;margin-bottom:3px;margin-left:5px;}
a.bouton_motion:link,a.bouton_motion:visited,a.bouton_motion:hover{background-position:0 -537px;margin-bottom:3px;}
a.bouton_wordpress:link,a.bouton_wordpress:visited,a.bouton_wordpress:hover{background-position:-548px -716px;margin-bottom:3px;margin-left:5px;}
a.bouton_ressources:link,a.bouton_ressources:visited,a.bouton_ressources:hover{background-position:-1256px -537px;}
a.bouton_tutoriels:link,a.bouton_tutoriels:visited,a.bouton_tutoriels:hover{background-position:0 -716px;margin-left:5px;}
a.bouton_design:hover,a.bouton_illustration:hover,a.bouton_motion:hover,a.bouton_wordpress:hover,a.bouton_ressources:hover,a.bouton_tutoriels:hover{opacity:0.6;}
/* PUBLICITE ADSENSE  */
.adsense{background:#72bee4;border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;height:250px;padding:10px;width:300px;}
/* RECHERCHE  */
li#recherche{background:#c4dae6;border-left:1px solid #fff;border-right:1px solid #fff;padding:10px;width:300px;}
div#formrecherche{background:#c4dae6 url(img/background_recherche.png) no-repeat;width:300px;}
input#s{background:none;border:none;color:#863486;font-size:11px;height:20px;margin-left:10px;margin-top:8px;width:198px;}
.noborder:focus{outline:none;}
input#searchsubmit{background:none;border:none;cursor:pointer;height:30px;width:85px;}
li#recherche p{color:#863486;display:block;font-size:11px;margin:0;padding:0 5px;text-align:justify;}
/* COMMENTAIRES + ARCHIVES + PAGES   TWITTER + PHOTOS + VIDEOS  */
li#cap,li#tpv{background:#c4dae6;border-bottom:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;padding:10px;width:300px;}
ul#cap_nav,ul#tpv_nav{border-bottom:2px solid #3d3d3d;height:28px;margin:0;padding:0;width:298px;}
.cap_onglet,.cap_active,.tpv_onglet,.tpv_active{cursor:pointer;display:block;float:left;font-size:13px;height:14px;list-style-type:none;padding:8px 0;text-align:center;width:98px;}
.cap_onglet,.tpv_onglet{background-position:-148px -358px;color:#863486;}
.cap_active,.tpv_active{background-position:-296px -358px;color:#fff;}
li#tab_1,li#tab_2,li#tab_5,li#tab_6{margin-right:2px;}
div#content_1,div#content_2,div#content_3,div#content_4,div#content_5,div#content_6{background:url(img/background_cavcontentbox.png) repeat-y;clear:both;padding:10px;width:278px;}
div#content_2,div#content_3,div#content_5,div#content_6{display:none;}
div#cap_content_box_bottom,div#tpv_content_box_bottom{background-position:-1050px 0;height:15px;width:298px;}
/* Commentaires  */
div#content_1 li{color:#c8c9c9;font-size:11px;margin-bottom:10px;}
div#content_1 span{background:#dddede;color:#5d5d5d;display:block;font-size:11px;padding:5px;width:270px;}
div#content_1 a:link,div#content_1 a:visited,div#content_1 a:hover{color:#863486;font-size:11px;font-weight:700;padding-left:10px;}
div#content_2 ul li,div#content_2 ul li:hover,div#content_3 ul li,div#content_3 ul li:hover{height:20px;list-style-type:none;padding-left:30px;padding-top:5px;width:250px;}
div#content_2 ul li:hover,div#content_3 ul li:hover{background:#dddede;}
div#content_2 a:link,div#content_2 a:visited,div#content_2 a:hover,div#content_3 a:link,div#content_3 a:visited,div#content_3 a:hover{color:#5d5d5d;display:block;font-size:13px;height:20px;width:220px;}
div#content_2 a:hover,div#content_3 a:hover{color:#863486;}
/* Twitter, Photos, Vidéos  */
.tpv_content p{color:#5d5d5d;font-size:13px;margin:0;}
.twtr-widget p{font-size:11px;}
div#content_5 a:link,div#content_5 a:visited,div#content_5 a:hover{border:5px solid #dddede;float:left;margin:3px;text-decoration:none;}
div#content_5 a img{border:none;}
div#content_5 hr{border:none;clear:both;width:220px;}
/****************  CSS DU FOOTER  *************** */
div#footer{clear:both;margin-top:30px;padding:1px 0;}
div#footer p{color:#909191;font-size:12px;}
div#footer p a:link,div#footer p a:visited,div#footer p a:hover{color:#909191;font-size:12px;font-weight:700;}
div#footer p a:hover{font-weight:400;text-decoration:underline;}
a.logo:hover,a.rss:hover,a.diaporamatitre:link,a.diaporamatitre:visited,div#content_1 a:hover{opacity:0.8px;}
a.aborss:hover,a.abonewsletter:hover,div#accroche1 p a:hover,a.btncontact:hover,a.btntwitter:hover,a.btnfacebook:hover,a.hideaccroche:hover,a.showaccroche:hover,.darticles_content span a:hover,.darticles_contentrub span a:hover,div#darticlesrub span a:hover,.post_content h2 a:hover,.post_content2 h2 a:hover,.post_media a:hover,a.bouton_design:hover,a.bouton_illustration:hover,a.bouton_motion:hover,a.bouton_wordpress:hover,a.bouton_ressources:hover,a.bouton_tutoriels:hover,div#content_5 a:hover{opacity:0.6px;}
.post_content2 h3,.linkwithin_text,div#comm_content h3{color:#863486;font-size:18px;}
.post_content p a:hover,.post_content2 p a:hover,.commentcontentmeta a:hover{text-decoration:underline;}
div#comm_content ol,div#sidebar ul,div#content_2 ul,div#content_3 ul{margin:0;padding:0;}