/***************************
 Copyright : bloc.com  
 Auteur : sanpan.com
 version : 2.30 / 2011.06.16
****************************/ 

/* ---------------------------------------- */
/* 			 COULEURS UTILISÉES 		   	*/
/* ---------------------------------------- */
/*											*/	
/*	Gris texte défaut		#484848			*/
/*	Gris Menu défaut		#484848	 		*/  
/*	Footer bg				#f2f2f2			*/
/*	Top panel liens			#E63E29			*/
/*	rub1  					#583535 		*/
/*	rub2 					#e00874 		*/
/*	rub3 					#ef850f 		*/
/*	rub4 					#5ac4e7 		*/
/*	rub5 					#b7bf2e 		*/
/*	rub6 					#8b67c7 		*/
/*	rub7 					#476B83 		*/
/*	rub8 					#db3919 		*/
/*	rub9 					#4cc6d1 		*/
/*	rub10 					#938e03 		*/
/*	rub11 					#88a8ca 		*/
/*	rub12 					#d2a77c 		*/	
/*											*/
/* ---------------------------------------- */

/* ---------------------------------------- */
/* === REGROUPEMENT DES PROPRIETES CSS  === */
/* ---------------------------------------- */
/* 1. Le positionnement => display – visibility – position – top/right/bottom/left – z-index – float – clear
   2. Les marges et bordures => margin – padding – border
   3. Les dimensions => width – height – min-width/max-width – min-height/max-height
   4. Les propriétés de texte => font – line-height – text-align – text-indent – text-decoration – text-transform – letter-spacing – word-spacing – color
   5. L'arrière-plan => background
/* ---------------------------------------- */

