/********************************************************************************************************
 * Mise en page générale
 */

body { /*  corps du document */
    margin: 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #FFFFFF;scrollbar-base-color: #A3C2E6;scrollbar-arrow-color: #330099;
}

a { /* lien */
    color: #0033CC;
    text-decoration: none;
}

a:hover { /* lien survolé */
    color: #3366FF;
    text-decoration: none;
    
}

p { /* paragraphe */
    margin: 4px 0px;
}

hr { /* ligne horizontale */
    height: 1px;
	border: 0 none;
	border-bottom: 1px inset #99CCFF;
    width: 98%;
}

ul, ol { /* listes */
	padding:0;
	margin:0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

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

/********************************************************************************************************
 * Mise en page des blocks div principaux
 */
#screen_choice {
  z-index:20;
  position:absolute; top: 2px; right: 5px;
  padding: 5px;
  margin: 0;
  text-align: right;
}

#page{ /* all the page */
    z-index: 20;
    padding-top:0px;
    background-color: #FFFFFF;
    
}

#headTop { /* header top and middle (logo-banner + citation) */
    z-index: 15;
    margin: 0;
    padding: 0px;
    background-color: #F8F79E;
    
}

#headBottom { /* header bottom (logo-menu) */
    margin: 0;
    padding: 0 4px;
    
}

#mainContent { /* main page */
    margin: 0px 4px;
    padding:0px;
}

#leftside { /* leftboxes area */
    margin: 0px;
    padding:0px;
}

#rightside { /* right boxes area */
    margin: 0px;
    padding:0px;
}

#endbox { /* optionnal areabtween corpse and bottom */
    margin: 0px;
    padding: 4px;
    text-align: left;
    
}

#foot { /* footer Copyright */
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #330099;
}

/********************************************************************************************************
 * Mise en page des blocks dans le header
 */

div.logo { /* block logo */
    background-color: transparent;
    padding: 4px;
    text-align: left;
}

div.banner { /* block bannière */
    background-repeat: no-repeat;
    padding: 8px;
    text-align: right;
}

/*************************
 * block boite citation
 */
div.quote { /* block citation */
    width: 100%;
    white-space: nowrap;
    text-align: center;
}

div.quote strong { /* titre */
	font-weight:bold;
}

div.quote cite { /* texte */
    background-color: #F8F79E;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
	font-style: normal;
    text-align: center;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
}

div.quote span.author { /* auteur */
	font-style: normal;
}

/*************************
 * block box Header Menu sections
 */

div.menuIcons { /* block menu */
	padding:10px;
margin-right:50px;
}

div.menuIcons ul { /* block liste du menu */
	margin:0;
	padding:0;
	list-style:none;width:100%;
}

div.menuIcons ul li { /* toutes les sections */
	float:left;
	margin-right:20px;
	text-align:center;
}

div.menuIcons ul li span { /* toutes les sections */
	display:block;
	white-space:nowrap;
}

div.menuIcons ul li.menu_flags { /* section drapeau */
	float:left;
	margin-right:20px;
	text-align:center;
}

div.menuIcons ul li.menu_flags img { /* séparation drapeau */
	margin:3px;
}

div.menuIcons ul li.menu_admin { /* section admin */
	float:right;
}

div.menuIcons ul li span { /* nom des sections */
	color: #6666FF;
	white-space:nowrap;
}

