/*
    CSS file for Island Skin - version 4.6
    CeCILL Copyright (C) 2004-2007 by GuppY Team
    Initiated by Laurent Duveau and Nicolas Alves
      Web site = http://www.freeguppy.org/
      e-mail   = info@freeguppy.org

    CSS History :
      v1.0 (01 May 2007)           : initial release (by "GuppY Design")
*/   /* SKIN volelec */

html { /*Texte dans le coprs du document : article, Nb fois lu, */
  font: 12px Arial, Helvetica, sans-serif;
  color: #000000;
}
body {
 color: inherit;
background-color: #FFDDAA;
border: 4px double #FF9900;
}
/******************************************
 * Mise en page des blocs dans le header */
div.logo { /* bloc logo */
 padding: 0px;
 margin-top: 0px;
 margin-left: 4px;
 text-align: left;
}
div.banner { /* bloc bannière */
 text-align: center;
 padding: 0px 0px;
}
/************************
 * Bloc boîte citation */
div.quote { /* zone texte citation */
 width: 98%;
/* white-space: nowrap; */
/* text-align: center;    */
 position: relative;
 padding-top:5px;    /*Espace entre le haut du site et les ciatations (Pub GG)*/
 padding-bottom:0px;
}
div.quote span.cita { /* texte */
 font: 0.8em arial, helvetica, sans-serif;
 color: #A24C00;
 background-color: inherit;
 text-align: center;
}
div.quote span.author { /* auteur */
 font-style: italic;
}
div.quote span.cita b img { /* variable $web5 texte remplacé par image */
 display: inline;
}
div.quote span.cita img { /* image masquée dans citation */
 display: none;
}
/********************
 * Barre des menus des icones bandeau haut */
div.menuIcons { /* block menu */
 margin-right: 0px;
 margin-left: 0px;
 padding-left: 4px;
 text-align: left;
/* width: 900px; */
 /*position: relative; */
 margin-left:auto; margin-right:auto;
}
div.menuIcons ul { /* bloc liste du menu */
 list-style: none;
 width: 100%;
 margin: 0;
 padding-top: 20px;
}
div.menuIcons ul li { /* toutes les sections */
 float: left;
 margin-right: 0px;
 margin-left: 2px;  /*Espace entre les icones bandeau haut*/
 text-align: left;
}
div.menuIcons ul li span { /* toutes les sections */
 color: #A24C00;
 background-color: inherit;
 display: block;
 white-space: nowrap;
}
div.menuIcons ul li.menu_flags { /* section drapeau */
 float: left;
 text-align: left;
 margin-right: 10px;
}
div.menuIcons ul li.menu_flags img { /* séparation drapeau */
 margin: 3px;
}
div.menuIcons ul li.menu_admin { /* section admin */
 float: right;
 padding-right: 3px;
}
div.menuIcons ul li a:hover {
 position: static;
}
div.menuIcons ul li a span { /* lien sous icones*/
 font: 12px Verdana;
 border-top:2px #FF9900 dotted;
 border-bottom:2px #FF9900 dotted;
 background-color: #FFFFFF;
 text-decoration: none;
 padding: 2px 2px 2px 2px;
}
div.menuIcons ul li a:hover span { /* liens survolé sous icones*/
 font: 12px Verdana;
 border:2px #990000 dotted;
 background-color: #FFEED5;
 position: relative;
 padding-left: 0px;
 padding-right: 0px;
}
div.menuIcons ul li a span.current { /* lien actif sous icones */
 color: #990000;
 background-color: inherit;
}

/*div.tbls ul li a span.active {  lien latéral actif     marche pas
 font: 12px arial, helvetica, sans-serif;
 color: #A24C00;
 background-color: inherit;
} */

div.tbls ul li a span.current { /* lien latéral*/
 font: 12px arial, helvetica, sans-serif;
 color: #A24C00;
 background-color: inherit;
 text-decoration: none;
}
div.tbls ul li a span.hover { /* lien latéral survolé*/
 font: 12px arial, helvetica, sans-serif;
 color: #A24C00;
 background-color: inherit;
 text-decoration: none;
}
div ul, ol { /* listes */
 margin-left: 4px;
 padding: 2px 0 2px 2px;
}
div li { /* espace entre lien menu */
 margin-left: 12px;
 padding: 0;
}
/******************************************
 * Mise en page des blocs div principaux */
