/*  ---------  Admin CSS  ----------- */

html { /*  document */
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background: #7F7F7F;
}
body { /*  corps du document */
    margin: 0;
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #7F7F7F;
}
/************
 * 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: #FF0000;
    text-decoration: none;
    font-weight: bold;
    background-color: inherit;
    position: relative;  top: 1px;  left: 1px;
}
p { /* paragraphe */
    margin: 16px 0;
    color: inherit;
    background: inherit;
}
hr { /* ligne horizontale */
    height: 1px;
    border: 1px inset #000000;
    width: 98%;
}
ul, ol, dl, dd, dt { /* listes */
    padding: 0;
    margin: 0;
}
h1 { /* titre niveau 1 */
    font-size: 24px;
}
h2 { /* titre niveau 2 */
    font-size: 18px;
}
h3 { /* titre niveau 3 */
    font-size: 16px;
}
h4 { /* titre niveau 4 */
    font-size: 14px;
}
img {
    border-style: none !important;
}
/******************************************
* Mise en page des blocks div principaux */
#page{ /* all the page */
    color: inherit;
    background-color: #EFEFEF;
    border-radius: 6px;
    max-width: 1004px;
    margin: auto;
}
#AdminBoxes { /* pages admin */
    margin: 4px 0 8px 0;
    color: inherit;
    background-color: inherit;
    border: 1px solid #000000;
    border-radius: 6px;
}
/*****************
 * Fil d"ariane */
.ariane { /* bloc fil d"ariane */
    text-align: left;
    padding: 4px;
    margin: 0px;
}
div.ariane span.arianeOn { /* adresses actives */
    font-style: italic;
    color: inherit;
}
div.ariane span.arianeOff { /* page courante */
    font-style: italic;
    color: #FF0000;
}
/******************************************
 * Mise en page des blocks dans le corps */
/* block lateral boxes */
/* block central boxes */
.titre, .titre a {
    background-color: #7F7F7F;
    border-width: 0;
    border: 1px solid #7F7F7F;
    border-radius: 6px;
    padding: 5px;
	margin: 0 4px;
    white-space: nowrap;
    font: bold 15px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-align: left;
}
.tbl {
    border-width: 0;
    border-width: 0;
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    padding: 4px;
    margin-bottom: 8px;
    text-align:left;
}
.tblout {
    background-color: #EFEFEF;
}
.tblover {
    background-color: #EFEFEF;
}
div ul, ol { /* listes */
    padding: 8px 0 8px 8px;
    margin-left: 16px;
}
div li{
    padding: 0;
    margin-left: 12px;
}
/***************
 * info bulle */
.pop {
    text-align: justify;
    cursor: help;
    float: left;
    z-index: 30;
}
.pop a {
    display: block;
}
.pop span {
    display: none;
    z-index: 30;
}
.pop a:hover span {
    color: #000000;
    background-color: #FFF;
    font: normal 12px Arial, Helvetica, sans-serif;
    border: 1px solid #000000;
    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(inc/img/general/infobullet.png);
    border: none;
}
/*************
 * Calendar */
.cal {
    width: 100%;
    text-align: center;
    margin: auto;
    border-collapse: separate;
    border: 1px solid #D3D3D3;
    border-radius: 6px;
    border-spacing: 1px;
    color: inherit;
    background-color: #EAEAEA;
}
tr.cal { /* calendar nav bar */
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #EAEAEA;
    text-align: center;
}
td.cals { /* week */
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #EAEAEA;

    width: 14%;
    text-align: center;
}
td.cal0 { /* empty cell*/
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #EAEAEA;
    width: 14%;
    text-align: center;
}
td.cal1 { /* days */
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #EAEAEA;
    width: 14%;
    text-align: center;
}
td.cal2 { /* today */
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #DEFFC1;
    border: 1px solid #000000;
    border-radius: 6px;
    width: 14%;
    text-align: center;
}
td.cal3 { /* sunday or special */
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #EAEAEA;
    border: 1px solid #000000;
    border-radius: 6px;
    width: 14%;
    text-align: center;
}
td.cal4 { /* today is sunday or special */
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #EAEAEA;
    border: 1px solid #000000;
    border-radius: 6px;
    width: 14%;
    text-align: center;
}
td.calevt { /* planner event */
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #C5D1A5;
    text-decoration: underline;
    text-align: center;
    width: 14%;
}
/************************
 * Formulaires (Forms) */
form { /* formulaire */
    margin: 3px 0;
}
fieldset { /* Encadrement des champs */
    border: 1px solid #8F916A;
    border-radius: 6px;
    margin: 8px;
}
.legend { /* légende des encadrements */
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: inherit;
    font-weight: bold;
    padding: 0 4px;
    margin-left: 5%;
}
input.bouton, button { /* bouton */
    cursor: pointer;
    margin: 4px 0;
    color: #000000;
    border: 1px inset #000000;
	border-radius: 4px;
    background-color: #FFF;
    font: 11px Arial, Helvetica, sans-serif;

}
input.texte { /* champ texte */
    background-color: #FFF;
    font: 11px Arial, Helvetica, sans-serif;
    color: #000000;
    border: 1px solid #000;
    border-radius: 4px;
    margin: 4px;
	padding: 2px 6px;
}
select { /* champ select */
    color: #000000;
    background-color: #FFF;
    font: 11px Arial, Helvetica, sans-serif;
    border: 1px solid #000000;
	border-radius: 4px 0 0 4px;
    margin: 4px 0;
}
textarea { /* champ textarea */
    color: #000000;
    background-color: #FFF;
    border: 1px solid #000000;
    overflow: auto;
    margin: 4px 0;
}
/*************************************
 * block box central forum - tables */
