/*

   CSS file for skn5_guppy02  - version 5.0  CeCILL Copyright (C) 2004-2014 by GuppY Team
    Initiated by Laurent Duveau and Nicolas Alves
     Web site = http://www.freeguppy.org/
     e-mail   = guppy@freeguppy.org
	 
	   GuppY Design: Skins for Guppy 5.0 - original release fevrier 2014
	   Design - Graphisme :  Sabine    Guppy Team 
*/

html { /*  document */
  font: 13px Arial, Helvetica, sans-serif;
  color: #404040;
  background: #fff;
}
body { /*  corps du document */
  margin: 0;
  font: 13px Arial, Helvetica, sans-serif;
  color: #404040;
  background: url(img/top.png) repeat-x top, url(img/bottom.png) repeat-x bottom;
}
/************
 * Général */
a { /* lien */
  color: #000;
  background: transparent;
  text-decoration: none;
}
.titre a { /* lien titres */
	color: #0685b6;
	background-color: transparent;
	text-decoration: none;
}
a:hover { /* lien survolé */
  color: #158bb6;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  position: relative;
}
p { /* paragraphe */
  margin: 16px 0;
  color: #404040;
  background: transparent;
}
hr { /* ligne horizontale */
  height: 0px;
  border: 1px solid transparent;
  width: 98%;
}
ul, ol, dl, dd, dt { /* listes */
  padding: 0;
  margin: 0;
}

h1 { /* titre niveau 1 */
  font-size: 24px;
}
h2 { /* titre niveau 2 */
  font-size: 18px;
}
h3 { /* titre niveau 3 */
  font-size: 16px;
}
h4 { /* titre niveau 4 */
  font-size: 14px;
}
img {
    border-style: none;
}
/******************************************
* Mise en page des blocks div principaux */
#noscriptWarning {
    background: #B5121B;
    color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-weight: 700;
    font-size: 12px;
    font-family: Arial, sans-serif;
}
#screen_choice {
  z-index: 20;
  position: absolute;
  top: 2px;
  right: 4px;
  padding: 0px;
  margin: 0;
  text-align: right;
}
#page{ /* all the page */
  padding-top: 0px;
  color: #404040;
  background: transparent;
}
#header { 
	color: inherit;
	background-color: transparent;
}
#TopBoxes { /* boites dans l"entête */
  margin: 0;
  padding: 0;
  height: 430px;
  color: #404040;
  background: url(img/topboxes.png) no-repeat 50% 0;
}
#MainContent { /* partie centrale */
  margin: 0;
  padding-top: 10px;
  margin: 40px 0 5px;
  background: #fff;
}
#LeftBoxes { /* colonne à  gauche */
  padding: 8px 0 8px 4px;
  width: 100%;
  background: url(img/boxes.png);
}
#RightBoxes { /* colonne à  droite */
  margin: 0;
  padding: 8px 4px 8px 0;
  width: 100%;
  background: url(img/boxes.png);  
}
#AboveBoxes { /*boites au-dessus dans la partie centrale*/
  background : transparent;
}
#EditoBoxes { /*boites qui apparaissent dans la page d"accueil - CONFIG ACCUEIL*/
  background: transparent;
}
#UnderBoxes { /*boites en-dessous dans la partie centrale*/
  background: transparent;
}
#BottomBoxes { /* boites  entre la partie centrale et le pied de page */
  margin: 0 8px 2px 8px;
  text-align: center;
}
#footer { /* pied de page */
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  color: #c0c0c0;
  background-color: transparent;
  padding: 0px 8px 8px;
  margin-top: 0px;
}
#footer a { /* lien dans le pied de page */
  color: #52d4f6;
  background-color: transparent;  
}
#skinCopyright { /*copyright de la skin*/
  width: 100%;
  text-align: center;
  font-size: 10px;
}
/**** BLOG *****/
#BlogTop { /*BLOG - partie supérieure*/
  width: 100%;
  padding: 0;
  margin: 0;
  color: #404040;
  background-color : transparent;
}
#BlogLeftBoxes { /* BLOG - colonne gauche */
  padding: 8px 4px 8px 4px;
  background: url(img/boxes.png);
  width: 210px;
}
#BlogRightBoxes { /* BLOG - colonne droite */
  padding: 8px 2px 8px 3px;
  background: url(img/boxes.png);
  width: 210px;
}
#BlogLeftBoxes .titrebox {
  background: url(img/lhbB.png) no-repeat 50% 0;
  height: 40px;
  padding-top: 10px;
  font: 16px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
  width: 210px;
}
#BlogLeftBoxes .tblbox { /*BLOG - corps des boites à  gauche*/
  color: #404040;
  border-width: 0;
  padding: 4px;
  margin-bottom: 8px;
  background: #fff;
  width: 196px;
  border-radius: 12px;
  border: 2px solid #3cc8f8;
}
#BlogRightBoxes .titrebox { /*BLOG - titre des boites à  droite*/
  background: url(img/lhbB.png) no-repeat 50% 0;
  height: 40px;
  padding-top: 10px;
  font: 16px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
  width: 210px;
}
#BlogRightBoxes .tblbox { /*BLOG - corps des boites à  droite*/
  color: #404040;
  border-width: 0;
  padding: 4px;
  margin-bottom: 8px;
  background: #fff;
  width: 196px;
  border-radius: 12px;
  border: 2px solid #3cc8f8;
}
#BG0titrebox1.titrebox {
  border: 0px;
}
#BlogLeftBoxes a { /*BLOG - liens dans les boites à  gauche*/
  color: #404040;
}
#BlogRightBoxes a { /*BLOG - liens dans les boites à  droite*/
  color: #404040;
}
#BlogLeftBoxes p.item { /*BLOG - items dans les boites à  gauche*/
  color: #000;
  font: 15px arial, helvetica, sans-serif;
}

