/*
    CSS file for 2012skin06 - 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 :
      from Skin Island (01 May 2007) by "GuppY Design"
      Avril 2012 - http://astrographisme.com/skins46/
*/

body { /*couleur de fond du site*/
 color: inherit;
 background: url(img/top.png) top repeat-x, url(img/bottom.png) bottom repeat-x, url(img/cfs.png);
}

/******************************************
 * Mise en page des blocs div principaux */
#screen_choice { /* sélecteur de largeur */
 position: absolute;
 top: 76px;
 right: 0;
 text-align: right;
 margin: 0;
 padding: 0 10px;
}
#page { /* all the page */
 z-index: 10;
}
div#page { /* mask border for IE */
 border: none;
}
#headTop { /* zone en-tête (logo-bannière) */
 color: inherit;
 background: url(img/header.png) no-repeat;
 margin: 0;
 padding: 0;
 height: 200px;
}
#headBottom { /* zone de la barre des menus */
 margin: 2px;
 padding: 0;
}
#mainContent { /* disposition zone boîte centrale */
 margin: 0 4px;
 padding: 0;
}
#endbox { /* distance entre fond boîte centrale et bas de page */
 text-align: left;
 margin: 0px;
 margin-bottom: 18px;
 padding: 0px;
}

/*********************************
 * Général */
a { /* lien hypertexte pour l'ensemble du site */
 color: #808080;
 background-color: transparent;
 text-decoration: none;
}
a.titre { /* lien titres */
 color: inherit;
 background-color: transparent;
 text-decoration: none;
}
a:hover { /* lien hypertexte survolé */
 color: #000;
}
p { /* paragraphe pour l'ensemble du site */
 font: 12px arial, sans-serif;
 margin: 4px 0;
}
p.box { /* paragraphe dans les boîtes latérales, sauf articles) */
 font: 12px arial, sans-serif;
 margin: 4px;
}
.bordure {
 border: none;
}
hr { /* ligne stylée */
 border-style: none none dashed;
 border-color: #c0c0c0;
 border-width: 0 0 0px;
 height: 1px;
 width: 97%;
}
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 {
 font: 12px arial, sans-serif;
 color: #222;
 background-color: inherit;
}
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;
}

/******************************************
 * Position du logo et des bannières */
div.logo { /* bloc logo */
 text-align: left;
 padding: 0;
}
div.banner { /* bloc bannière */
 padding: 10px 10px;
 text-align: center;
}
/************************
 * Bloc boîte citation */
div.quote { /* zone texte citation */
 text-align: center;
 padding: 0px;
 margin: 0px;
}
div.cita p { /* texte */
 font: 12px arial, helvetica, sans-serif;
 color: #fff;
 background-color: #c0c0c0;
 text-align: center;
 border-radius: 12px;
 padding-top: 3px;
 padding-bottom: 0px;
 margin: 0px;
 min-height: 21px;
}

/********************
 * Barre des menus */
div.menuIcons { /* bloc menu */
 margin: 0;
 margin-top: 18px;
 padding: 0;
}
div.menuIcons ul { /* bloc liste du menu */
 list-style: none;
 width: 100%;
 margin: 0;
 padding: 0;
}
div.menuIcons ul li { /* toutes les sections */
 float: left;
 margin-right: 1px;
 margin-bottom: 10px;
 text-align: center;
}
div.menuIcons ul li span { /* toutes les sections */
 color: #000000;
 width: 97px;
 height: 18px;
 display: block;
 white-space: nowrap;
 padding-top: 2px;
}
div.menuIcons ul li.menu_flags { /* section drapeau */
 float: left;
 text-align: center;
 margin-right: 5px;
}
div.menuIcons ul li.menu_flags img { /* séparation drapeau */
 margin: 3px;
}
div.menuIcons ul li.menu_admin { /* lien admin */
 position: absolute; top: 0px; right: 3px;
 padding-right: 3px;
 width: 30px;
}
div.menuIcons ul li.menu_admin a span { /* lien admin */
 background: transparent;
 color: #c0c0c0;
}
div.menuIcons ul li.menu_admin a:hover span { /* lien admin survolé */
 background: transparent;
 color: #fff;
}
div.menuIcons ul li a:hover {
 position: static;
}
div.menuIcons ul li.menu_download a span { /* lien téléchargement */
 background: url(img/download.png) no-repeat;
 color: #404040;
}
div.menuIcons ul li a span { /* lien */
 font: bold 11px arial, helvetica, sans-serif;
 color: #404040;
 background: url(img/menu1.png) no-repeat;
 text-decoration: none;
}
div.menuIcons ul li a:hover span { /* lien survolé */
 font: bold 11px arial, helvetica, sans-serif;
 color: #fff;
 background: url(img/menu3.png) no-repeat;
}
div.menuIcons ul li a span.current { /* lien actif */
 font: bold 11px arial, helvetica, sans-serif;
 color: #fff;
 background: url(img/menu2.png) no-repeat;
}
div ul, ol { /* listes */
 margin-left: 16px;
 padding: 8px;
}
div li { /* espace entre lien menu */
 margin-left: 8px;
 padding: 0;
}