.forum, .forum a {
    background-color: #7F7F7F;
    padding: 5px 5px;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-align: center;
}
.quest {
    background-color: #DCD9E0;
    padding: 5px 5px 5px 5px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: left;
}
.rep {
    background-color: #E7E1EF;
    padding: 10px 5px 5px 5px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: left;
}
.bord {
    border: 1px solid #8F916A;
    padding: 1px;
}
/**********************
 * Editeur CKEditor */
.Code {
    border: 1px solid #8F916A;
    padding-right: 5px;
    padding-left: 5px;
    color: #000000;
    font: 11px Arial, Helvetica, sans-serif, Monospace;
    background-color: #E3EDC7;
}
/************************
 * Divers, inclassables */
.top {
    font: 0.8em Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: inherit;
    text-align: center;
}
.timer {
    font: italic 0.9em Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: inherit;
    text-align: center;
    padding: 8px;
}
.clsCursor { cursor: pointer; }
.cursorHelp { cursor: help; }
.notice {
    color: red;
    background-color: #FF9;
    padding: 2px;
}
.errorInputText {
    background-color: #FFE5E5;
    font: 11px Arial, Helvetica, sans-serif;
    color: #000099;
    border: 1px solid #8F916A;
    border-radius: 4px;
    margin: 4px;
	padding: 2px 6px;
}
.textRight { text-align: right; }
.textLeft { text-align: left; }
.textCenter { text-align: center; }
.valignBottom { vertical-align: bottom; }
.marginAuto { margin: auto; }
.displayNone { display: none; }
.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; }
.fontBold { font-weight: bold; }
.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;
}
.tbldiv {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
    max-width: 100%;
}
.trtbldiv {
    display: table-row;
    text-align: center;
}
.tdtbldiv { display: table-cell; }
.width100 { width: 100%; }
.width88 { width: 88%; }
.width12 { width: 12%; }
/**************
 * Statistics */
.tdstats { padding: 5px; }
.vertbarStat { width: 2em; white-space: nowrap; }
.horiztxtStat { width: 100px; margin: 10px; }
.horizbarStat { white-space: nowrap; margin: 10px; }
/********************
 * Menus déroulants */
ul.dropdown {
    font-weight: bold;
	font-size: 12px;
    list-style: none;
    margin: 0; 
    padding: 0;
    position: relative;
    float: left;
}
ul.dropdown li {
    padding: 6px 8px;
    border: 1px solid #7F7F7F;
	border-radius: 6px;
    background-color: #E7E1EF;
    color: #000;
    list-style: none;
    margin: 0 1px;
    float: left;
    line-height: 1.3em;
	font-size: 12px;
    vertical-align: middle;
}
ul.dropdown li:hover {
    background-color: #7F7F7F;
    color: #FFF;
    position: relative;
    z-index: 599;
    cursor: pointer;
}
ul.dropdown a:link, ul.dropdown a:visited	{
    color: #000;
    text-decoration: none;
}
ul.dropdown a:hover {
    color: #000;
}
ul.dropdown ul {
    width: 150px;
    margin-top: 1px;
    list-style: none;
    margin: 0;
    padding: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 598;
}
ul.dropdown ul li {
    font-weight: normal;
    float: none;
}
ul.dropdown ul ul {
    top: 1px;
    left: 99%;
}
ul.dropdown li *.dir {
    padding-right: 20px;
}
ul.dropdown-horizontal ul li *.dir {
    padding-right: 20px;
}
ul.dropdown li:hover > ul {
    transition-property : visibility;
    transition-delay : 200ms;
    visibility: visible;
}
ul.dropdown-vertical {
    width: 160px;
}
ul.dropdown-vertical ul {
    top: 1px;
    left: 99%;
}
ul.dropdown-vertical li {
    float: none;
}
ul.dropdown-linear {
    width: 100%;
	font-size: 12px;
}
ul.dropdown-linear ul li {
    float: left;
	font-size: 12px;
}
ul.dropdown-linear li:hover {
    position: static;
}
ul.dropdown-linear ul li:hover {
    background-color: #E7E1EF;
}
ul.dropdown-linear ul ul {
    display: none !important;
}
ul.keyword {
    list-style: none;
    margin: 0; 
    padding: 0;
    position: relative;
    float: left;
}
ul.keyword li {
    margin: 0;
    padding: 0 6px;
    background-color: inherit;
    color: #000;
    list-style: none;
    float: left;
    background-color: #FFF;
    border: 1px solid #000;
    border-radius: 4px;
}
ul.keyword li:hover {
    background-color: #FFF;
    color: #000;
    position: relative;
    z-index: 599;
    cursor: pointer;
}
ul.keyword ul {
    width: 220px;
    list-style: none;
    margin: 0;
    padding: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 95%;
    z-index: 598;
}
ul.keyword-horizontal ul li *.dir {
    padding-right: 20px;
}
ul.keyword a:hover {
	color: #FF0000;
	font-weight: normal;
}
ul.keyword li:hover > ul {
    transition-property : visibility;
    transition-delay : 200ms;
    visibility: visible;
    line-height: 1.8em;
}
ul.keyword div {
    border: 1px solid #000;
    border-radius: 4px;
    background-color: #FFF;
	z-index: 597;
}
.hover_img a { position:relative; }
.hover_img a span { background: #FFF; position:absolute; left:120px; display:none; z-index:99; border: 1px solid #000; padding:10px; }
.hover_img a:hover span { display:block; }
.hover_img img { max-width: 468px; height: auto; color:#000}/*si pas d'image (noscreen) le texte du tag alt sera en noir*/
.hover_img img::after  { content: url(inc/img/files/noscreen.jpg); } /*affichage de cette image si le lien n'est pas une image*/