/*******************************************
 * Mise en page des blocs dans l"entête */
div.logo { /* LOGO */
  padding:10px;
  text-align: left;
}
div.banner { /* BANNIERES */
  background-repeat: no-repeat;
  padding: 10px;
  text-align: center;
}
/*************************
 * block boite citation */
div.quote { /* bloc citation */
  text-align: center;
  padding: 1px;
  background: transparent;
  margin-bottom: 8px;
}
div.quote span.labelcita { /* label */
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #fff;
  margin: 0;
  padding: 0 8px;
}
div.quote span.cita { /* texte */
  font: 13px Arial, Helvetica, sans-serif;
  color: #fff;
  background: transparent;
  font-style: normal;
  text-align: center;
  border: 0;
  margin: 0;
  padding: 0 8px;
}
div.quote span.cita a {
  color: #fff;
}
div.quote span.author { /* auteur */
  font: italic 11px Arial, Helvetica, sans-serif;
  color: #fff;
  background: transparent;
}

/***********************************
 * BARRE HORIZONTALE DU MENU */

div.menuIcons { /* bloc menu */
  padding: 4px 0;
  margin-top: 35px;
}
div.menuIcons ul { /* bloc liste du menu */
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
div.menuIcons ul li { /* toutes les sections */
  float: left;
  margin-right: 4px;
  text-align: center;
}
div.menuIcons ul li  span { /* toutes les sections */
  display: block;
  white-space: nowrap;
}
div.menuIcons ul li.menu_admin { /* section admin */
  float: right;
  padding-right: 3px;
}
div.menuIcons ul li a span { /* lien */
  color: #fff;
  background-color: #183252;
  text-decoration: none;
  font: 13px Arial, Helvetica, sans-serif;
  border-radius: 12px;
  padding: 3px;
  min-width: 60px;
}
div.menuIcons ul li a span.current { /* lien actif */
  color:#fff;
  background: #e6950a;
}
div.menuIcons ul li a:hover span { /* lien survolé */
  color: #000;
  background: #8ada16;
}
.menuIcons_flag img { /*drapeau menu */
  border: none;
  margin: 40px -2px -2px 0;
}
div ul, ol { /* listes */
	padding: 8px 0 8px 8px;
	margin-left: 1px;
}
div li { /* espace entre lien menu */
	padding: 0;
	margin-left: 12px;
}
/************************************
 * Boite MENU */
ul.boxmenu { /* block liste */
  margin: 0;
  padding: 2px 0;
  list-style: none;
  font: 18px Verdana, Arial, Helvetica, sans-serif;
}
ul.boxmenu li { /* items liste */
  margin-bottom: 10px;
}
ul.boxmenu li img { /* icons */
  vertical-align: middle;
  margin-right: 10px;
}
ul.boxmenu li.menu_admin a span { /*lien admin*/
  color: transparent;
}
ul.boxmenu li a span { /*lien*/
  color: #404040;
  font: 13px Verdana, Arial, Helvetica, sans-serif;
}
ul.boxmenu li.curr_item a span { /*lien actif*/
  color: #cc3399;
}
ul.boxmenu li a:hover span { /*lien survolé*/
  color: #ff9900;
}
ul.boxmenu li.curr_item { /*lien actif*/
  padding-left: 10px;
}
.titrebox .menuIcons_flag img { /*drapeau menu */
  border: none;
  margin: 0 0 0 6px;
  vertical-align: middle;
}
/*****************
 * Fil d"ariane */
.ariane { /* bloc fil d"ariane */
	text-align: left;
	padding: 4px;
	margin: 0px;
}
div.ariane span.arianeOn { /* adresses actives */
	font-style: italic;
	color: #404040;
}
div.ariane span.arianeOff { /* page courante */
	font-style: italic;
	color: #038ac0;
}
/****************************
 * Boites ARTICLES
 * (menu list, menu dynamic 1, menu dynamic 2) */
.rubr, p.rubr { /* catégories des articles */
  font: bold 13px Verdana, helvetica, sans-serif;
  color: #404040;
  background: transparent;
  text-align: left;
  margin: 1px;
  padding: 2px 2px;
}
.tblbox p.rubr {
  color: #0c8ed4;
}
.item {
  font: 13px Arial, Helvetica, sans-serif;
  color: #404040;
  background: transparent;
  text-align: left;
  list-style: none;
  padding: 2px;
}
ul.item li.item { /* titres des articles */
  font: 13px Arial, Helvetica, sans-serif;
  color: #404040;
  background: transparent;
  text-align: left;
  list-style: none;
  padding: 2px 10px;
}
ul.item li.item a {
  color: #404040;
  border: 0px;
}
.curr_item {
  color: #404040;
}
li.curr_item a { /*article affiché*/
  font: 13px Arial, Helvetica, sans-serif;
  color: #128bb4;
  background: transparent;
  text-align: left;
  list-style: none;
}
ul.item li.curr_item, ul.item li.curr_item a { /* titre article est affiché */
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #cc3399;
  background: transparent;
  text-align: left;
  list-style: none;
  border: 0px;
  border-radius: 0px;
}
ul.item li.curr_item a:hover {
  color: #cc3399;
  background-color: transparent;  
}
ul.item {
	margin: 0;
	padding: 2px;
	list-style: none;
}
li.item {
	list-style: none;
	margin-left: 0;
	padding: 2px;
}
li.curr_item {
	list-style: none;
	margin-left: 0px;
}
/***************
 * info bulle */
.pop {
	text-align: justify;
	cursor: help;
	float: left;
	z-index: 30;
}
.pop a {
	display: block;
}
.pop span {
	display: none;
	z-index: 30;
}
.pop a:hover span {
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #404040;
	background-color: #f2f2f2;
	border: 1px solid #c0c0c0;
	border-radius: 6px;
	display: block;
	position: absolute;
	width: 280px;
	text-decoration: none;
	padding: 4px;
	margin-top: 8px;
	text-shadow: 0px 0px 0px;
}
.pop a:hover span em {
    position: absolute;
    top: -7px;
    left: 8px;
    height: 7px;
    width: 11px;
    background: transparent url(img/infobullet.png);
    border: none;
}
/*************
 * Calendar */
.cal {
  border-collapse: separate;
  border: 0px solid #c0c0c0;
  border-spacing: 0px;
  color: #404040;
  background: #fff;
  width: 100%;
  margin: auto;
}
.cal a {
  color: #404040;
}
tr.cal { /* calendar nav bar - barre de navigation */
  font: 13px Arial, Helvetica, sans-serif;
  color: #404040;
  background: transparent;
  text-align: center;
}
td.cals { /* week - jour de la semaine */
  font: 13px Arial, Helvetica, sans-serif;
  color: #fff;
  background: #038ac0;
  width: 14%;
  text-align: center;
}
td.cal0 { /* empty cell - cellule vide*/
  font: 13px Arial, Helvetica, sans-serif;
  color: #404040;
  background: transparent;
  width: 14%;
  text-align: center;
}
td.cal1{ /* days - jours*/
  font: 13px Arial, Helvetica, sans-serif;
  color: #404040;
  background: transparent;
  width: 14%;
  text-align: center;
}
td.cal2 { /* today - aujourd"hui */
  font: 13px Arial, Helvetica, sans-serif;
  color: #000;
  background-color: #f7c109;
  width: 14%;
  text-align: center;
}
td.cal3 { /* sunday or special - dimanche ou spécial*/
  font: 13px Arial, Helvetica, sans-serif;
  color: #404040;
  background: transparent;
  width: 14%;
  text-align: center;
}
td.cal4 { /* today is sunday or special - aujourd"hui est dimanche ou spécial */
  font: 13px Arial, Helvetica, sans-serif;
  color: #000;
  background-color: #f7c109;
  width: 14%;
  text-align: center;
}
td.cal5 { /* link to month agenda - lien vers agenda du mois */
  font: 13px Arial, Helvetica, sans-serif;
  color: #404040;
  background: transparent;
  width: 14%;
  text-align: center;
}
td.calevt { /* planner event - événement*/
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #404040;
  background-color: #95d30d;
  text-align: center;
  width: 14%;
}
select.cal { /* month and year select - sélection mois et année */
  background: #fff;
  border: 1px inset #c0c0c0;
}
/************************
 * Formulaires (Forms) */
form { /* formulaire */
  margin: 3px 0;
}
fieldset { /* Encadrement des champs */
  border: 1px solid #c0c0c0;
  margin: 8px;
}
legend { /* légende des encadrements */
  font: 12px Arial, Helvetica, sans-serif;
  color: #404040;
  background: url(img/menuB.png);
  border: 1px outset #c0c0c0;
}
input.bouton, button { /* bouton */
  cursor: pointer;
  margin: 4px 0;
  color: #000;
  border: 1px solid #c0c0c0;
  background: url(img/menuB.png);
  font: 13px Arial, Helvetica, sans-serif;
  border-radius: 12px;
  min-width: 70px;
}
#LeftBoxes input.bouton, #LeftBoxes button, #RightBoxes input.bouton, #RightBoxes button { /* bouton des boites latérales */
  cursor: pointer;
  margin: 4px 0;
  color: #fff;
  border: 1px solid #fffffe;
  background: url(img/orange.png);
  font: 13px Arial, Helvetica, sans-serif;
  border-radius: 12px;
  min-width: 80px;
  height: 25px;
}
input.texte { /* champ texte */
  background-color: #fff;
  font: 12px Arial, Helvetica, sans-serif;
  color: #404040;
  border: 1px solid #c0c0c0;
  margin: 4px 0;
  padding: 0 2px;
  border-radius: 12px;
  vertical-align: middle;
}
select { /* champ select */
  color: #404040;
  background-color: #fff;
  font: 12px Arial, Helvetica, sans-serif;
  border: 1px solid #c0c0c0;
  margin: 4px 0;
  border-radius: 12px 0px 0px 12px;
  vertical-align: middle;
}
textarea { /* champ textarea */
  color: #404040;
  background-color: #f2f2f2;
  border: 1px solid #fff;
  overflow: auto;
  margin: 4px 0;
}
/*************************************
 * block box central forum - tables */
