/***************************
 Copyright : bloc.com  
 Auteur : sanpan
 version : 2.29 / 2011.05.25
****************************/ 

@import url("menu.css");
#header {
  margin: 0 0 18px;
}
/* --------------- CONTENU GAUCHE - ANNUAIRE ---------------- */

#main.wf_2cols h1 {
  position:relative;
  display:block;
  clear:both;
  margin:0 0 10px 0;
  border-top:1px dotted #484848;
  border-bottom:1px dotted #484848;
  padding:5px 0 5px 5px;
  font-size:160%;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  background-color:#f5f5f5;
}
/* recherche */
#main.wf_2cols form.annuaire_search {
  position: absolute;
  display: block;
  z-index:999;
  top:-48px;
  right:-255px;
  width: 240px;
  margin:10px 0 20px 0;
  text-align:right;
}
#main.wf_2cols form.annuaire_search fieldset {
  position: relative;
  z-index:999;
}
#main.wf_2cols form.annuaire_search input[type="text"] {
  width: 190px;
}
#main.wf_2cols form.annuaire_search input[type="submit"] {
  width: 28px;
  font-size:100%;
}
/* actions*/
#main.wf_2cols #leftSide .actions {
  position:relative;
  clear:left;
  display:block;
  border:1px solid #F0F0F0;
  margin:10px auto;
  padding:1px 0;
  text-align:right;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}
#main.wf_2cols #leftSide .actions li {
  display:inline;
  margin:0 5px 0 0;
}
#main.wf_2cols #leftSide .actions .btn_action {
  right:0px;
  margin:5px 0px 5px 0;
  padding:0px;
  width:auto;
  padding: 4px 5px 0px 25px;
  height: 18px;
  font-size:100%;
  color:#fff;
}
#main.wf_2cols #leftSide .btn_action.new_site {
  position:absolute;
  top:-45px;
  right:0px;
  margin:5px 0px 5px 0;
  padding:0px;
  width:auto;
  padding: 4px 5px 0px 25px;
  height: 18px;
  font-size:100%;
  color:#fff;
  background: url(../images/sprites/sprite_global.png) no-repeat scroll 7px -299px #6B6B6B;
}
/* Annuaires Accueil */
#main.wf_2cols #leftSide .annuaire_cats {
  border:1px solid #F0F0F0;
  margin: 10px 0 20px 0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}
#main.wf_2cols #leftSide .annuaire_cats .list_cats li {
  display: block;
  float: left;
  margin: 0 7px 5px;
  padding: 8px 5px 10px 0;
  width: 47%;
  font-size: 90%;
  line-height: 110%;
}
#main.wf_2cols #leftSide .annuaire_cats .list_cats li .picto_cat {
  display:block;
  float:left;
  padding:1px 5px 3px 0;
}
#main.wf_2cols #leftSide .annuaire_cats .list_cats li h2 {
  font-size:110%;
}
#main.wf_2cols #leftSide .annuaire_cats .list_cats li a {
  text-decoration:none;
}
#main.wf_2cols #leftSide .annuaire_cats .list_cats li a:hover, #main.wf_2cols #leftSide .annuaire_cats .list_cats li a:focus {
  text-decoration:underline;
}
/* Onglets */
#main.wf_2cols #leftSide ul.list_tab {
  display:block;
  margin:10px 0 20px 0;
  border-top:1px dotted #484848;
  border-bottom:1px dotted #484848;
  height:22px;
  background:transparent;
}
#main.wf_2cols #leftSide ul.list_tab li {
  display: block;
  float: left;
  padding:0;
  margin:0;
  width: auto;
  height:22px;
  background:transparent;
}
#main.wf_2cols #leftSide ul.list_tab a {
  display:block;
  position:relative;
  float:left;
  padding:4px 0px 0px 0px;
  width:165px;
  height:18px;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  color:#474747;
}
#main.wf_2cols #leftSide ul.list_tab a:hover, #main.wf_2cols #leftSide .list_tab a.current {
  color:#fff;
  background: url(../images/sprites/sprite_global_bg-hz.png) repeat-x left -10px;
}
#main.wf_2cols #leftSide ul.list_tab a:hover {
  opacity : 0.75;
  filter : alpha(opacity=75);
}
#main.wf_2cols #leftSide .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 site */