@import url("reset.css");
/* --------------- GENERAL ---------------- */
body {
  color:#484848;
}
#wrapper {
  position: relative;
  margin:0 auto;
}
#header {
  position:relative;
  z-index:100;
  height: 122px;
  background: url(../images/header_bg.png) repeat-x left top;
  margin:0 0 38px;
}
#top_content {
  position:relative;
  z-index:1;
  margin:0px auto 20px auto;
  width:995px;
  height:90px;
}
#top_content .colLeft {
  position:relative;
  float:left;
  margin: 0 20px 0 0;
}
#top_content .colRight {
  position:relative;
  float:right;
  width:247px;
  height:90px;
  background:#f2f2f2;
}
#top_content .colRight .btn_action {
  position:relative;
  top:34px;
  left:25px;
  margin:0;
}
#top_content img {
  position:relative;
  z-index:1;
}
#main {
  position:relative;
  z-index:0;
  margin:0 auto 20px auto;
  width:995px;
}
#main h1 {
  -moz-text-shadow: 1px 1px 0px #fff;
  -webkit-text-shadow: 1px 1px 0px #fff;
  text-shadow: 1px 1px 0px #fff;
}
#breadcrumb {
  display:block;
  position:relative;
  margin:0px auto 5px auto;
  width:985px;
  height:22px;
  word-spacing: 3px;
}
#breadcrumb a {
  color:#848484;
}
#breadcrumb .accueil {
  display:block;
  float:left;
  width:22px;
  height:15px;
  text-indent:-9999px;
  background:transparent url(../images/sprites/sprite_global.png) no-repeat scroll left -10px;
}
#breadcrumb .accueil:hover {
  background-position:left -33px;
}
/* Gabarit 3 colonnes home et 2 colonnes listes articles */
#main.wf_3cols #leftSide {
  position:relative;
  float:left;
  margin:0 20px 0 0;
  width:630px;
}
#main.wf_3cols #leftSide .colLeft {
  position:relative;
  float:left;
  margin:0 20px 0 0;
  width:450px;
}
#main.wf_3cols #leftSide .colRight {
  position:relative;
  float:left;
  margin:0;
  width:160px;/*background:#f2f2f2;*/
}
#main.wf_3cols #rightSide {
  position:relative;
  float:left;
  margin:0;
  width:340px;
}
/* Gabarit 2 colonnes  thematiques*/
#main.wf_2cols.liste #leftSide {
  width:630px;
}
/* Gabarit 2 colonnes  articles detail*/
#main.wf_2cols #leftSide {
  position:relative;
  float:left;
  margin:0 20px 0 0;
  width:728px;
}
#main.wf_2cols #rightSide {
  position:relative;
  float:left;
  margin:0;
  width:247px;
}
#footer {
  position:relative;
  padding:10px 0;
  color:#2a201e;
  background: #f2f2f2 url(../images/footer_bg.png) repeat-x left top;
}
.clear {
  clear:both;
  height:1px;
}
a {
  color:#484848;/*color:#00A8DD;*/
}
a:hover {
  text-decoration:none;
}
/* Blocs génériques fond gris et bordures */
#main .box {
  border:1px solid #fff;
  background-color:#F0F0F0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0px 0px 1px #484848;
  -webkit-box-shadow: 0px 0px 1px #484848;
  -box-shadow: 0px 0px 1px #484848;
}
/* Blocs génériques avec focus */
.content_free.focus .content {
  padding:5px;
}
.content_free.focus .focus_title {
  display:block;
  padding:2px 3px 2px 6px;
  margin:0 0 5px 0;
  -webkit-border-top-left-radius: 13px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  bordertop-right-radius: 3px;
  background-color:#d5d5d5;
  -moz-box-shadow: 0px 0px 1px #fff;
  -webkit-box-shadow: 0px 0px 1px #fff;
  -box-shadow: 0px 0px 1px #fff;
  text-transform:uppercase;
  font-weight:bold;
}
.content_free.focus ul li a {
  display:block;
  margin:5px 0px 15px 0px;
  padding:4px 3px 2px 25px;
  border:1px solid #d5d5d5;
  min-height:20px;
  background-color:#F0F0F0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0px 0px 1px #fff;
  -webkit-box-shadow: 0px 0px 1px #fff;
  -box-shadow: 0px 0px 1px #fff;
  text-decoration:none;
}
.content_free.focus ul li.quiz a {
  background: url(../images/sprites/picto_focus.png) no-repeat left 0px;
}
.content_free.focus ul li.forum a {
  background: url(../images/sprites/picto_focus.png) no-repeat left -50px;
}
.content_free.focus ul li.annuaire a {
  background: url(../images/sprites/picto_focus.png) no-repeat left -100px;
}
.content_free.focus ul li.bourse a {
  background: url(../images/sprites/picto_focus.png) no-repeat left -150px;
}
.content_free.focus ul li.fb a {
  background: url(../images/sprites/picto_focus.png) no-repeat left -200px;
}
.content_free.focus ul li.twitter a {
  background: url(../images/sprites/picto_focus.png) no-repeat left -250px;
}
.content_free.focus ul li a:hover {
  background-color:#fff;
}
/*Couleur txt rubriques*/
.rub1, .rub1 a {
  color:#583535;
  text-decoration:none;
}
.rub2, .rub2 a {
  color:#e00874;
  text-decoration:none;
}
.rub3, .rub3 a {
  color:#ef850f;
  text-decoration:none;
}
.rub4, .rub4 a {
  color:#5ac4e7;
  text-decoration:none;
}
.rub5, .rub5 a {
  color:#b7bf2e;
  text-decoration:none;
}
.rub6, .rub6 a {
  color:#8b67c7;
  text-decoration:none;
}
.rub7, .rub7 a {
  color:#476B83;
  text-decoration:none;
}
.rub8, .rub8 a {
  color:#db3919;
  text-decoration:none;
}
.rub9, .rub9 a {
  color:#4cc6d1;
  text-decoration:none;
}
.rub10, .rub10 a {
  color:#938e03;
  text-decoration:none;
}
.rub11, .rub11 a {
  color:#88a8ca;
  text-decoration:none;
}
.rub12, .rub12 a {
  color:#d2a77c;
  text-decoration:none;
}
.rub13, .rub13 a {
  color:#938e03;
  text-decoration:none;
}
.rub14, .rub14 a {
  color:#5ac4e7;
  text-decoration:none;
}
.rub15, .rub15 a {
  color:#d2a77c;
  text-decoration:none;
}
.rub-q, .rub-q a {
  color:#88A8CA;
  text-decoration:none;
}
a.rub1:hover, a.rub2:hover, a.rub3:hover, a.rub4:hover, a.rub5:hover, a.rub6:hover, a.rub7:hover, a.rub8:hover, a.rub9:hover, a.rub10:hover, a.rub11:hover, a.rub12:hover, a.rub13:hover, a.rub14:hover, a.rub15:hover, a.rub-q:hover, .rub1 a:hover, .rub2 a:hover, .rub3 a:hover, .rub4 a:hover, .rub5 a:hover, .rub6 a:hover, .rub7 a:hover, .rub8 a:hover, .rub9 a:hover, .rub10 a:hover, .rub11 a:hover, .rub12 a:hover, .rub13 a:hover, .rub14 a:hover, .rub15 a:hover, .rub-q a:hover {
  text-decoration:underline;
}
/* Boutons d'actions avec fd*/
.btn_action {
  display: inline-block;
  margin: 10px 0;
  padding:2px 5px 0px 5px;
  width: 180px;
  height: 20px;
  border: none;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  font-size:120%;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
  background: transparent url(../images/sprites/sprite_global_bg-hz.png) repeat-x left -10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 0px #fff;
  -webkit-box-shadow: 1px 1px 0px #fff;
  box-shadow: 1px 1px 0px #fff;
  color:#fff;
}
.btn_action:hover {
  background-position: left -42px;
}
.btn_action a {
  text-decoration:none;
  color:#fff!important;
}
.btn_action.redacteur a {
  padding:0 0 0 25px;
  background: transparent url(../images/sprites/sprite_global.png) no-repeat left -80px;
}
/* Formulaires génériques */