div.menuIcons ul li a span { /* lien */
    color: #6666FF;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

div.menuIcons ul li a:hover span { /* lien */
    color: #0066FF;
    text-decoration: underline;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    

}


/********************************************************************************************************
 * Mise en page des blocks dans le corps
 */

/*************************
 * block lateral boxes
 */
.titrebox { /* Titre */
    background-color: #C5DCF5;
    
    border: 0px solid inherit;
    padding: 4px;
    white-space: nowrap;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: #330099;
    text-align: left;
    font-weight: bold;
}

.tblbox {  /* Corps */
    background-color: #FFFFFF;
    border: 0px solid inherit;
    padding: 4px;
    margin-bottom: 8px;
    text-align:left;
}

.tblboxover { /* Corps survolé */
    background-color: #FFFFFF;
    border: 0px solid inherit;
    padding: 4px;
    margin-bottom: 8px;
    text-align:left;
}

/*************************
 * block central boxes
 */
.titre {
    background-color: #F8FBFD;
    
    border: 0px solid inherit;
    padding: 5px;
    white-space: nowrap;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #330099;
    text-align: left;
    font-weight: bold;
}
.tbl {
    background-color: #FFFFFF;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    border: 0px solid inherit;
    padding: 5px;
    margin-bottom: 8px;
    text-align:left;
}
.tblover {
    background-color: #FFFFFF;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    border: 0px solid inherit;
    padding: 5px;
    margin-bottom: 8px;
    text-align:left;
}

/*************************
 * block box lateral Menu Sections
 */
ul.boxmenu { /* block liste */
	margin:0;
	padding:10px;
	list-style:none;
}

ul.boxmenu li { /* items liste */
	margin-bottom:10px;
}

ul.boxmenu li img { /* icons */
	vertical-align:middle;
	margin-right:10px;
}

/*************************
 * block box lateral Article (menu list, menu dynamic 1, menu dynamic 2)
 */
p.rubr { /* catégories des articles */
    background-color: transparent;
    padding: 4px 2px;
    margin: 1px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
    text-align:left;
}
ul.item {
	margin:0;
	padding:0;
}
ul.item li.item { /* titres des articles */
    background-color: #f8fbfd;
    padding: 2px 0px 2px 10px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-align:left;
    list-style: none;
}

ul.item li.curr_item { /* titre dont l"article est affiché */
    background-color: #AECBED;
    padding: 2px 0px 2px 10px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-align:left;
    list-style: none;
}

/*************************
 * block box central forum - tables
 */
.forum {
    background-color: #AECBED;
    padding: 5px 5px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-align: center;
    font-weight: bold;
}
.forum2 {
    background-color: #AECBED;
    padding: 5px 5px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-align:left;
}
tr.forum2 {
    background-color: #AECBED;
    
    padding: 5px 5px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: bold;
    text-align:left;
}
.quest {
    background-color: #C5DCF5;
    padding: 5px 5px 5px 5px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-align:left;
}
.rep {
    background-color: #CFE5F9;
    padding: 10px 5px 5px 5px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    text-align:left;
}
.bord {
    border: 1px solid #AECBED;
    padding: 1px;
}
.bord2 {
    border: 2px double #CFE5F9;
}

/*************************
 * Calendar
 */
.cal {
    border-collapse: separate;
    border: 1px solid #77A7D3;
    border-spacing: 1px;
    background-color: #DBE9F7;
}
tr.cal { /* calendar nav bar */
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #330099;
    background-color: #77A7D3;
    text-align: center;
}
td.cals { /* week */
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #330099;
    background-color: #DBE9F7;
    
    width: 14%;
    text-align: center;
}
td.cal0 { /* empty cell*/
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #3300CC;
    background-color: #DBE9F7;
    width: 14%;
    text-align: center;
}
td.cal1 { /* days */
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #3300CC;
    background-color: #C5DCF5;
    width: 14%;
    text-align: center;
}
td.cal2 { /* today */
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #3300CC;
    background-color: #4A9FAC;
    width: 14%;
    text-align: center;
}
td.cal3 { /* sunday or special */
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #3300CC;
    background-color: #77A7D3;
    width: 14%;
    text-align: center;
}
td.cal4 { /* today is sunday or special */
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #3300CC;
    background-color: #4A9FAC;
    width: 14%;
    text-align: center;
}
td.calevt { /* planner event */
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #330099;
    background-color: #97B7BF;
    text-decoration: underline;
    text-align: center;
    width: 14%;
}

/*******************************
 * Formulaires (Forms)
 */

form { /* formulaire */
    margin: 3px 0px;
}
fieldset { /* Encadrement des champs */
    border: 1px solid #AECBED;
    margin: 8px;
}
legend { /* légende des encadrements */
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: bold;
}
input.bouton, button { /* bouton */
    cursor: pointer;
    margin: 4px 0px;
    color: #000099;
    border: 1px inset #AECBED;
    background-color: #CFE5F9;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    
}
input.texte { /* champ texte */
    background-color: #CFE5F9;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000099;
    border: 1px solid #AECBED;
    margin: 4px 0px;
}
select { /* champ select */
    color: #000099;
    background-color: #CFE5F9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #AECBED;
    margin: 4px 0px;
}
textarea { /* champ textarea */
    color: #000099;
    background-color: #CFE5F9;
    border: 1px solid #AECBED;
    overflow: auto;
    scrollbar-base-color: #CFE5F9;
    scrollbar-arrow-color: #000099;
    margin: 4px 0px;
}

/*********************
 * Editeur FckEditor
 */
.Code {
    border: #AECBED 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    color: #330099;
    font-family: Arial, Helvetica, sans-serif , Monospace;
    font-size: 11px;
    background-color: #CFE5F9;
}

/********************************************************************************************************
 * Mise en page des blocks dans le footer
 */
#foot span.copyright { /* Copyright */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #330099;
}

/*********************************************************************************************
 * Autre à classer
 */
.htable {
    margin-bottom: 8px;
}
.htable1 {
    margin-bottom: 8px;
}
.htable2 {
    padding: 0px 2px;
}

.titrebox2 {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: #330099;
    font-weight: bold;
    text-align: center;
}

.box {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #330099;
}
p.box {
    margin: 0px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #330099;
}


.bordure {
    border: 0px solid inherit;
}

a.box {
    color: #3366FF;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
a.box2 {
    color: #330099;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
a:hover.box {
    color: #330099;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    
}
a.pop {
    position: relative;
}
a.pop span {
    display:none;
}
a.pop:hover span {
    display:block;
    position:absolute;
    top:2em;
    left:2em;
    color: #000000;
    background-color: #CFE5F9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #AECBED;
    padding: 4px;
}

.top {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: center;
}
.timer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-style: italic;
    color: #330099;
    text-align: center;
    padding: 8px;
}
.clsCursor {
    cursor: pointer;
}

.notice {
    color:red;
    background-color:yellow;
    padding:2px;
}
.spacer {
    padding: 8px 2px;
}
.caption {
    font: bold 11px verdana, tahoma, arial, helvetica, sans-serif;
    background-color: #CFE5F9;
    
    padding: 4px 10px 4px 10px;
    margin:0px 0px 0px 6px;
    position: relative; top: 6px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #999;
}
.caption2 {
    font: bold 11px verdana, tahoma, arial, helvetica, sans-serif;
    background-color: #F8FBFD;
    
    padding: 4px 10px 4px 10px;
    margin:0px 0px 0px 6px;
    position: relative; top: 6px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #999;
}
.bodytable {
    border: 1px solid #AECBED;
    padding: 16px 4px 2px;
    margin: 0px 0px 4px;
    font: 10px verdana, tahoma, arial, helvetica, sans-serif;
    color: #000;
    background: #FFFFFF;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #999;
}

ul.art {
    font-weight:bold; padding:0px; margin:0px;
}
li.art {
    font-weight:normal; list-style-type:none; padding:0px; margin-left:4px;
}

.band {
    
}