/* ---------  CSS generated for skn5_ainelkebira  ----------- */

/*  ---------  CSS to list fonts of skn5_papinou22  ----------- */
@font-face {
  font-family: "fontello";
  src: url("font/fontello.eot?33978178");
  src: url("font/fontello.eot?33978178#iefix") format("embedded-opentype"),
       url("font/fontello.woff?33978178") format("woff"),
       url("font/fontello.ttf?33978178") format("truetype"),
       url("font/fontello.svg?33978178#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

html { /*  document */
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
}
body { /*  corps du document */
    margin: 0;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
}
/************
 * Général */
a { /* lien */
    color: #000000;
    background: inherit;
    text-decoration: none;
}
a.titre { /* lien titres */
    color: #000000;
    background-color: inherit;
    text-decoration: none;
}
a:hover { /* lien survolé */
    color: #A1A1A1;
    text-decoration: none;
    font-weight: normal;
    background-color: inherit;
}
p { /* paragraphe */
    margin: 16px 0;
    color: inherit;
    background: inherit;
}
hr { /* ligne horizontale */
    height: 1px;
    border: 1px solid #A1A1A1;
    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: 50%;
    padding: 0px;
    margin: 0;
    text-align: right;
}
#page{ /* all the page */
    padding-top: 0px;
    color: inherit;
    background-color: transparent;
    border: 0;
    border-radius: 0px;
}
#header { /* header */
    color: inherit;
    background: transparent;
}
#TopBoxes { /* header top and middle (logo-banner + citation) */
    height: auto;
    margin: auto;
    padding: 0;
    width: 100%;
    color: inherit;
    background-color: transparent;
    border: 0;
    border-radius: 0px;
}
#MainContent { /* main page */
    margin: 0;
    padding: 0;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    border: 0;
    border-radius: 10px 10px 0px 0px;
    background-color: transparent;
}
#LeftBoxes { /* leftboxes area */
    margin: 7px 10px 7px 7px;
    padding: 0px 5px;
    width: 300px;
    min-width: 300px;
    background-color: transparent;
    border: 0;
    border-radius: 10px;
    max-width: 100%;
    vertical-align: top;
    display: inline-block;
}
#CenterBoxes {
    margin: 0;
    padding: 0;
    width: 100%;
    vertical-align: top;
    display: inline-block;
    border: 0;
    border-radius: 0px;
    background-color: transparent;
}
#RightBoxes { /* right boxes area */
    margin: 7px 7px 7px 10px;
    padding: 0px 5px;
    width: 300px;
    min-width: 300px;
    background-color: transparent;
    border: 0;
    border-radius: 0px;
    max-width: 100%;
    vertical-align: top;
    display: inline-block;
}
#AboveBoxes { /* boîtes au-dessus dans la partie centrale */
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0px;
}
#EditoBoxes { /* boîtes qui apparaissent dans la page d"accueil - CONFIG ACCUEIL */
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 10px;
}
#UnderBoxes { /*boîtes en-dessous dans la partie centrale */
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0px;
}
#BottomBoxes { /* optionnal area between main page and bottom */
    height: auto;
    margin: auto;
    padding: 0;
    width: 100%;
    color: inherit;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0px;
}
#footer { /* footer Copyright */
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    text-align: center;
    color: #555555;
    padding: 0 8px;
    background-color: transparent;
    border: 0;
    border-radius: 0px;
}
.copyright {
    color: #555555;
    background-color: transparent;
}
.top {
    font: 0.8em "Trebuchet MS", Helvetica, sans-serif;
    color: #555555;
    background: transparent;
    text-align: center;
    font-weight: bold;
}
a.top span { font-family: fontello; }
.txtspeC { margin: 12px 0 4px; }
.txtspeLR { margin: 8px 0 4px; }
.txtspeG { padding: 10px 0 0; }
.timer {
    font: italic 0.9em "Trebuchet MS", Helvetica, sans-serif;
    color: #555555;
    background-color: transparent;
    text-align: center;
    padding: 8px;
}
#skinCopyright {
    width: 100%;
    margin-top: 2px;
    text-align: center;
    color: #555555;
}
#MainBlog {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align:center;
    display: -webkit-flex;
    display: flex;
    border: 0;
    border-radius: 0px;
    background-color: transparent;
}
#BlogTop {
    width: 100%;
    padding: 0;
    margin: 0;
    color: inherit;
    background-color : transparent;
}
#BlogLeftBoxes { /* colonne gauche du blog */
    margin: 0px 10px 0px -12px;
    padding: 0px 5px;
    color: inherit;
    width: 300px;
    min-width: 300px;
    background-color: transparent;
    border: 0;
    border-radius: 10px;
    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;
    border: 0;
    border-radius: 0px;
    background-color: transparent;
}
#BlogRightBoxes { /* colonne droite du blog */
    margin: 0px -12px 0px 10px;
    padding: 0px 5px;
    color: inherit;
    width: 300px;
    min-width: 300px;
    background-color: transparent;
    border: 0;
    border-radius: 10px;
    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 16px "Trebuchet MS", Helvetica, sans-serif;
    color: #12151C;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0 8px;
}
div.quote span.cita { /* texte */
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #12151C;
    background: transparent;
    font-style: normal;
    text-align: center;
    border: 0;
    margin: 0;
    padding: 0 8px;
}
div.quote span.author { /* auteur */
    font: italic 16px "Trebuchet MS", Helvetica, sans-serif;
    color: #12151C;
    background: transparent;
}

/***********************************
 * block box Header Menu sections */
