/*  ---------  CSS generated for rien  ----------- */

 

@font-face {
  font-family: "fontello";
  src: url("font/fontello.eot?70550422");
  src: url("font/fontello.eot?70550422#iefix") format("embedded-opentype"),

       url("font/fontello.woff?70550422") format("woff"),

       url("font/fontello.ttf?70550422") format("truetype"),

       url("font/fontello.svg?70550422#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*  ---------  CSS to list @font-faces of no_skin  ----------- */



html { /*  document */

    font:  12px Arial, Helvetica, sans-serif;

    color: #330099;

    background-color: ;

}

body { /*  corps du document */
    margin: 0;
    font:  12px Arial, Helvetica, sans-serif;

    color: #330099;

    background: url(../../img/fond.jpg) no-repeat top;    scrollbar-track-color: #330099;    scrollbar-face-color: #330099;
}

/************

 * Général */

a { /* lien */

    color: #330099;

    background: inherit;

    text-decoration: none;

}
td.menu {
 margin: 2px;
 white-space: nowrap;
 text-align: center;
 PADDING-RIGHT: 5px;
 PADDING-LEFT: 5px; 
 PADDING-BOTTOM: 1px; 
 PADDING-TOP: 1px;
}
a.menu {
font-weight: bold;
 color: #000099;
 text-decoration: none;
 font-size: 12px;
 font-family: Arial, sans-serif;
}

a:hover.menu {
font-weight: bold;
 color: #FFCC00;
 text-decoration: none;
 font-size: 12px;
 font-family: Arial, sans-serif;
}
a.titre { /* lien titres */

    color: #330099;

    background-color: inherit;

    text-decoration: none;

}

a:hover { /* lien survolé */

    color: #00BEF2;

    text-decoration: none;

    font-weight: normal;

    background-color: inherit;

}

p { /* paragraphe */

    margin: 16px 0;

    color: inherit;

    background: inherit;

}
hr {
 height: 3px;
 border-bottom: 3px solid #355aa0;
 border-top: 0 none; border-right: 0 none; border-left: 0 none;
 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, object, embed, canvas, video, audio, picture {

    border-style: none;

    max-width: 100%;

    height: auto;

}

/******************************************

* 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: 11px;

    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: inherit;

    background-color: transparent;

    background-image: url(../../img/fond.jpg) ;

    border: 0;

}

#header { /* header */

    color: inherit;

    background-color: inherit;

}

#TopBoxes { /* header top and middle (logo-banner + citation) */

    height: auto;

    margin: 0;

    padding: 0;

    color: inherit;

    background-color: transparent;

    border: 0;

}

#MainContent { /* main page */

    margin: 0;

    padding: 0;

    display: -webkit-flex;

    display: flex;

}

#LeftBoxes { /* leftboxes area */

    margin: 0;

    padding: 0;

    width: 174px;

    min-width: 174px;

    background-color: transparent;

    border: 0;

    max-width: 100%;

    vertical-align: top;

    display: inline-block;

}

#CenterBoxes {

    margin: 0;

    padding: 0;

    width: 100%;

    vertical-align: top;

    display: inline-block;

}

#RightBoxes { /* right boxes area */

    margin: 0;

    padding: 0;

    width: 174px;

    min-width: 174px;

    background-color: transparent;

    border: 0;

    max-width: 100%;

    vertical-align: top;

    display: inline-block;

}

#AboveBoxes { /* boîtes au-dessus dans la partie centrale */

    background-color : transparent;

}

#EditoBoxes { /* boîtes qui apparaissent dans la page d"accueil - CONFIG ACCUEIL */

    background-color : transparent;

}

#UnderBoxes { /*boîtes en-dessous dans la partie centrale */

    background-color : transparent;

}

#BottomBoxes { /* optionnal area between main page and bottom */

    height: auto;

    margin: 0;

    padding: 0;

    color: inherit;

    text-align: left;

    background-color: transparent;

    border: 0;

}