/****************************
 * bloc boîte section menu */
ul.boxmenu { /* bloc liste */
 list-style: none;
 margin: 0;
 padding: 8px 0;
}
ul.boxmenu li { /* liste des items */
 margin-bottom: 10px;
}
ul.boxmenu li img { /* icônes */
 vertical-align: middle;
 margin-right: 10px;
}
/********************
 * Liens boîte menu */
div.tbll ul li a span.current { /* lien latéral actif */
 color: #fff;
 background-color: #000;
 padding: 0 4px;
}
div.tbll ul li a span { /* lien latéral*/
 font: bold 12px arial, helvetica, sans-serif;
 color: #808080;
 background-color: inherit;
 text-decoration: none;
}
div.tbll ul li a:hover span { /* lien latéral survolé*/
 font: bold 12px arial, helvetica, sans-serif;
 color: #E504E8;
 background-color: inherit;
 text-decoration: underline;
}

/****************************************************
 * Mise en forme des boîtes centrales */
.titrec { /* Titre boîte centrale */
 font: bold 18px arial helvetica, sans-serif;
 color: #808080;
 background: inherit;
 text-align: left;
 padding: 3px;
 padding-left: 90px;
 line-height: 50px;
}
.tblc { /* contenu boîte centrale */
 color: inherit;
 background: url(img/tblc.png) bottom right no-repeat #F6F5F5;
 border: 0px solid #fff;
 text-align: left;
 margin-bottom: 10px;
 margin-top: 5px;
 padding: 6px;
 padding-right: 40px;
}
.tblc a:hover {
 color: #000;
 background-color: transparent;
}

/**************************************************
 * Mise en forme des boîtes latérales - Sidebox */
#leftside { /* disposition zone des boîtes latérales à gauche */
 margin: 0;
 padding: 0;
}
#rightside { /* disposition zone des boîtes latérales à droite */
 margin: 0;
 padding: 0;
}
.titrel { /* titre boîte latérale - autre que le blog */
 font: bold 1.2em arial, sans-serif;
 color: #404040;
 background: inherit;
 text-align: center;
 line-height: 45px;
}
.tbll { /* contenu boîte latérale - autre que le blog */
 color: inherit;
 background: url(img/tbll.png) repeat-y;
 padding: 12px;
}
div.tbll {
 text-align: left;
}

/****************************************************************
 * Blog */
.titrebox {  /* Titre de toutes les boîtes du blog */
 background: #808080;
 font: bold 11px arial, sans-serif;
 color: #fff;
 text-align: center;
 border-radius: 8px;
 padding: 2px 4px;
}
.tblbox { /*Contenu de toutes les boîtes du blog*/
 font: 11px arial, sans-serif;
 margin-right: 2px;
}

/*******************************************************************
 * bloc boîte article (menu list, menu dynamic 1, menu dynamic 2) */
.rubr { /* catégories des articles */
 font: bold 12px arial, helvetica, sans-serif;
 color: #000;
 background-color: transparent;
 text-align: left;
 margin: 1px;
 padding: 4px 2px;
}
.item {
 font: bold 12px arial, helvetica, sans-serif;
 color: #808080;
 background-color: transparent;
 text-align: left;
 list-style: none;
 margin: 0;
 padding: 2px 0 2px 10px;
}
ul.item {
 margin: 0;
 padding: 0;
}
ul.item li.item { /* titres des articles */
 font: 12px arial, helvetica, sans-serif;
 color: #808080;
 background-color: inherit;
 text-align: left;
 list-style: none;
 padding: 2px 0 2px 10px;
}
.curr_item {
 font: 12px arial, helvetica, sans-serif;
 color: #808080;
 background-color: transparent;
 text-align: left;
 list-style: none;
 padding: 2px 0 2px 10px;
}
ul.item li.curr_item { /* titre article quand affiché */
 font: 12px arial, helvetica, sans-serif;
 background-color: transparent;
 text-align: left;
 list-style: none;
 padding: 2px 0 2px 10px;
}

/***************************
 * Calendar - Calendrier */
