/*===================================================================*/
/* definition des styles de la navigation et des menus               */
/*===================================================================*/
a, 
a:link, 
a:visited, 
a:active, 
a:hover {
	color: #0170b9;
	text-decoration: none;
}
a:active, 
a:hover { 
	color: #616161;
}
/*===================================================================*/
/*  Styles associs au menu principale de l'entete                    */
/*===================================================================*/
/*  -----------------------------------------------------------  */
/*  Menu suckrfish                                               */
/*  -----------------------------------------------------------  */
/**  conteneur de positionnement  **/
#nav-container{
	position: absolute;
	height: 26px;
	top: 0;
	left: 0;
}
/* Conteneur de premier niveau */
#nav {}
/* Conteneur d'item de premier niveau */
#nav li {
	float: left;
	list-style: none;
	position:relative;
	z-index:99;
}
/* Liens de premier niveau */
#nav a {
	display: block;
	height: 26px;
	width: 100%;
	text-decoration: none;
	line-height: 26px;
}
/** Pour la compatibilite IE on entoure tous les contenus de lien avec des span **/
#nav li a span {
	display: block;
	height: 100%;
	padding: 0 2em;
	background: transparent url(../images/bg_menu_haut.png) no-repeat top left;
	font-size:14px;
	font-weight: bold;
	color: #616161;
	line-height: 26px;
}
/*#nav li a.on, .nav li a.on:hover {text-decoration: none;}*/
#nav li a:hover span {
	color: #0170B9;
}
/* Premier element du niveau superieur */
#nav a.premier-item span {
	background-image: none;
}
/**  Marquage du secteur en cours (actif)  **/
#nav a.curent-item span, #nav a span.curent-item {
	color: #0170B9;
}
/** conteneur du niveau inferieur **/
#nav ul {
	position:absolute;
	top:-999em;
	width: 190px;
}
#nav ul li {
	float: none;
}
#nav ul li a {
	display: block;
	border-bottom: 1px dashed #ffffff;
	background: #c7c7c7 url(../images/bg_smh.png) repeat-x 0px -21px;
	width: 100%;
	height: 21px;
	line-height: 21px;
	color: #0170B9;
	padding: 0 1em;
}
#nav li:hover ul, #nav li.sfhover ul {
	left:-1px;
	top:26px;
}
#nav li:hover li ul, #nav li.sfHover li ul {
	top:-999em;
}
#nav li li:hover ul, ul#nav li li.sfHover ul {
	left:9.45em;
	top:-1px;
}
#nav li ul a:hover {
	background: #c7c7c7 url(../images/bg_smh.png) repeat-x 0px 0px;
	color: #FFFFFF;
}
#nav li li {background:#c7c7c7;}
#nav li li li {background:#c7c7c7;}
#nav a.daddy {/*background: #ffcccc url(rightarrow2.gif) center right no-repeat;*/}
/*===================================================================*/
/*  Styles associs au chemin de navigation                           */
/*===================================================================*/
#pathway {
	clear: both;
	margin: 10px 0 6px 14px;
}
#pathway a, 
#pathway a:link, 
#pathway a:visited, 
#pathway a:active, 
#pathway a:hover {
	font-weight: bold;
	color: #616161;
}
#pathway a:hover {color: #0170b9;}
/*===================================================================*/
/* Styles associs au menu de chaques rubrique                        */
/*===================================================================*/
#navigation-rubrique {
	float: left;
	width: 174px;
	margin-left: 14px;
}
/* Titre de la rubrique */
#navigation-rubrique h2.menu-titre, 
#navigation-rubrique h2.menu-titre a {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 0px;
	color: #616161;
}
#navigation-rubrique ul {list-style: none;}
/* Les liens de premier niveau du sous menu des rubriques */
#navigation-rubrique ul a, 
#navigation-rubrique ul a:link, 
#navigation-rubrique ul a:visited, 
#navigation-rubrique ul a:hover, 
#navigation-rubrique ul a:active {
	display: block;
	background: url(../images/bg_menu_gauche.png) repeat-x 0px 0px;
	height: auto;
	line-height: 23px;
	padding-left: 10px;
	color: #0170B9;
}
#navigation-rubrique ul a:hover, 
#navigation-rubrique ul a:active { 
	color: #616161; 
}
/* Les liens du sous menu des rubriques pour l'lment en cours */
ul.menu-item li a span.curent-item { color: #616161; }
/* Les sous-menu du sous menu des rubriques */
#navigation-rubrique ul ul, 
ul.ssmenurub {
  display: block;
  list-style:none;
  padding: 0;
}
#navigation-rubrique ul.ssmenurub li ul.ssmenurub li, 
#navigation-rubrique ul.ssmenurub_on li ul.ssmenurub_on li {
	padding-left: 14px;
}
#navigation-rubrique li li.ssmenurub a, 
#navigation-rubrique li li.ssmenurub_on a, 
#navigation-rubrique li li a {
  display: block;
  margin-left: 12px;
  margin-bottom: 4px;
  background: url(../images/puce-liste.gif) no-repeat 0px 4px;
  font-size: 10px;
  line-height: 14px;
}
#navigation-rubrique ul ul li { 
	padding-left: 12px;
	font-size: 10px;
}
#navigation-rubrique li li a .curent-item {
	font-size: 10px;
}
#navigation-rubrique ul ul li.ssmenurub a {
  display: block;
  margin-left: 12px;
  margin-bottom: 4px;
  background: url(../images/puce-liste.gif) no-repeat 0px 4px;
  font-size: 10px;
  line-height: 14px;
}
/* The class to hide nested ULs */
.hide {
	position:absolute;
	top:0;
	left:-4000px;
}
/* The class to show nested ULs */
.show {
	position:static;
	display: table;
	top:0;
	left:1em;
}
/**Styles associs au menu du pied de page**/
.menu-bas {
	text-align: center;
	background: url(../images/delimit_menu_bas.png) no-repeat top left;
}
#pied a, #pied a:link, #pied a:visited, #pied a:active, #pied a:hover {
	color: #0170B9;
	line-height: 31px;
	margin: 0px 1em;
}
#pied a:hover {color: #616161;}
#pied img {
	margin-top: auto;
	margin-bottom: auto;
	vertical-align: middle;
}
/**Styles associs au liens lire la suite**/
a.lire, a.lire:link, a.lire:visited, a.lire:active {
	text-decoration: underline;
	color: #0170B9;
	font-style:italic;
}
/*===================================================================*/
/*  Styles associs au lien qui forme les bulles d'aide               */
/*===================================================================*/
.carregris {
	background-image: url(../images/carres_gris.png);
	color: #616161;
}
.carrebleu {
	background-image: url(../images/carres_bleu.png);
	color: #616161;
}
.carregris, .carrebleu {
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left:10px;
}
.gris {
	color: #616161;
}
.bleu {
	color: #0170B9;
}
/**Styles associs au liens qui forme les bulles d'aides et les bio qui
** utilisent la librairie overlib**/
.fontClass {
	font-family:Arial, "Bitstream Vera Sans", Helvetica, sans-serif;
	font-size:11px;
	color:#616161;
	text-align:justify;
}
.fgClass {
	background-color:#FFFFFF;
	padding:5px;
	border:1px solid #0065a4;
}
.bgClass { background-color:#0065a4;}
/**  Les bios **/
.block-bio {float: none;}
.block-bio-texte {
	width: 40%;
	float: left;
}
.block-bio-image {
	width: 48%;
	float: none;
	margin-left: 38%;
	position:relative;
}
a.bio, a.bio:link, a.bio:visited, a.bio:active {
	position: relative;
	text-decoration: underline;
	color: #616161;
}
a.bio:hover {
	position: relative;
	color: #0170B9;
}
a.bio span, a.bio div {
	display: none;
}
a.bio img { margin-right: 4px;}
a.bio:hover span, a.bio:hover div {
	display: block;
	position: absolute;
	z-index: 100;
	left: 15%;
	top: 20%;
	width: 250px;
	background-color: #FFFFFF;
	border: 1px dashed #0065a4;
	color: #555;
	text-decoration: none;
	padding: 8px;
	text-align: justify;
}
.nettoyeur_bio {
	clear:right;
	margin: 0;
	padding: 0;
	border: none;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}
/*===================================================================*/
/*  Le bloc de pagination precedent suivant pour les articles        */
/*===================================================================*/
.bloc_pagination {
	text-align: center;
	margin-top: 2em;
}
a.sans-lien {cursor: default;}