/***************************
 Copyright : bloc.com  
 Auteur : sanpan
 version : 2.31 / 2011.10.04
****************************/ 

@import url("menu_home.css");

/* --------------- GENERAL ---------------- */
#header {
  margin:0;
}
#top_content {
  display:block;
  margin:0 auto;
  padding:20px;
}
/* --------------- CONTENU GAUCHE - LISTE ARTICLES ---------------- */

/* Onglets */
#main.wf_3cols #leftSide .colLeft ul.list_tab {
  display:block;
  margin:0 0 20px 0;
  border-top:1px dotted #484848;
  border-bottom:1px dotted #484848;
  width:450px;
  height:22px;
  background:transparent;
}
#main.wf_3cols #leftSide .colLeft ul.list_tab li {
  display: block;
  float: left;
  padding:0;
  margin:0;
  width: auto;
  height:22px;
  background:transparent;
}
#main.wf_3cols #leftSide .colLeft ul.list_tab a {
  display:block;
  position:relative;
  float:left;
  padding:4px 0px 0px 0px;
  width:150px;
  height:18px;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  color:#474747;
}
#main.wf_3cols #leftSide .colLeft ul.list_tab a:hover, #main.wf_3cols #leftSide .colLeft .list_tab a.current {
  color:#fff;
  background: url(../images/sprites/sprite_global_bg-hz.png) repeat-x left -10px;
}
#main.wf_3cols #leftSide .colLeft ul.list_tab a:hover {
  opacity : 0.75;
  filter : alpha(opacity=75);
}
#main.wf_3cols #leftSide .colLeft .list_tab a.current span {
  display:block;
  position:absolute;
  bottom:-18px;
  left:67px;
  z-index:999;
  margin:0 auto;
  width:20px;
  height:18px;
  background: url(../images/sprites/sprite_global.png) repeat-x left -132px;
}
/* blocs article */
#main.wf_3cols #leftSide .colLeft .list_articles {
}
#main.wf_3cols #leftSide .colLeft .list_articles .article {
  position:relative;
  padding:10px 0 15px 0;
  border-bottom:1px dotted #484848;
  min-height:135px;
}
#main.wf_3cols #leftSide .colLeft .list_articles .article .cat {
  font-size:100%;
  font-weight:bold;
  text-transform:uppercase;
}
#main.wf_3cols #leftSide .colLeft .list_articles .article h2 {
  display:block;
  margin:0 0 5px 0;
  font-size:140%;
  line-height:100%;
}
#main.wf_3cols #leftSide .colLeft .list_articles .article h2 a, #main.wf_3cols #leftSide .colLeft .list_articles .article h2 a:visited {
  text-decoration:none;
  color:#484848;
}
#main.wf_3cols #leftSide .colLeft .list_articles .article h2 a:hover {
  text-decoration:underline;
}
#main.wf_3cols #leftSide .colLeft .list_articles .article img {
  float:left;
  margin: 0 10px 10px 0;
  padding:3px;
  border:1px solid #b4dae9;
}
#main.wf_3cols #leftSide .colLeft .list_articles .article a:hover img {
  border:1px solid #484848;
}
#main.wf_3cols #leftSide .colLeft .list_articles .article p {
  margin: 0 0 10px;
}
#main.wf_3cols #leftSide .colLeft .list_articles .article .plus {
  position:absolute;
  bottom:10px;
  right:0px;
  margin: 0;
}
/* --------------- CONTENU GAUCHE - COLONNE 160px ---------------- */
#main.wf_3cols #leftSide .colRight {
  position:relative;
  float:left;
  margin:0;
  width:160px;
}

#main.wf_3cols #leftSide .colRight .content_free {
  display:block;
  margin:0 0 20px 0;
  background:#f2f2f2;
}
#main.wf_3cols #leftSide .colRight .vignets {
  display:block;
  padding:20px 0 20px 0;
  background:#fff;
}
#main.wf_3cols #leftSide .colRight .vignets ul li {
  display:inline;
  height:45px;
  width:45px;
}
#main.wf_3cols #leftSide .colRight .vignets ul li img {
  margin:2px;
  border:1px solid #8a8c89;
}
#main.wf_3cols #leftSide .colRight .vignets ul li a:hover img {
  border:1px solid #000;
}
/* --------------- CONTENU DROITE ---------------- */
#main.wf_3cols #rightSide .articles.videos .article {
  min-height:45px;
}

/* --------------------- */
/* That's all folks ;-) */