/*

   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;
	color: white;
	background-color: black;
	background-position: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
} 
a {
	/*lien*/
	color: white;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	background-color: transparent;
} 
a:hover { /*lien survolé*/
color : #784469;
text-decoration : underline;
}
p { /*paragraphe*/
margin: 4px 0;
}
hr { /*ligne horizontale*/
border-style : none none dotted;
border-color : #FFFFFF;
border-width : 0 0 1px;
height : 1px;
width : 98%;
} 
ul, ol {
	/*liste*/
	padding: 0;
	margin: 0;
	font: 12px arial, helvetica, sans-serif;
	color: white;
} 
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: 1px solid #E6CCDE;
	-moz-border-radius: 10px;
	padding-top: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: none;
} 
#page {
	/* toute la page */
	background-color: transparent;
	color: white;
	z-index: 10;
	background: url(laterale.png);
} 
#headTop {
	/* header top and middle (logo-banner + citation) */
	z-index: 15;
	height: 110px;
	background: transparent;
	margin: 0;
	padding: 0;
} 
#headBottom {
	/* header bottom (logo-menu) */
	margin: 0 0px;
	padding: 0 4px;
	background: url(menu.gif) no-repeat;
	color: inherit;
} 
#mainContent {
	/* fond page derriere boites */
	margin-top: 0px;
	padding: 0;
	background-color: transparent;
	color: inherit;
	background: url(tausta.jpg);
} 
#leftside {  /* zone boites de gauche */
margin : 0;
padding-right : 4px;
} 
#leftside a {
	font: 11px arial, helvetica, sans-serif;
	color: white;
	text-decoration: none;
}
#leftside a:hover {
 font : 11px arial, helvetica, sans-serif;
 color: #CA413B;
 text-decoration: none;
}
#rightside {  /* zone boites de droite */
margin : 0;
padding-left : 4px;
} 
#rightside a {
	font: 11px arial, helvetica, sans-serif;
	color: white;
	text-decoration: none;
}
#rightside a:hover {
 font : 11px arial, helvetica, sans-serif;
 color: #CA413B;
 text-decoration: none;
}
#endbox {
	/* optionnal area between main page and bottom */
	margin: 0;
	padding: 4px;
	background-color: transparent;
	color: inherit;
	text-align: left;
} 
#foot { 
font : 0.8em arial, helvetica, sans-serif;
text-align : center;
color : #784469;
} 
/*******************************************
 * Mise en page des blocks dans le header */
div.logo { /*block logo*/
margin-top : 5px;
text-align : center;
} 
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: 0px none;
	color: white;
	background: url(menu.png);
	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: italic;
}
/***********************************
 * block box Header Menu sections */
div.menuIcons {
	/* block menu */
	padding: 4px;
	background: none;
}
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-right: 8px;
	text-align: center;
	background: url(nappi1.gif);
}
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:2px;
}
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: white;
	text-decoration: none;
	position: relative;
	padding: 3px;
	margin: 7px;
}

div.menuIcons ul li a span.current {
	/* lien actif */
	color: white;
	background: url(nappi2.gif);
	border: 1px outset #FFFFFF;
	-moz-border-radius: 4px;
	text-decoration: none;
	position: relative;
	padding: 3px;
	margin: 7px;
	font-size: inherit;
}
div.menuIcons ul li a:hover span { /* lien survolé*/
  color: #784469;
  background: url(nappi2.gif);
  border: 1px inset #FFFFFF;
  -moz-border-radius : 4px;
  text-decoration: none;
  position : relative;
  padding : 3px;
  margin: 7px;
}
div.tblbox ul li a span, td.tblbox ul li a span {
	/* lien latéral */
	color: white;
	text-decoration: none;
  position : relative;
  padding : 3px;
  margin: 7px;
}
div.tblbox ul li a span.current, td.tblbox ul li a span.current {
	/* lien latéral actif */
	color: white;
	text-decoration: none;
	position : relative;
  padding : 3px;
  margin: 7px;
}
div.tblbox ul li a:hover span, td.tblbox ul li a:hover span {
	/* lien latéral survolé*/
	color: white;
	text-decoration: none;
	position: relative;
	top: 1px;
	left: 1px;
}
/******************************************
 * Mise en page des blocks dans le corps */
 /* boites latérales */