.row {
    width: 100%;
    border: none;
}
.col {
    width: 100%;
    vertical-align: top;
}
.forum {
  background-color: #99cc33;
  padding: 0px;
  font: 15px Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
}
.forum p, .forum a {
  color: #fff;
  border: 0px;
}
.forum2 p {
  background: url(img/menuB.png) repeat-x;
  padding-left: 10px;
  font: 13px Arial, Helvetica, sans-serif;
  color: #404040;
  text-align: left;
  border-radius: 8px;
}
tr.forum2 {
  background: url(img/orange.png) repeat-x;
  padding-left: 10px;
  font: bold 13px verdana, Helvetica, sans-serif;
  color: #fff;
  text-align: left;
}
tr.forum2 a {
  color: #fff;
  background: transparent;
}
td.forum2 {
  color: #000;
  background: url(img/orange.png);
  border-radius: 12px;
  padding-left: 10px;
}
td.forum2 b {
  color: #fff;
}
.quest {
  background: #fff;
  padding: 1px;
  font: 13px Arial, Helvetica, sans-serif;
  color: #0685b6;
  text-align: left;
}
.quest a {
  color: #0685b6;
}
.rep {
  background: #fff;
  padding: 10px 5px 5px 5px;
  font: 13px Arial, Helvetica, sans-serif;
  color: #404040;
  text-align: left;
  border: 1px dotted #c0c0c0;
}
.bord {
  border: 0px solid #c0c0c0;
  padding: 0px;
}
.bord2 {
  border: 0px solid #fff;
}
.rep .cite { /*citation dans le forum*/
  border: 1px dashed #c0c0c0;
}
.rep .cite p {
  color: #404040;
}
.rep div.cite span.cite {
  color: #404040;
  background: url(img/menuB.png);
  border: 1px outset #f2f2f2;
}