div.menuIcons { /* block menu */
    padding: 0;
    margin: 0 0 6px;
}
div.menuIcons ul { /* block liste du menu */
    margin: 0;
    padding-left: 36px;
    list-style: none;
    width: auto;
    height: 30px;
    border: 0;
    border-radius: 10px;
    background-color: rgba(3,43,79, 1);
}
div.menuIcons ul.noflag { padding-left: 4px; }
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: 32px;
    max-height: 56px;
    padding-bottom: 2px;
}
div.pop.menuIcons_flag { /* section drapeau */
    float: left;
    text-align: center;
    white-space: normal;
    top: 28px;
    width: 32px;
}
div.pop.menuIcons_flag img { /* séparation drapeau */
    border: 0;
    vertical-align: middle;
}
div.pop.menuIcons_flag img.imglatflag {
    margin: 0 0 0 -16px;
    padding: 0 0 6px;
}
div.pop.menuIcons_flag span.popflagT { /* séparation drapeau */
    top: 32px;
    width: 128px;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    text-align: center;
}
div.pop.menuIcons_flag span.popflagS {   
    top: 20px;
    width: 128px;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    text-align: center;
}
div.menuIcons ul li.menu_admin { /* section admin */
    float: right;
    padding-right: 3px;
}
div.menuIcons ul li a span { /* lien */
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: none;
    font:  18px Verdana, "Bitstream Vera Sans", sans-serif;
}
div.menuIcons ul li a span.current { /* lien actif */
    color:#FFD96A;
    background-color: #FFFFFF;
    text-decoration: none;
}
div.menuIcons ul li a:hover span { /* lien survolé*/
    color: #FFD96A;
    background-color: #12151C;
    text-decoration: none;
}
/************************************
 * block box lateral Menu Sections */
.titleboxmenu { padding-left: 28px; }
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: 32px;
    max-height: 56px;
}
/*****************
 * Fil d"ariane */
.ariane { /* bloc fil d"ariane */
    text-align: left;
    padding: 4px;
    margin: 0px;
    color: #12151C;
}
div.ariane span.arianeOn a { /* adresses actives */
    font-style: italic;
    color: #12151C;
}
div.ariane span.arianeOff { /* page courante */
    font-style: italic;
    color: #454545;
}
/******************************************
 * Mise en page des blocks dans le corps */
/* block lateral boxes */
.htable {
    margin-bottom: 8px;
}
.htable1 {
    margin-bottom: 8px;
}
.titrebox { /* Titre */
    background-color: rgba(3,43,79, 1);
    border: solid #032b4f;
    border-width: 0px 0px 0px 0px;
    border-radius: 10px;
    margin: 10px 5px 0px 5px;
    padding: 5px 5px 5px 5px;
    white-space: normal;
    word-wrap: break-word;
    font:  18px Georgia, "Times New Roman", serif;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}
.tblbox {  /* Corps */
    background-color: transparent;
    border: 0;
    border-radius: 0px;
    margin: 0px 5px 0px 5px;
    padding: 5px 5px 5px 5px;
    color: inherit;
    text-align:left;
}
.tblboxover { /* Corps survolé */
    background-color: transparent;
}
/* block central boxes */
.titre {
    background-color: rgba(127,26,34, 1);
    border: solid #7f1a22;
    border-width: 0px 0px 0px 0px;
    border-radius: 10px;
    margin: 10px 7px 0px 7px;
    padding: 5px 5px 5px 5px;
    white-space: normal;
    word-wrap: break-word;
    font:  18px "Times New Roman", Times, serif;
    color: #FFFFFF;
    text-align: left;
}
.titre a {
    background-color: rgba(127,26,34, 1);
    padding: 5px 5px 5px 5px;
    white-space: normal;
    word-wrap: break-word;
    font:  18px "Times New Roman", Times, serif;
    color: #FFFFFF;
    text-align: left;
}
.titre a span {
    background-color: inherit;
}
.tbl {
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    border: 0;
    border-radius: 0px;
    margin: 0px 5px 0px 5px;
    padding: 5px 5px 5px 5px;
    text-align:left;
    background-color: transparent;
}
.tblover {
    background-color: transparent;
}
div ul, ol { /* listes */
    padding: 8px 0 8px 8px;
    margin-left: 16px;
}
div li{
    padding: 0;
    margin-left: 12px;
}
.box {
    font:  18px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background-color: transparent;
    text-align: left;
}
p.box {
    margin: 0;
    font:  18px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background-color: transparent;
}
.box a, .item a {
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    font:  18px "Trebuchet MS", Helvetica, sans-serif;
}
.box a:hover, .item a:hover {
    color: #A1A1A1;
    text-decoration: none;
    background-color: transparent;
}
/* various boxes */
.boxnet {
    width: auto;
    margin: auto;
    text-align: center;
    background-color: transparent;
}
.boxprint { 
    margin: 0;
    height: 40px;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #12151C;
    background-color: transparent;
}
.boxprint1 {
    float: right;
}
.boxprint2 {
    float: right;
    padding-right: 10px;
}
/* search boxes */
.thinboxsearch {
    background-color: transparent;
    text-align: center;
}
.thinboxsearchW {
    margin: -4px 0 0;
}
.thinboxsearchM {
    margin: 18px 0 20px;
}
.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;
}
.imgsearchW {
    vertical-align: bottom;
    cursor: pointer;
    padding-left: 0;
}
.imgsearchM {
    vertical-align: bottom;
    cursor: pointer;
    padding-left: 14px;
}
.thinboxsearch2 {
    display: none;
    background-color: transparent;
    text-align: center;
}
.wideboxsearch2 {
    display: none;
    background-color: transparent;
    padding-bottom: 8px;
    margin: -10px auto auto;
    text-align: center;
    width: 172px;
}
.thinboxsearch2W, .wideboxsearch2W {
    position: absolute;
    z-index: 999;
}
.thinboxsearch3W, .wideboxsearch3W {
    text-align: center;
    width: 172px;
    margin: 0 auto;
}
.thinboxsearch3M, .wideboxsearch3M {
    margin: 8px 0 20px;
}
.searchlngW {
    text-align: center;
    width: 172px;
    margin: -4px auto 0;
}
.searchlngM {
    margin: 0 0 14px;
}
.adv1web {
    text-align: center;
    font-size: 0.8em;
    margin-top: -2px;
}
.adv1mob {
    text-align: center;
    font-size: 0.8em;
    margin-top: 14px;
}
.adv2 {
    display: none;
    text-align: center;
    font-size: 0.8em;
    margin-top: -2px;
    height: 2px;
}
.adv2W {
    height: 15px;
}
.searchclose {
    cursor: pointer;
    float: right;
    margin: -12px 0 0;
}
/****************************
 * block box lateral Article
 * (menu list, menu dynamic 1, menu dynamic 2) */