.titrebox {
	/* Titre */
	font: bold 12px Arial, Helvetica, sans-serif;
	color: black;
	text-align: center;
	border: 1px outset #FFFFFF;
	-moz-border-radius: 20px;
	background: red;
	white-space: nowrap;
	padding: 0px;
}
.tblbox {
	/* Corps */
	color: white;
	text-align: left;
	margin-bottom: 8px;
	padding: 8px;
}
.titre {
	/* block central boxes */
	font: bold 16px Arial, Helvetica, sans-serif;
	color: white;
	white-space: nowrap;
	text-align: left;
	padding-left: 3px;
	padding-bottom: 6px;
}
.tbl {
	font: 12px Arial, Helvetica, sans-serif;
	color: white;
	text-align: left;
	margin-bottom: 8px;
	border: 1px solid #784469;
	-moz-border-radius: 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) */
.rubr {
	/* catégories des articles */
	color: white;
	padding: 1px 1px;
	margin: 1px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align: left;
}
.item {
	padding: 1px 1px;
	margin: 0px;
	color: white;
	font: 11px 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: 2px 0px 2px 4px;
 font: 11px Arial, Helvetica, sans-serif;
 color: #784469;
 text-align:left;
 list-style: none;
}
.curr_item {
 padding: 2px 0px;
 font: 12px Arial, Helvetica, sans-serif;
 color: #784469;
 text-align:left;
 list-style: none;
}
ul.item li.curr_item { /* titre article est affiché */
 padding: 2px 0px 2px 4px;
 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: #784469;
 background : #E6CCDE;
 border : 1px solid #E6CCDE;
 -moz-border-radius : 8px;
 text-align: center;
 padding: 5px 5px;
}
.forum2, tr.forum2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: white;
	background: none;
	border: 1px solid #E6CCDE;
	-moz-border-radius: 8px;
	text-align: left;
	padding: 5px 5px;
}
.quest {
	font: 12px Arial, Helvetica, sans-serif;
	color: white;
	background: transparent;
	border: 1px solid #E6CCDE;
	-moz-border-radius: 8px;
	text-align: left;
	padding: 5px;
}
.rep {
	font: 12px Arial, Helvetica, sans-serif;
	color: white;
	background-color: transparent;
	-moz-border-radius: 8px;
	text-align: left;
	padding: 10px 5px 5px 5px;
}
.bord {
	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: #784469;
}
.cal a {
  color: #FFFFFF;
}
.cal a:hover {
  color: #FFFFCC;
  text-decoration: none;
}
tr.cal { /* calendar nav bar */
  font: 12px Arial, Helvetica, sans-serif;
  color: #784469;
  text-align: center;
  background: #784469;
}
td.cals { /* week */
  font: 12px Arial, Helvetica, sans-serif;
  color: #784469;
  background: #E6CCDE;
  -moz-border-radius : 4px;
  width: 14%;
  text-align: center;
}
td.cal0 { /* empty cell*/
  font: 12px Arial, Helvetica, sans-serif;
  color: #E6CCDE;
  width: 14%;
  text-align: center;
}
td.cal1 { /* days */
  font: 12px Arial, Helvetica, sans-serif;
  color: #E6CCDE;
  width: 14%;
  text-align: center;
}
td.cal2 { /* today */
  font: 12px Arial, Helvetica, sans-serif;
  color: #784469;
  background: #F9EDF5;
  width: 14%;
  text-align: center;
}
td.cal3 { /* sunday or special */
  font: 12px Arial, Helvetica, sans-serif;
  color: #E6CCDE;
  width: 14%;
  text-align: center;
}
td.cal4 { /* today is sunday or special */
  font: 12px Arial, Helvetica, sans-serif;
  color: #784469;
  background: #F9EDF5;
  width: 14%;
  text-align: center;
}
td.calevt { /* planner event */
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  border: 1px outset #E6CCDE;
  text-decoration: none;
  text-align: center;
  width: 14%;
}

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

/**********************
 * Editeur FckEditor */
.Code {
 font: 11px Arial, Helvetica, sans-serif , monospace;
 color: #784469;
 background-color: #FFFFFF;
 border: 1px solid #784469;
 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 { /* Copyright */
 font: 0.8em Arial, Helvetica, sans-serif;
 color: inherit;
 background-color: inherit;
}

/************************
 * Divers */
.box {
 font: 11px Arial, Helvetica, sans-serif;
 color: #784469;
 padding : 4px;
}
p.box {
	font: 11px Arial, Helvetica, sans-serif;
	color: white;
	padding: 4px;
	margin: 0;
}
a.box {
 font: 11px Arial, Helvetica, sans-serif;
 color: #784469;
 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: #784469;
 background-color: #FFDEB1;
 border: 1px solid #784469;
 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: white;
	background-color: transparent;
	padding: 2px;
}