@charset "utf-8";

/* ---------------->> SOMMAIRE <<<------------------ */
/* Style AVIVA, Bien sortir de la crise - Okó décembre 2009
/* Toutes les classes sont triées par ordres alphabétiques

0.GLOBAL
1. TYPO
2.LAYOUT
	2.1 Header
	2.2 Sidebar
	2.3 Content
	2.4 Footer
3. IMAGES
4. TOOLS

/* ---------------------------------------------*/
/* ------------->> GLOBAL <<<----------------*/
/* ---------------------------------------------*/

html, body { /* Propriétés générales de positionnement de la page */
	margin: 0;
	padding: 0;
	text-align: center; /* pour centrer le conteneur sur IE6 */
	}

p, h1, h2, h3, h4, h5, ul, li, object { /* Propriétés générales des balises */
	margin: 0;
	padding: 0;
}

img { /* Propriétés générales des images */
	border: 0;
	}

a { /* Propriétés générales des liens */
	outline:0 none;
	}

object { /* Propriétés générales des medias flash */
	outline:0 none;
	}

/* ---------------------------------------------*/
/* -------------->> TYPO <<<-----------------*/
/* ---------------------------------------------*/

body, p, h1, h2, h3, h4, table, td, th, ul, ol, textarea, input { /* Propriétés typographiques générales de la page */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	}

/* ---------------------------------------------*/
/* ------------->> LAYOUT <<<----------------*/
/* ---------------------------------------------*/

#container { /* Conteneur du site, placé au centre de la page */
	width: 900px;
	margin: auto;
	text-align: left; /* pour réinitialiser le texte à gauche après correction affichage conteneur sur IE6 */
	position: relative;
}

/* ----------------------------- */
/*            Header             */
/* ----------------------------- */

#header { /* Bloc contenant le logo, le formulaire de recherche et le menu des rubriques interactives */
	width: 100%;
	height: 106px;
	background: #ffdd11;
	position: relative;
}

#header #bouton_home { /* Logo du site */
	width: 219px;
	height: 84px;
	position: absolute;
	top: 0px;
	left: 13px;
}

#header #recherche { /* Bloc contenant le formulaire de recherche */
	width: 118px;
	height: 14px;
	position: absolute;
	top: 69px;
	left: 246px;
}

#header #recherche #formulaire { /* Formulaire de recherche */
	margin: 0;
	padding: 0;
}

#header #recherche #formulaire input.champ { /* Champ texte du formulaire de recherche */
	margin: 0;
	padding: 0 0 0 4px;
	border:0;
	font-size: 10px;
	color: #707173;
	width:93px;
	height:14px;
	line-height: 13px;
	font-weight: bold;
	background: url(../../../img/finance/champ_recherche.jpg) no-repeat 0 0;
	float: left;
}

#header #recherche #formulaire input.bouton { /* Bouton d'envoi du formulaire de recherche */
	margin: 0;
	padding: 0 0 0 4px;
	border:0;
	width:18px;
	height:14px;
	background: url(../../../img/finance/bt_recherche.jpg) no-repeat 0 0;
	float: left;
}

#header #menu_interactif { /* Bloc contenant le menu des rubriques interactives */
	width: 502px;
	position: absolute;
	top: 48px;
	right: 16px;
	text-align: right;
}

#header #menu_interactif ul { list-style-type: none;} /* Liste du menu des rubriques interactives */
#header #menu_interactif li { float: left;}
#header #menu_interactif li.trait { width: 21px; height: 36px; background:url(../../../img/finance/menu_interactif_trait.jpg) no-repeat}

/* ----------------------------- */
/*            Sidebar            */
/* ----------------------------- */

#sidebar { /* Bloc contenant le menu des rubriques par contenu et les outils */
	width: 235px;
	height: 100%;
	float: left;
	position: relative;
}

#sidebar #outils1, #sidebar #outils2, #sidebar #menu_contenu {
	width: 100%;
}

#sidebar #outils1 ul, #sidebar #outils2 ul { /* Liste du bloc outils */
	list-style-type: none;
	margin: 0 0 40px 13px;
}

#sidebar #outils1 li, #sidebar #outils2 li {
	width: 202px;
	height: 36px;
	margin-bottom: 8px;
}

#sidebar #menu_contenu { /* Bloc contenant le menu des rubriques par contenu */
	height: 256px;
	padding-top: 34px;
}