#footer { /* footer Copyright */

    font-family: Arial, Helvetica, sans-serif;

    text-align: center;

    color: #330099;

    padding: 0 8px;

    background-color: transparent;

    border: 0;

}

#skinCopyright {

    width: 100%;

    margin-top: 6px;

    text-align: center;

    color: #330099;

}

#MainBlog {

    text-align:center;

    width:100%;

    display: -webkit-flex;

    display: flex;

}

#BlogTop {

    width: 100%;

    padding: 0;

    margin: 0;

    color: inherit;

    background-color : transparent;

}

#BlogLeftBoxes { /* colonne gauche du blog */

    padding: 0;

    margin: 0;

    color: inherit;

    width: 172px;

    min-width: 172px;

    background-color: transparent;

    border: 0;

    max-width: 100%;

    vertical-align: top;

    display: inline-block;

}

#BlogCenterBoxes { /* colonne centrale du blog */

    margin: 0;

    padding: 0;

    width: 100%;

    vertical-align: top;

    display: inline-block;

}

#BlogRightBoxes { /* colonne droite du blog */

    padding: 0;

    margin: 0;

    color: inherit;

    width: 172px;

    min-width: 172px;

    background-color: transparent;

    border: 0;

    max-width: 100%;

    vertical-align: top;

    display: inline-block;

}

/*******************************************

 * Mise en page des blocks dans le header */

div.logo { /* block logo */

    padding: 0 8px;

    text-align: center;

}

div.banner { /* block bannière */

    background-repeat: no-repeat;

    padding: 8px;

    text-align: center;

}

/*************************

 * block boite citation */

div.quote { /* block citation */

    text-align: center;

    padding: 4px;

}

div.quote span.labelcita { /* label */

    font: bold  Arial, Helvetica, sans-serif;

    color: #404040;

    background: inherit;

    border: 0;

    margin: 0;

    padding: 0 8px;

}

div.quote span.cita { /* texte */

    font:   Arial, Helvetica, sans-serif;

    color: #404040;

    background: inherit;

    font-style: normal;

    text-align: center;

    border: 0;

    margin: 0;

    padding: 0 8px;

}

div.quote span.author { /* auteur */

    font: italic  Arial, Helvetica, sans-serif;

    color: #404040;

    background: inherit;

}



/***********************************

 * block box Header Menu sections */

div.menuIcons { /* block menu */

    padding: 8px 0;

    margin: 0 7px 0 -3px;

}

div.menuIcons ul { /* block liste du menu */

    margin: 0;

    padding-top: 4px;

    list-style: none;

    width: 100%;

    height: 22px;

    border: 0;

}

div.menuIcons ul li { /* toutes les sections */

    float: left;

    margin-right: 8px;

    text-align: center;

}

div.menuIcons ul li span { /* toutes les sections */

    display: block;

    white-space: nowrap;

}

div.menuIcons ul li a img { /* toutes les sections */

    height: ;

    max-height: 56px;

    padding-bottom: 2px;

}

div.pop.menuIcons_flag { /* section drapeau */

    float: left;

    margin-right: 10px;

    text-align: center;

    white-space: normal;

}

div.pop.menuIcons_flag img { /* séparation drapeau */

    margin: 16px 0 0 0;

}

div.menuIcons ul li.menu_admin { /* section admin */

    float: right;

    padding-right: 3px;

}

div.menuIcons ul li a span { /* lien */

    color: #330099;

    background-color: ;

    text-decoration: none;

    font: bold 18px Arial, Helvetica, sans-serif;

}

div.menuIcons ul li a span.current { /* lien actif */

    color:#fffffff;

    background-color: ;

    text-decoration: underline;

}

div.menuIcons ul li a:hover span { /* lien survolé*/

    color: #fffffff;

    background-color: ;

    text-decoration: underline;

}

/************************************

 * block box lateral Menu Sections */

ul.boxmenu { /* block liste */

    margin: 0;

    padding: 5px 0;

    list-style: none;

}