/******************************************
 * Mise en page des blocks dans le corps */
/* block lateral boxes */
.htable {
  margin-bottom: 8px;
}
.htable1 {
  margin-bottom: 8px;
}
.titre { /*titre boite centrale*/
  background: url(img/menuB.png);
  white-space: nowrap;
  font: 18px Verdana, Arial, Helvetica, sans-serif;
  color: #cc3399;
  text-shadow: 1px 1px 1px #fff;
  text-align: left;
  padding: 2px;
  padding-left: 10px;
  box-shadow: 1px 1px 1px #c0c0c0;
  margin-bottom: 8px;
  margin-left: 10px;
  border-radius: 12px;
}
.tbl { /*Corps boite centrale*/
  border-width: 0;
  font: 13px Arial, Helvetica, sans-serif;
  color: #404040;
  background: inherit;
  text-align:left;
  margin-left: 20px;
}
.tblover { /*Corps boite centrale survolé*/
  border-width: 0;
  font: 13px Arial, Helvetica, sans-serif;
  color: #404040;
  background: inherit;
  text-align:left;
  margin-left: 20px;
}
.titrebox { /*titre des boites latérales*/
  background: #fff;
  font: 18px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #0483bc;
}
#LeftBoxes .TrMNU383.titrebox { /*scripts disponibles*/
  font-size: 15px;
}
#LeftBoxes .titrebox, #RightBoxes .titrebox { /* Titre boite latérale à  gauche et à  droite*/
  background: url(img/lhb.png) no-repeat;
  height: 40px;
  padding-top: 10px;
  font: 18px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
  width: 208px;
}
#LeftBoxes .tblbox, #RightBoxes .tblbox {  /* Corps boite latérale à  gauche et à  droite*/
  color: #404040;
  border-width: 0;
  padding: 4px;
  margin-bottom: 8px;
  background: #fff;
  width: 196px;
  border-radius: 12px;
  border: 2px solid #3cc8f8;
}
/************************/
.boxnet { /*boite réseaux sociaux*/
  width: 100%;
  margin-top: 7px;
  text-align: center;
  background-color: transparent;
}
.box, p.box { /*boites latérales*/
  margin: 0;
  font: 13px Arial, Helvetica, sans-serif;
  color: #404040;
  background-color: transparent;
  text-align: left;
}
.box a, .item a {
  color: #158bb6;
  background-color: transparent;
  text-decoration: none;
  font: 13px Arial, Helvetica, sans-serif;
}
.box a:hover, .item a:hover {
  color: #158bb6;
  text-decoration: none;
  background-color: transparent;
  position: relative;
  top: 1px;
  left: 1px;
}
.boxprint { /*boite d"impression*/
	font: 13px Arial, Helvetica, sans-serif;
	color: #404040;
	background-color: transparent;
}
.thinboxsearch { /*petite boite recherche*/
	background-color: transparent;
	text-align: center;
}
.wideboxsearch {
	background-color: transparent;
	text-align: center;
}
#TopBoxes .wideboxsearch1 a {
	background-color: transparent;
    color: #096895;
}
.thinboxsearch1 {
    background-color: transparent;
    text-align:center;
}
.wideboxsearch1 {
    background-color: transparent;
    color: inherit;
    text-align:center;
    width:172px;
    margin:auto;
}
.thinboxsearch2 {
    background-color: transparent;
    text-align:center;
}
.wideboxsearch2 { 
    background-color: transparent;
    color: inherit;
    text-align:center;
    width:172px;
    margin:auto;
}
/**********************
 * Editeur CKEditor */