#sidebar #menu_contenu ul { /* Liste du menu des rubriques par contenu */
	list-style-type: none;
	margin: 0 0 0 20px;
}

#sidebar #menu_contenu li {
	width: 206px;
	margin-bottom: 16px;
}

#sidebar #autres_sites {margin-left: 14px;}
#sidebar #autres_sites form {margin-top: 10px;}

#sidebar #tagcloud {
	width: 210px;
	margin: 60px 0 0 14px;
	text-align: center;
}

/* ----------------------------- */
/*            Content            */
/* ----------------------------- */

#center { /* Conteneur de la sidebar, du header du contenu des pages */
	width: 100%;
	background: #ffdd11;
	position: relative;
}

#content_foot { /* Bas de page contenant le bouton conseil personnalisé et les fonctionnalités d'envoi à un ami, d'avis, et de partage de la page */
	background: url(../../../img/finance/content_foot.jpg) no-repeat left bottom;
	width: 100%;
	height: 89px;
	position: relative;
}

#content_foot #credits{ /* Bloc contenant les crédits AVIVA */
	color: #479a26;
	text-align: right;
	font-size: 9px;
	font-weight: bold;
	position: absolute;
	right: 100px;
	bottom: 20px;
	width: 230px;
}

#content_foot #credits a { color: #479a26; text-decoration: none}
#content_foot #credits a:hover { text-decoration: underline}

#content_foot #envoyer_ami { /* Bloc contenant la fonction envoyer à un ami */
	width: 119px;
	height: 32px;
	position: absolute;
	bottom: 68px;
	left: 264px;
}

#content_foot #envoyer_ami.contenu a, #content_foot #envoyer_ami.interactif a { width: 119px; height: 32px; display: block;}
#content_foot #envoyer_ami.contenu a { background:url(../../../img/finance/bt_envoyer_ami_contenu.jpg);}
#content_foot #envoyer_ami.interactif a { background:url(../../../img/finance/bt_envoyer_ami_interactif.jpg) no-repeat;}

#content_foot #votre_avis { /* Bloc contenant la fonction votre avis nous intéresse */
	width: 142px;
	height: 35px;
	position: absolute;
	bottom: 68px;
	left: 400px;
}

#content_foot #votre_avis.contenu a, #content_foot #votre_avis.interactif a { width: 142px; height: 35px; display: block;}
#content_foot #votre_avis.contenu a { background:url(../../../img/finance/bt_votre_avis_contenu.jpg) no-repeat;}
#content_foot #votre_avis.interactif a { background:url(../../../img/finance/bt_votre_avis_interactif.jpg) no-repeat;}

#content_foot #partager_page { /* Bloc contenant la fonction partager cette page */
	width: 140px;
	height: 30px;
	position: absolute;
}

#content_foot #partager_page p {
	color: #0769ae;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 6px;
}

#content_foot #partager_page.align_gauche {left:250px; bottom:60px;} /* Alignement du bloc partager cette page à gauche pour la page d'accueil */
#content_foot #partager_page.align_droite {right:86px; bottom:68px;}/* Alignement du bloc partager cette page à droite pour les pages de contenu */

#content_foot #partager_page ul { list-style-type: none; margin-left: 1px}
#content_foot #partager_page li { float: left; margin-right:6px}
#content_foot #partager_page li img.social_hovers { opacity:0.4; filter : alpha(opacity=40);}
#content_foot #partager_page li img.social_hovers:hover { opacity:1; filter : alpha(opacity=100);}

#content_foot #mise_a_jour { /* Bloc contenant la date de mise à jour */
	width: 200px;
	height: 10px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #479a26;
	font-size: 9px;
	font-weight: bold;
	text-align: right;
}

#content_foot #conseil_personnalise { /* Bloc contenant le bouton pour un conseil personnalisé */
	width: 209px;
	height: 40px;
	position: absolute;
	bottom: 68px;
	left: 13px;
}

#content_foot #conseil_personnalise a {width: 209px; height: 40px; display:block; background:url(../../../img/finance/bt_conseil_personnalise.jpg) no-repeat}
#content_foot #conseil_personnalise a:hover {background:url(../../../img/finance/bt_conseil_personnalise_roll.jpg) no-repeat}

