html { /* document scrollbar-base-color:#230d06; scrollbar-arrow-color:#230d06;*/
font: 12px verdana;
color: #8A642B;
}
body { /* corps du document vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
font: 12px verdana;
color: #330000;
background: url(img/body.png) repeat-x #330000;
background-attachment: fixed;
margin: 0;
}
.info
{
margin-left: 1px;
width: 154px;
height: 75px;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
float: left;
}
a { /* lien couleur admin*/
color: #330000;
background-color:inherit;
text-decoration: none;
}
a:hover { /* lien survolé couleur admin*/
font-weight: bold;
color: #330000;
background-color: inherit;
position: relative;
top: 1px;
left: 1px;
text-decoration: none;
}
#leftside a { /* lien */
color: #f2f2f2;
background-color:inherit;
text-decoration: none;
}
#leftside a:hover { /* lien survolé */
color:#330000;
background-color: inherit;
font-weight: normal;
position: relative;
top: 1px;
left: 1px;
text-decoration: none;
}
p { /* paragraphe */
margin: 4px 0;
}
hr { /* ligne horizontale */
color:#B4670C;
display: none;
height: 0;
border: 0;
border-bottom: inset;
width: 98%;
}
ul, ol { /* listes */
font: 12px arial, helvetica, sans-serif;
color: #330000;
background-color:inherit;
margin: 0;
padding: 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;
}
.bordure {
border: 0px solid #EDE1C4;
}
/******************************************
* Mise en page des blocs div principaux */
div#page { /* mask border for IE bordure tableau principal*/
border-right: 5px solid #331106;
border-left: 5px solid #331106;
padding-top: 0;
}
#screen_choice {
margin: 0;
padding: 0;
}
div#screen_choice {
position: absolute;
top: 8px;
right: 20px;
}
#page { /* all the page, coté gauche menu*/
color:inherit;
background: url(img/bande_gauche.png) repeat-y #8c6901;
padding-top: 0;
}
#headTop { /* header top and middle (logo-banner + citation)vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv */
background: url(img/header.gif) repeat-x #230b04;
background-color: #230b04;
border: 0px solid #330000;
height: 200px;
margin-left: 0px;
padding: 0;
}
#headBottom { /* header bottom (logo-menu) vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
background: url(img/onglet.png) center center repeat-x;
border: 0px groove #0390B4;
margin: 0px 0px 0 186px;
padding: 0;
}
#mainContent { /* main page */
margin: 0 4px;
padding: 0;
}
#leftside { /* leftboxes area */
margin: 0;
padding-right: 4px;
}
#rightside { /* right boxes area */
margin: 0;
padding-left: 4px;
}
#endbox { /* optionnal area between main page and bottom */
text-align: left;
margin: 0;
padding: 4px;
}
#foot { /* footer Copyright */
background: url(img/foot.jpg) repeat-y;
font: 0.8em Arial, Helvetica, sans-serif;
text-align: center;
color: #ffffff;
background-color: transparent;
padding: 0 8px;
}
/*******************************************
* Mise en page des blocs dans le header */
div.logo { /* block logo */
text-align: center;
padding: 15px 0px 0px;
margin-left: 0px;
}
div.banner { /* bloc bannière */
background-repeat: no-repeat;
text-align: center;
padding: 40px 40px 20px;
}
/*************************
* bloc boîte citation */
div.quote { /* bloc citation */
white-space: nowrap;
text-align: right;
padding: 0 4px;
}
div.quote span.cita { /* texte */
font: 12px arial, helvetica, sans-serif;
font-style: normal;
color: #ffffff;
background-color: transparent;
text-align: center;
border: 0;
margin: 0;
padding: 0 8px;
}
div.quote span.author { /* auteur */
font-style: normal;
}
/***********************************
* block box Header Menu sections */
div.menuIcons { /* block menu */
font: bold 13px Arial, Helvetica, sans-serif;
width: 100%;
}
div.menuIcons ul { /* block liste du menu vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
margin: 0px 15px 0px 0;
padding: 0;
float: left;
width: 100%;
border-top: 0px solid #721407;
border-bottom: 0px solid #721407;
}
div.menuIcons ul li { /* toutes les sections */
display: inline;
}
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:4px;
text-align:center;
}
div.menuIcons ul li.menu_flags img { /* séparation drapeau */
margin:3px 0px 3px 0px;
}
div.menuIcons ul li.menu_admin { /* section admin */
margin-right:0px;
float: right;
border-left: 0px solid #f7f7f7;
}
div.menuIcons ul li a span { /* lien menu horizontal repos vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
padding: 5px 10px;
text-decoration: none;
font: bold 12px arial, helvetica, sans-serif;
color: #ffffff;
background: url() repeat-x;
background-color: inherit;
border-right: 0px solid #f7f7f7;
position: relative;
display: block;
float: left;
cursor: pointer;
}
div.tblbox ul li a span, td.tblbox ul li a span { /* lien latéral repos*/
color: #330000;
background-color: inherit;
text-decoration: none;
font: bold 11px Arial, Helvetica, sans-serif;
}
div.menuIcons ul li a span.current { /* lien actif vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
color: #FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
background: #465564 url(img/onglet.png) center center repeat-x;
text-decoration: none;
}
div.tblbox ul li a span.current, td.tblbox ul li a span.current { /* lien latéral actif */
color:#8A642B;
background-color: inherit;
text-decoration: none;
}
div.menuIcons ul li a:hover span { /* lien survolé horizontalvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
color: #330000;
padding-top: 5px;
padding-bottom: 5px;
background: #465564 url(img/onglet.png) center center repeat-x;
}
div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien latéral survolé*/
color: #330000;
text-decoration: none;
background-color: inherit; position: relative; top: 1px; left: 1px;
}
/******************************************
* Mise en page des blocs dans le corps */
/* block lateral boxes */
#leftside .titrebox { /* Titre */
font: bold 12px Arial, Helvetica, sans-serif;
color: #8A642B;
text-decoration: none;
background-color: inherit;
white-space: nowrap;
text-align: left;
line-height: 26px;
height: 26px;
width: 174px;
padding: 0;
}
#rightside .titrebox { /* Titre */
font: bold 11px Arial, Helvetica, sans-serif;
color: #FBE2B5;
background: url(img/titrebox.png) repeat-x #7B4003;
white-space: nowrap;
text-align: center;
line-height: 26px;
height: 26px;
padding: 0 0 2px 0;
}
#leftside .tblbox { /* Corps vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
font: 11px Arial, Helvetica, sans-serif;
color: #ffffff;/* Corps titre recopier le codevvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv*/
background : url();
border: 0px solid #e1e1e1;
text-align: left;
margin-bottom: 8px;
padding: 4px;
}
#rightside .tblbox { /* Corps */
color: inherit;
background-color: inherit;
border: 0px inset #E3E3E3;
text-align: left;
margin-bottom: 8px;
padding: 4px;
}
.tblboxover { /* Corps survolé */
color: inherit;
background : inherit;
border: 0px solid #4d2b04;
text-align: left;
margin-bottom: 8px;
padding: 4px;
}
.titre { /* block central boxes */
font: bold 16px georgia, helvetica, sans-serif;
color: #ffffff;
background-repeat: repeat-x;
border: 0px solid #E1E1E1;
white-space: nowrap;
text-align: right;
line-height: 32px;
height: 32px;
padding: 0 5px 0 5px;
}
.tbl {
font: 12px arial, helvetica, sans-serif;
color: #330000;
background-color: inherit;
border: 0px solid #4d2b04;
text-align: left;
margin-bottom: 8px;
padding: 4px;
}
.tblover {
font: 12px arial, helvetica, sans-serif;
color: #330000;
background-color: #FDD202;/* a verifier */
border: 0px solid #4d2b04;
text-align: left;
margin-bottom: 8px;
padding: 4px;
}
div ul, ol { /* listes */
margin-left: 16px;
padding: 8px 0 8px 8px;
}
div li {
margin-left: 12px;
padding: 0;
}
/************************************
* block box lateral Menu Sections */
ul.boxmenu { /* block liste */
list-style: none;
margin: 0;
padding: 8px 0;
}
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) */
#leftside .rubr { /* catégories des articles */
color: #FFFFFF;
background-color: inherit;
padding: 4px 2px;
margin: 1px;
font: bold 12px Arial, Helvetica, sans-serif;
text-align:left;
}
#leftside .item {
padding: 2px 0px 2px 5px;
margin: 0px;
color: #FFFFFF;
background-color: inherit;
font: 12px Arial, Helvetica, sans-serif;
text-align:left;
list-style: none;
}
.rubr { /* catégories des articles */
color: #330000;
background-color: inherit;
padding: 4px 2px;
margin: 1px;
font: bold 12px Arial, Helvetica, sans-serif;
text-align:left;
}
.item {
padding: 2px 0px;
margin: 0px;
color: #330000;
background-color: inherit;
font: 12px Arial, Helvetica, sans-serif;
text-align:left;
list-style: none;
}
ul.item {
margin:0;
padding:0;
}
ul.item li.item { /* titres des articles */
background-color: inherit;
padding: 2px 0px 2px 10px;
font: 12px Arial, Helvetica, sans-serif;
color: #330000;
text-align:left;
list-style: none;
}
.curr_item {
padding: 2px 0px;
background-color: #FFFFFF;
font: 12px Arial, Helvetica, sans-serif;
color: #330000;
text-align:left;
list-style: none;
}
ul.item li.curr_item { /* titre article est affiché */
background-color: inherit;
padding: 2px 0px 2px 10px;
font: 12px Arial, Helvetica, sans-serif;
color: #330000;
text-align:left;
list-style: none;
}
/*************************************
* block box central forum - tables */
.bord {
BORDER-RIGHT: #330000 1px dotted; BORDER-TOP: #330000 1px dotted; BORDER-LEFT: #330000 1px dotted; BORDER-BOTTOM: #330000 1px dotted
}
.forum {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #947108; PADDING-BOTTOM: 5px; FONT: bold 11px courier, serif; COLOR: #000; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.forum2 {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; FONT: 11px courier, serif; COLOR: #000; PADDING-TOP: 0px
}
.quest {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; FONT: 11px courier, serif; COLOR: #000; PADDING-TOP: 5px
}
.rep {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #d4c28c; PADDING-BOTTOM: 10px; FONT: 11px courier, serif; COLOR: #000; PADDING-TOP: 10px
}
.bord2 {
border: 0px double #ECF7FF;
}
/*************
* Calendar */
.cal {
BACKGROUND: url() #e6d7b8 center 50%;
}
tr.cal { /* calendar nav bar */
font: 12px Arial, Helvetica, sans-serif;
color: #330000;
background-color: #FFC800;
text-align: center;
}
td.cals { /* week */
font: 12px Arial, Helvetica, sans-serif;
color: #330000;
background-color: #B4670C;
width: 14%;
text-align: center;
}
td.cal0 { /* empty cell*/
font: 12px Arial, Helvetica, sans-serif;
color: #330000;
background-color: #ffffff;
width: 14%;
text-align: center;
}
td.cal1 { /* days */
font: 12px Arial, Helvetica, sans-serif;
color: #330000;
background-color: #FFF;
width: 14%;
text-align: center;
}
td.cal2 { /* today */
font: 12px Arial, Helvetica, sans-serif;
color: #330000;
background-color:#B4670C;
width: 14%;
text-align: center;
}
td.cal3 { /* sunday or special */
font: 12px Arial, Helvetica, sans-serif;
color: #330000;
background-color: #B5B5B5;
width: 14%;
text-align: center;
}
td.cal4 { /* today is sunday or special */
font: 12px Arial, Helvetica, sans-serif;
color: #330000;
background-color: #88c81a;
width: 14%;
text-align: center;
}
td.calevt { /* planner event */
font: bold 12px Arial, Helvetica, sans-serif;
color: #330000;
background-color: #4cae11;
text-decoration: underline;
text-align: center;
width: 14%;border : 1px outset #d90000;
}
/************************
* Formulaires (Forms) */
form { /* formulaire */
margin: 3px 0;
}
fieldset { /* Encadrement des champs */
border: 1px solid #330000;
margin: 8px;
}
legend { /* légende des encadrements */
font: bold 12px arial, helvetica, sans-serif;
color: #000;
background-color:inherit;
}
input.bouton, button { /* bouton */
BORDER-RIGHT: 1px dotted; PADDING-RIGHT: 2px; BORDER-TOP: 1px dotted; PADDING-LEFT: 2px; FONT-SIZE: 1em; BACKGROUND: #e6d7b8; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-LEFT: 1px dotted; CURSOR: pointer; COLOR: #222; PADDING-TOP: 2px; BORDER-BOTTOM: 1px dotted; TEXT-DECORATION: none;
width:10em;
}
input.bouton2, button2 { /* bouton */
BORDER-RIGHT: 1px dotted; PADDING-RIGHT: 2px; BORDER-TOP: 1px dotted; PADDING-LEFT: 2px; FONT-SIZE: 1em; BACKGROUND: #e6d7b8; PADDING-BOTTOM: 2px; MARGIN: 0px; VERTICAL-ALIGN: top; BORDER-LEFT: 1px dotted; CURSOR: pointer; COLOR: #222; PADDING-TOP: 2px; BORDER-BOTTOM:#aaa 1px dotted; TEXT-DECORATION: none;
width:3em;
}
input.texte { /* champ texte input */
BORDER-RIGHT: #aaa 1px dotted; BORDER-TOP: #000 2px dotted; BACKGROUND: #e6d7b8; MARGIN: 2px 0px 0px 2px; FONT: 11px courier, serif; BORDER-LEFT: #000 2px dotted; COLOR: #222; BORDER-BOTTOM: #aaa 1px dotted;width:10em;
}
input.texte2 { /* champ texte input */
BORDER-RIGHT: #aaa 1px dotted; BORDER-TOP: #000 2px dotted; BACKGROUND: #e6d7b8; MARGIN: 2px 0px 0px 2px; FONT: 11px courier, serif; BORDER-LEFT: #000 2px dotted; COLOR: #222; BORDER-BOTTOM: #aaa 1px dotted;width:7em;
}
select { /* champ select */
BORDER-RIGHT: #aaa 1px groove; BORDER-TOP: #000 2px inset; MARGIN-TOP: 6px; BACKGROUND: #a88f6a; FONT: 11px arial, sans-serif; BORDER-LEFT: #000 2px inset; COLOR: #eee; BORDER-BOTTOM: #aaa 1px groove; HEIGHT: 18px;width:10em;
}
textarea { /* champ textarea */
BORDER-RIGHT: 1px dotted; BORDER-TOP: 1px dotted; BACKGROUND: #cfb082; MARGIN: 4px 0px; OVERFLOW: auto; BORDER-LEFT: 1px dotted; COLOR: #000; BORDER-BOTTOM: 1px dotted
}
/**********************
* Editeur FckEditor */
.Code {
font: 11px arial, helvetica, sans-serif , monospace;
color: #330000;
background-color: #000000;
border: 0px solid #026077;
padding-right: 0px;
padding-left: 0px;
}
/**********************
* Editeur pgeditor */
div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt {
color: inherit;
background-color: #e6d7b8;
}
/*******************************************
* Mise en page des blocks dans le footer */
#foot a.copyright { /* Copyright */
font: 1em Arial, Helvetica, sans-serif;
color: #FBF0DD;
background-color: inherit;
text-align: center;
padding: 0;
margin: 0;
}
#foot a:hover.copyright { /* Copyright */
font: 1em Arial, Helvetica, sans-serif;
color: #EFC77A;
background-color: inherit;
text-align: center;
}
/************************
* Divers couleurs menu partie de gauche */
#leftside .box {
font: 11px arial, helvetica, sans-serif;
color: #8A642B;
background-color: inherit;
}
#leftside p.box {
font: 11px arial, helvetica, sans-serif;
color: #FFFFFF;
background-color: inherit;
margin: 0;
}
#leftside a.box {
font: 11px arial, helvetica, sans-serif;
color: #8A642B;
background-color: inherit;
text-decoration: none;
}
#leftside a.box:hover {
font: 11px arial, helvetica, sans-serif;
color: #330000;
background-color: inherit;
text-decoration: none;
position: relative;
top: 1px;
left: 1px;
}
#rightside .box {
font: 11px arial, helvetica, sans-serif;
color: #330000;
background-color: inherit;
}
#rightside p.box {
font: 11px arial, helvetica, sans-serif;
color: #330000;
background-color: inherit;
margin: 0;
}
#rightside a.box {
font: 11px arial, helvetica, sans-serif;
color: #330000;
background-color: inherit;
text-decoration: none;
}
#rightside a.box:hover {
font: bold 11px arial, helvetica, sans-serif;
color: #AB1F1F;
background-color: inherit;
text-decoration: none;
position: relative;
top: 1px;
left: 1px;
}
/*******************
* pop comment RSS */
.pop {
z-index: 30;
width: 400px;
text-align: left;
}
.pop a {
display: block;
}
.pop span {
z-index: 30;
display: none;
}
.pop a:hover span {
font: 12px arial, helvetica, sans-serif;
font-weight: normal;
color: #330000;
background-color: #FFF;
border: 1px solid #185C18;
display: block;
width: 280px;
position: absolute;
top: -2em;
left: 2em;
padding: 4px;
}
.top {
font: 12px arial, helvetica, sans-serif;
color: #FFF;
background-color: inherit;
text-align: center;
}
.timer {
font: italic 1em arial, helvetica, sans-serif;
color: inherit;
background-color: inherit;
text-align: center;
padding: 10px;
}
.clsCursor {
cursor: pointer;
}
.notice {
color: #FF0000;
background-color: #FF9;
padding: 2px;
}