ul.boxmenu li { /* items liste */

    margin-bottom: 10px;

}

ul.boxmenu li .cur_item { /* items actifs liste */

    margin-bottom: 10px;

}

ul.boxmenu li img { /* icons */

    vertical-align: middle;

    margin-right: 10px;

    height: ;

    max-height: 56px;

}

/*****************

 * Fil d"ariane */

.ariane { /* bloc fil d"ariane */

    text-align: left;

    padding: 4px;

    margin: 0px;

    color: #000000;

}

div.ariane span.arianeOn a { /* adresses actives */

    font-style: italic;

    color: #000000;

}

div.ariane span.arianeOff { /* page courante */

    font-style: italic;

    color: #00BEF2;

}

/******************************************

 * Mise en page des blocks dans le corps */

/* block lateral boxes */

.htable {

    margin-bottom: 8px;

}

.htable1 {

    margin-bottom: 8px;

}

.tblbox {  /* Corps */

    background-color: ;

    border: 0;

    padding: 4px;

    margin-bottom: 8px;

    color: inherit;

    text-align:left;

}

.tblboxover { /* Corps survolé */

    background-color: ;

}

.titrebox { /* Titre */

    background-color: ;

    border: 0;

    padding: 5px;

    white-space: normal;

    word-wrap: break-word;

    font: bold 15px Arial, Helvetica, sans-serif;

    color: #000000;

    text-align: left;

    cursor: pointer;

}

/* block central boxes */

.titre {

    background-color: ;

    border: 0;

    padding: 5px;

    margin: 0px 2px;

    white-space: normal;

    word-wrap: break-word;

    font: bold 15px Arial, Helvetica, sans-serif;

    color: #330099;

    text-align: left;

}

.titre a {

    background-color: ;

    padding: 5px;

    white-space: normal;

    word-wrap: break-word;

    font: bold 15px Arial, Helvetica, sans-serif;

    color: #330099;

    text-align: left;

}

.tbl {

    font:  12px Arial, Helvetica, sans-serif;

    color: #330099;

    border: 0;

    padding: 4px;

    margin-bottom: 8px;

    text-align:left;

    background-color: ;

}

.tblover {

    background-color: ;

}

div ul, ol { /* listes */

    padding: 8px 0 8px 8px;

    margin-left: 16px;

}

div li{

    padding: 0;

    margin-left: 12px;

}

.box {

    font:   Arial, Helvetica, sans-serif;

    color: #330099;

    background-color: inherit;

    text-align: left;

}

p.box {

    margin: 0;

    font:   Arial, Helvetica, sans-serif;

    color: #330099;

    background-color: inherit;

}

.box a, .item a {

    color: #336699;

    background-color: inherit;

    text-decoration: none;

    font:   Arial, Helvetica, sans-serif;

}

.box a:hover, .item a:hover {

    color: #330099;

    text-decoration: none;

    background-color: inherit;

}

.boxnet {

    width: auto;

    margin: auto;

    text-align: center;

    background-color: transparent;

}

.boxprint { 

    margin: 0;

    height: 40px;

    font:   Arial, Helvetica, sans-serif;

    color: #000000;

    background-color: inherit;

}

.thinboxsearch {

    background-color: transparent;

    text-align: center;

}

.wideboxsearch {

    background-color: transparent;

    text-align: center;

}

.thinboxsearch1 {

    background-color: transparent;

    text-align: center;

}

.wideboxsearch1 {

    background-color: transparent;

    padding-bottom: 8px;

    margin: auto;

    text-align: center;

    width: 172px;

}

.thinboxsearch2 {

    background-color: transparent;

    text-align: center;

}

.wideboxsearch2 {

    background-color: transparent;

    padding-bottom: 8px;

    margin: -10px auto auto;

    text-align: center;

    width: 172px;

}

/****************************

 * block box lateral Article

 * (menu list, menu dynamic 1, menu dynamic 2) */