input[type="text"], input[type="password"], textarea, select {
  padding:1px 2px;
  border: 1px solid #C5C5C5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 0px #fff;
  -webkit-box-shadow: 1px 1px 0px #fff;
  box-shadow: 1px 1px 0px #fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#666;
}
input[type="file"] {
  padding:1px 2px;
  font-size:12px;
  color:#666;
}
input[type="text"], input[type="password"] {
  height:16px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, textarea:focus {
  border: 1px solid #484848;
  background-color:#fff;
}
input[type="submit"], input[type="reset"], input[type="button"] {
  padding: 0 4px 2px 4px;
  border: medium none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 0px #fff;
  -webkit-box-shadow: 1px 1px 0px #fff;
  box-shadow: 1px 1px 0px #fff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-weight:bold;
  color: #FFFFFF;
  background: url("../images/sprites/sprite_global_bg-hz.png") repeat-x scroll left -10px transparent;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  background: url("../images/sprites/sprite_global_bg-hz.png") repeat-x scroll left -42px transparent;
}
/*messages erreur*/
.erreur {
  display:block;
  position:relative;
  margin:10px 0 10px 0;
  padding:2px 5px;
  background-color: #F2F2F2;
  border: 1px solid #ed3713;
  color: #ed3713;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* --------------- HEADER  ---------------- */

#header .content {
  position:relative;
  margin:0 auto;
  width:995px;
}
#header #logo {
  display:block;
  position:absolute;
  top:10px;
  left:0;
}
#header .baseline {
  display:block;
  position:absolute;
  top:40px;
  left:200px;
  width:700px;
  font-size:90%;
  font-weight:normal;
  color:#888888;
}
/*--- Top bar ---*/
#top_bar {
  position:relative;
  z-index: 999;
  top:0;
  margin:0 auto;
  width:995px;
}
/*--- Sliding Login Panel with jQuery / Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Copyright 2009 Jeremie Tisseau
"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:	http://www.gnu.org/licenses/gpl-3.0.html ---*/
/* clearfix */
#top_bar .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#top_bar .clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html #top_bar .clearfix {
  height: 1%;
}
#top_bar .clearfix {
  display: block;
}
/* End hide from IE-mac */
#top_bar .clearfix {
  height: 1%;
}
#top_bar .clearfix {
  display: block;
}
#top_bar legend {
  position:absolute;
  display:none;
  top:-9999px;
}
/* Panel Tab/button */
#top_bar .tab {
  position: relative;
  top: -2px;
  height: 32px;
  z-index: 999;
  background: transparent;
}
#top_bar .tab ul.login {
  display: block;
  position: relative;
  right: 0px;
  float: right;
  clear: right;
  height: 25px;
  width: auto;
  margin: 0;
  padding:0 0 7px 0;
  font-weight: bold;
  line-height: 32px;
  color: white;
  text-align: center;
  border:1px solid #d4d4d4;
  background:#efefef;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -moz-box-shadow: 1px 1px 0px #fff;
  -webkit-box-shadow: 1px 1px 0px #fff;
  box-shadow: 1px 1px 0px #fff;
}
#top_bar .tab ul.login li {
  text-align: left;
  padding: 0 6px;
  display: block;
  float: left;
  height: 32px;
}
#top_bar .tab ul.login li a {
  color: #888888;
  text-decoration:none;
}
#top_bar .tab ul.login li a:hover {
  color: #D55B1E;
}
#top_bar .tab .sep {
  color:#888888
}
#top_bar .tab a.inscription {
  margin:0 0 0 5px;
}
#top_bar .tab a.open, #top_bar .tab a.close {
  position: relative;
  top: 6px;
  display: block;
  width: 50px;
  height: 20px;
  line-height: 20px !important;
  padding-right: 30px !important;
  cursor: pointer;
}
#top_bar .tab a.open {
  background: url(../images/login_panel/bt_open.png) no-repeat right 1px;
}
#top_bar .tab a.close {
  color:#D55B1E!important;
  display:none;
  position:relative;
  top:0px;
  background: url(../images/login_panel/bt_close.png) no-repeat right -1px;
}
#top_bar .tab a:hover.open {
  color:#D55B1E!important;
  background: url(../images/login_panel/bt_open.png) no-repeat right -18px;
}
#top_bar .tab a:hover.close {
  color:#D55B1E!important;
  background: url(../images/login_panel/bt_close.png) no-repeat right -20px;
}
/* sliding panel */
#top_bar #toppanel {
  position: absolute;    /*Panel will overlap  content */ /*position: relative;*/   /*Panel will "push" the content down */
  top: 0;
  right:240px;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  z-index: 999;
  text-align: center;
}
#top_bar #panel {
  width: 300px;
  z-index: 3;
  display: none;
  overflow: hidden;
  position: relative;
  background: transparent;
  color: #888888;
}
#top_bar #panel h2 {
  position:absolute;
  top:-9999px;
  text-indent:-9999px;
}
#top_bar #panel a {
  text-decoration: none;
  color: #e63e29;
}
#top_bar #panel a:hover {
  color: #888888;
}
#top_bar #panel .content {
  margin: 0 auto;
  width: 300px;
  text-align: left;
}
#top_bar #panel .content form {
  margin: 0 5px 2px 5px;
}
#top_bar #panel fieldset {
  position:relative;
  top:-1px;
  padding:15px 10px;
  border:1px solid #fff;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -moz-box-shadow: 0px 1px 3px #888;
  -webkit-box-shadow: 0px 1px 3px #888;
  box-shadow: 0px 1px 3px #888;
  background:#EFEFEF;
}
#top_bar #panel .content label {
  display:block;
  clear:both;
  float:left;
  margin:0 10px 0 0;
  padding-top:8px;
  width:100px;
  text-align:right;
}
#top_bar #panel .content input.field {
  margin:4px 5px 4px 0px;
  padding:1px 2px;
  height: 18px;
  border: 1px #888888 solid;
  width: 145px;
  color: #8a8989;
  background: #fff;
}
#top_bar #panel .content input:focus.field {
  border-color:#484848;
}
/* Login buttons */
#top_bar #panel .content input.bt_login {
  display: block;
  margin: 10px 0;
  width: auto;
  height: 22px;
  border: none;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  background: transparent url(../images/sprites/sprite_global_bg-hz.png) repeat-x left -42px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 0px #fff;
  -webkit-box-shadow: 1px 1px 0px #fff;
  box-shadow: 1px 1px 0px #fff;
  color:#fff;
}
#top_bar #panel .content input.bt_login:hover {
  background-position: left -10px;
}
#top_bar #panel .lost-pwd {
  padding: 15px;
  font-size: 0.95em;
  text-decoration: underline;
}
/* End sliding panel */