#main.wf_2cols #leftSide .list_sites {
  position:relative;
  margin:0 0 20px 0;
}
#main.wf_2cols #leftSide .list_sites .site {
  position:relative;
  padding:10px 0 15px 0;
  border-bottom:1px dotted #484848;
  min-height:135px;
}
#main.wf_2cols #leftSide .list_sites .site .cat {
  font-size:100%;
  font-weight:bold;
  text-transform:uppercase;
}
#main.wf_2cols #leftSide .list_sites .site h2 {
  display:block;
  margin:0 0 5px 0;
  font-size:140%;
  line-height:100%;
}
#main.wf_2cols #leftSide .list_sites .site h2 a, #main.wf_2cols #leftSide .list_sites .site h2 a:visited {
  text-decoration:none;
  color:#484848;
}
#main.wf_2cols #leftSide .list_sites .site h2 a:hover {
  text-decoration:underline;
}
#main.wf_2cols #leftSide .list_sites .site img {
  float:left;
  margin: 0 10px 0 0;
  padding:3px;
  border:1px solid #b4dae9;
}
#main.wf_2cols #leftSide .list_sites .site a:hover img {
  border:1px solid #484848;
}
#main.wf_2cols #leftSide .list_sites .site p {
  margin: 0 0 10px;
}
#main.wf_2cols #leftSide .list_sites .site .plus {
  position:absolute;
  bottom:10px;
  right:0px;
  margin: 0;
}
/* Bloc sites classés - stats */

#main.wf_2cols #leftSide .list_sites.stats .site {
  border:1px solid #c5c5c5;
  padding:10px;
  margin: 10px 0 20px 0;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}