.rubr { /* catégories des articles */

    font:   Arial, Helvetica, sans-serif;

    color: #336699;

    background-color: transparent;

    text-align: left;

    margin: 1px;

    padding: 4px 2px;

}

p.rubr {

    padding: 0 2px;

    margin: 1px;

    font:   Arial, Helvetica, sans-serif;

    color: inherit;

    background-color: transparent;

    text-align: left;

}

.item {

    font:   Arial, Helvetica, sans-serif;

    color: #336699;

    background-color: transparent;

    text-align: left;

    list-style: none;

    margin: 0;

    padding: 2px 0;

}

ul.item {

    margin: 0;

    padding: 0;

}

ul.item li.item { /* titres des articles */

    font:   Arial, Helvetica, sans-serif;

    color: #336699;

    background-color: transparent;

    text-align: left;

    list-style: none;

    padding: 2px 0 2px 10px;

}

.curr_item {

    font:   Arial, Helvetica, sans-serif;

    color: #404040;

    background-color: #C0C0C0;

    text-align: left;

    list-style: none;

    padding: 2px 0;

}

ul.item li.curr_item a { /* titre article est affiché */

    font:   Arial, Helvetica, sans-serif;

    color: #404040;

    background-color: #C0C0C0;

    text-align: left;

    list-style: none;

    padding: 2px 0 2px 10px;

}

/******************************

 * catégories des photoramas */

.phrubr {

    font:  12px Arial, Helvetica, sans-serif;

    color: inherit;

    text-align: left;

    margin: 2px 0px;

    padding: 2px 6px;

    border: 0px;

    cursor: pointer;

    background-color: transparent;

}

.phrubr2 {

    font:  12px Arial, Helvetica, sans-serif;

    color: inherit;

    text-align: left;

    margin: 2px 0px;

    padding: 2px 0px;

    border: 0px;

    cursor: pointer;

    background-color: transparent;

}

.phsubrubr { 

    text-align: justify;

    padding-left: 35px;

}

.phitem2 {

    float: left;

    text-align: right;

    margin-left: 20px !important;

    margin-left: 12px;

    height: 15px;

}

.phcomment {

    font:  12px Arial, Helvetica, sans-serif;

    padding: 0 10px;

}

.phimgs {

    font:  12px Arial, Helvetica, sans-serif;

    margin: 5px;

    background-color: transparent;

    padding: 10px 5px 5px 5px;

}

.phimgs2 {

    padding-left: 4px; 

}

.phimg {

    background: transparent;

}

.phcpt {

    font:  12px Arial, Helvetica, sans-serif;

    float: right;

    font-weight: normal;

    padding: 0px 6px;

}

.phtitlebox {

    text-align:center;

    margin-bottom:6px;

}

/*************************

 * catégories des liens */

.lititlecat {

    text-align: center;

    width: 80%;

    margin: 10px auto;

    padding: 4px 0;

    font:  14px Arial, Helvetica, sans-serif;

    background-color: transparent;

    border: solid #000000;

    border-width: 1px;

    border-radius: 0px;

}

.licatlink {

    width: 80%;

    margin: 5px auto;

    padding: 4px 0;

    font:  14px Arial, Helvetica, sans-serif;

    background-color: transparent;

    border: solid #000000;

    border-width: 1px;

    border-radius: 0px;

}

.lirubr {

    text-align: left;

    font:  12px Arial, Helvetica, sans-serif;

    color: inherit;

    background: transparent;

    margin: 2px 0px;

    padding: 2px 6px;

    border: 0px;

    cursor: pointer;

    background-color: transparent;

}

.lirubr2 {

    text-align: left;

    font:  12px Arial, Helvetica, sans-serif;

    color: inherit;

    margin: 2px 0px;

    padding: 2px 6px;

    border: 0px;

    cursor: pointer;

    background-color: transparent;

}

.lisubrubr {

    text-align: justify;

    padding-left: 35px;

}

/***********************

 * catégories des FAQ */