/*search*/
#search_bar {
  position:absolute;
  top:0px;
  right:10px;
  display: block;
  margin: 0;
  padding:0 5px 5px 5px;
  border:1px solid #d4d4d4;
  width: 195px;
  height: 25px;
  font-weight: bold;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -moz-box-shadow: 1px 1px 0px #fff;
  -webkit-box-shadow: 1px 1px 0px #fff;
  box-shadow: 1px 1px 0px #fff;
  background:#efefef;
}
#search_bar h2 {
  text-indent:-9999px;
  position:absolute;
  top:-9999px;
}
#search_bar input.field {
  margin:4px 35px 4px 0px;
  padding:1px 2px;
  border: 1px #d4d4d4 solid;
  height: 18px;
  width: 150px;
  color: #8a8989;
  background: #fff;
}
#search_bar input:focus.field {
  border-color:#484848;
}
#search_bar input.bt_submit {
  display: block;
  position:absolute;
  top:4px;
  right:10px;
  border: none;
  padding: 0 0 2px;
  height: 22px;
  width: 26px;
  text-align: center;
  cursor: pointer;
  font-size:90%;
  font-weight: bold;
  color:#fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 0px #fff;
  -webkit-box-shadow: 1px 1px 0px #fff;
  box-shadow: 1px 1px 0px #fff;
  background: transparent url(../images/sprites/sprite_global_bg-hz.png) repeat-x left -10px;
}
#search_bar input.bt_submit:hover {
  background-position: left -42px;
}
/* ---------------- FOOTER  ---------------- */