#main.wf_2cols #leftSide .list_sites.stats .content {
  position:relative;
  display:block;
  clear:both;
}
#main.wf_2cols #leftSide .list_sites.stats .actions {
  position:relative;
  clear:both;
  padding:5px 0;
  margin:20px 0 0 0;
}
#main.wf_2cols #leftSide .list_sites.stats .actions a {
  margin:0 0 0 5px;
  font-size:100%;
  font-weight:bold;
  text-decoration:none;
}
#main.wf_2cols #leftSide .list_sites.stats .actions a:hover, #main.wf_2cols #leftSide .list_sites.stats .actions a:focus {
  text-decoration:underline;
}
#main.wf_2cols #leftSide .list_sites.stats .actions .plus {
  position:relative;
  float:left;
  display:block;
  margin:10px 0 0 10px;
  font-size:100%;
  font-weight:bold;
  text-decoration:none;
  text-align:left;
}
#main.wf_2cols #leftSide .list_sites.stats a.editer {
  padding:4px 0 4px 23px;
  background: url(../images/sprites/sprite_global.png) no-repeat 5px -204px;
  color:#484848;
}
#main.wf_2cols #leftSide .list_sites.stats a.comment {
  padding:4px 0 4px 25px;
  background: url(../images/sprites/sprite_global.png) no-repeat 5px -151px;
  color:#484848;
}
#main.wf_2cols #leftSide .list_sites.stats a.recommander {
  padding:4px 0 4px 25px;
  background: url(../images/sprites/sprite_global.png) no-repeat 5px -394px;
  color:#484848;
}
#main.wf_2cols #leftSide .list_sites.stats a.lien_mort {
  padding:4px 0 4px 23px;
  background: url(../images/sprites/sprite_global.png) no-repeat 5px -346px;
  color:#484848;
}
/*Site commentaire*/
/* commentaires */
#main.wf_2cols #leftSide #commentaires {
  display:block;
  position:relative;
  border:1px solid #fff;
  margin:20px 0;
  padding:15px 20px 20px;
  background-color:#F0F0F0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 0px 1px #484848;
  -webkit-box-shadow: 0px 0px 1px #484848;
  -box-shadow: 0px 0px 1px #484848;
}
#main.wf_2cols #leftSide #commentaires h3 {
  display:block;
  font-size:140%;
  font-weight:normal;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#484848;
  -moz-text-shadow: 1px 1px 1px #fff;
  -webkit-text-shadow: 1px 1px 1px #fff;
  text-shadow: 1px 1px 1px #fff;
}
#main.wf_2cols #leftSide #commentaires .btn_action.publier {
  position:absolute;
  top:10px;
  right:20px;
  width:auto;
  font-size:110%;
}
#main.wf_2cols #leftSide #commentaires .btn_action.publier a {
  padding: 0 0 0 25px;
}
#main.wf_2cols #leftSide #commentaires .comment {
  display:block;
  position:relative;
  margin:10px 0;
  padding:10px 10px 20px 10px;
  min-height:95px;
  line-height:140%;
  background-color:#fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#main.wf_2cols #leftSide #commentaires .comment .avatar {
  display:block;
  float:left;
  margin:0 15px 10px 0;
}
#main.wf_2cols #leftSide #commentaires .comment .pseudo {
  display:block;
  margin:0 0 5px 0;
  padding:0;
  text-transform:none;
  font-size:130%;
  font-weight:bold;
  color:#4d4d4d;
}
#main.wf_2cols #leftSide #commentaires .comment .pseudo a {
  text-decoration:none;
}
#main.wf_2cols #leftSide #commentaires .comment .pseudo a:hover {
  text-decoration:underline;
}
#main.wf_2cols #leftSide #commentaires .comment .date {
  position:absolute;
  top:10px;
  right:10px;
  font-size:90%;
}
#main.wf_2cols #leftSide .ajout_comment {
  background: none repeat scroll 0 0 transparent;
  color: #888888;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