.rubr { /* catégories des articles */
    font:  18px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background-color: transparent;
    text-align: left;
    margin: 1px;
    padding: 4px 2px;
}
p.rubr {
    padding: 0 2px;
    margin: 1px;
    font:  18px "Trebuchet MS", Helvetica, sans-serif;
    color: inherit;
    background-color: transparent;
    text-align: left;
}
.item {
    font:  18px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    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:  18px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background-color: transparent;
    text-align: left;
    list-style: none;
    padding: 2px 0 2px 10px;
}
.curr_item {
    font:  18px "Trebuchet MS", Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #FB1E2D;
    text-align: left;
    list-style: none;
    padding: 2px 0;
}
ul.item li.curr_item a { /* titre article est affiché */
    font:  18px "Trebuchet MS", Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #FB1E2D;
    text-align: left;
    list-style: none;
    padding: 2px 0 2px 10px;
}
/**********
 * Photos */
.phrubr {
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    text-align: left;
    margin: 2px 0px;
    padding: 2px 6px;
    border: 0px;
    cursor: pointer;
    background-color: #FFFFEE;
}
.phrubr2 {
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    text-align: left;
    margin: 2px 0px;
    padding: 2px 0px;
    border: 0px;
    cursor: pointer;
    background-color: #FFFFFF;
}
.phsubrubr { 
    text-align: justify;
    padding-left: 35px;
}
.phitem2 {
    float: left;
    text-align: right;
    margin-left: 20px !important;
    margin-left: 12px;
    height: 15px;
}
.phcomment {
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    padding: 0 10px;
}
.phimgs {
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    margin: 5px;
    background-color: transparent;
    padding: 10px 5px 5px 5px;
}
.phimgs2 {
    padding-left: 4px; 
}
.phimg {
    background: transparent;
}
.phcpt {
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    float: right;
    font-weight: normal;
    padding: 0px 6px;
}
.phtitlebox {
    text-align:center;
    margin-bottom:6px;
    font-size: 15px;
    font-weight: bold;
}
/*********
 * Links */
.lititlecat {
    text-align: center;
    width: 80%;
    margin: 10px auto;
    padding: 4px 0;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    background-color: #FFFFDD;
    border: solid #A1A1A1;
    border-width: 1px;
    border-radius: 0px;
}
.licatlink {
    width: 80%;
    margin: 5px auto;
    padding: 4px 0;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    background-color: #FFFFDD;
    border: solid #A1A1A1;
    border-width: 1px;
    border-radius: 0px;
}
.licatlink img { padding: 0 8px; vertical-align: middle; }
.lirubr {
    text-align: left;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background: transparent;
    margin: 2px 0px;
    padding: 2px 6px;
    border: 0px;
    cursor: pointer;
    background-color: #FFFFEE;
}
.lirubr2 {
    text-align: left;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    margin: 2px 0px;
    padding: 2px 6px;
    border: 0px;
    cursor: pointer;
    background-color: #FFFFFF;
}
.lirubr3 {
    margin-left: 20px !important;
    margin-right: 12px;
    height: 15px;
}
.lisubrubr {
    text-align: justify;
    padding-left: 35px;
}
.licontent { margin: 5px; }
/*******
 * FAQ */
.fatitlecat {
    text-align: center;
    width: 80%;
    margin: 10px auto;
    padding: 4px 0;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    background-color: #FFFFDD;
    border: solid #A1A1A1;
    border-width: 1px;
    border-radius: 0px;
}
.facatlink {
    width: 80%;
    margin: 5px auto;
    padding: 4px 0;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    background-color: #FFFFDD;
    border: solid #A1A1A1;
    border-width: 1px;
    border-radius: 0px;
}
.facatlink img { padding: 0 8px; vertical-align: middle; }
.farubr {
    text-align: left;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background: transparent;
    margin: 2px 0px;
    padding: 2px 6px;
    border: 0px;
    cursor: pointer;
    background-color: #FFFFEE;
}
.farubr2 {
    text-align: left;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    margin: 2px 0px;
    padding: 2px 6px;
    border: 0px;
    cursor: pointer;
    background-color: #FFFFFF;
}
.farubr3 {
    margin-left: 20px !important;
    margin-right: 12px;
    height: 15px;
}
.fasubrubr {
    text-align: justify;
    padding-left: 35px;
}
.facontent { margin: 5px; }
.fainfos { font-size: 11px; }
.fainfos strong { margin: 0 20px; }
/*************
 * Downloads */
