/*

   CSS file for GuppY - 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
	   Design Meric© 2007 - Site Meric: http://www.meric-graphisme.info
	   contrat Creative Commons : http://creativecommons.org/licenses/by-sa/2.0/fr/
	   Valid W3C CSS : http://jigsaw.w3.org/css-validator/
           Design : Sabine Jeangérard - 2008 - http://astrographisme.com
*/

body { /*corps du document*/
margin : 0;
font : 12px Arial, helvetica, sans-serif;
color :#404040;
background: url(cfs.png);
} 
a { /*lien*/
color : #F58309;
font : bold 12px Arial, helvetica, sans-serif;
text-decoration : none;
} 
a:hover { /*lien survolé*/
color : #00C000;
text-decoration : none;
}
p { /*paragraphe*/
margin: 4px 0;
}
hr { /*ligne horizontale*/
border-style : none none dotted;
border-color : #EBE3E3;
border-width : 0 0 1px;
height : 1px;
width : 98%;
} 
ul, ol { /*liste*/
padding : 0;
margin : 0;
font : 12px Arial, helvetica, sans-serif;
color : #404040;
} 
h1 { /*titre niveau1*/
font-size : 24px;
} 
h2 { /*titre niveau2*/
font-size : 18px;
} 
h3 { /*titre niveau3*/
font-size : 16px;
} 
h4 { /*titre niveau4*/
font-size : 14px;
} 
.bordure { 
border : 0 solid #3e3e3e;
} 
/*********************************
* Mise en page des blocks div principaux */
#screen_choice { /*icone ecrab*/
z-index : 20;
position : absolute;
top : 1px;
right : 4px;
padding : 0;
margin : 0;
text-align : right;
} 
div#page { /* encadrement page*/
border : 0px solid #EDEBEB;
padding-top: 15px;
margin-top : 10px;
margin-bottom : 10px;
} 
#page { /* toute la page */
background-color:#FFFFFF;
color: inherit;
z-index : 10;
} 
#headTop { /* header top and middle (logo-banner + citation) */ 
z-index : 15;
background: #FFFFFF;
margin : 0;
padding : 0;
} 
#headBottom { /* header bottom (logo-menu) */ 
margin-bottom : 10px;
padding : 0 4px;
height: 30px;
background: #FFFFFF;
color: inherit;
} 
#mainContent { /* fond page derriere boites */
margin-top : 18px;
margin-left: 15px;
padding : 0;
background: url(main.png) no-repeat;
color: inherit;
} 
#leftside {  /* zone boites de gauche */
margin-top : 200px;
padding-right : 4px;
} 
#leftside a {
 font : 12px Arial, helvetica, sans-serif;
 color: #808080;
 text-decoration: none;
}
#leftside a:hover {
 font : 12px Arial, helvetica, sans-serif;
 color: #F58309;
 text-decoration: none;
}
#rightside {  /* zone boites de droite */
margin : 0;
padding-left : 4px;
} 
#rightside a {
 font : 12px Arial, helvetica, sans-serif;
 color: #808080;
 text-decoration: none;
}
#rightside a:hover {
 font : 12px Arial, helvetica, sans-serif;
 color: #F58309;
 text-decoration: none;
}
#endbox { /* optionnal area between main page and bottom */
margin : 0;
padding : 4px;
background-color: #FFFFFF;
color: inherit;
text-align : left;
} 
#foot { 
font : 0.8em arial, helvetica, sans-serif;
text-align : center;
} 
#foot a {
font : 1em arial, helvetica, sans-serif;
color: #404040;
}
/*******************************************
 * Mise en page des blocks dans le header */
div.logo { /*block logo*/
margin-top : 5px;
text-align : right;
} 
div.banner { /*block banniere*/
background-repeat : no-repeat;
padding : 8px;
text-align : center;
}
/*************************
 * block boite citation */ 
div.quote {
background: transparent url() repeat-x scroll 0% 50%;
text-align:center;
white-space:nowrap;
width:100%;
}
div.quote span.cita {
background-color:inherit;
border:0pt none;
color:#008080;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
margin-top:0pt;
padding:0pt;
text-align:center;
width:100%;
}
div.quote span.author {
font-style:normal;
}
/***********************************
 * block box Header Menu sections */
div.menuIcons { /* block menu */
	padding:2px 2px;
}
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:2px;
	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:10px;
	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;
	padding-right:3px;
}
div.menuIcons ul li a span, div.tblbox ul li a span { /* lien */
  color: #FFFFFF;
  text-decoration: none;
  font: bold 12px Arial, Helvetica, sans-serif;
  position : relative;
  width: 107px;
  padding : 0px;
  padding-top: 2px;
  margin: 3px;
  text-align: center;
}

