/*  ---------  CSS based on no_skin ------------------------------
 *	Modified for hpsam_nuage skin by hpsam (http://www.hpsam.info)
 */
body {
    margin: 0px;
    padding-top: 0px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: Black;
    background: #e9f7ff url(nuage.jpg) repeat;
}

/* ********** Links */
a {
    color: black;
    text-decoration: none;
    border-bottom:1px dotted blue;
}
#headTop table a, .titrebox a, .menu_flags a, .tblbox a, a.top, a.copyright, #foot a, div.rubr div a, div.pop a, #toolbarIcons_ptxt a, #toolbarSmileys_ptxt a  {
    border:0;
}
a:hover {
    color: blue;
    border-bottom:1px solid blue;
    position: relative; top: 1px; left: 1px;
}
#headTop table a:hover, .titrebox a:hover, .menu_flags a:hover, a.top:hover, a.copyright:hover, #foot a, div.rubr div a, div.pop a, #toolbarIcons_ptxt a, #toolbarSmileys_ptxt a {
    border:0;
}

/* ********** Global tags */
p {
    margin: 4px 0px;
}
hr {
    border-top: 1px dotted navy; height: 1px;
    border-left: none;
    border-right: none;
    border-bottom: none;
    width: 98%;
}
ul, ol {
    padding:0;
    margin:0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
}
img {
    border-width: 0;
}

/* H tags */
h1, h2, h3, h4 { margin-top: 5px; margin-bottom: 5px; }
h1 {
    color: blue;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: white url("fond-h1.gif") repeat-y center;
    border: solid 1px #A5E7F7;
}
h2 {
    color: #ff8040;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    background: white url("fond-h2.gif") repeat-y left;
    border:solid 1px #FFAB81;
    padding-left:30px;
}
h3 {
    color: blue;
    font-size: 16px; font-weight: bold;
    text-align: left;
    background: White url("fond-h3.gif") repeat-y left;
    border: dotted 1px #A5E7F7;
    padding-left: 50px;
}
h4 {
    color: #ff8040;
    font-size: 14px; font-weight: bold;
    text-align: left;
    background: white url("fond-h2.gif") repeat-y left;
    border:dotted 1px #FFAB81;
    padding-left:70px;
}


/* ********* Major div blocks */
#screen_choice {
    z-index:10;
    position:absolute; top: 1px; left: 1px;
    padding: 0px;
    margin: 0px;
    text-align: right;
    opacity: 0.6;
}
#screen_choice:hover {
    opacity: 1;
}

#page{ /* all the page */
    z-index: 20;
    text-align: left;
}

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

#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 area between main page and bottom */
    margin: 0px;
    padding: 4px;
    text-align: left;
}

#foot { /* footer Copyright */
    text-align: center;
}

/* ********** header div blocks */
div.logo { /* block logo */
    background-color: transparent;
    padding: 0px 8px;
    text-align: left;
}

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

/* ******** block citation */
div.quote { /* block citation */
    width: 100%;
    text-align: center;
}
div.quote span.cita { /* text */
    background-color: transparent;
    font-style: normal;
    text-align: center;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
}
div.quote span.author {	/* author */
    font-style: italic;
}

/* ******** block box Header Menu sections */
div.menuIcons { /* menu block */
    margin:10px 0px;
    text-align: center;
    height:20px;
}
div.menuIcons ul { /* menu block list */
    margin:0;
    padding:0;
    list-style:none;
    height:20px;
}
div.menuIcons ul li { /* all menu sections */
    float:left;
    margin:5px;
    text-align:center;
}
div.menuIcons ul li span { /* all menu sections text */
    white-space:nowrap;
}
div.menuIcons ul li a:hover, div.menuIcons ul li a {
    position:relative;
    border: 0;
}
div.menuIcons ul li a { /* links */
    margin: 1px 0;
    padding:2px 4px;
    text-align: center;
    font-weight: bold;
    border: 2px outset white;
    background-color: #0096ff;
    color:white;
    font-size: 12px;
    text-decoration:none;
}
div.menuIcons ul li a:hover, div.menuIcons ul li.current a { /* hover and current links */
    background-color: #c6e5ff;
    color:navy;
    border: 2px inset white;
    text-decoration:none;
}
div.menuIcons img { /* little icons */
    width:16px; height:16px;
    padding-right: 3px;
    vertical-align:bottom;
}
div.menuIcons ul li.menu_flags { /* Flags section */
    float:left;
    margin-right:10px;
    text-align:center;
}
div.menuIcons ul li.menu_flags a { /* Flags section links */
    background: transparent;
    border: 0px;
}
div.menuIcons ul li.menu_flags img { /* Flags section images */
    width: 24px;
}
div.menuIcons .menu_flags br { /* flags on one line */
    display: none;
}
li.menu_admin { /* admin section put in the bottom */
    position: absolute;
    bottom: 3px; right: 3px;
}
div.menuIcons ul li.menu_admin a, div.menuIcons ul li.menu_stats a,
ul.boxmenu li.menu_admin a, ul.boxmenu li.menu_stats a{ /* admin and stats sections */
    border-width: 0;
    background-color: transparent;
    margin:0; padding:0;
}
span.name_admin, span.name_stats { /* no text for admin and stats */
    display:none;
}
li.menu_stats { /* stats section put at the bottom */
    position: absolute;
    bottom: 3px; right: 22px;
}
li.menu_stats img, li.menu_admin img { /* little icons */
    width:16px; height:16px;
    padding-right: 3px;
    vertical-align:middle;
}