#content { /* Contenu des pages */
    width: 665px;
    min-height:920px;
    height:auto !important;
    height:920px;
    float: right;
    background: url(../../../img/finance/bord_arrondi_content.jpg) top left no-repeat #FFF;
}

#content.content_page { /* Bloc pour les pages de contenu */
    padding-bottom: 40px;
}

#content.home_page { /* Bloc pour la page d'accueil */
    padding-bottom: 20px;
}

/********* START ARTICLES *********/
/* Définition de l'ensemble des propriétés des articles pour les pages de contenu */

#content #article.contenu {padding-top: 20px;}

#content #article.contenu #mentions {
    margin-top: 24px;
}
#content #article.interactif #mentions {
    margin-top: 50px;
}
#content #article.contenu #mentions p, #content #article.interactif #mentions p {
    color: #666;
}

#content #article h3 {
	font-size: 20px;
	font-weight: normal;
    margin: 0 0 2px 24px;
}

#content #article.interactif h3.petits_titres {font-size: 12px; font-weight: bold; margin: 22px 0 0 24px}

#content #article h4 {
	margin: 0 0 0 24px;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

#content #article h5 {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 0 24px;
}

#content #article h6 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 0 24px;
}

#content #article p {font-weight: normal; padding: 10px 0 0 24px} /* Propriétés paragraphes des articles */
#content #article p a {color: #000}
#content #article p a strong {color: #000}
#content #article p a.lexique, #content #article li a.lexique {color: #707173; font-weight: bold; text-decoration: underline}

#content #article ul {margin: 6px 0 0 24px; list-style-type: none} /* Propriétés listes des articles */
#content #article ul a {color: #000}
#content #article.interactif li {margin: 0 0 4px 24px; background:url(../../../img/finance/puce_interactif.jpg) no-repeat 0 1px; padding-left: 16px}
#content #article.contenu li {margin: 0 0 4px 24px; background:url(../../../img/finance/puce_contenu.jpg) no-repeat 0 1px; padding-left: 16px}

#content #article.contenu h3, #content #article.contenu h5, #content #article.contenu h5 a, #content #article.contenu ul strong {color: #0769ae;}
#content #article.contenu h4, #content #article.interactif h4 {color: #9f9f9f}
#content #article.interactif h3, #content #article.interactif h5, #content #article.interactif h5 a, #content #article.interactif p strong, #content #article.interactif ul strong {color: #479a26;}

#content #article.contenu table {width: 630px; border-collapse: collapse; border: 2px solid #006ab3; margin: 20px 0 0 20px; text-align: center} /* Propriétés des tableaux affichés dans les articles pour les rubriques contenu */
#content #article.contenu table td {border: 2px solid #006ab3;}
#content #article.contenu table thead {background: #4d90c8; color: #FFF; border: 2px solid #006ab3}
#content #article.contenu table th {color: #FFF; font-weight: normal;border: 2px solid #006ab3;}
#content #article.contenu table td.left {background: #d3def0; color:#066eb5; font-weight: bold; text-align: left; padding-left: 4px}
#content #article.contenu table td.empty {empty-cells: hide; background: #FFF;}

#content #article.interactif table {width: 630px; border-collapse: collapse; border: 2px solid #479a26; margin: 20px 0 0 20px; text-align: center} /* Propriétés des tableaux affichés dans les articles pour les rubriques interactive */
#content #article.interactif table td {border: 2px solid #479a26;}
#content #article.interactif table thead {background: #8dd09c; color: #FFF;border: 2px solid #479a26;}
#content #article.interactif table th {color: #FFF; font-weight: normal;border: 2px solid #479a26;}
#content #article.interactif table td.left {background: #e8f6eb; color:#479a26; font-weight: bold; text-align: left; padding-left: 4px}
#content #article.interactif table td.empty {empty-cells: hide; background: #FFF;}

/********* END ARTICLES *********/

#content #bandeau_flash {margin-bottom: 14px;} /* Propriété pour l'affichage d'un bandeau Flash dans une page de contenu */

#content .barre_interactif_top {width: 100%; height: 2px; background: #479a26;} /* Propriété de la barre rouge des pages de contenu */
#content .barre_interactif_bottom {width: 100%; height: 2px; background: #076aae;} /* Propriété de la barre rouge des pages de contenu */
#content .barre_contenu_top {width: 100%; height: 2px; background: #076aae;} /* Propriété de la barre bleue des pages de contenu */
#content .barre_contenu_bottom {width: 100%; height: 2px; background: #479a26;} /* Propriété de la barre bleue des pages de contenu */