div.menuIcons ul li a span.current { /* lien actif */
  color:#FFFFFF;
  text-decoration: none;
  position : relative;
  padding : 3px;
  padding-top: 2px;
  margin: 3px;
}
div.menuIcons ul li a:hover span { /* lien survolé*/
  color: #000000;
  text-decoration: none;
  position : relative;
  padding : 3px;
  padding-top: 2px;
  margin: 3px;
}
li.menu_home{
  background-image: url(fushia.png);
  background-repeat: no-repeat;
  width: 107px;
  height: 26px;
}
li.menu_faq{
  background-image: url(rouge.png);
  background-repeat: no-repeat;
  width: 107px;
  height: 26px;
}
li.menu_news{
  background-image: url(jaune.png);
  background-repeat: no-repeat;
  width: 107px;
  height: 26px;
}
li.menu_links{
  background-image: url(orange.png);
  background-repeat: no-repeat;
  width: 107px;
  height: 26px;
}
li.menu_blog{
  background-image: url(vertC.png);
  background-repeat: no-repeat;
  width: 107px;
  height: 26px;
}
li.menu_forum{
  background-image: url(bleuC.png);
  background-repeat: no-repeat;
  width: 107px;
  height: 26px;
}
li.menu_stats{
  background-image: url(grisF.png);
  background-repeat: no-repeat;
  width: 107px;
  height: 26px;
}
li.menu_guestbook{
  background-image: url(vertEauF.png);
  background-repeat: no-repeat;
  width: 107px;
  height: 26px;
}
div.tblbox ul li a span, td.tblbox ul li a span { /* lien latéral */
  color: #404040;
  text-decoration: none;
  font: bold 11px Arial, Helvetica, sans-serif;
}
div.tblbox ul li a span.current, td.tblbox ul li a span.current { /* lien latéral actif */
  color:#404040;
  text-decoration: none;
}
div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien latéral survolé*/
  color: #404040;
  text-decoration: none;
  position: relative; top: 1px; left: 1px;
}
/******************************************
 * Mise en page des blocks dans le corps */
 /* boites latérales */
.titrebox { /* Titre */
 font: bold 14px Century Gothic, Helvetica, sans-serif;
 color: #F58309;
 text-align: left;
 background: #FFFFFF;
 border-bottom: 1px solid #008080;
 white-space: nowrap;
 padding: 4px;
}
.tblbox { /* Corps */
 color: #404040;
 text-align: left;
 border: 0px solid #FFFFCC;
 margin-bottom: 8px;
 padding : 2px;
}
.titre { /* block central boxes */
 font: bold 18px Century Gothic, Helvetica, sans-serif;
 color: #00C000;
 white-space: nowrap;
 text-align: left;
 border-bottom: 0px solid #FAC304;
 padding-left: 3px;
 padding-bottom: 6px;
}
.tbl {
 font: 12px Arial, Helvetica, sans-serif;
 color: #404040;
 background: #ffffff;
 text-align: left;
 margin-bottom: 8px;
 padding-left: 12px;
 border: 1px solid #FAC304;
}
div ul, ol { /* listes */
 margin-left: 16px;
 padding: 2px;
}
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) */
.rubr { /* catégories des articles */
 color: #000000;
 background: #FFFFFF;
 padding-left: 1px;
 margin: 0px;
 font: bold 12px Arial, Helvetica, sans-serif;
 text-align:left;
}
.item {
 padding-left: 1px;
 margin: 0px;
 color: #404040;
 font: 12px Arial, Helvetica, sans-serif;
 text-align:left;
 list-style: none;
}
ul.item {
 margin:0;
 padding-left:8px;
}
ul.item li.item { /* titres des articles */
 padding-left: 1px;
 font: 12px Arial, Helvetica, sans-serif;
 color: #404040;
 text-align:left;
 list-style: none;
}
.curr_item {
 padding-left: 1px;
 font: 12px Arial, Helvetica, sans-serif;
 color: #404040;
 text-align:left;
 list-style: none;
}
ul.item li.curr_item { /* titre article est affiché */
 padding-left: 2px;
 font: 12px Arial, Helvetica, sans-serif;
 color: #F58309;
 text-align:left;
 list-style: none;
}

/*************************************
 * block box central forum - tables */
.forum {
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #404040;
 background : #FFFFCC;
 border : 0px solid #E6CCDE;
 -moz-border-radius : 8px;
 text-align: center;
 padding: 5px 5px;
}
.forum2, tr.forum2 {
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #404040;
 background : #FAC304;
 border : 0px solid #E6CCDE;
 text-align: left;
 padding: 5px 5px;
}
.forum2 a{
 color: #000000;
}
.quest {
 font: 12px Arial, Helvetica, sans-serif;
 color: #404040;
 background: #FFFFCC;
 border : 1px solid #FFFFCC;
 text-align: left;
 padding: 5px;
}
.rep {
 font: 12px Arial, Helvetica, sans-serif;
 color: #404040;
 background-color: #FFFFFF;
 border: 1px solid #FAC304;
 text-align: left;
 padding: 10px 5px 5px 5px;
}
.bord {
 border: 0px solid #E4DCDC;
 padding: 1px;
}
.bord2 {
 border: 0px solid #F9C063;
}