#main.wf_2cols #leftSide .ajout_comment h3 {
  display: block;
  margin: 20px 0 5px 0;
  font-size: 130%;
  color: #484848;
}
#main.wf_2cols #leftSide .ajout_comment form {
  margin:15px 0 0 0;
}
#main.wf_2cols #leftSide .ajout_comment label {
  display:inline-block;
  padding:0 5px 0 0;
  width:100px;
  text-align: right;
  vertical-align: top;
}
#main.wf_2cols #leftSide .ajout_comment input[type="text"] {
  margin:0 0 5px 0;
}
#main.wf_2cols #leftSide .ajout_comment textarea {
  font-family: Arial, Helvetica, sans-serif;
}
#main.wf_2cols #leftSide .ajout_comment input[type="submit"] {
  margin: 10px 0 0 108px;
}
/*Site Edition*/
#main.wf_2cols #leftSide .site.edition {
  border:none;
  padding:10px 0 0 0;
}
#main.wf_2cols #leftSide #edition_site {
  display:block;
  position:relative;
  border:1px solid #fff;
  margin:20px 0;
  padding:15px 20px 20px;
  background-color:#F0F0F0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 0px 1px #484848;
  -webkit-box-shadow: 0px 0px 1px #484848;
  -box-shadow: 0px 0px 1px #484848;
}
#main.wf_2cols #leftSide #edition_site h3 {
  display:block;
  font-size:140%;
  font-weight:normal;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#484848;
  -moz-text-shadow: 1px 1px 1px #fff;
  -webkit-text-shadow: 1px 1px 1px #fff;
  text-shadow: 1px 1px 1px #fff;
}
#main.wf_2cols #leftSide #edition_site form {
  margin:15px 0 0 0;
}
#main.wf_2cols #leftSide #edition_site label {
  display:inline-block;
  padding:0 5px 0 0;
  width:100px;
  text-align: right;
  vertical-align: top;
}
#main.wf_2cols #leftSide #edition_site input[type="text"] {
  margin:0 0 5px 0;
}
#main.wf_2cols #leftSide #edition_site textarea {
  font-family: Arial, Helvetica, sans-serif;
}
#main.wf_2cols #leftSide #edition_site input[type="submit"] {
  margin: 10px 0 0 108px;
}
/* Annuaires Catégories  */
#main.wf_2cols #leftSide .annuaire_cats .categorie {
  margin:15px;
}
#main.wf_2cols #leftSide .annuaire_cats .categorie ul {
  position:relative;
  float:left;
  margin:0 0 10px 0;
  width:230px;
  line-height:150%;
}
#main.wf_2cols #leftSide .annuaire_cats .categorie ul li span {
  margin:0 0 0 5px;
  color:#999;
}
#main.wf_2cols #leftSide .annuaire_cats .categorie ul li a {
  text-decoration:none;
}
#main.wf_2cols #leftSide .annuaire_cats .categorie ul li a:hover, #main.wf_2cols #leftSide .annuaire_cats .categorie ul li a:focus {
  text-decoration:underline;
}
/* Annuaire Stats */
#main.wf_2cols #leftSide .list_sites .site p.classement img, #main.wf_2cols #leftSide .list_sites .site .stats img {
  border:none;
  float: none;
}
#main.wf_2cols #leftSide .list_sites .site p.classement img {
  margin:0;
  vertical-align:middle;
}
#main.wf_2cols #leftSide .list_sites .site p.classement {
  position:relative;
  margin:4px 0;
  height:22px;
  font-weight:bold;
}
#main.wf_2cols #leftSide .list_sites .site .stats_afficher {
  position:absolute;
  display:block;
  top:0px;
  right:0px;
  padding:3px 0 3px 23px;
  background: url(../images/sprites/stats/picto_stats.png) no-repeat left center;
}
#main.wf_2cols #leftSide .list_sites .site .stats {
  margin:10px 0 20px 0;
}
#main.wf_2cols #leftSide .list_sites .site table.stats {
  border-collapse:collapse;
  font-size:100%;
  width:100%;
  margin:0;
}
#main.wf_2cols #leftSide .list_sites .site table.stats {
  border-collapse:collapse;
  font-size:100%;
  width:100%;
  margin:0;
}
#main.wf_2cols #leftSide .list_sites .site table.stats img {
  float: none;
  vertical-align: middle;
}
#main.wf_2cols #leftSide .list_sites .site table.stats td, #main.wf_2cols #leftSide .list_sites .site table.stats th {
  padding:3px 2px;
  text-align:right;
  vertical-align:middle;
}
#main.wf_2cols #leftSide .list_sites .site table.stats .col1 {
  width:150px;
  text-align:right;
}
#main.wf_2cols #leftSide .list_sites .site table.stats .col2 {
  width:150px
}
#main.wf_2cols #leftSide .list_sites .site table.stats .odd {
  background-color:#f5f5f5;
}
#main.wf_2cols #leftSide .list_sites .site .stats .info {
  color:c5c5c5;
  font-size:90%;
  font-style:italic;
  text-align:right;
}
/* Pagination */
#main.wf_2cols #leftSide .pagination {
  display:block;
  position:relative;
  margin:30px auto 10px auto;
  padding:4px 0;
  border-top: 1px dotted #484848;
  border-bottom: 1px dotted #484848;
  text-align:center;
  background:#f5f5f5;
}
#main.wf_2cols #leftSide .pagination a {
  position:relative;
  margin:0 0px 0 2px;
  padding:1px 2px;
  border: 1px solid #f5f5f5;
  text-decoration:none;
}
#main.wf_2cols #leftSide .pagination a:hover, #main.wf_2cols #leftSide .pagination a.current {
  position:relative;
  border: 1px solid #b2bbbd;
  background-color:#fff;
}
/*Inscription de site*/
#main.wf_2cols #leftSide .site_inscription {
  margin:0 0 20px 0;
}
#main.wf_2cols #leftSide .site_inscription h2 {
  margin:10px 0 20px 0;
  font-size:130%;
}
#main.wf_2cols #leftSide .site_inscription p {
  margin:5px 0 20px 0;
}
#main.wf_2cols #leftSide .site_inscription .align_center {
  text-align:center;
}
#main.wf_2cols #leftSide .site_inscription fieldset {
  position:relative;
  padding:15px;
  border:1px solid #fff;
  margin:10px auto;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  background-color:#F0F0F0;
  -moz-box-shadow:0 0 1px #484848;
  -webkit-box-shadow:0 0 1px #484848;
  box-shadow:0 0 1px #484848;
}
#main.wf_2cols #leftSide .site_inscription .etape {
  display:block;
  float:left;
  margin:0 5px 0 0;
  height:25px;
  width:25px;
  text-align:center;
  font-size:150%;
  font-weight:bold;
  background: url(../images/sprites/picto_etapes_form_bg.png) no-repeat center top;
  color:#fff;
}
#main.wf_2cols #leftSide .site_inscription .f1 label {
  float:left;
  display:inline-block;
  margin: 5px 5px 5px 0;
  width:140px;
  vertical-align:top;
  text-align:right;
}
#main.wf_2cols #leftSide .site_inscription .f1 label.keywords {
  height:50px;
}
#main.wf_2cols #leftSide .site_inscription .f1 input {
  margin: 5px 0 5px 0;
}
#main.wf_2cols #leftSide .site_inscription .f2 label {
  float:left;
  display:inline-block;
  margin: 0 10px 0 0;
  width:220px;
}
#main.wf_2cols #leftSide .site_inscription .f2 select {
  float:left;
  display:inline-block;
  margin: 10px 0;
  width:210px;
}
#main.wf_2cols #leftSide .site_inscription .f3 label {
  display:block;
}
#main.wf_2cols #leftSide .site_inscription h3 {
  display:block;
  clear:both;
  margin:0 0 10px 0;
  padding: 10px 0 0;
  font-size:120%;
}
#main.wf_2cols #leftSide .site_inscription .logo_img {
  display:block;
  margin:0 0 20px 0;
}
#main.wf_2cols #leftSide .site_inscription .logo_txt {
  display:block;
  margin:0 0 20px 0;
}
#main.wf_2cols #leftSide .site_inscription ul {
  display:block;
  clear:both;
}
#main.wf_2cols #leftSide .site_inscription ul li {
  display:block;
  float:left;
  width:180px;
  margin:0 0 10px 0;
}
#main.wf_2cols #leftSide .site_inscription ul li input {
  margin:0 5px 0 0;
  padding:0;
}
#main.wf_2cols #leftSide .site_inscription ul li  img {
  vertical-align:top;
}

/* --------------- CONTENU DROITE  ---------------- */
/*général*/
#main.wf_2cols #rightSide {
  margin:10px 0 0 0;
}
#main.wf_2cols #rightSide .articles {
  background:#fff;
}
#main.wf_2cols #rightSide .articles .article { padding:0 0px 15px; }
#main.wf_2cols #rightSide h2 {
  display:block;
  position:relative;
  border-bottom:1px solid #fff;
  padding:5px 5px 0 8px;
  height:18px;
  font-size:110%;
  text-transform:uppercase;
  color:#fff;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
}
#main.wf_2cols #rightSide .plus {
  position:absolute;
  bottom:0px;
  right:10px;
}
#main.wf_2cols #rightSide h3 a, #main.wf_2cols #rightSide h3 a:visited {
  text-decoration:none;
  color:#484848;
}
#main.wf_2cols #rightSide h3 a:hover {
  text-decoration:underline;
}

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