.tblbox { /* calendar box - boîte calendrier*/
 color: #404040;
 background-color: transparent;
 padding: 4px;
 margin-bottom: 8px;
 text-align:left;
}
.cal {
  border-collapse: separate;
  border: 0px solid #fff;
  border-spacing: 0px;
  color: #404040;
  background-color: inherit;
}
tr.cal { /* calendar nav bar - barre navigation calendrier */
  font: 12px Arial, sans-serif;
  color: #404040;
  background-color: transparent;
  text-align: center;
}
td.cals { /* week - jours de la semaine */
  font: 12px Arial, sans-serif;
  color: #fff;
  background-color: #808080;
  width: 14%;
  text-align: center;
}
td.cal0 { /* empty cell - cellule vide */
 font: 11px arial, sans-serif;
 color: #808080;
 background-color: transparent;
 width: 14%;
 text-align: center;
}
td.cal1 { /* days - jours */
 font: 11px arial, sans-serif;
 color: #404040;
 background-color: transparent;
 width: 14%;
 text-align: center;
}
td.cal2 { /* today - aujourd'hui */
 font: bold 11px arial, sans-serif;
 color: #404040;
 background-color: #CCFF33;
 width: 14%;
 text-align: center;
}
td.cal3 { /* sunday or special - dimanche ou special*/
 font: 11px arial, sans-serif;
 color: #404040;
 background-color: transparent;
 width: 14%;
 text-align: center;
}
td.cal4 { /* today is sunday or special - aujourd'hui est dimanche ou special */
 font: 11px arial, sans-serif;
 color: #404040;
 background-color: #CCFF33;
 width: 14%;
 text-align: center;
}
td.calevt, td.calevt a { /* planner event - événement */
 font: bold 11px arial, sans-serif;
 color: #FFF;
 background-color: #E73165;
 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 #c0c0c0;
 margin: 8px;
}
legend { /* légende des encadrements */
 font: bold 12px arial, helvetica, sans-serif;
 color: #404040;
 background-color: inherit;
}
button { /* bouton */
 font: 10px arial, sans-serif;
 color: #404040;
 background-color: #fff;
 border: 1px dotted #c0c0c0;
}
input.bouton {
 font: 10px arial, sans-serif;
 color: #404040;
 background-color: #fff;
 border: 1px dotted #c0c0c0;
 text-decoration: none;
 cursor: pointer;
 height: 20px;
 padding: 2px;
}
input.texte {
 font: 11px arial, sans-serif;
 color: #404040;
 background-color: #FFF;
 border: 1px dotted #c0c0c0;
 margin: 2px 0;
}
select {
 font: 11px arial, sans-serif;
 color: #000;
 background-color: #FFF;
 border: 1px dotted #c0c0c0;
 margin: 4px 0;
}
textarea {
 color: #000;
 background-color: transparent;
 overflow: auto;
 margin: 4px 0;
}

/*****************************************
* Pied de page - footer */
#foot { /* Copyright pied de page */
 font: 10px arial, sans-serif;
 color: #808080;
 background-color: inherit;
 text-align: center;
 padding-top: 30px;
 padding-bottom: 5px;
 height: 70px;
}
.box_foot { /* boîte pied de page */
 width: 100%;
 margin: 8px;
}
.copyright {
 font: 11px arial, sans-serif;
 text-align: center;
}
.copyright a:hover {
 color: #404040;
 background-color: inherit;
}

/*************************************
 * bloc forum - tables */
.forum, td.forum a {
 font: bold 12px arial, sans-serif;
 color: #FFF;
 background-color: #808080;
 text-align: center;
 padding: 4px;
}
.titre { /*titre de la charte*/
 color: #808080;
}
tr.forum2 td {
 font: bold 12px arial, helvetica, sans-serif;
 color: #fff;
 background-color: #c0c0c0;
 padding: 0 5px;
}
.forum2 {
 font: bold 12px arial, helvetica, sans-serif;
 color: #fff;
 background-color: #00C0C0;
 padding: 0 5px;
}
.forum2 a, tr.forum2 a {
 color: #fff;
}
.quest {
 font: 12px arial, sans-serif;
 color: #404040;
 background-color: #f2f2f2;
 padding: 5px;
}
.rep {
 font: 12px arial, sans-serif;
 color: #404040;
 background-color: #fff;
 padding: 10px;
 padding-right: 50px;
 border-radius: 8px;
}
div.bord, table.bord {
 color: #000;
 background-color: transparent;
 text-align: left;
 border: 0px solid #000;
}

/********************************************
 * Editeur FckEditor */
.Code { /*titre des paragraphes de la charte du forum*/
 font: 11px arial, helvetica, sans-serif;
 color: #000;
 background-color: #fff;
 border: 1px dotted #c0c0c0;
 padding: 0 5px 0 5px;
}
div #toolbarIcons_ptxt { /*barre des icônes en haut de l'éditeur*/
 color: inherit;
 background-color: transparent;
}
div #toolbarSmileys_ptxt { /*barre des émoticons en bas de l'éditeur*/
 color: inherit;
 background-color: transparent;
}
/********************************************
 * pop RSS */
.pop {
 width: 360px;
 text-align: left;
 position: relative;
}
.pop a {
 display: block;
}
.pop span {
 display: none;
}
.pop a:hover span {
 font: normal 12px arial, helvetica, sans-serif;
 color: #000;
 background-color: #fff;
 border: 1px solid #c0c0c0;
 display: block;
 width: 280px;
 position: absolute;
 top: 2em;
 left: 2em;
 text-decoration: none;
 padding: 4px;
}
.notice { /* very important */
 color: #F00;
 background-color: #FFF;
 padding: 2px;
}
/******************************************
 * Divers */
.clscursor {
 cursor: pointer;
}
.timer { /* temps de chargement de la page */
 font: italic 8px arial, sans-serif;
 color: #808080;
 background-color: inherit;
 text-align: center;
 padding: 0px;
}
.top { /*lien pour remonter en haut de la page*/
 font: 9px arial, helvetica, sans-serif;
 color: #808080;
}