#footer .content {
  position:relative;
  margin:0 auto;
  width:995px;
  min-height: 140px;
}
#footer h2 {
  margin:0 0 10px 0;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:125%;
  text-transform:uppercase;
  color:#444444;
  -moz-text-shadow: 1px 1px 0px #fff;
  -webkit-text-shadow: 1px 1px 0px #fff;
  text-shadow: 1px 1px 0px #fff;
}
#footer a {
  font-size:90%;
  color:#2a201e;
}
#footer a:hover {
  text-decoration:none;
}
#footer ul li {
  line-height:140%;
}
#footer .cat_list {
  display:block;
  position:relative;
  float:left;
  padding:5px 20px;
  border-left:1px solid #f3f3f3;
  width:250px;
  min-height:130px;
  -moz-box-shadow: -1px 0px 0px #c0c0c0;
  -webkit-box-shadow: -1px 0px 0px #c0c0c0;
  box-shadow: -1px 0px 0px #c0c0c0;
}
#footer .cat_list ul {
  float:left;
  width:120px;
}
#footer .acces_rapide {
  display:block;
  position:relative;
  float:left;
  padding:5px 20px;
  border-left:1px solid #f3f3f3;
  width:200px;
  min-height:130px;
  -moz-box-shadow: -1px 0px 0px #c0c0c0;
  -webkit-box-shadow: -1px 0px 0px #c0c0c0;
  box-shadow: -1px 0px 0px #c0c0c0;
}
#footer .copyright {
  display:block;
  z-index:999;
  position:relative;
  float:right;
  top:70px;
  padding:50px 0 0 0;
  right:20px;
  width:160px;
  height:20px;
  text-align:center;
  font-size:90%;
  color:#848484;
  background: url(../images/footer_logo_bloc.png) no-repeat center top;
}
/* --------------- CONTENU DROITE BLOCS MODULABLES (Recettes, Q/R, articles, ...) ---------------- */
/*général*/
#rightSide {
  position:relative;
  float:left;
  margin:0;
  width:345px;
}
#rightSide h2 {
  display:block;
  position:relative;
  border-bottom:1px solid #fff;
  padding:5px 5px 0 8px;
  height:19px;
  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;
}
#rightSide h2 a {
  text-decoration:none;
  color:#fff!important;
}
#rightSide .plus {
  position:absolute;
  bottom:0px;
  right:10px;
}
#rightSide h3 a, #rightSide h3 a:visited {
  text-decoration:none;
  color:#484848;
}
#rightSide h3 a:hover {
  text-decoration:underline;
}
/* Bloc libre */
#rightSide .content_free {
  clear:left;
  display:block;
  margin:0 0 25px 0;
  background:#f2f2f2;
}
/* recettes */
#rightSide .recettes {
  margin:0px 0 25px;
  padding:0 0 40px;
  font-size:90%;
  background-color:#F1F1F1;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#rightSide .recettes h2 {
  background:#585858 url(../images/sprites/sprite_global_bg-hz.png) repeat-x left -236px;
}
#rightSide .recettes .recette {
  display:block;
  position:relative;
  clear:left;
  margin:10px 10px 15px 10px;
  height:100px;
  border-bottom:1px dotted #484848;
}
#rightSide .recettes .recette h3 {
  margin:0 0 5px 0;
  font-size:120%;
  color:#90AA22;
}
#rightSide .recettes .recette h3 a {
  color:#90AA22;
}
#rightSide .recettes .recette img.visuel {
  float:left;
  margin: 0 10px 10px 0;
  border:1px solid #fff;
}
#rightSide .recettes .recette a:hover img {
  border-color:#484848;
}
#rightSide .recettes .recette p {
  margin:0 0 2px 0;
}
#rightSide .recettes .btn_action {
  position:absolute;
  bottom:5px;
  right:10px;
  width: 170px;
  font-size:130%;
  background: transparent url(../images/sprites/sprite_rub10.png) repeat-x left -10px;
}
#rightSide .recettes .btn_action:hover {
  background: transparent url(../images/sprites/sprite_global_bg-hz.png) repeat-x left -10px;
}
/* questions  */
#rightSide .questions {
  position:relative;
  margin:0 0 15px 0;
  padding:0 0 40px 0;
  font-size:90%;
  background-color:#fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#rightSide .questions h2 {
  background:#80A6C6 url(../images/sprites/sprite_global_bg-hz.png) repeat-x left -270px;
}
#rightSide .questions .question {
  display:block;
  position:relative;
  clear:left;
  border-bottom:1px dotted #484848;
  margin:10px 0 15px 0;
  padding:0 0 15px 0;
}
#rightSide .questions .question h3 {
  margin:0 0 5px 0;
  font-size:110%;
}
#rightSide .questions .question p {
  margin:0 0 10px 0;
}
#rightSide .questions .question .date {
  margin:0;
  color:#686868;
}
#rightSide .questions .question .plus {
  position:absolute;
  bottom:10px!important;
  right:0px!important;
}
#rightSide .questions .btn_action {
  position:absolute;
  bottom:5px;
  right:0px;
  width: 170px;
  font-size:130%;
  background: transparent url(../images/sprites/sprite_global_bg-hz.png) repeat-x left -106px;
}
#rightSide .questions .btn_action:hover {
  background-position: left -10px;
}
#rightSide .questions .btn_action a {
  padding:0 0 0 25px;
  background: transparent url(../images/sprites/sprite_global.png) no-repeat left -55px;
}
/* Articles et dossiers */
#rightSide .articles {
  margin:0 0 25px 0;
  padding:0 0 5px 0;
  font-size:90%;
  background-color:#F1F1F1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#rightSide .articles h2 {
  background:#585858 url(../images/sprites/sprite_global_bg-hz.png) repeat-x left -203px;
}
#rightSide .articles .article {
  display:block;
  position:relative;
  clear:left;
  margin:10px 0 20px 0;
  padding:0 10px 15px 10px;
  min-height:120px;
}
#rightSide .articles .article h3 {
  margin:0 0 5px 0;
  font-size:110%;
}
#rightSide .articles .article .cat a {
  text-decoration:none;
}
#rightSide .articles .article .cat a:hover {
  text-decoration:underline;
}