#screen_choice { /* sélecteur de largeur à l'écran */
z-index : 20;
position : absolute;
top : 70px;
right : 20px;
}
#page { /* all the page */
/*z-index : 10; */
margin: 10px;
}
div#page { /* mask border for IE */
margin-top: 10px;
margin-bottom: 10px;
background-color: #FFFFFF;
}
#headTop { /* zone en-tête (logo-bannière) */
 color: inherit;
 background-color: inherit;
 margin: 0;
 padding: 0;
}
#headBottom { /* zone de la barre des menus */
 margin: 0px 0 0px;
 padding: 0;
}
#mainContent { /* disposition zone boîte centrale */
 margin: 0px;
 padding: 0px;
}
#leftside { /* disposition zone boîte gauche */
 margin: 0;
 padding: 0;
}
#rightside { /* disposition zone boîte droite */
 margin: 0;
 padding: 0;
}
#endbox { /* distance entre fond boîte centrale et bas de page */
 text-align: left;
 margin: 0;
 padding: 0px;
 padding-bottom: 4px;
}
#foot { /* Copyright pied de page */
 font: 0.8em arial, sans-serif;
 color: #000000;
 background-color: inherit;
 text-align: center;
}
/****************************
 * bloc boîte section menu */
ul.boxmenu { /* bloc liste */
 list-style: none;
 margin: 0;
 padding: 4px 0;
}
ul.boxmenu li { /* liste des items */
 margin-bottom: 10px;
}
ul.boxmenu li img { /* icônes */
 vertical-align: middle;
 margin-right: 10px;
}
/*******************************************************************
 * bloc boîte article (menu list, menu dynamic 1, menu dynamic 2) */
.rubr { /* catégories des articles */
 font: 12px arial, helvetica, sans-serif;
 color: #000000;
 background-color: transparent;
 text-align: left;
 margin: 0px;
 padding: 0px 0px;
}
.item {
 font: bold 12px arial, helvetica, sans-serif;
 color: #000000;
 background-color: transparent;
 text-align: left;
 list-style: none;
 margin: 0;
 padding: 0px 0;
}
ul.item {
 margin: 0;
 padding: 0;
}
ul.item li.item { /* titres des articles */
 font: 12px arial, helvetica, sans-serif;
 color: #E77B21;   /* puce titres des articles */
 background-color: inherit;
 text-align: left;
 list-style: none;
 padding: 1px 0 0px 1px;
}
.curr_item {
 font: 12px arial, helvetica, sans-serif;
 color: #000000;
 background-color: #FFFFFF;
 text-align: left;
 list-style: none;
 padding: 1px 0;
}
ul.item li.curr_item { /* titre article quand affiché */
 font: 12px arial, helvetica, sans-serif;
 color: #000000;
 background-color: #FFFFFF;
 text-align: left;
 list-style: none;
 padding: 1px 0 0px 1px;
}
/************
 * pop RSS */
.pop {
 width: 400px;
 text-align: left;
}
.pop a {
 display: block;
}
.pop span {
 display: none;
}
.pop a:hover span {
 font: normal 12px arial, helvetica, sans-serif;
 color: #FF9900;
 background-color: #FFFFFF;
 border: 1px solid #FF9900;
 display: block;
 width: 280px;
 position: absolute;
 top: 2em;
 left: 2em;
 text-decoration: none;
 padding: 4px;
}
.notice { /* very important */
 color: #000000;
 background-color: #FFFFFF;
 padding: 2px;
}
/*************
 * Calendar */
.tblbox { /* calendar box */
 color: inherit;
 background-color: #FFFFFF;
}
.cal {
  border-collapse: separate;
  border: 1px solid #990000;
  border-spacing: 1px;
  color: inherit;
  background-color: #FFFFFF;
}
tr.cal { /* calendar nav bar */
  font: 12px Arial, sans-serif;
  color: #000000;
  background-color: #FF9900;
  text-align: center;
}
td.cals { /* week */
  font: 12px Arial, sans-serif;
  color: #990000;
  background-color: #F8E9C6;
  width: 14%;
  text-align: center;
}
td.cal0 { /* empty cell*/
 font: 11px arial, sans-serif;
 color: #990000;
 background-color: #FFFFFF;
 width: 14%;
 text-align: center;
}
td.cal1 { /* days */
 font: 11px arial, sans-serif;
 color: #008000;
 background-color: #FFDDAA;
 width: 14%;
 text-align: center;
}
td.cal2 { /* today */
 font: bold 11px arial, sans-serif;
 color: #990000;
 background-color: #FFFFFF;
 width: 14%;
 text-align: center;
}
td.cal3 { /* sunday or special */
 font: bold 11px arial, sans-serif;
 color: #008000;
 background-color: #FFFFFF;
 width: 14%;
 text-align: center;
}
td.cal4 { /* today is sunday or special */
 font: 11px arial, sans-serif;
 color: #990000;
 background-color: #FFFFFF;
 width: 14%;
 text-align: center;
}
td.calevt, td.calevt a { /* planner event */
 font: bold 11px arial, sans-serif;
 color: #FF0000;
 background-color: #F9E7CB;
 width: 14%;
 text-align: center;
}
/************************
 * Formulaires (Forms) */