/********* START MENU *********/
/* Définition de l'ensemble des propriétés des sous-menu des rubriques contenu et interactives */

#content #menu a{text-decoration: none;}

#content #menu.contenu { background:url(../../../img/finance/fond_menu_contenu.jpg) repeat-y right}

#content #menu #submenu_interactif{width: 100%;} /* Bloc contenant le sous-menu des pages interactives */

#content #menu #submenu_interactif ul{list-style-type: none;}
#content #menu #submenu_interactif li.state1 {background: #f3faf5}
#content #menu #submenu_interactif li.state1:hover {background: #4ca560}
#content #menu #submenu_interactif li.state2 {background: #ddf1e2}
#content #menu #submenu_interactif li.state2:hover {background: #4ca560}
#content #menu #submenu_interactif li a {display:block; margin-left: 25px; line-height:18px; color: #479a26}
#content #menu #submenu_interactif li a:hover {color: #FFF}
#content #menu #submenu_interactif li a.actif {font-weight: bold; width: 620px; color: #10862b}
#content #menu #submenu_interactif li a.actif:hover {color: #FFF}

#content #menu #page_num { /* Navigation par page lié au sous-menu */
	color: #999;
	font-size: 10px;
	float: right;
	padding-right: 6px;
	margin: 4px 0 4px 0;
}

#content #menu #page_num a {color: #999; text-decoration: none;}
#content #menu #page_num a.actif {color: #479a26;}
#content #menu #page_num a:hover {color: #479a26; text-decoration: none;}


#content #menu #submenu_contenu{ /* Bloc contenant le sous-menu des pages contenu - à gauche */
  overflow: hidden; /* Contexte de formatage */
  zoom: 1; /* HasLayout, émule un contexte de formatage dans IE6 */
}

#content #menu #submenu_contenu ul{list-style-type: none; background:#FFF}
#content #menu #submenu_contenu li.actif {background: #cee1ef}
#content #menu #submenu_contenu li a {display:block; margin-left: 25px; height:18px; line-height:18px;color: #0769ae}
#content #menu #submenu_contenu li a.actif {font-weight: bold; background: url(../../../img/finance/puce_header_menu_contenu.jpg) no-repeat 0 6px; padding-left: 10px;}

#content #menu #subsubmenu_contenu{ /* Bloc contenant le sous-sous-menu des pages contenu - à droite */
	width: 346px;
	float: right;
}

#content #menu #subsubmenu_contenu ul{list-style-type: none;padding-bottom: 4px;}
#content #menu #subsubmenu_contenu ul ul{margin-left: 40px;list-style-type: disc;}
#content #menu #subsubmenu_contenu li.state {background:#cee1ef}
#content #menu #subsubmenu_contenu li.actif {font-weight: bold; text-decoration:none}
#content #menu #subsubmenu_contenu li li.actif {font-weight: bold; text-decoration: underline}
#content #menu #subsubmenu_contenu li.state {background:#cee1ef}
#content #menu #subsubmenu_contenu li a {display:block; margin-left: 20px; line-height:18px;}
#content #menu #subsubmenu_contenu li a:hover {font-weight: bold}
#content #menu #subsubmenu_contenu li li a {line-height:18px;}
#content #menu #subsubmenu_contenu li li a:hover {text-decoration: underline}
#content #menu #subsubmenu_contenu ul ul, #content #menu #subsubmenu_contenu li a {color: #0769ae;}

/********* END MENU *********/

/********* START ARTICLES APERCU ACCUEIL *********/
/* Définition de l'ensemble des propriétés des aperçus d'articles en page d'accueil */

.overview_article_gauche, #content .overview_article_gauche_last {
	width: 260px;
	margin: 10px 0 0 30px;
	padding-bottom: 10px;
	float: left;
	border-bottom: 1px solid #707173;
}

.overview_article_gauche {position:relative;}

#content .overview_article_gauche_last {border:0;} /* dernier article sur la colonne de gauche */

#content .overview_article_droite, #content .overview_article_droite_last {
	width: 290px;
	margin: 10px 25px 0 50px;
	float: right;
	border-bottom: 1px solid #707173;
}

.overview_article_gauche {position:relative;}
#content .overview_article_droite_last {border:0;} /* dernier article sur la colonne de droite */