.Code {
	font: 13px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #808080;
	border-radius: 8px;
	padding: 0 5px 0 5px;
}
div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt {
    color: #404040;
    background: #f2f2f2;
    border: 1px solid #000;
}
/************************
 * Divers, inclassables */
.f-right {
    float: right;
}
.f-left {
    float: left;
}
.c-right {
    clear: right;
	display: none;
}
.c-left {
    clear: left;
	display: none;
}
.c-both {
    clear: both;
	display: none;
}
.clsCursor {
  cursor: pointer;
}
.timer {
  font: italic 0.9em Arial, Helvetica, sans-serif;
  color: #c0c0c0;
  background-color: transparent;
  text-align: center;
  padding: 8px;
}
.notice {
  color: red;
  background-color: #FF9;
  padding: 2px;
}
.bordure {
  border-width: 0;
}
.top {
  font: 0.8em Arial, Helvetica, sans-serif;
  color: #fff;
  background-color: transparent;
  text-align: center;
}
.errorInputText {
	color: #000;
	background-color: #FFE8B2;
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #c0c0c0;
	border-radius: 12px;
	margin: 4px 0;
	padding: 0 2px;
	vertical-align: middle;
}
/********************
 * Menus déroulants */
ul.dropdown {
    font-weight: bold;
    list-style: none;
    margin: 0; 
    padding: 0;
    position: relative;
    float: left;
}
ul.dropdown li {
    padding: 7px 10px;
    background: url(img/bleu.png) repeat-x;
    color: #FFF;
    list-style: none;
    margin: 0;
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
}
ul.dropdown li:hover {
    background-color: #0a2540;
    color: #FFF;
    position: relative;
    z-index: 599;
    cursor: pointer;
}
ul.dropdown a:link, ul.dropdown a:visited	{
    color: #FFF;
    text-decoration: none;
}
ul.dropdown a:hover {
    color: #FFF;
}
ul.dropdown ul {
    width: 150px;
    margin-top: 1px;
    list-style: none;
    margin: 0;
    padding: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
}
ul.dropdown ul li {
    font-weight: normal;
    float: none;
}
ul.dropdown ul ul {
    top: 1px;
    left: 99%;
}
ul.dropdown li *.dir {
    padding-right: 20px;
}
ul.dropdown-horizontal ul li *.dir {
    padding-right: 20px;
}
ul.dropdown li:hover > ul {
    visibility: visible;
}
ul.dropdown-vertical {
    width: 160px;
}
ul.dropdown-vertical ul {
    top: 1px;
    left: 99%;
}
ul.dropdown-vertical li {
    float: none;
}
ul.dropdown-linear {
    width: 100%;
	font-size: 12px;
}
ul.dropdown-linear li {
    font: 13px Arial, Helvetica, sans-serif;
}
ul.dropdown-linear ul li {
    float: left;
    font: 10px Arial, Helvetica, sans-serif;
    background-color: #FFF;
	border: 1px solid #c0c0c0;
}
ul.dropdown-linear li:hover {
    position: static;
	background: #FFF;
}
ul.dropdown-linear ul li:hover {
    background-color: #FFF;
}
ul.dropdown-linear ul ul {
    display: none !important;
}
/*************
 * Mots-clés */