#rightSide .articles .article img {
  float:left;
  margin: 0 10px 10px 0;
  border:1px solid #c5c5c5;
}
#rightSide .articles .article a:hover img {
  border-color:#484848;
}
#rightSide .articles .article .plus {
  position:absolute;
  bottom:0px;
  right:10px;
}
/* special Articles onglets*/
#main.wf_2cols #rightSide .articles h2 a {
  position:absolute;
  display:block;
  top:0px;
  padding:4px 5px 0 5px;
  height:19px;
  width:163px;
  text-align:center;
  text-decoration:none;
  color:#fff;
}
#main.wf_2cols #rightSide .articles h2 a.selection {
  left:0px;
  background:#D0DCE1;
  color:#484848;
}
#main.wf_2cols #rightSide .articles h2 a.populaires {
  left:172px;
  background:#D0DCE1;
  color:#484848;
}
#main.wf_2cols #rightSide .articles h2 a:hover, #main.wf_2cols #rightSide .articles h2 a.current {
  -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 .articles h2 a.current span {
  display:block;
  position:absolute;
  bottom:-16px;
  left:76px;
  z-index:999;
  margin:0 auto;
  width:15px;
  height:18px;
}
/* special Articles onglets HOME*/
#home #main.wf_3cols #rightSide .articles h2 a {
  position:absolute;
  display:block;
  top:0px;
  padding:4px 5px 0 5px;
  height:20px;
  width:158px;
  text-align:center;
  text-decoration:none;
  color:#fff;
 
}
#home #main.wf_3cols #rightSide .articles h2 a.selection {
  left:0px;
  background:#D0DCE1;
  color:#484848;
}
#home #main.wf_3cols #rightSide .articles h2 a.populaires {
  left:172px;
  background:#D0DCE1;
  color:#484848;
}
#home #main.wf_3cols #rightSide .articles h2 a:hover, #home #main.wf_3cols #rightSide .articles h2 a.current {
  -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;
}
#home #main.wf_3cols #rightSide .articles h2 a.current span {
  display:block;
  position:absolute;
  bottom:-18px;
  left:75px;
  z-index:999;
  margin:0 auto;
  width:18px;
  height:18px;
}