#content .overview_article_gauche p, #content .overview_article_droite p, #content .overview_article_gauche_last p, #content .overview_article_droite_last p {
	color: #000;
	font-size: 10px;
	margin: 10px 0 0 0;
}

#content .overview_article_gauche p.date, #content .overview_article_droite p.date, #content .overview_article_gauche_last p.date, #content .overview_article_droite_last p.date {
	margin:0;
	padding:0;
	color: #479a26;
	font-size: 12px;
	font-weight: bold;
}

#content .overview_article_gauche h2, #content .overview_article_droite h2, #content .overview_article_gauche_last h2, #content .overview_article_droite_last h2 {
	color: #479a26;
	font-size: 11px;
	font-style: italic;
}

#content .overview_article_gauche h3, #content .overview_article_droite h3, #content .overview_article_gauche_last h3, #content .overview_article_droite_last h3 {
	color: #479a26;
	font-size: 11px;
	font-weight: normal;
}

#content .overview_article_gauche a, #content .overview_article_droite a, #content .overview_article_gauche_last a, #content .overview_article_droite_last a {
	color: #479a26;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#content .overview_article_gauche a.lire, #content .overview_article_droite a.lire, #content .overview_article_gauche_last a.lire, #content .overview_article_droite_last a.lire {
	position: absolute;
	bottom: 4px;
	right: 4px;
}

#content .overview_article_gauche img, #content .overview_article_droite img, #content .overview_article_gauche_last img, #content .overview_article_droite_last img {
	float: left;
	margin: 10px 10px 0 0;
}

#content #overview_filets { /* Deux filets qui cloturent les deux colonnes d'aperçu d'articles */
	float: left;
	width: 100%;
	height: 20px;
	background: url(../../../img/finance/filets_bottom_articles.jpg) no-repeat 28px 10px;
	position: relative;
}

#content #overview_filets #lire_article_gauche a, #content #overview_filets #lire_article_droite a {
	color:#479a26;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

#content #overview_filets #lire_article_gauche {position: absolute; left: 227px;bottom: 14px;}
#content #overview_filets #lire_article_droite {position: absolute; right: 29px;bottom: 14px;}

/********* END ARTICLES APERCU ACCUEIL *********/

.content_header { /* Propriété de l'en-tête des pages de contenu */
	color: #479a26;
	font-size: 12px;
	margin-top: 27px;
}

.content_header h2, #content #article .extra h6 { /* Bloc extra = contient les listes de fin de pages (à voir aussi, à télécharger etc.) */
	font-size: 14px;
	color: #479a26;
	margin: 0 0 8px 26px;
}

.extra {margin: 26px 0 10px 0}

.extra ul {margin: 10px 0 10px 36px;}
.extra li {margin: 6px 0 6px 0;}
.extra li a {text-decoration: none;}
.extra li a:hover {font-weight: bold;}
.extra ul.contenu li {color:#479a26}
.extra ul.interactif li {color:#006ab3}

#content #article .extra ul.contenu, #content #article .extra ul.interactif {list-style-type: disc; margin: 10px 0 10px 36px;}
#content #article .extra ul.contenu li, #content #article .extra ul.interactif li {padding-left:0; background: none}
#content #article .extra ul.contenu li a {color:#479a26}
#content #article .extra ul.interactif li a {color:#006ab3}

#content #article .bon_a_savoir_interactif, #content #article .bon_a_savoir_contenu { /* Bloc bon à savoir des pages de contenu */
	width: 100%;
	margin: 30px 0 26px 0;
}

#content #article .bon_a_savoir_interactif h6 {background:#479a26 no-repeat 23px 1px; height: 18px; padding: 1px 0 0 23px; margin:0}
#content #article .bon_a_savoir_contenu h6 {background:#0e6aaf no-repeat 23px 1px; height: 18px; padding: 1px 0 0 23px; margin:0}
#content #article .bon_a_savoir_interactif p {color: #479a26; margin: 0px 0 0 23px}
#content #article .bon_a_savoir_interactif p a {color: #479a26}
#content #article .bon_a_savoir_contenu p {color: #0e6aaf; margin: 0px 0 0 23px}
#content #article .bon_a_savoir_contenu p a {color: #0e6aaf}

#content #article #plus_moins {
	margin-top: 20px;
}