ul.keyword {
    list-style: none;
    margin: 0; 
    padding: 0;
    position: relative;
    float: left;
}
ul.keyword li {
    margin: 0;
	padding: 0 6px;
    background-color: transparent;
    color: #000;
    list-style: none;
    float: left;
	line-height: 2.0em;
	vertical-align: bottom;
}
ul.keyword li:hover {
    background-color: transparent;
    color: #000;
    position: relative;
    z-index: 599;
    cursor: pointer;
}
ul.keyword ul {
    width: 180px;
    list-style: none;
    margin: 0;
    padding: 0;
    visibility: hidden;
    position: absolute;
    top: 75%;
    left: 0;
    z-index: 598;
}
ul.keyword-horizontal ul li *.dir {
    padding: 0;
}
ul.keyword li:hover > ul {
    visibility: visible;
}
ul.keyword div {
    border: 1px solid #000;
	border-radius: 4px;
	background-color: #EDEDEE;
    color: #000;
	padding: 4px 8px;
	line-height: 1.3em;
}
.keyword0 { /* nombre d"occurrences nulle */
    font-size : 0.8em;
}
.keyword1 { /* entre 1 et 3 */ 
    font-size : 1.2em;
}
.keyword2 { /* entre 4 et 5 */
    font-size : 1.6em;
}
.keyword3 { /* plus de 5 */
    font-size : 2.0em;
}
/************************
 * Cryptogrammes texte */