#home #main.wf_3cols #rightSide .articles h2 a:hover span, #home #main.wf_3cols #rightSide .articles h2 a.current span {
  background: url(../images/sprites/sprite_global.png) repeat-x scroll left -132px transparent;
}

#home #main.wf_3cols #rightSide .articles h2 a.current {
  background: url(../images/sprites/sprite_global_bg-hz.png) repeat-x left -203px;
  color:#fff;
}
#home #main.wf_3cols #rightSide .articles h2 a:hover { background: #999 url(none); color:#fff; }
#home #main.wf_3cols #rightSide .articles h2 a.current:hover {
  background: url(../images/sprites/sprite_global_bg-hz.png) repeat-x left -203px;
  color:#fff;
}

/* Annuaire */
#rightSide .annuaire {
  clear:left;
  margin:0 0 25px 0;
  padding:0 0 5px 0;
  font-size:90%;
  background-color:#F1F1F1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#rightSide .annuaire h2 {
  background:#585858 url(../images/sprites/sprite_global_bg-hz.png) repeat-x left -203px;
}
#rightSide .annuaire .site {
  display:block;
  position:relative;
  clear:left;
  margin:10px 0 15px 0;
  padding:0 10px 15px 10px;
  min-height:120px;
}
#rightSide .annuaire .site h3 {
  margin:0 0 5px 0;
  font-size:110%;
}
#rightSide .annuaire .site img {
  float:left;
  margin: 0 10px 10px 0;
  border:1px solid #c5c5c5;
}
#rightSide .annuaire .site a:hover img {
  border-color:#484848;
}
#rightSide .annuaire .site .plus {
  position:absolute;
  bottom:0px;
  right:10px;
}
/* Vignettes */
#rightSide .vignets {
  display:block;
  padding:0px 0 20px 0;
  background:#fff;
}
#rightSide .vignets ul li {
  display:inline;
  height:45px;
  width:45px;
}
#rightSide .vignets ul li img {
  margin:2px 4px;
  border:1px solid #8a8c89;
}
#rightSide .vignets ul li a:hover img {
  border:1px solid #000;
}
/* Tag Cloud */
#rightSide .tags {
  display:block;
  margin:0 0 20px 0;
  padding:4px 0;
  border-top:1px dotted #484848;
  border-bottom:1px dotted #484848;
}
#rightSide .tags ul {
  display:block;
  padding:10px 0;
  border-top:1px dotted #484848;
  border-bottom:1px dotted #484848;
}
#rightSide .tags li {
  display:inline;
  text-align:justify;
}
#rightSide .tags a {
  padding:1px 3px 1px 0px;
  line-height:normal;
  text-decoration:none;
  text-align:justify;
}
#rightSide .tags a:hover {
  text-decoration:underline;
}
#rightSide .tags .level1 {
  font-size:90%;
  color:#484848;
}
#rightSide .tags .level2 {
  font-size:110%;
}
#rightSide .tags .level3 {
  font-size:120%;
  font-weight:bold;
  color:#484848;
}
#rightSide .tags .level4 {
  font-size:150%;
  font-weight:bold;
}


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