/* ********** sides and central box display */
/* sides and central boxes title */
.titre {
    padding: 0px;
    white-space: nowrap;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color: navy;
    font-weight: bold;
    text-align: center;
}
.titrebox {
    padding: 0px;
    white-space: nowrap;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

/* Central boxes */
.htable { /* table box */
    margin-bottom: 8px;
    border:2px outset #0096ff;
}
.centerBox_TL {
    background: url(coin_border-x.gif) no-repeat top left;
    height:43px; width: 20px;
}
.centerBox_T {
    background: url(coin_border-x.gif) repeat-x 0px -50px;
}
.centerBox_T img {
    height:32px;
}
.centerBox_TR {
    background: url(coin_border-x.gif) no-repeat 0px -100px;
    width: 20px;
}
.centerBox_L {
    background: url(border-y.gif) repeat-y 0px 0px;
}
.tbl {
    padding:3px;
    background-color:white;
}
.tbl div.titrebox {
    color: navy;
}
.tblover {
    padding:3px;
    background-color:#c6e5ff;
}
.centerBox_R {
    background: url(border-y.gif) repeat-y -25px 0px;
}
.centerBox_BL {
    background: url(coin_border-x.gif) no-repeat 0px -150px;
    height:20px;
}
.centerBox_B {
    background: url(coin_border-x.gif) repeat-x 0px -180px;
}
.centerBox_BR {
    background: url(coin_border-x.gif) no-repeat 0px -210px;
}
.centerBox_TL, .centerBox_T, .centerBox_TR, .centerBox_L, .centerBox_R, .centerBox_BL, .centerBox_B, .centerBox_BR {
    background-color:#c1e5ff;
}

/* sides boxes */
.htable1 {
    margin-bottom: 8px;
    border: 2px outset #0096ff;
}
.sideBox_TL {
    background: url(coin_border-x.gif) no-repeat 0px -240px;
    height: 20px; width:5px;
}
.sideBox_T {
    background: url(coin_border-x.gif) repeat-x 0px -270px;
}
.sideBox_TR {
    background: url(coin_border-x.gif) no-repeat 0px -300px;
    width:5px;
}
.sideBox_L {
    background: url(border-y.gif) repeat-y -50px 0px;
}
.tblbox {
    padding: 0px;
    background-color:white;
}
.tblboxover {
    padding: 0px;
    background-color:#c6e5ff;
}
.sideBox_R {
    background: url(border-y.gif) repeat-y -60px 0px;
}
.sideBox_BL {
    background: url(coin_border-x.gif) no-repeat 0px -330px;
    height: 5px;
}
.sideBox_B {
    background: url(coin_border-x.gif) repeat-x 0px -340px;
}
.sideBox_BR {
    background: url(coin_border-x.gif) no-repeat 0px -350px;
}
.sideBox_TL, .sideBox_T, .sideBox_TR, .sideBox_L, .sideBox_R, .sideBox_BL, .sideBox_B, .sideBox_BR {
    background-color: #4fb7ff;
}

div ul, ol { /* Lists */
    padding:8px 0px 8px 8px; margin-left:16px;
}
div li {
    padding:0px; margin-left:12px;
}

/* ********** Side box Menu Sections */
ul.boxmenu { /* block liste */
    margin:0;
    padding:8px 0px;
    list-style:none;
}
ul.boxmenu li { /* items liste */
    margin-bottom:2px;
}
ul.boxmenu li a:hover { /* icons */
    border:0px;
}
ul.boxmenu li img { /* little icons */
    width:16px; height:16px;
    margin-right:5px;
    vertical-align:middle;
}

/* ********** Article side box (menu list, menu dynamic 1, menu dynamic 2) */
.rubr {
    padding: 4px 2px;
    margin: 1px;
    font-weight: bold;
    color: navy;
    text-align:left;
}
p.rubr { /* article categories */
    padding: 4px 0 0 0;
    margin: 1px;
    font-weight: bold;
    color: navy;
    text-align:left;
}

.item {
    padding: 2px 0px;
    margin: 0px;
    color: #330099;
    text-align:left;
    list-style: none;
}
ul.item {
    margin:0;
    padding:0;
}
ul.item li.item { /* article titles */
    padding: 0px 0px 0px 10px;
    color: #000000;
}
.curr_item {
    padding: 2px 0px;
    color: #000000;
    text-align:left;
    font-style: italic;
    list-style: none;
}
ul.item li.curr_item { /* current article title */
    background-color: #F0FFFF;
    padding: 2px 0px 2px 5px;
}

/* ********** Central Box Forum - tables */
/* forum = header, quest = question, rep = answers */
.forum {
    background-color: #4fb7ff;
    padding: 5px 5px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #0096ff;

}
.forum2 {
    background-color: #c6e5ff;
    padding: 0px 5px;
    border: 1px solid #0096ff;
}
tr.forum2 {
    background-color: #c6e5ff;
    padding: 0px 5px;
    border: 1px solid #0096ff;
  font-weight: bold;
}
.quest {
    background-color: #c6e5ff;
    padding: 5px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    border: 1px solid #0096ff;
}
.rep {
    background-color: #daf0ff;
    padding: 10px 5px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    border: 1px solid #0096ff;
}
.bord {
}
.bord2 {
}

/* ********** Calendar */
.cal {
    border-collapse: separate;
    border-spacing: 1px;
}
tr.cal { /* calendar nav bar */
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #000000;
    width: 14%;
    text-align: center;
}
td.cals { /* week */
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #000000;
    width: 14%;
    text-align: center;
}
td.cal0 { /* empty cell*/
    background-color: white;
    width: 14%;
}
td.cal1 { /* days */
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #c6e5ff; /* bleu très clair */
    width: 14%;
    text-align: center;
}
td.cal2 { /* today */
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: red;
    font-weight:bold;
    background-color: #c6e5ff;
    width: 14%;
    text-align: center;
}
td.cal3 { /* sunday or special */
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #4fb7ff; /* bleu clair */
    width: 14%;
    text-align: center;
}
td.cal4 { /* today is sunday or special */
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: green;
    width: 14%;
    text-align: center;
}
td.calevt { /* planner event */
    font-family: Arial, sans-serif;
    font-size: 11px;
    background-color: blue;
    width: 14%;
    text-align: center;
}
td.calevt a {
    color:white;
}
td.calevt a:hover {
    font-weight:bold;
    color:red;
    text-decoration:none;
}


/* ********** Forms */
form {
    margin: 3px 0px;
}
fieldset {
    border: 1px dotted navy;
    margin: 8px;
}
legend {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: navy;
    font-weight: bold;
    text-transform: uppercase;
}
input.bouton, button { /* bouton */
    cursor: pointer;
    margin: 0px 0;
    color: navy;
    border: 2px outset white;
    background-color: #c6e5ff;
    font-weight:bold;
}
input.texte { /* text input */
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #0096ff;
    margin: 2px 0;
}
select {
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #0096ff;
    margin: 4px 0;
}
textarea {
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #0096ff;
    overflow: auto;
    margin: 4px 0;
}
/* ********** FckEditor Editor */
.Code {
    border: #0096ff 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    color: #330099;
    font-family: "Courrier sans MS", Arial, sans-serif , Monospace;
    font-size: 11px;
}
.caption {
    font: bold 11px verdana, tahoma, arial, helvetica, sans-serif;
    background-color: #A3C2E6;
    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: #A3C2E6;
    padding: 4px 10px 4px 10px;
    margin: 0px 0px 0px 6px;
    position: relative; top: 6px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #999;
}

/* ********** Footer blocks */
#foot {
    text-align: center
}
.copyright { /* Copyright */
    font-size: 10px;
}