.cryptogram0 {
    color: #000;
	background-color: #FFF;
	border: 2px solid #000;
	border-radius: 4px;
}
.cryptogram1 {
    color: #000;
	background-color: #FFF;
	border: 2px solid #000;
	border-radius: 4px;
}
.cryptogram2 {
    color: #000;
	background-color: #FFF;
	border: 2px solid #000;
	border-radius: 4px;
}
/********************
 * Personnalisation */
.TrFB400 {
  color: #0685b6;
  background-color: transparent;
}
.TrFRAE0 {
  color: #6ab606;
  background-color: transparent;  
}
.FB394 { /* boîte slider */
   margin: 20px 0;
   background-color: transparent;
}
/**** texte animé latéral - Démo jQuery ***/

.FB390 .slides_container { /*conteneur des diapositives*/
	width: 180px;
	height: auto;
	background: transparent;
	padding: 5px;
}
.FB390 ul.pagination0 { /*boîte de la pagination*/
	width: 80px;
	height: 16px;
	margin: 4px;
	margin-left: 50px;
	background: transparent;
}
.FB390 ul.pagination0 li {
	width: 12px;
	height: 12px;
}
.FB390 ul.pagination0 li a { /*pagination*/
	float:left;
	width: 12px;
	height: 0px;
	list-style:none;
	background: #dddddd;
	background-position: 0 0;
	border-radius: 8px;
}
.FB390 ul.pagination0 li.current a { /*diapositive active*/
	background: #f6ac0e;
	background-position:0 0px;
	border: 0;
}
/******** texte animé entête - Démo jQuery ***/
.FB395 {
	width: 200px;
}
.FB395 p {
	color: #fff;
}
.FB395 .slides_container { /*conteneur des diapositives*/
	width: 180px;
	height: auto;
	background: transparent;
	padding: 5px;
}
.QOTB0, .QOTB1 {
	border: 1px solid #acecfa;
	border-radius: 12px;
}
.B0row1 {
    margin-top: 20px;
}