form {
 line-height: 20px; /* "hack" vertical center text for Safari and Opera */
 margin: 4px 0;
}
fieldset { /* Encadrement des champs */
 border: 1px solid #FF9900;
 margin: 8px;
}
legend { /* légende des encadrements */
 font: bold 11px arial, helvetica, sans-serif;
 color: #000000;
 background-color: inherit;
}
button {
 font: 11px tahoma, arial, sans-serif;
 color: #000000;
 background-color: #FFEED5;
 height: 22px;
}
input.bouton {
 color: #000000;
 background-color: #FFEED5;
 border-top: 1px solid #FF9900;
 border-right: 1px solid #FF9900;
 border-bottom: 1px solid #FF9900;
 border-left: 1px solid #FF9900;
 text-decoration: none;
 cursor: pointer;
 height: 20px;
 padding: 0 4px 0 4px;
}
input.texte {
 font: 11px arial, sans-serif;
 color: #000000;
 background-color: #FFFFFF;
 margin: 2px 0;
}
select {
 font: 11px arial, sans-serif;
 color: #000000;
 background-color: #FFFFFF;
 margin: 4px 0;
}
textarea {
 color: #000000;
 background-color: #FFFFFF;
 overflow: auto;
 margin: 4px 0;
}
/************
 * Général */
a { /* lien hypertexte */
 color: #990000;
 background-color: transparent;
 text-decoration: none;
}
a.titre { /* lien titres */
 color: inherit;
 background-color: transparent;
 text-decoration: none;
}
a:hover { /* lien hypertexte survolé */
 position: relative;
  color: #A24C00;
 top: 1px;
 left: 1px;
 text-decoration: none;
}


p { /* paragraphe */
 font: 12px arial, sans-serif;
 margin: 4px 0;
}
p.box {
 font: 12px arial, sans-serif;
 margin: 4px;
}
.titre { /* all the page */      /*  ???? */
/*background-image: url(img/titre.png);*/
/* background-color: #FFFFFF;  */
}
.titrebox{  /* all the page */  /*  ???? */
/*background-image: url(img/titrebox.png);*/
/* background-color: #FFFFFF;  */
}
.box {
 font: 12px arial, sans-serif;   /*Si changement mauvais fonctionnement*/
 color: #000000;                 /*Couleur texte des autre Bt*/
 margin-right: 2px;
}

/*.box:hover {
 font: 12px arial, sans-serif;
 color: #000000;                  Couleur texte au survol des autre Bt
 background-color: inherit;
}*/

.bordure {
 border: none;
}
hr { /* ligne stylée */
 text-align: center;
 border-color:#FF9900;
 border-style:dotted;
 border-width:1px;
 padding:0px;
 width: 70%;
}
ul.item {
 margin: 0;
 padding: 0 10px;
}
li.item {
 list-style-type: none;
 margin-left: 1px;
 padding: 0;
}
li.curr_item {
 list-style-type: none;
 margin-left: -10px;
}
ul, ol, li {
 font: 12px arial, sans-serif;
}
dl, dd, dt, address, dir, menu, blockquote, td {

 background-color: inherit;
}
h1 { /* titre niveau 1 */
 font: bold 16px Verdana;
 color: #CC6600;
}
h2 { /* titre niveau 2 */
 font: bold 15px Verdana;
 color: #CC6600;
}
h3 { /* titre niveau 3 */
 font: bold 14px Verdana;
 color: #CC6600;
}
h4 { /* titre niveau 4 */
 font: bold 13px Verdana;
 color: #CC6600;
}
/************************
 * bloc forum - tables */