.fatitlecat {

    text-align: center;

    width: 80%;

    margin: 10px auto;

    padding: 4px 0;

    font:  14px Arial, Helvetica, sans-serif;

    background-color: transparent;

    border: solid #000000;

    border-width: 1px;

    border-radius: 0px;

}

.facatlink {

    width: 80%;

    margin: 5px auto;

    padding: 4px 0;

    font:  14px Arial, Helvetica, sans-serif;

    background-color: transparent;

    border: solid #000000;

    border-width: 1px;

    border-radius: 0px;

}

.farubr {

    text-align: left;

    font:  12px Arial, Helvetica, sans-serif;

    color: inherit;

    background: transparent;

    margin: 2px 0px;

    padding: 2px 6px;

    border: 0px;

    cursor: pointer;

    background-color: transparent;

}

.farubr2 {

    text-align: left;

    font:  12px Arial, Helvetica, sans-serif;

    color: inherit;

    margin: 2px 0px;

    padding: 2px 6px;

    border: 0px;

    cursor: pointer;

    background-color: transparent;

}

.fasubrubr {

    text-align: justify;

    padding-left: 35px;

}

/***********************************

 * catégories des téléchargements */

.dntitlecat {

    text-align: center;

    width: 80%;

    margin: 10px auto;

    padding: 4px 0;

    font:  14px Arial, Helvetica, sans-serif;

    background-color: transparent;

    border: solid #000000;

    border-width: 1px;

    border-radius: 0px;

}

.dncatdwnl {

    width: 80%;

    margin: 5px auto;

    padding: 4px 0;

    font:  14px Arial, Helvetica, sans-serif;

    background-color: transparent;

    border: solid #000000;

    border-width: 1px;

    border-radius: 0px;

}

.dnrubr {

    text-align: left;

    font:  12px Arial, Helvetica, sans-serif;

    color: inherit;

    background: transparent;

    margin: 2px 0px;

    padding: 2px 6px;

    border: 0px;

    cursor: pointer;

    background-color: transparent;

}

.dnrubr2 {

    text-align: left;

    font:  12px Arial, Helvetica, sans-serif;

    color: inherit;

    margin: 2px 0px;

    padding: 2px 6px;

    border: 0px;

    cursor: pointer;

    background-color: transparent;

}

.dnsubrubr {

    text-align: justify;

    padding-left: 35px;

}

/***************

 * info bulle */

.pop {

    text-align: justify;

    cursor: help;

    float: left;

    position: relative;

    z-index: 30;

}

.pop a {

    display: block;

}

.pop span {

    display: none;

    z-index: 30;

}

