  /*
    Site Style CSS - GuppY PHP Script - version 4.0
    CeCILL Copyright (C) 2004-2006 by Laurent Duveau
    Made by Laurent Duveau, Nicolas Alves, Albert Aymard, 
	Jean-Michel Misrachi, Isabelle Marchina and Team
      Web site = http://www.freeguppy.org/
      e-mail   = info@aldweb.com

    Version History :
      v4.0 (25 October 2004)   : extracted and updated from inc/style.inc to use with only with this skin (by Isa)

*/

body {
	margin: 0px;
	background-image: url(table.gif);
	}

/* textes des boîtes centrales et latérales */
p {
	margin: 2px 0px;
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
		
}
p.box {
	margin: 0px; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000;
}
.box {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000;
}

div.logo {
  text-align: left;
}

td.logo {
  text-align: left;
}

/* titres des boîtes centrales et latérales */
.titre {
	padding: 0px;
	white-space: nowrap;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-align:left;
}
.titrebox {
	
        padding-left: 0px;
	white-space: nowrap;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.titrebox2 {
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-weight: bold; 
	text-align: center;
}

/* style des citations */
.cita {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
}

.quote {
	text-align: center;
}	

/* style des boîtes centrales avec onmouseover éventuel */
.htable {
	margin-bottom: 5px;
  text-align: left;
}
.tbl {
	padding: 10px;
	width: 100%;
}
.tblover {
	background-color: #ffffff; 
	padding: 0px;
}

/* style des boîtes latérales avec onmouseover éventuel */
.htable1 {
	margin-bottom: 4px;
  text-align: left;
}
.tblbox {
	padding: 2px;
	width: 100%;
} 
.tblboxover {
	background-color: #ffffff; 
	padding: 4px;
}

/* style utilisé avec la feuille no_skin pour dessiner les bordures des boîtes */
.bordure {
	background-color: #ffffff;
}

/* style du forum : forum = entête, quest = question, rep = réponses */
.forum {
	background-color: #fde7b9; 
	padding: 5px 5px; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	text-align: center; 
	font-weight: bold;
	border: 1px solid #4564A4;
	
}
.forum2 {
	background-color: #fdfdfd; 
	padding: 0px 5px; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000;
	border: 1px solid #4564A4;
	}
.quest {
	background-color: #fdfdfd; 
	padding: 5px 5px; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000;
	border: 1px solid #4564A4;
}
.rep {
	background-color: #fdfdfd;
	padding: 10px 5px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #4564A4;
}

/* liens des boîtes centrales */
a {
	color: #3333CC; 
	text-decoration: none;
        font-weight: bold;
}
a:hover {
	color: #FFFF00; 
	text-decoration: none;
	font-weight: bold;
}

/* liens des boîtes latérales */
a.box {
	color: #FFFFFF; 
	text-decoration: none; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
}
a:hover.box {
	color: #FFFF00; 
	text-decoration: none; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/********************
 * Barre des menus */
div.menuIcons { /* bloc menu */
 margin: 0;
 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 */
 margin-right: 10px;
 float: left;
 text-align: center;
}
div.menuIcons ul li span { /* toutes les sections */
 color: #69F;
 background-color: inherit;
 display: block;
 white-space: nowrap;
}
div.menuIcons ul li.menu_flags { /* section drapeau */
 float: left;
/*
 text-align: center;
*/
 text-align: right;
 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 */
 font: bold 11px arial, helvetica, sans-serif;
 color: #00B;
 background-color: inherit;
 text-decoration: none;
}
div.menuIcons ul li a:hover span { /* lien survolé */
 font: bold 11px arial, helvetica, sans-serif;
 color: #AFF;
 background-color: inherit;
 position: relative;
 top: 1px;
 left: 1px;
}
div.menuIcons ul li a span.current { /* lien actif */
 color: #AFF;
 background-color: inherit;
}
div.tbls ul li a span.current { /* lien latéral actif */
 color: #333;
 background-color: inherit;
 border-left: 3px solid #00B;
 padding: 0 2px 0 4px;
}
div.tbls ul li a span { /* lien latéral*/
 font: bold 11px arial, helvetica, sans-serif;
 color: #00D;
 background-color: inherit;
 text-decoration: none;
}
div.tbls ul li a:hover span { /* lien latéral survolé*/
 font: bold 11px arial, helvetica, sans-serif;
 color: #333;
 background-color: inherit;
 position: relative;
 top: 1px;
 left: 1px;
 text-decoration: underline;
}
div ul, ol { /* listes */
 margin-left: 16px;
 padding: 8px 0 8px 8px;
}
div li { /* espace entre lien menu */
 margin-left: 12px;
 padding: 0;
}
/******************************************
 * 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 */
}
div#page { /* mask border for IE */
 border: none;
}
#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: 10px 0 20px;
 padding: 0;
}
#mainContent { /* disposition zone boîte centrale */
 margin: 0 4px;
 padding: 0;
}
#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: 4px;
}
#foot { /* Copyright pied de page */
 font: 0.8em arial, sans-serif;
 color: #309;
 background-color: inherit;
 text-align: center;
}
/****************************
 * 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;
}


/* barre d"icônes */
TD.menu {
	margin: 0px;
	white-space: nowrap;
	text-align: center;
	padding: 6px 6px;
	background: #;
	padding-bottom: 0px;
	border-bottom: 0px solid #ADADAD;
	border-top: 0px solid #ADADAD;
	}