.forum, td.forum a {    /* Cellule avec numéro */
 font: 12px arial, sans-serif;
 color: #000000;
 background-color: #FFFFFF;
 text-align: center;
 padding: 4px;
 border: 1px;
}
.forum2, tr.forum2 {
 font: 12px arial, sans-serif;
 color: #000000;
 background-color: #FFFFFF;
 padding: 0 5px;
}
.quest {
 font: 12px arial, sans-serif;
 color: #000000;
 background-color: #FFFFFF;
 padding: 5px;
}
.rep {
 font: 12px arial, sans-serif;
 color: #000;
 background-color: #FFFFFF;
 padding: 10px 5px;
}
div.bord, table.bord { /*Editorial*/
 color: #000000;
 /*background:  url(img/bg_side.png) repeat-x;    image de fond bord gauche Bt centre*/
 background-color: #FFFFFF;
 text-align: left;
}
.bord {  /* Bordures encadrement Bt centrales */
 color: inherit;
 background-color: #FFFFFF;
 border: 1px solid #FF9900;    /*Encadrement*/
}
/****************************************************
 * Mise en forme des boîtes centrales et latérales */
.title { /* boîte centrale */
 font: 14px Trebuchet MS, Helvetica, sans-serif;
 color: #000000;  /*Titre boite centrale*/
 background: inherit;
 text-align: left;
 line-height: 19px;
 border-left: 2px solid #F9EDCF;   /*Bordures Bt centrales dans cellule titre*/
 border-right: 2px solid #F9EDCF;   /*Bordures Bt centrales dans cellule titre*/
 padding: 0 11px 0 22px;
}
.tblc { /* contenu */
 color: inherit;
 background-color: #FFFFFF;
 border-top: 0;
 border-right: 0px solid #FFFFFF;
 border-bottom: 0px solid #FFFFFF;
 border-left: 2px solid #F9EDCF;   /*Bordures Bt centrales*/
 border-right: 2px solid #F9EDCF;  /*Bordures Bt centrales*/
 border-bottom: 2px solid #FF9900;  /*Bordures Bt centrales*/
 text-align: left;
 margin-bottom: 0px; /* Bt centrale pour les coller en haut */
 padding: 2px;       /*Espace intérieur des autre Bt centrales pour le texte Ex : spécial*/
}

/*.tblc a:hover {
 color: #990000;
 background-color: inherit;
}*/

.sidetitle { /* boîte latérale */
 font: 14px Trebuchet MS, Helvetica, sans-serif;
 color: #000000;  /*Titre boite Latérale*/
 background: inherit;
 text-align: left;
 line-height: 19px;
 /*height: 19px; */
 /*        border-left: 2px solid #FF9900;   /*Bordures Bt Latérales*/
 padding-top: 0px;   /* TITRE - + HAUT */
 padding-left: 5px;  /*Déport du titre Bt Latérale sur la droite de 5px*/
}
.tbls { /* contenu */
 color: inherit;
 background: #FFFFFF; /*  background: url(img/bg_side.png) repeat-x #FFFFFF; image de fond bord gauche*/
 padding-top: 2px;   /* Espace bas Bt latérale avec répétition image */

 /*      border-left: 2px solid #FF9900;   /*Bordures Bt latérales*/
}
div.tbls {
 text-align: left;
/*      border-left: 2px solid #FF9900;   /*Bordures Bt latérales*/
}
.sidetop {
 width: 185px;  /* LAGEUR Bt LATERALE */

}
.sidebottom {
 /*background: url(img/side_bottom.png) no-repeat; /*  /* image de fond bas*/
  background: #FFFFFF;
 height: 5px;        /*Hauteur cellule bas Bt latérales*/
 margin-bottom: 0px; /* Séparation entre les Bt latérales */
/*     border-left: 2px solid #FF9900;   /*Bordures Bt latérales*/
}
.box_foot { /* boîte pied de page */
 background: #FFFFFF;
 width: 100%;
 margin: 2px auto 2px auto;
}
.tblf { /* contenu */
 padding-top: 0px;
}
.foot {
 font: 10px arial, sans-serif;
 text-align: center;
}
.copyright {
 font: 10px arial, sans-serif;
 text-align: center;
}
.copyright a:hover {
 color: #FFFFFF;
 background-color: inherit;
}
/**********************
 * Editeur FckEditor */
.Code {
 font: 11px comic sans ms, arial, monospace, sans-serif;
 color: #309;
 background-color: #CFE5F9;
 border: 1px solid #00C;
 padding: 0px 5px 0px 5px;
}
div #toolbarIcons_ptxt {
 color: inherit;
 background-color: #FAEED0;
}
div #toolbarSmileys_ptxt {
 color: inherit;
 background-color: #FAEED0;
}
/***********
 * Divers */
.clscursor {
 cursor: pointer;
}
.timer {
 font: italic 10px arial, sans-serif;
 color: #FFCC80;
 background-color: inherit;
 text-align: center;
 padding: 2px;
}