.pop a:hover span {

    color: #330099;

    background-color: #FFFFFF;

    font: normal 12px Arial, Helvetica, sans-serif;

    border: 1px solid #999999;

    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 {

    width: 100%;

    margin: auto;

    text-align: center;

    font:   Arial, Helvetica, sans-serif;

    border-collapse: separate;

    border-radius: 0px;

    border-spacing: 0px;

    color: inherit;

    background-color: #00BEF2;

}

tr.cal { /* calendar nav bar */

    font:   Arial, Helvetica, sans-serif;

    color: #FFFFFF;

    background-color: #00BEF2;

    text-align: center;

}

select.cal {

    font:   Arial, Helvetica, sans-serif;

    color: #FFFFFF;

    background-color: #FFFFFF;

}

td.cals { /* week */

    font:   Arial, Helvetica, sans-serif;

    color: #FFFFFF;

    background-color: #00BEF2;

    width: 14%;

    text-align: center;

}

td.cal0 { /* empty cell*/

    font:   Arial, Helvetica, sans-serif;

    color: #000000;    background-color: #FFFFFF;

    width: 14%;

    text-align: center;

}

td.cal1 { /* days */

    font:   Arial, Helvetica, sans-serif;

    color: #000000;

    background-color: #FFFFFF;

    width: 14%;

    text-align: center;

}

td.cal2 { /* today */

    font:   Arial, Helvetica, sans-serif;

    color: #000000;

    background-color: #00BEF2;

    border: 0px solid #C0C0C0;

    border-radius: 0px;

    width: 14%;

    text-align: center;

}

td.cal3 { /* sunday or special */

    font:   Arial, Helvetica, sans-serif;

    color: #000000;

    background-color: #FFFFFF;

    border: 0px solid #C0C0C0;

    border-radius: 0px;

    width: 14%;

    text-align: center;

}

td.cal4 { /* today is sunday or special */

    font:   Arial, Helvetica, sans-serif;

    color: #000000;

    background-color: #FFFFFF;

    border: 0px solid #C0C0C0;

    border-radius: 0px;

    width: 14%;

    text-align: center;

}

td.calevt { /* planner event */

    font:   Arial, Helvetica, sans-serif;

    color: #FFFFFF;

    background-color: #c0c0c0;

    text-decoration: underline;

    text-align: center;

    width: 14%;

}

/************************

 * Formulaires (Forms) */

form { /* formulaire */

    margin: 3px 0;

}

fieldset { /* Encadrement des champs */

    border: 1px solid #C0C0C0;

    border-radius: 0px;

    margin: 8px;

}

legend { /* légende des encadrements */

    font:  12px Arial, Helvetica, sans-serif;

    color: #330099;

    background-color: inherit;

    font-weight: bold;

}

input.bouton, button { /* bouton */

    cursor: pointer;

    margin: 4px 0;

    color: #330099;

    border: 1px inset #999999;

    border-radius: 0px;

    background-color: #C0C0C0;

    font:   Arial, Helvetica, sans-serif;

}

input.texte { /* champ texte */

    background-color: #FFFFFF;

    font:   Arial, Helvetica, sans-serif;

    color: #330099;

    border: 1px solid #999999;

    border-radius: 0px;

    margin: 4px 0;

    padding: 0px 2px;

}

select { /* champ select */

    color: #330099;

    background-color: #FFFFFF;

    font:   Arial, Helvetica, sans-serif;

    border: 1px solid #999999;

    border-radius: 0px;

    margin: 4px 0;

}

textarea { /* champ textarea */

    color: #330099;

    background-color: #FFFFFF;

    border: 1px solid #999999;

    border-radius: 0px;

    overflow: auto;

    margin: 4px 0;

}

/*************************************

 * block box central forum - tables */

.row {

    width: 100%;

    border: none;

}

.col {

    width: 100%;

    max-width: 100%;

    vertical-align: top;

    display: inline-block;

}

.forum, .forum a {

    background-color: #C0C0C0;

    padding: 5px 5px;

    font: bold 12px Arial, Helvetica, sans-serif;

    color: #404040;

    text-align: center;

}

.forum2, .forum2 td {

    background-color: #C0C0C0;

    padding: 5px 5px;

    font:  12px Arial, Helvetica, sans-serif;

    color: #404040;

    text-align: left;

}

.tbldiv {

    display: table;

    border-collapse: separate;

    border-spacing: 2px;

    max-width: 100%;

}

.thtbldiv {

    display: table-cell;

    vertical-align: middle;

    padding: 0px 4px;

}

.trtbldiv {

    display: table-row;

    text-align: center;

}

.trhtblfr {

    display: table-row;

    height: 34px;

    background-color: #C0C0C0;

    padding: 5px 5px;

    font: 13px Arial, Helvetica, sans-serif ;

    color: #404040;

    text-align: left;

}

.tdtblfr {

    display: table-cell;

    vertical-align: top;

    padding: 4px;

    text-align: left;

}

.bottomfrt {

    padding: 6px 4px 0px;

    margin: 8px auto;

    max-width: 100%;

    text-align: left;

    vertical-align: middle;

}

.frtrules {

    margin: 5px 40px;

    height: 300px;

    overflow: auto;

}

.quest {

    background-color: #F2F2F2;

    padding: 5px 5px 5px 5px;

    font:  12px Arial, Helvetica, sans-serif;

    color: #330099;

    text-align: left;

}

.rep {

    background-color: #FFFFFF;

    padding: 10px 5px 5px 5px;

    font:  12px Arial, Helvetica, sans-serif;

    color: #330099;

    text-align: left;

}

.bord {

    padding: 1px;

    border: solid #330099;

    border-width: 1px;

}

.bord2 {

    border: 2px double #FFFFFF;

}

/**********************

 * Editeur CKEditor */

.Code {

    border: 1px solid #C0C0C0;

    padding-right: 5px;

    padding-left: 5px;

    color: #330099;

    font: 11px Arial, Helvetica, sans-serif, Monospace;

    background-color: #FFFFFF;

}

/*********************

 * Editeur pgeditor */

div.pgeditor {

    color: inherit;

    background-color: inherit;

}

div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt {

    color: inherit;

    background-color: #F2F2F2;

    border: 1px solid #C0C0C0;

}

/************************

 * 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;

}

.copyright {

    color: #330099;

    background-color: transparent;

}

.top {

    font: 0.8em Arial, Helvetica, sans-serif;

    color: #355aa0;

    background: transparent;

    text-align: center;

}

.timer {

    font: italic 0.9em Arial, Helvetica, sans-serif;

    color: #330099;

    background-color: transparent;

    text-align: center;

    padding: 8px;

}

.clsCursor {

    cursor: pointer;

}

.notice { 

    color: #FF0000;

    background-color: #FF9;

    padding: 2px;

}

.errorInputText {

    background-color: #FFE5E5;

    font: 11px Arial, Helvetica, sans-serif;

    color: #000099;

    border: 1px solid #8F916A;

    margin: 4px 0;

}

.visits {

    z-index: 15;

    position: absolute;

    margin: -64px 0 0 24px;

    padding: 0px 4px;

    width: 180px;

    display: none;

    color: #000;

    background: #DDDDDD;

    border: 1px solid #000;

}

/********************

 * Menus déroulants */

ul.dropdown {

    list-style: none;

    margin: 0; 

    padding: 0;

    position: relative;

    float: left;

}

ul.dropdown li {

    font:  14px Arial, Helvetica, sans-serif;

    padding: 7px 10px;

    border: 0;

    color: ;

    list-style: none;

    margin: 0;

    float: left;

    line-height: 1.3em;

    vertical-align: middle;

    width: ;

}

ul.dropdown li:hover {

    color: ;

    position: relative;

    z-index: 599;

    cursor: pointer;

}

ul.dropdown a:link, ul.dropdown a:visited	{

    color: inherit;

    text-decoration: none;

}

ul.dropdown a:hover {

    color: inherit;

}

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:  14px Arial, Helvetica, sans-serif;

    color: ;

    width: ;

}

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 {

    transition-property : visibility;

    transition-delay : 300ms;

    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%;

}

ul.dropdown-linear li {

    width: ;

    font:  14px Arial, Helvetica, sans-serif;

    color: ;

    border: 0;

}

ul.dropdown-linear li ul li {

    width: ;

    height: ;

    background: ;

    border: 0;

}

.tbl ul.dropdown-linear li:hover ul li {

    color: ;

    background: ;

}

ul.dropdown-linear li ul li:hover {

    background: ;

}

ul.dropdown-linear ul li {

    float: left;

}

ul.dropdown-linear li:hover {

    position: static;

}

ul.dropdown-linear ul li:hover {

    background-color: transparent;

}

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: 0px 6px;

    background-color: transparent;

    color: inherit;

    list-style: none;

    float: left;

    line-height: 2.0em;

    vertical-align: bottom;

}

ul.keyword li:hover {

    background-color: transparent;

    color: inherit;

    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-right: 20px;

}

ul.keyword li:hover > ul {

    transition-property : visibility;

    transition-delay : 300ms;

    visibility: visible;

}

ul.keyword div {

    border: 1px solid #000;

    border-radius: 4px;

    background-color: #FFFFFF;

    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;

}