.dwnld1Body { padding: 4px; }
.maindwnld { padding: 5px; overflow: auto; }
.divdwnld { padding: 5px; }
.div1dwnld { padding: 5px 20px; }
.dntitlecat {
    text-align: center;
    width: 80%;
    margin: 10px auto;
    padding: 4px 0;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    background-color: #FFFFDD;
    border: solid #A1A1A1;
    border-width: 1px;
    border-radius: 0px;
}
.dncatdwnl {
    width: 80%;
    margin: 5px auto;
    padding: 4px 0;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    background-color: #FFFFDD;
    border: solid #A1A1A1;
    border-width: 1px;
    border-radius: 0px;
}
.dncatdwnl img { padding: 0 8px; vertical-align: middle; }
.dnrubr {
    text-align: left;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background: transparent;
    margin: 2px 0px;
    padding: 2px 6px;
    border: 0px;
    cursor: pointer;
    background-color: #FFFFEE;
}
.dnrubr2 {
    text-align: left;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    margin: 2px 0px;
    padding: 2px 6px;
    border: 0px;
    cursor: pointer;
    background-color: #FFFFFF;
}
.dnrubr3 {
    margin-left: 20px !important;
    margin-right: 12px;
    height: 15px;
}
.dnsubrubr {
    text-align: justify;
    padding-left: 35px;
}
.dncontent { margin: 5px; }
.dnlink { margin: 0 15px; }
.dninfos { font-size: 11px; }
.dninfos span { margin: 0 20px; }
/***************
 * 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: #000000;
    background-color: #FFFFFF;
    font: normal 16px "Trebuchet MS", Helvetica, sans-serif;
    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 {
    width: 100%;
    margin: auto;
    text-align: center;
    font:  14px "Trebuchet MS", Helvetica, sans-serif;
    border: 0;
    border-collapse: separate;
    border-radius: 0px;
    border-spacing: 0px;
    color: inherit;
    background-color: #FFD96A;
}
tr.cal { /* calendar nav bar */
    font:  14px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background-color: #FFD96A;
    text-align: center;
}
select.cal { /* mont and year selection */
    font:  14px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background-color: #FFD96A;
}
td.cals { /* week */
    font:  14px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background-color: #FFD96A;
    width: 14%;
    text-align: center;
}
td.cal0 { /* empty cell*/
    font:  14px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;    background-color: #FFFFFF;
    width: 14%;
    text-align: center;
}
td.cal1 { /* days */
    font:  14px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background-color: #FFFFFF;
    width: 14%;
    text-align: center;
}
td.cal2 { /* today */
    font:  14px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background-color: #E0EBDE;
    border: 0px solid #C0C0C0;
    border-radius: 0px;
    width: 14%;
    text-align: center;
}
td.cal3 { /* sunday or special */
    font:  14px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background-color: #FFD96A;
    border: 0px solid #C0C0C0;
    border-radius: 0px;
    width: 14%;
    text-align: center;
}
td.cal4 { /* today is sunday or special */
    font:  14px "Trebuchet MS", 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:  14px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background-color: #A1A1A1;
    text-align: center;
    width: 14%;
}
td.calevt a { /* link of planner event */
    font:  14px "Trebuchet MS", Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: underline;
}
td.leftNavCalM, td.midNavCalM, td.rightNavCalM { padding: 10px 0 16px; }
td.mnthyearCalW { max-height: 22px;margin: 1px 0; }
td.mnthyearCalM { max-height: 22px; margin: 1px 0; padding: 10px 0; }
.selYearCal { width: 72px; }
.selMonthCal { width: 98px; }
.mnthyearBtnCal { max-height: 22px; margin-top: 4px; }
.cellCalM { padding: 10px 0 16px; }
/************************
 * Formulaires (Forms) */
form { /* formulaire */
    margin: 3px 0;
}
fieldset { /* Encadrement des champs */
    border: 1px solid #FB1E2D;
    border-radius: 0px;
    margin: 8px;
}
.legend { /* légende des encadrements */
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    background-color: transparent;
    font-weight: bold;
    padding: 0 4px;
    margin-left: 5%;
}
input.bouton, button { /* bouton */
    cursor: pointer;
    margin: 4px 0;
    color: #000000;
    border: 1px inset #C0C0C0;
    border-radius: 0px;
    background-color: #FFD96A;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
}
input.texte { /* champ texte */
    background-color: #FFFFFF;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    border: 1px solid #C0C0C0;
    border-radius: 0px;
    margin: 4px 0;
    padding: 0px 2px;
}
select { /* champ select */
    color: #000000;
    background-color: #FFD96A;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    border: 1px solid #C0C0C0;
    border-radius: 0px;
    margin: 4px 0;
}
textarea { /* champ textarea */
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
    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;
}
.tbldiv {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    max-width: 100%;
}
.trtbldiv {
    display: table-row;
    text-align: center;
}
.tdtbldiv { display: table-cell; }
.forum, .forum a {
    background-color: #FB1E2D;
    padding: 5px 5px;
    font: bold 16px "Trebuchet MS", Helvetica, sans-serif;
    color: #FFFFFF;
    text-align: center;
}
.forum2 {
    background-color: #FB1E2D;
    padding: 5px 5px;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #FFFFFF;
    text-align: left;
}
.thtbldiv {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 4px;
}
.trhtblfr {
    display: table-row;
    height: 34px;
    background-color: #FB1E2D;
    padding: 5px 5px;
    font: 16px "Trebuchet MS", Helvetica, sans-serif ;
    color: #FFFFFF;
    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: #FFD96A;
    padding: 5px 5px 5px 5px;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    text-align: left;
}
.rep {
    background-color: #FFFFFF;
    padding: 10px 5px 5px 5px;
    font:  16px "Trebuchet MS", Helvetica, sans-serif;
    color: #000000;
    text-align: left;
}
.bord {
    padding: 1px;
    border: 0;
}
.bord2 {
    border: 2px double #FFFFFF;
}
.Code {
    border: 1px solid #FB1E2D;
    padding-right: 5px;
    padding-left: 5px;
    color: #000000;
    font: 14px "Times New Roman", Times, serif, Monospace;
    background-color: #FFFFFF;
}
/*********************
 * Editeur pgeditor */