#content #article #plus_moins.contenu {background:url(../../../img/finance/fond_plus_moins_contenu.jpg);}
#content #article #plus_moins.interactif {background:url(../../../img/finance/fond_plus_moins_interactif.jpg);}

#content #article #plus_moins #les_plus { /* Bloc LES PLUS des pages de contenu */
	width: 308px;
	float: left;
	padding-right: 20px;
}

#content #article #plus_moins #les_plus.plus_interactif h6 {height:14px; padding: 10px 0 0 24px; margin:0}
#content #article #plus_moins #les_plus.plus_contenu h6 {height:14px; padding: 10px 0 0 24px; margin:0}
#content #article #plus_moins #les_plus ul {margin: 6px 0 10px 36px; list-style-type: disc}
#content #article #plus_moins #les_plus li {color: #FFF; background: none; padding:0}
#content #article #plus_moins #les_plus li a {color: #FFF}

#content #article #plus_moins #les_moins { /* Bloc LES PLUS des pages de contenu */
	width: 308px;
	float: right;
	padding-right: 20px;
}

#content #article #plus_moins #les_moins.moins_interactif h6 {height:14px; padding: 10px 0 0 24px; margin:0}
#content #article #plus_moins #les_moins.moins_contenu h6 {height:14px; padding: 10px 0 0 24px; margin:0}
#content #article #plus_moins #les_moins ul {margin: 6px 0 10px 36px; list-style-type: disc}
#content #article #plus_moins #les_moins li {color: #FFF; background: none; padding:0}
#content #article #plus_moins #les_moins li a {color: #FFF;}

/* ----------------------------- */
/*            Footer             */
/* ----------------------------- */

#footer { /* Bloc contenant le menu des liens et le pied de page */
	width: 100%;
	margin: 16px 0 20px 0;
	text-align: center;
	color: #479a26;
	font-size: 11px;
}

#footer a {	color: #479a26; text-decoration: none;margin: 0 3px}
#footer a:hover { text-decoration: underline;}

#menu_footer { /* Bloc coloré en pied de page. contenant les liens  */
	width: 100%;
	background: #479a26;
	margin-bottom: 10px;
	padding: 5px 0;
	color: #FFF;
	font-size: 11px;
}

#menu_footer a { color: #FFF; text-decoration: none; font-weight: bold}
#menu_footer a:hover { text-decoration: underline;}

#footer #mentions {
	margin-top: 20px;
}

#footer #mentions p {
	color:#AAAAAA;
	font-size:10px;
	text-align:center;
	margin-bottom: 10px;
}

/* ---------------------------------------------*/
/* ------------->> IMAGES <<<----------------*/
/* ---------------------------------------------*/
/* Classes permettant de spécifier différents positionnement des images dans le texte  */

.img_top_left_absolute {
	padding: 0 14px 10px 0;
	float: left;
	margin-top: -20px;
}

.img_top_left {
	padding: 0 14px 4px 24px;
	float: left;
}

.img_mid_left {
	padding: 10px 20px 10px 0;
	float: left;
}

.img_mid_right {
	padding: 0 0 0 20px;
	float: right;
}

/* ---------------------------------------------*/
/* -------------->> TOOLS <<<----------------*/
/* ---------------------------------------------*/

.spacer { /* Fonction permettant d'effacer les propriétés du Float précédent */
  clear: both;
}

/* ------------------------------------------------------------------------ */
/* -- tagcloud.css -- */
/* ------------------------------------------------------------------------ */

#sidebar #tagcloud {
    width: 210px;
    margin: 40px 0 0 14px;
    text-align: center;
}

#sidebar #tagcloud a { text-decoration: none; margin-right: 5px}
#sidebar #tagcloud a:hover { text-decoration: underline;}

#sidebar #tagcloud a.niveau1 { font-size: 9px; color: #707173}
#sidebar #tagcloud a.niveau2 { font-size: 10px; color: #707173}
#sidebar #tagcloud a.niveau3_rouge { font-size: 12px; color: #479a26}
#sidebar #tagcloud a.niveau4 { font-size: 14px; color: #707173}
#sidebar #tagcloud a.niveau5_rouge { font-size: 14px; color: #479a26}
#sidebar #tagcloud a.niveau6 { font-size: 15px; color: #707173}
#sidebar #tagcloud a.niveau7 { font-size: 17px; color: #707173}