a.menu {
	color: #000000; 
	text-decoration: none; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
}
a:hover.menu {
	color: #FFFF00; 
	text-decoration: none; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* barres de séparation HR*/
HR {
	border-top: 1px solid #4564A4; height: 1px;
	border-left: none;
	border-right: none;
	border-bottom: none;
	}

/* listes, définitions, titres*/
ul, ol, li {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left: 10px;
	padding-left: 0px;
  list-style-type: none;
	}
/*        font-weight:bold;     */

ul.art {
 font-weight:bold; padding:0px; margin:0px; }  li.art {  font-weight:bold; list-style-type:none; padding:0px; margin-left:4px; }

	
DL, DD, DT, address, DIR, MENU, blockquote, td {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
 
	color: #000000; 
}
H1, H2, H3, H4, H5, H6 {
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
} 

/* style du calendrier */

td.cal {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #000000;
 background-color: #ffffff;
 width: 14%;
 text-align: center;
}
 td.cal0 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #000000;
 background-image: url(button_center.gif);
 background-color: #ffffff;
 width: 14%;
 text-align: center;
}
 td.cal1 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #000000;
 background-color: #ffffff;
 width: 14%;
 text-align: center;
}
 td.cal2 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #000000;
 background-color: #ffffff;
 width: 14%;
 text-align: center;
 font-weight: bold;
}
 td.cal3 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: red;
 background-color: #ffffff;
 width: 14%;
 text-align: center;
}
 td.cal4 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #000000;
 background-color: #ffffff;
 width: 14%;
 text-align: center;
}


/* style de l"éditeur */
tr.vdev {
	background-color: #ffffff;
}
tr.vdevtr {
	background-color: #ffffff;
}
body.vdev {
	margin-left: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	background-color: #99cccc;
}
body.vdevdialog {
	margin-left: 0px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	background-color: #99cccc;
}
select.vdev {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	height: 22px; 
	background-color: #ffffff; 
	color: #000000;
}
input.vdev {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	height: 22px; 
	background-color: #ffffff; 
	color: #0000ff;
}
input.vdevx {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	height: 22px; 
	background-color: #ffffff; 
	color: #000000;
}

/* style des formulaires */
form {
	margin: 3px 0;
}
INPUT.bouton {
	cursor: pointer; 
	margin: 0px 0; 
	color: #000000; 
	border: 1px solid #4564A4; 
	 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(boutoncenter.gif);
}
INPUT.texte {
	background-color: #ffffff; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	border: 1px solid #4564A4; 
	margin: 2px 0;
}
SELECT {
	color: #000000; 
	background-color: #ffffff; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	border: 2px inset; 
	margin: 4px 0;
}
TEXTAREA {
	color: #000000; 
	background-color: #ffffff; 
	border: 1px solid #4564A4; 
	overflow: auto; 
	margin: 4px 0;
}
.clsCursor {
	cursor: pointer;
}

/* image de fond du bandeau */
.band {
	margin: 3px 0px;
	background-image: url(ban.gif);
}

.copyright {
	text-align: center;
}

.foot {
  text-align: center;
  color: #000000;
}

.timer {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-style: italic;
 color: #000000;
 text-align: center;
 padding: 6px;
}

  