div.pgeditor {
    color: inherit;
    background-color: inherit;
}
div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt {
    color: inherit;
    background-color: #FFD96A;
    border: 1px solid #FB1E2D;
}
/************************
 * Divers, inclassables */
.f-right { float: right; }
.f-left { float: left; }
.c-right { clear: right; }
.c-left { clear: left; }
.c-both { clear: both; }
.divnewline { min-height: 24px; }
.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;
}
.flashban {
    width: 468px;
    height: 60px;
}
.clsCursor { cursor: pointer; }
.cursorHelp { cursor: help; }
.textRight { text-align: right; }
.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.textUpper { text-transform: uppercase; }
.textUnderline { text-decoration: underline; }
.valignTop { vertical-align: top; }
.valignMiddle { vertical-align: middle; }
.valignBottom { vertical-align: bottom; }
.marginAuto { margin: auto; }
.popupMail { margin: 8px 0; }
.displayNone { display: none; }
.displayBlock { display: block; }
.displayInline { display: inline; }
.displayInlineBlock { display: inline-block; }
.dispError {
    max-width: 480px;
    margin: auto;
    background-color: #FFF;
}
.dispError2 {
    color: #FFF;
    background-color: #FF0000;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    padding: 2px 0;
}
.dispArrow {
    float: right;
    font-family: fontello;
    font-size: 13px;
    padding: 3px 6px 0 0;
}
.img11x11 { width: 11px; height: 11px; }
.img15x15 { width: 15px; height: 15px; }
.img17x17 { width: 17px; height: 17px; }
.img32x32 { width: 32px; height: 32px; }
.width100 { width: 100%; }
.width98 { width: 98%; }
.width95 { width: 95%; }
.width88 { width: 88%; }
.width85 { width: 85%; }
.width78 { width: 78%; }
.width76 { width: 76%; }
.width75 { width: 75%; }
.width60 { width: 60%; }
.width55 { width: 55%; }
.width50 { width: 50%; }
.width48 { width: 48%; }
.width45 { width: 45%; }
.width40 { width: 40%; }
.width35 { width: 35%; }
.width30 { width: 30%; }
.width25 { width: 25%; }
.width22 { width: 22%; }
.width20 { width: 20%; }
.width18 { width: 18%; }
.width15 { width: 15%; }
.width13 { width: 13%; }
.width12 { width: 12%; }
.width10 { width: 10%; }
.widthAuto { width: auto; }
.web342 { margin: 15px 0 35px; }
.bgInherit { background: inherit; }
.boxCryptW { margin: 8px 0 0; }
.boxCryptM { margin: 0 0 24px; }
.basicCube1 { height: 128px; }
.popRss { width: 64px; }
.popRss span { top: 20px; }
.fontBold { font-weight: bold; }
.fontXsmall { font-size: x-small; }
.showprogbar {
    z-index: 50;
    position: absolute;
    left: 33%; top: 360px;
    width: 300px;
    padding: 20px;
    border: 4px inset;
}
.workprogress {
    padding: 10px;
    border: 3px solid red;
    font-size: larger;
}
.loadingpage {
    position: absolute;
    left: 20%; top: 28px;
    width: 240px;
    padding: 5px;
    border: 1px solid;
    background-color: #EEEEFF;
}
.posRelative { position: relative; }
.posAbsolute { position: absolute; }
.noborder { border: 0; }
.nobackground { background-image: none; }
.trheadsearch { background-color: #FFD96A; }
.tr2headsearch { padding: 4px; background-color: #FFFFFF; }
.txthiddensearch { overflow: auto; height: 300px; }
/*******
 * Rss */
.rssitem { padding: 6px; }
.text1newsrss, .text2newsrss {
    margin: 2px auto;
    padding: 10px 5px 5px;
}
.datitemrss { color: #999; }
.pubdateRss { color: #999; }
/*************
 * Postguest */
.pg280 { width: 280px; }
.pg360 { width: 360px; }
.pgrbra {
    height: 160px;
    overflow: auto;
    border-style: groove;
}
.pgc1 {
    max-width: 520px;
    height: 160px;
    overflow: auto;
    border-style: groove;
}
.pgptxt { padding: 5px }
/*******************
 * Preferences box */
.userButtonM { margin: 4px 0 28px; }
.userIdentW { margin: -4px 0 0; }
.userIdentM { margin: 0 0 16px; }
.userLostM { margin: 24px 0 8px; }
.userLostA { font-size:0.9em; }
.userWave object { width: 0; height: 0; }
.visits {
    z-index: 15;
    position: absolute;
    margin: -64px 0 0 24px;
    padding: 4px;
    width: 180px;
    display: none;
    color: #000;
    background: #DDDDDD;
    border: 1px solid #000;
}
.visits2 {
    max-height: 200px;
    overflow: auto;
    background: transparent;
}
.visits2 img {
    vertical-align: middle;
    height: 24px;
    padding: 1px 2px;
}
.visitsClose {
    margin: 8px 6px 0;
    font-family: fontello;
    font-size: 13px;
}
.avatar {
    vertical-align: middle;
    height: 24px;
    padding: 1px 2px;
}
.connectedList { margin-top: 6px; }
.connectedImg { margin: 0 0 0 4px; }
.connectedUserM { margin-bottom: 24px; }
.userprefIP { margin: 10px; }
.itemRssBoxW { margin: 0; }
.itemRssBoxM { margin: 8px 0 24px; }
/**********************
 * Webmaster Info box */
.webm { padding-left: 4px; }
.webmtblM {
    width: 100%;
    margin: 16px 0;
}
/******************
 * Navigation bar */
.navbarLeftW { padding: 5px; }
.navbarLeftM { padding: 5px 15px 5px 5px; }
.imgMinusM { padding-right: 5px; }
.imgPlus { padding-left: 5px; }
.navbarRightW { padding: 5px; }
.navbarRightM { padding: 5px 5px 5px 15px; }
/*************
 * Guestbook */
.gbkb1W { padding-top: 6px; }
.gbkb1M { padding-top: 32px; }
.gbkc1 { padding-bottom: 24px; }
/**********
 * Agenda */
.calagvL {
    margin: 1px;
    min-width: 60px;
    padding-top: 10px;
}
.calagvR { margin: 1px; }
.calendarg, .calendard {
    margin: 1px;
    padding: 4px;
}
.calimggW, .calimgdW {
    width: 14px;
    height: 11px;
}
.calimggM {
    padding-right: 32px;
    width: 14px;
    height: 11px;
}
.calimgdM {
    padding-left: 32px;
    width: 14px;
    height: 11px;
}
/*********
 * Forum */
.valign-5 { vertical-align: -5px; }
.valign-4 { vertical-align: -4px; }
.valign-1 { vertical-align: -1px; }
.frtbldiv { margin: 8px auto; }
.frtdtbldiv { padding: 3px; }
.frWtdtbldiv {
    white-space: nowrap;
    width: 24%;
    padding: 0 3px;
}
.postsBtnForum { width: 17%; padding: 6px 0 0 3px; }
.mailBtnForumW { width: 13%; padding: 6px 0 0; }
.mailBtnForumM { width: 48%; padding: 6px 0 0; }
.newmembBtnForumW { width: 17%; padding: 6px 2px 2px; }
.newmembBtnForumM { width: 45%; padding: 6px 2px 2px; }
.connectBtnForumW { width: 15%; padding: 6px 2px 2px; }
.connectBtnForumM { width: 45%; padding: 6px 2px 2px; }
.membTopForumWW { width: 12%; padding-top: 12px; }
.membTopForumWM { width: 100%; padding-top: 12px; }
.membTopForumTW { width: 16%; padding-top: 12px; }
.membTopForumTM { width: 100%; padding-top: 12px; }
.userWaveForum {
    top: 2px; left: 274px;
    width: 38px;
    height: 38px;
}
.userWaveForum img { padding-top: 2px; }
.userWaveForum object { width:0; height:0; }
.searchTopForum { padding: 4px 2px 4px 0; }
.seluserTopForum { width: 100px; }
.mailsubmitTopForum { padding-left: 5px; }
.frtlnkarch img { vertical-align: -4px; }
.frtlnkrules { margin-top: -8px; }
.frlnkforumM { margin-bottom: 18px; }
.frlnkcategW { margin-left: 18px; }
.frlnkcategM { margin: 0 0 18px 18px; }
.frbottom { padding: 16px 0 4px; }
.frimgsbottom { padding: 4px; }
.frretfrt {
    width: 250px;
    margin-top: -8px;
    padding-top: 2px;
}
.thlnkforumW { margin-left: 8px; }
.thlnkforumM { margin: 0 0 18px 8px; }
.thlnkcateg { margin-left: 18px; }
.thmainM { margin-bottom: 32px; }
.thhead { margin-bottom: 4px; }
.thheadsubjectW {
    height: 32px;
    min-width: 150px;
    max-width: 160px;
}
.thheadsubjectM {
    height: 32px;
    min-width: 110px;
    max-width: 160px;
}
.thheadbody { word-break: break-all; }
.thbody { margin-bottom: 6px; }
.thbodysubjectW {
    min-width: 146px;
    max-width: 160px;
}
.thbodysubjectM {
    min-width: 108px;
    max-width: 160px;
}
.thtimetop {
    height: 52px;
    z-index: 15;
    border: 1px solid;
    border-radius: 8px;
}
.closethtimetop { margin: -12px 4px 0 0; }
.thmoveto {
    height: 46px;
    z-index: 15;
    border: 1px solid;
    border-radius: 8px;
}
.thtocat { width: 120px; }
.closethtocat { margin: 6px 4px 0 0; }
.thbodycontentW {
    width: 99.8%;
    margin: -4px -6px 6px -4px;
    padding: 4px;
}
.thbodycontentM {
    width: 99.8%;
    margin: -4px -6px 6px -4px;
    padding: 4px;
    word-break: break-all;
}
.thbodybottom { height: 28px; }
.thcoders { padding-top: 4px; }
.themail { padding-left: 5px; }
.thimgsiteW { padding-left: 5px; }
.thimgsiteM { padding-left: 24px; }
.thimgrepM { padding-right: 24px; }
.thmsgicons { padding: 4px; margin: 4px auto 0 0; }
.thretbutton { padding: 2px 0 4px 8px; }
.thselcat { width: 300px; padding: 2px 6px 0; }
.frnoaccess { padding-bottom: 48px; }
.frarchsubject {
    min-width: 148px;
    margin: 1px;
    white-space: nowrap;
}
.frarchbody { margin: 1px; }
.tharchmain { margin-bottom: 8px; }
.tharchsubject { max-width: 160px; }
.thsign { padding-top: 8px; }
.bodyfrposts {
    margin: 0px;
    padding: 0px;
    background-image: none;
    border: 0;
}
.mainfrposts, .mainrules {
    padding: 5px;
    margin: 2px;
}
.closefrpopup { margin: 2px 10px; }
/*********
 * Pool */
.textPool {
    padding: 2px 0;
    font-weight: bold;
}
.txt2Pool {
    font-weight: bold;
    padding: 6px 2px;
}
.lnkPool { padding: 2px 0; }
.potbldiv {
    font: 10px Arial, Helvetica, sans-serif;
    line-height: 12px;
}
.poChoiceW { padding: 2px; }
.poChoiceM { padding: 2px 0 20px; }
.poItem { text-indent: 6px; }
.poLnkResultW { padding: 2px; }
.poLnkResultM { padding: 24px 0 12px; }
/**************
 * Newsletter */
.nwlPseudoM { margin-bottom: 24px; }
.nwlMailW { margin-top: -4px; }
.nwlMailM { margin-bottom: 24px; }
.nwlActionW { padding-left: 35px; }
.nwlActionM { padding-left: 35px; margin-bottom: 24px; }
.nwlunsub { margin: 12px 0; }
.nwlcrypt { margin-top: 8px; }
.nwlyesbtn { margin-right: 6px; }
.nwlnobtn { margin-left: 6px; }
/*******************
 * Social networks */
.rssSocnet { padding: 0 2px; }
.iconSocnetW { margin: auto; padding: 0 2px; }
.iconSocnetM { margin: 0 0 0 24px; padding: 0 2px; }
/********
 * News */
.codersNews { padding: 12px 0 4px; }
.archNews { padding: 0 0 12px; }
.archNews img { vertical-align: -4px; }
.postNews { margin: 0 64px 12px 0; }
.editoNews { margin-top: 4px; padding: 2px; }
.txt2News { margin-top: 4px; padding: 10px 5px 5px; }
/***************
 * What is New */
.itemLastdoc { margin: 8px 0 16px; }
.lastdoc { margin: 0px; padding: 2px }
.lastdoc2 { margin: 0px; padding: 10px 5px 5px; }
.plusLastdocM { margin: 8px 12px 16px 0; }
/*****************
 * Dropdown Menu */
.ddmArrow {
    font-family: fontello;
    font-size: 13px;
    padding-left: 12px;
}
.ddmImg {
    padding-right: 6px;
    vertical-align: top;
    max-height: 16px;
}
/***************
 * Contact */
.itemContactW { margin: 4px 0 0; }
.itemContactM { margin: 4px 0 24px; }
.imgContact { margin: 0 8px -4px 12px; }
.dispMail{ padding: 8px; }
.dispMailBody {
    width: 90%;
    padding: 8px;
    margin: 0 auto;
}
.messContactM { margin: 0; padding: 0; }
.headContactW {
    text-align: left;
    font-size: medium;
}
.headContactM {
    margin-left: 8px;
    text-align: left;
    font-size: medium;
}
.nameContactR { padding-left: 22px; }
.mailContactL { padding: 0 0 16px; }
.mailContactR { padding: 0 0 16px 22px; }
/********
 * Blog */
.selBlogCat { width: 166px; }
.dispqcBlogCat { margin-bottom: 8px; }
.itemBlogBoxW { padding: 3px 6px; }
.itemBlogBoxM { padding: 10px 0 16px; }
.cal3Blog { white-space: nowrap; }
.cal3BlogM { padding: 10px 0 16px; }
.calBlogM { padding: 10px 0; }
.calButton { min-width: 0px; }
.cal0BlogM { padding: 10px 0 16px; }
.itemRssBlog { padding: 3px; }
.rssBlog { margin-bottom: 8px; }
.boxreBlog { margin-top: 10px; position: relative; }
.boxreBlog2 { padding: 4px 4px 0px; }
.headCenterBlog { margin: 3px 0 12px; }
.postBlog { margin: 0 64px 12px 0; }
.txt2Blog { padding: 4px }
.blogBlog { padding: 5px; }
.blog2Blog { margin-top: 4px; padding: 10px 5px 5px; }
.blog3Blog { margin-top: 4px; padding: 10px 5px 5px; }
.codersBlog { padding-top: 6px; }
.footerItemBlog { padding: 6px 4px 2px; font-size: 0.9em; }
.commentBlog { font-size: smaller; }
.commentBlogM { padding-right: 32px; }
.qcItemBlog { margin: -4px 0 20px; }
.messErrorBlog { padding: 6px; }
.blogarch { padding: 4px; }
.titleArchBlog { margin: 8px 0; }
.bordTextArch { margin-top: 4px; }
.textArchBlog { padding: 4px; }
.actionArchBlog { padding: 2px 4px; font-size: smaller; }
.pubArchBlog { padding: 2px 4px; font-size: smaller; }
.titreBlog { margin: 8px 0px; }
.bordBillet { margin-top: 4px; }
.billetBlog { padding: 4px; }
.footerBillet { padding: 4px 4px 0 0; font-size: smaller; }
.leftRssBlog, .rightRssBlog { padding: 4px; }
.text2RssBlog { margin: 0; padding: 2px; }
.textRssBlog { margin: 2px; padding: 10px 5px 5px; }
.buttonTopBlog { padding: 6px 4px 2px; }
.userWaveBlog {
    position: absolute;
    top: 0px; left: 16%;
    width: 38px; height: 38px;
}
.userWaveBlog object { width: 0; height: 0; }
.membersTopBlog { padding-top: 10px; }
.nouserTopBlog { padding-top: 2px; }
.searchTopBlog { padding: 4px 2px; }
.lnkblarch { padding: 8px 4px 0; }
.blog3arch { padding: 2px; }
.txt3arch { margin: 2px; padding: 5px; }
.txt2blogarch { padding: 5px; }
.headblogarch { padding: 6px 4px 2px; font-size: 0.9em; }
/**************
 * Statistics */
.tdstats { padding: 5px; }
.vertbarStat { width: 2em; white-space: nowrap; }
.horiztxtStat { width: 100px; margin: 10px; }
.horizbarStat { white-space: nowrap; margin: 10px; }
/************
 * Articles */
.selArtNavbar { width: 120px; }
.rssArt { width: 64px; }
.contentArt { padding: 6px; }
.codersArt { padding: 4px 0 10px; }
.propArtW { width: 44%; padding-left:12px; font-size: smaller; }
.propArtM { width: 100%; font-size: smaller;}
.navbarArt, .prtArt { margin: 4px; }
.headreact { height: 18px; }
.headreactleft { white-space: nowrap; }
/***********
 * Members */
.afterlost { margin: 32px; }
.mainConnect { width: 320px; }
.lostconnect { font-size: 0.9em; }
.prfAdmButton { max-width: 500px; }
.prftblborder { border: 1px solid #000; }
.prfheadtbl { padding: 16px; }
.prfava { max-height: 80px; }
.prfwebsite { padding: 24px 0; }
.prfimgmail { height: 24px; }
.mbrlistmain { margin-top: 8px; }
.mbrlistimgava { height: 32px; }
.mbrlistimg { height: 24px; }
.cmptlbl { margin: 2px; padding: 10px 4px; }
.popsyncmail { width: 32px; }
.popsyncmail img { margin: -6px 0 0 0; }
.pop.popsyncmail a span { left: -270px; top: 20px; }
.pop.popsyncmail a span em { left:auto; right: 12px; }
.cmptsyncmail { margin: -6px 2px 0 16px; }
.tbltinysend { width: 100%; max-width: 540px; }
.tdrepmsg {
    height: 80px;
    width: 480px;
    overflow: auto;
    border: 1px solid;
}
.msgtinysend { width: 500px; }
.tbltinymain { width: 460px; }
.trmsgtiny { padding: 8px 0; }
.tdmsglnk { padding: 8px 4px; }
.btntinymain { width: 460px; padding: 16px 32px 0 0; }
.divcmdtiny { margin: 0 auto; width: 280px; }
.frmcmdtiny { margin: 0; padding: 0; }
.divreptiny { padding: 4px; margin-top: 8px; }
.divheaduser {
    padding-left: 4px;
    margin-left: auto;
    margin-right: auto;
}
.divuseritem { margin: 2px; }
.divuserpwd { margin: 8px 2px 2px; }
.popuserpwd { width: auto; margin-left: 8px; }
.pop.popuserpwd a span { width: 260px; left: -240px; }
.pop.popuserpwd a span em { left: auto; right: 20px; }
.popusersign { width: auto; margin-left: 8px; }
.pop.popusersign a span { width: 260px; left: -240px; }
.pop.popusersign a span em { left: auto; right: 20px; }
.usermainava { margin: 16px auto auto; }
.divuserava { max-height: 320px; overflow: auto; }
.tbluseravaM { max-width: 280px; }
.imgavaitemM { width: 42px; }
.divavaitem { margin: 4px; padding: 4px; }
.divuseravaextW { width: 330px; margin: 6px auto 0px; }
.divuseravaextM { width: 240px; margin: 6px auto 0px; }
.userextavaW { width: 280px; }
.userextavaM { width: 200px; }
.popavaext { width: 32px; }
.popavaext a span { width: 240px; left: -220px; }
.popavaext a span em { left: auto; right: 20px; }

/********************
 * Menus déroulants */
ul.dropdown {
    list-style: none;
    margin: 0; 
    padding: 0;
    position: relative;
    float: left;
}
ul.dropdown li {
    font: bold 16px "Trebuchet MS", Helvetica, sans-serif;
    padding: 7px 10px;
    border: solid #000000;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    background: #A1A1A1;
    color: #FFFFFF;
    list-style: none;
    margin: 0;
    float: left;
    line-height: 1.3em;
    vertical-align: middle;
    width: 230px;
    text-align: left;
}
ul.dropdown li:hover {
    color: #000000;
    background: #FFFFDD;
    position: relative;
    z-index: 599;
    cursor: pointer;
}
ul.dropdown li.dd_current {
    color: #000000;
    background: #FFFFDD;
    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: bold 16px "Trebuchet MS", Helvetica, sans-serif;
    color: #FFFFFF;
    background: #FFD96A;
    width: 230px;
}
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: 230px;
    font: bold 16px "Trebuchet MS", Helvetica, sans-serif;
    color: #FFFFFF;
    border: solid #000000;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
}
ul.dropdown-linear li ul li {
    width: 650px;
    height: 320px;
    background: #FFFFFF;
    border: solid #A1A1A1;
    border-width: 4px;
    border-radius: 0px 0px 10px 10px;
}
.tbl ul.dropdown-linear li:hover ul li {
    color: #000000;
    background: #FFFFFF;
}
ul.dropdown-linear li ul li:hover {
    background: #FFFFFF;
    cursor: default;
}
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;
}
.menu-vertical {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;    
}
.menu-vertical ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.menu-vertical li {
    margin: 0 -8px 2px -8px;
    padding-right: 8px;
    border: solid #000000;
    border-width: 1px;
    border-radius: 0px 0px 0px 0px;
    background: #A1A1A1;
    opacity: 0.99;
}
.menu-vertical li li {
    max-height: 0;
    background: #FFD96A;
    overflow: hidden;
    transition: all .5s;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    margin: 0 -8px 0 0;
}
.menu-vertical li a {
    display: block;
    text-decoration: none;
    padding: 0.6em 0;
    font: bold 16px "Trebuchet MS", Helvetica, sans-serif;
    color: #FFFFFF;
}
.menu-vertical li li a {
    color: #FFFFFF;
}
.menu-vertical li:hover, .menu-vertical li li:hover {
    background: #FFFFDD;
}
.menu-vertical ul li:last-child {
    border: 0;
}
.menu-vertical li:hover li {
    max-height: 15em;
}
/*************
 * 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;
}