/* ********** pop comment RSS */
.pop {
    z-index: 30;
    width: 380px;
    text-align:left;
}
.pop a {
    display: block;
}
.pop span {
    z-index: 30;
    display:none;
}
.pop a:hover span {
    display:block;
    width:280px;
    position:absolute;
    top:2em;
    left:2em;
    color: #0F0F0F;
    background-color: #F3EADB;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #996600;
    padding: 4px;
}

/* ********** Others */
.top { /* Goto top */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: center;
}
.timer { /* page generation time */
    font-size: 10px;
    font-style: italic;
    text-align: center;
    padding: 8px;
}
.clsCursor {
    cursor: pointer;
}
.notice {
    color:red;
    background-color:yellow;
    padding:2px;
}
.spacer {
    padding: 8px 2px;
}
/*.bodytable {
    border: 1px solid #AECBED;
    padding: 16px 4px 2px;
    margin: 0px 0px 4px;
    font: 10px verdana, tahoma, arial, helvetica, sans-serif;
    color: #000;
    background: #CADEF0;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #999;
}*/
/*.band {}*/

/* ********** Divers, inclassables */
.htable2 {
    padding: 0px 2px;
}
.box {
}
p.box {
    margin: 0px;
}
a.box {
}
a:hover.box {
}
a.box2 {
    color: #FF3366;
    text-decoration: none;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}