/*************
 * Calendar */
.cal {
  border-collapse: separate;
  border: 0px solid #FFC800;
  border-spacing: 1px;
  -moz-border-radius : 4px;
  color:#FFFFFF;
  background: #FAC304;
}
.cal a {
  color: #78121D;
}
.cal a:hover {
  color: #1E8FFF;
  text-decoration: none;
}
tr.cal { /* calendar nav bar */
  font: 12px Arial, Helvetica, sans-serif;
  color: #000000;
  text-align: center;
  background: #FAC304;
}
td.cals { /* week */
  font: 12px Arial, Helvetica, sans-serif;
  color: #000000;
  background: #F58309;
  width: 14%;
  text-align: center;
}
td.cal0 { /* empty cell*/
  font: 12px Arial, Helvetica, sans-serif;
  color: #000000;
  width: 14%;
  text-align: center;
}
td.cal1 { /* days */
  font: 12px Arial, Helvetica, sans-serif;
  color: #000000;
  width: 14%;
  text-align: center;
}
td.cal2 { /* today */
  font: 12px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  background: #1E8FFF;
  width: 14%;
  text-align: center;
}
td.cal3 { /* sunday or special */
  font: 12px Arial, Helvetica, sans-serif;
  color: #000000;
  width: 14%;
  text-align: center;
}
td.cal4 { /* today is sunday or special */
  font: 12px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  background: #1E8FFF;
  width: 14%;
  text-align: center;
}
td.calevt { /* planner event */
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #000000;
  background: #FFFFCC;
  text-decoration: none;
  text-align: center;
  width: 14%;
}

/************************
 * Formulaires (Forms) */
form { /* formulaire */
  margin: 3px 0;
}
fieldset { /* Encadrement des champs */
 border: 1px solid #404040;
 margin: 8px;
}
legend { /* légende des encadrements */
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #404040;
 background-color: transparent;
}
input.bouton, button { /* bouton */
 font: 10px "Arial", helvetica, sans-serif;
 color: #000000;
 background : #FAC304;
 border: 1px outset #FAC304;
 cursor: pointer;
 margin: 4px 0;
}
input.texte { /* champ texte */
 font: 11px "Arial", helvetica, sans-serif;
 color: #404040;
 background-color: #FFFFFF;
 border: 1px inset #404040;
 margin: 4px 0;
}
select { /* champ select */
 font: 11px "Arial", helvetica, sans-serif;
 color: #404040;
 background-color: #FFFFFF;
 border: 1px solid #404040;
 margin: 4px 0;
}
textarea { /* champ textarea */
 color: #404040;
 background-color: #FFFFFF;
 border: 1px solid #404040;
 overflow: auto;
 margin: 4px 0;
}

/**********************
 * Editeur FckEditor */
.Code {
 font: 11px Arial, Helvetica, sans-serif , monospace;
 color: #404040;
 background-color: #FFFFFF;
 border: 1px solid #404040;
 padding-right: 5px;
 padding-left: 5px;
}
/**********************
 * Editeur pgeditor */
div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt {
 color: inherit;
 background-color: #F3E4B9;
}
/*******************************************
 * Mise en page des blocs dans le footer */
#foot span.copyright { 
font : 0.8em Arial, Helvetica, sans-serif;
color : #808080;
} 
/************************
 * Divers */
.box {
 font: 11px Arial, Helvetica, sans-serif;
 color: #404040;
 padding : 4px;
}
p.box {
 font: 11px Arial, Helvetica, sans-serif;
 color: #404040;
 padding : 4px;
 margin: 0;
}
a.box {
 font: 11px Arial, Helvetica, sans-serif;
 color: #404040;
 text-decoration: none;
}
a.box:hover {
 font: bold 11px Arial, Helvetica, sans-serif;
 color: #F58309;
 text-decoration: none;
 position: relative;
 top: 1px;
 left: 1px;
}
.htable { 
margin-bottom : 8px;
} 
.htable1 { 
margin-bottom : 8px;
} 
.htable2 { 
padding : 0 2px;
} 

/*******************
 * 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: #404040;
 background-color: #FFDEB1;
 border: 1px solid #404040;
 display: block;
 width: 280px;
 position: absolute;
 top: -2em;
 left: 2em;
 padding: 4px;
}
.top {
 font: 0.8em Arial, Helvetica, sans-serif;
 border: 0px inset #F9C063;
 text-align: center;
}
.timer {
 font: italic 0.8em Arial, Helvetica, sans-serif;
 color: inherit;
 background-color: inherit;
 text-align: center;
 padding: 10px;
}
.clsCursor {
 cursor: pointer;
}
.notice {
 color: #404040;
 background-color: #FFDEB1;
 padding: 2px;
}