/*
Theme Name: Fredzone v7 "Black Hole"
Theme URI: http://fredzone.org/
Description: The 2011 default theme for Fredzone.
Author: Fred Pereira
Version: 1.0
Tags: blue, white, two-columns, fixed-width
*/

/* CSS Communes.
-------------------------------------------------------------- */
.width1016 {width: 1016px;}                   .width320 {width: 320px;}
.width676 {width: 676px;}

.block {display: block;}                      .clear {clear: both;}                 
.left {float: left;}                          .right {float: right;}
.nodisplay {display: none;}

.boxshadow1 {box-shadow: 2px 2px 3px #8d8d8d;  -moz-box-shadow: 2px 2px 3px #8d8d8d; -webkit-box-shadow: 2px 2px 3px #8d8d8d;}
.boxshadow2 {box-shadow: 0px 0px 5px #000;  -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000;}
      
.nomargin {margin: 0 0;}                      .nopadding {padding: 0 0;}
.marginauto {margin: 0 auto;}                 .paddingt20 {padding-top: 20px;}
.marginb10 {margin-bottom: 10px;}

.textcenter {text-align: center;}             .textleft {text-align: left;}
.textjustify {text-align: justify;}           .textright {text-align: right;}

.verdana {font-family: "Verdana", serif;}     .georgia {font-family: "Georgia", serif;}  
.arial {font-family: "Arial", sans serif;}     
.tshadow1 {text-shadow: 0px 0px 5px #000;}
.flighter {font-weight: lighter;}
.letterspacing1 {letter-spacing: -2px;}       .letterspacing2 {letter-spacing: 2px;}
.uppercase {text-transform: uppercase;}

.btntitre {font-size: 14px; color: #fff;}     .btndesc {font-size: 11px; color: #a3a2a2;}
.btntitre2 {font-size: 11px; color: #fff;}    .btndesc2 {font-size: 18px; color: #fff;}
.btndesc3 {font-size: 11px; color: #a3a2a2;}  .btndesc4 {font-size: 10px; color: #a3a2a2; font-style: italic;}
.btndesc p {margin: 0;}

/* CSS Generales.
-------------------------------------------------------------- */
body {background: url(images/bgd3.jpg) repeat;}
a:link, a:visited, a:hover {text-decoration: none;}
div#body2 { background: url(images/bgd.jpg) repeat-x;}
div#content a:hover {border-bottom: dashed 1px #b2b1b1; font-style: italic;}
li {list-style-type: none;}
.sprites {background: url(images/sprites.png) no-repeat top left;}

/* CSS Header.
-------------------------------------------------------------- */
div#header {height: 230px; border-bottom: 1px solid #fff;}
a.logo, div#adsense1 {margin-top: 50px; margin-bottom: 38px;}
a.logo:link h2, a.logo:visited h2, a.logo:hover h2 {font-size: 56px; color: #fff;}
a.logo:link h3, a.logo:visited h3, a.logo:hover h3 {font-size: 12px; font-style: italic; color: #c0c0c0;}
a.logo:hover h2, a.logo:hover h3 {opacity: .7;}
div#menu {border-top: 1px solid #515151; border-left: 1px solid #15181b; border-right: 1px solid #15181b;}
a.menu:link, a.menu:visited, a.menu:hover {width: 115px; height: 42px; padding: 5px 10px;}
a.home:link, a.home:visited, a.home:hover {width: 49px; height: 51px; background-position: 0 -511px;}
a.menu:hover, a.home:hover {opacity: .7;}

/* CSS Content.
-------------------------------------------------------------- */
div#conteneur {padding-top: 20px; background: #d8d8d8; border-left: 1px solid #fff; border-right: 1px solid #fff; }
div#diaporama, .article {padding: 10px 15px 10px 0; background: #fff;}
div#diaporama {min-height: 255px;}
.article {padding-bottom: 20px; border-top: 2px solid #202020;}
/* Diaporama */
div#posts-slider, .artimg {overflow: hidden; border-top: 3px solid #e5e5e5; border-right: 3px solid #e5e5e5; border-bottom: 3px solid #e5e5e5; position: relative; /* Juste pour cette merde d'IE */}
div#posts-slider, div#posts-slider ul li {width: 660px; height: 250px;}
div#posts-slider ul li {overflow: hidden;}
div#posts-slider ul li a:link, div#posts-slider ul li a:visited, div#posts-slider ul li a:hover {width: 620px; height: 40px; padding: 10px 20px; background: url(images/bgdtitrediaporama.jpg) repeat-x; position: relative; z-index: 1; top: -56px; left: 0; text-decoration: none; background: #030303; opacity: .9;}
div#posts-slider ul li a:hover {opacity: 1;}
div#posts-slider ul li img {border: none;}
/* Kiosque eBuzzing */
div#ebuzzingkiosque {height: 145px; padding: 10px 15px 10px 0; background: #fff;}
.ebuzzingkiosqueconteneur { border-top: 3px solid #e5e5e5; border-right: 3px solid #e5e5e5; border-bottom: 3px solid #e5e5e5;}
/* Articles */
.aligncenter {text-align: center;}
.wp-caption-text {font-size: 10px; font-style: italic; text-decoration : underline; margin: 0 auto;}
.artimg {height: 150px; overflow: hidden;}
.artcontent {width: 640px; margin-left: 20px; overflow: hidden;}
.artcontent h3 a:link, .artcontent h3 a:visited, .artcontent h3 a:hover, .artcontent h1, h3#commentstitre, h3#respondtitre {font-family: "Georgia", serif; font-weight: lighter; font-size: 22px; color: #202020;}
.artdetails {margin: 10px 0; font-size: 12px; font-style: italic; color: #838282;}
.artdetails a:link, .artdetails a:visited, .artdetails a:hover {color: #202020;}
.arttxt h3, .artcontent h3, .arttxt h2, .artcontent h2 {font-family: "Georgia", serif; font-weight: lighter; font-style: italic; font-size: 20px; color: #202020;}
.arttxt h4 {font-weight: lighter; font-style: italic; font-size: 14px; color: #202020;}
.arttxt ul, .arttxt ol {margin: 0; padding: 0 0 0 30px;}
.arttxt ul li, .arttxt ol li {list-style-type: disc; text-align: justify;}
.arttxt p img {border: 3px solid #e5e5e5; margin: 0 auto; display: block;}
.arttxt p, .arttxt ul li, .arttxt ol li  {font-family: "Verdana" sans serif; font-size: 13px; color: #444444; line-height: 150%; letter-spacing: 0.5px;}
.arttxt p a:link, .arttxt p a:visited, .arttxt p a:hover, .arttxt ul li  a:link, .arttxt ul li  a:visited, .arttxt ul li  a:hover, .arttxt ol li a:link, .arttxt ol li a:visited, .arttxt ol li a:hover .arttags a:link, .arttags a:visited, .arttags a:hover, div#respond a:link, div#respond a:visited, div#respond a:hover, .commentcontent a:link, .commentcontent a:visited, .commentcontent a:hover {color: #202020; border-bottom: dashed 1px #b2b1b1;}
.more-link {display: none;}
.artsocial {margin-top: 30px;}
a.artsuite:link, a.artsuite:visited, a.artsuite:hover {width: 106px; height: 18px; padding-top: 3px; font-size: 12px; color: #fff; background-position: 0 -440px;}
a.artsuite:hover {opacity: .7;}
.artsep {width: 675px; height: 30px; background: #d8d8d8;}
/* Articles similaires */
.related_post_title {display: block; margin: 50px 0 15px 0; padding: 5px 10px; font-family: "Verdana", sans serif; font-size: 13px; color: #202020; background: #f1f1f1;}
/* Promotion + Tags */
.artsocial2 {margin-top: 50px; padding: 5px 10px; background: #f1f1f1; border-bottom: 1px solid #000;}
.arttags {margin-top: 50px; font-family: "Verdana", sans serif; font-size: 13px; color: #838282;}
/* Commentaires */
div#comments {margin-top: 50px;}
p.comments-desc, div#respond p {font-family: "Verdana", sans serif; font-size: 13px; color: #838282;}
li.comment {padding: 10px; margin-bottom: 3px;}
.odd {background: #f7f7f7;}
.even {background: #e8e8e8;}
.commentavatar {width: 75px; margin-right: 10px;}
.commentavatar img {border: 1px solid #b5b5b5;}
.commentcontent {width: 520px;}
a.commentauteur:link, a.commentauteur:visited, a.commentauteur:hover {font-size: 13px; color: #202020;}
.commentcontent span {font-size: 11px; color: #838282;}
.commentcontent p {font-family: "Verdana", sans serif; font-size: 13px; color: #202020; text-align: justify;}
/* Formulaires */
input#author, input#email, input#url, textarea#comment {margin-bottom: 5px; border: 1px solid #c3c1c1; background: #fff; font-size: 13px; color: #202020;}
input#author, input#email, input#url {padding-left: 50px;}
input#author, input#email, input#url {width: 300px; height: 30px;}
input#author {background: url(images/bgdinputauthor.jpg) no-repeat;}
input#email {background: url(images/bgdinputmail.jpg) no-repeat;}
input#url {background: url(images/bgdinputurl.jpg) no-repeat;}
textarea#comment {width: 605px; height: 250px; padding: 10px;}
input#submit {width: 630px; height: 30px; font-size: 14px; color: #fff; background: url(images/btnartnav.jpg) repeat-x; border: 0; cursor: pointer;}
.required {padding-left: 5px; font-size: 24px; font-weight: bold; color: #797979; opacity: .7;}
/* Navigation */
.navigation {font-family: "Verdana", sans serif; font-size: 14px;}

/* CSS Sidebar.
-------------------------------------------------------------- */
.sidebar {width: 300px; padding: 10px 10px; margin-bottom: 30px; background: #fff;}
.border div {border: 3px solid #e5e5e5;}
/* Publicité RdC */
p.rdc {font-size: 12px; color: #808080; text-align: center;}
p.rdc a:link, p.rdc a:visited, p.rdc a:hover {font-weight: bold; color: #333333;}
p.rdc a:hover {font-style: italic; border-bottom: dashed 1px #b2b1b1;}
/* Social Media */
.socialmedia {padding-bottom: 12px;}
.socialmedia a:link, .socialmedia a:visited, .socialmedia a:hover {width: 270px; height: 40px; padding-left: 30px; padding-top: 10px; background: #1d1d1d url(images/btnsocialmedia.jpg) no-repeat; border: 3px solid #e5e5e5;}
.socialmedia a:hover {opacity: .7;}
.height10 {height: 10px;}
/* Recherche */
input.searchinput {vertical-align: middle; width: 240px; height: 34px; border: 1px solid #1d1d1d; background: #fff; font-size: 14px; font-style: italic; color: #1d1d1d;}
input.searchsubmit {vertical-align: middle; width: 40px; height: 40px; border: none; background: #1d1d1d;  font-size: 14px; color: #fff;}
/* Commentaires + Archives + Twitter  */
ul#cap_nav {height: 40px; width: 300px;}
ul#cap_nav li {width: 98px; height: 20px; padding: 10px 0; cursor: pointer; font-style: italic; font-size: 13px;}
.cap_onglet {color: #1d1d1d; background-position: 0 -612px;}
.cap_active {color: #fff; background: url(images/btnongletactif.jpg) no-repeat;}
li#tab_1, li#tab_2 {margin-right: 1px;}
div#cap-content {background: #e6e6e6; border-top: 2px solid #1d1d1d; width: 276px; padding: 10px 10px 30px 10px;}
div#content_1,div#content_2,div#content_3 {clear:both; width: 276px; overflow: hidden;}
div#content_2,div#content_3 {display: none;}
/* Commentaires */
div#content_1 li {color: #838282; font-size: 11px; margin-bottom: 30px; letter-spacing: 0px; line-height: 170%;}
div#content_1 span {background: #fff; color: #3e3e3e; font-style: italic; display: block; padding: 10px; width: 260px; text-align: justify;}
.ongletcomm {height: 13px; padding-left: 20px; background: url(images/bgdcommonglets.jpg) no-repeat;}
div#content_1 a:link, div#content_1 a:visited, div#content_1 a:hover {color: #1d1d1d;}
div#content_1 a:hover {border-bottom: dashed 1px #b2b1b1;}
/* Archives */
div#content_3 ul li, div#content_3 ul li:hover {height: 30px; list-style-type:none; padding-left: 10px; padding-top: 5px; width: 266px;}
div#content_3 ul li:hover {background: #1d1d1d;}
div#content_3 a:link, div#content_3 a:visited, div#content_3 a:hover {color: #1d1d1d; display: block; font-size: 14px; height: 20px; width: 280px;}
div#content_3 a:hover {color: #fff;}
/* Encarts 125x125 */
a.pub125:link, a.pub125:visited, a.pub125:hover {margin: 3px 0; border: 10px solid #1d1d1d;}
a.pub125:hover {opacity: .7;}
a.pub125 img {border: 1px solid #fff;}

/* CSS Footer.
-------------------------------------------------------------- */
/* CSS Communes */
div#footertags a:hover, .btndesc3 a:hover, .footermenu a:hover, div#blogopartenaires li a:hover {border-bottom: dashed 1px #b2b1b1;}
/* Blogoliste + Partenaires */
div#blogopartenaires {background: #000;}
div#blogopartenaires h4 {width: 996px; height: 40px; padding-left: 20px; padding-top: 10px; }
div#blogopartenaires h4 a {font-size: 22px; color: #fff; text-decoration: none;}
div#blogopartenaires li {float: left; margin-left: 20px; margin-bottom: 20px;}
div#blogopartenaires li a:link, div#blogopartenaires li a:visited, div#blogopartenaires li a:hover {font-size: 11px; color: #a3a2a2; text-decoration: none;}
div#blogoliste, div#partenaires {padding-left: 60px; padding-right: 16px; border-bottom: 1px solid #fff;}
/* Blogoliste */
div#blogoliste ul {margin: 20px 20px 50px 20px; color: #f4f4f4;}
/* Partenaires */
div#partenaires li {list-style-type: none;}
div#partenaires li a:link, div#partenaires li a:visited, div#partenaires li a:hover {width: 125px; height: 50px; border: 1px solid #F4F4F4; opacity: .8;}
div#partenaires li a:hover {opacity: 1;}
a.topachat:link, a.topachat:visited, a.topachat:hover {text-decoration: none; background: url(partenaires/topachat.jpg) no-repeat;}
a.geektrend:link, a.geektrend:visited, a.geektrend:hover {text-decoration: none; background: url(partenaires/geektrend.jpg) no-repeat;}
a.macway:link, a.macway:visited, a.macway:hover {text-decoration: none; background: url(partenaires/macway.jpg) no-repeat;}
a.orange:link, a.orange:visited, a.orange:hover {text-decoration: none; background: url(partenaires/orange.png) no-repeat;}
a.akibag:link, a.akibag:visited, a.akibag:hover {text-decoration: none; background: url(partenaires/akibag.png) no-repeat;}
a.topachat:hover, a.geektrend:hover, a.macway:hover, a.orange:hover, a.akibag:hover {opacity: 0.6;}
/* Presentation + Rubriques + Tags */
div#footerdetails {height: 284px; padding-left: 100px; padding-right: 16px; padding-bottom: 20px; background: #2d2d2d; overflow: hidden;}
div#footerdetails li {width: 270px; padding-right: 30px;}
a.footermenu:hover {opacity: .7;}
div#footerdetails h4 {margin: 15px 0; font-size: 22px; color: #fff;}
div#footerdetails p {font-size: 11px; color: #a3a2a2; line-height: 150%;}
.footersep {width: 270px; height: 1px; margin: 5px 0; background: #474747;}
div#footertags a:link, div#footertags a:visited, div#footertags a:hover {color: #a3a2a2;}
/* Copyright + Mentions */
div#footermentions {height: 60px; padding-top: 5px; background: #000;}
.footercopyright {padding: 5px 15px; font-size: 30px; color: #fff; opacity: .3;}
.btndesc3 a:link, .btndesc3 a:visited, .btndesc3 a:hover {color: #fff;}
/* Menu secondaire */
.footermenu {padding-right: 20px;}
.footermenu, .footermenu a:link, .footermenu a:visited, .footermenu a:hover {font-size: 11px; color: #fff;}