/*



   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

*/



body { /*corps du document*/

margin : 0;

background: #000000;

font : 12px arial, helvetica, sans-serif;

color :#C0C0C0;

} 

a { /*lien*/

color : #F9C063;

background-color : inherit;

text-decoration : none;

} 

a:hover { /*lien survolé*/

color : #1E8FFF;

background-color : inherit;

text-decoration : none;

}

p { /*paragraphe*/

margin: 4px 0;

}

hr { /*ligne horizontale*/

border-style : none none dotted;

border-color : #000000;

border-width : 0 0 1px;

height : 1px;

width : 80%;

} 

ul, ol { /*liste*/

padding : 0;

margin : 0;

} 

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 : 30px;

right : 4px;

padding : 0;

margin : 0;

text-align : right;

} 

div#page { /* encadrement page*/

margin-top: 10px;

margin-bottom: 10px;

text-align: left;

border : 0px solid #404040;

} 

#page { /* toute la page */

background: url(page.jpg) 45% 55% no-repeat;

background-attachment : fixed;

color: inherit;

z-index : 10;

margin-top : 8px;

margin-bottom: 8px;

} 

#headTop { /* header top and middle (logo-banner + citation) */ 

z-index : 15;

background: transparent;

width: 780px;

height: 269px;

margin : 8px;

padding : 0;

} 

#headBottom { /* header bottom (logo-menu) */ 

margin-top : 11px;

padding-top : 2px;

background: url(onglet.png);

height: 37px;

color: inherit;

width : 780px;

} 

#mainContent { /* fond page derriere boites */

margin-top : 0px;

padding : 0;

color: inherit;

width: 780px;

} 

#leftside {  /* zone boites de gauche */

background: #000000;

margin : 4px;

padding-right : 0px;

}

#leftside a {

color: #F9C063;

}

#leftside a:hover {

color: #1E8FFF;

} 

#rightside {  /* zone boites de droite */

background: #000000;

margin : 0px;

padding-left : 0px;

} 

#rightside a {

color: #F9C063;

}

#rightside a:hover {

color: #1E8FFF;

}

#endbox { /* optionnal area between main page and bottom */

margin-right: 12px;

margin-left: 12px;

padding : 4px;

color: #C0C0C0;

text-align : center;

width: 720px;

} 

#endbox a {

color: #CBD3D6;

}

#foot { 

font : 0.8em arial, helvetica, sans-serif;

text-align : center;

color : #C0C0C0;

background : #000000;

} 

/*******************************************

 * Mise en page des blocks dans le header */

div.logo { /*block logo*/

background-color : transparent;

padding : 0px;

text-align : left;

} 

div.banner { /*block banniere*/

background-repeat : no-repeat;

padding : 13px;

text-align : right;

}

/*************************

 * block boite citation */ 

div.quote {

text-align:center;

white-space:nowrap;

width:100%;

}

div.quote span.cita {

background: url(onglet.png);

border:0pt none;

color:#C0C0C0;

font-family:Arial,Helvetica,sans-serif;

font-size:11px;

font-style:normal;

margin-top:0pt;

padding:0pt;

text-align:center;

width:80%;

}

div.quote span.author {

font-style:normal;

}

/***********************************

 * block box Header Menu sections */

div.menuIcons { /* block menu */

margin: 4px;

float: right;

color: #F9C063;

width: 740px;

}

div.menuIcons ul { /*block liste du menu*/

margin : 0;

padding : 0px;

list-style : none; width : 740px;

}

div.menuIcons ul li { /*toutes les sections*/

float : left;

margin: 2px;

text-align : center;

}

div.menuIcons ul li span {/*toutes les sections*/ 

padding-top: 1px;

display : block;

padding-right: 8px;

border-right: 0px outset #000000;

padding-left: 8px;

white-space : nowrap;

color : #f9C063;

}

div.menuIcons ul li.menu_flags { /*section drapeau*/

float : left;

margin-right : 2px;

text-align : center;

margin-top : 0px;

}

div.menuIcons ul li.menu_flags img { /*separation drapeau*/ 

margin : 2px;

}

div.menuIcons ul li.menu_admin { /* section admin */

float:right;

padding-right:0px;

}

div.menuIcons ul li a span { /* lien menu horizontal */

font: 12px Arial, Helvetica, sans-serif;

color: #F9C063;

text-decoration: none;

cursor: pointer;

} 

div.tblbox ul li a span, td.tblbox ul li a span { /* lien latéral repos */

  color: #F9C063;

  background: inherit;

  text-decoration: none;

  font: bold 12px Arial, Helvetica, sans-serif;

  font-variant: small-caps;

}

div.menuIcons ul li a span.current { /* lien actif */

color:#FFFFFF;

border: 0px inset #D7CE93;

text-decoration: none;

}

div.tblbox ul li a span.current, td.tblbox ul li a span.current { /* lien latéral actif */

color:#FFFFFF;

background: inherit;

border: 0px outset #D7CE93;

padding : 1px;

}

div.menuIcons ul li a:hover span { /* lien survolé horizontal*/

color: #1E8FFF;

border: 0px inset #F58309;

}

div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien latéral survolé*/

color: #1E8FFF;

width: 50px;

background-color: inherit; position: relative; top: 0px; left: 1px;

}

/******************************************

 * Mise en page des blocks dans le corps */

 /* boites latérales */

.titrebox { /*Titre*/

padding-top: 8px;

padding-bottom: 2px;

margin-top: 8px;

padding-left: 4px;

white-space : nowrap;

font : bold 14px arial, helvetica, sans-serif;

font-variant: small-caps;

color :#F58309;

background: url(laterale.png);

text-align : left;

} 

.tblbox { /*corps*/

font : 12px arial, helvetica, sans-serif;

background: transparent;

padding : 4px;

margin-bottom : 8px;

text-align : left;

} 

/*boites centrales*/

.titre { 

border : 0 solid #fff;

white-space : nowrap;

font : bold 15px arial, helvetica, sans-serif;

font-variant: small-caps;

color : #F9C063;

padding-top: 8px;

padding-left: 8px;

margin-top: 2px;

background: transparent;

text-align : left;

height: 28px;

} 

.tbl { /*corps*/

border : 0px solid #FFB689;

font : 12px arial, helvetica, sans-serif;

color : #FFFFFF;

background-color : transparent;

padding : 4px;

margin-bottom : 8px;

text-align : left;

} 

div ul, ol { /*listes*/

padding : 8px 0 8px 8px;

margin-left : 16px;

} 

div li { 

padding : 0;

margin-left : 12px;

} 

/************************************

 * block box lateral Menu Sections */

ul.boxmenu { /* block liste */

 list-style: none;

 margin: 2px;

 padding: 4PX;

 color: inherit;

}

ul.boxmenu li { /* items liste */

 margin :6px 20px;

 text-align: left;

 color: inherit;

}

ul.boxmenu li img { /* icons */

 vertical-align: middle;

 margin-right: 10x;

}

/**************************************************************************

 * block box lateral Article (menu list, menu dynamic 1, menu dynamic 2) */ 

.rubr { 

padding : 4px 2px;

margin : 1px;

font : 11px Arial, Helvetica, sans-serif;

color : #FFFFFF;

background-color : inherit;

text-align : left;

} 

p.rubr { /*categorie des artcles*/

padding : 1px 4px;

margin : 1px;

font : bold 11px Arial, Helvetica, sans-serif;

color : #FFFFFF;

background-color : inherit;

text-align : left;

} 

.item { 

padding : 2px 0;

margin : 0;

font : 11px Arial, Helvetica, sans-serif;

color : #FFFFFF;

background-color : inherit;

text-align : left;

list-style : none;

} 

ul.item { 

margin : 0 0 0 4px;

padding : 0 0 0 5px;

} 

ul.item li.item { /*titre des articles*/

padding : 1px 0 1px 10px;

font : 11px Arial, Helvetica, sans-serif;

color : #FFFFFF;

background-color : inherit;

text-align : left;

list-style : none;

} 

.curr_item { 

padding : 2px 0;

background-color : #EDF0FA;

font : 11px Arial, Helvetica, sans-serif;

color : #FFFFFF;

text-align : left;

list-style : none;

}

ul.item li.curr_item { 

background-color : inherit;

padding : 2px 0 2px 10px;

font : 11px Arial, Helvetica, sans-serif;

color : #FFFFFF;

text-align : left;

list-style : none;

}



/*************************************

 * block box central forum - tables */

.forum {

padding : 5px 5px;

font : bold 12px Arial, Helvetica, sans-serif;

color : #FFFFFF;

background-color : #808080;

border : 0px solid #707380;

text-align : left;

}

.forum2 { 

padding : 5px 5px;

font : 12px Arial, Helvetica, sans-serif;

color : #ffffff;

background: url(laterale.png);

border : 0px inset #C00000;

text-align : left;

} 

tr.forum2 { 

padding : 5px 5px;

font : bold 12px Arial, Helvetica, sans-serif;

color : #FFFFFF;

background-color : #C00000;

border : 1px solid #202020;

text-align : left;

} 

.quest { 

padding : 5px 5px 5px 5px;

font : 12px Arial, Helvetica, sans-serif;

color : #FFFFFF;

background-color : #000000;

border : 0px solid #707380;

text-align : left;

} 

.rep { 

padding : 10px 5px 5px 5px;

font : 12px Arial, Helvetica, sans-serif;

color : #C0C0C0;

background-color : #000000;

border : 0px solid #707380;

text-align : left;

} 

.bord { 

border : 0px solid #707380;

padding : 1px;

} 

.bord2 { 

border : 0 double #707380;

} 

/*************

* Calendrier*/

.cal { 

border-collapse : separate;

border : 0px solid #000000;

border-spacing : 0px;

background-color : #000000;

color : inherit;

} 

.cal a {

color: #F58309;

}

.cal a:hover {

color: #00C000;

}

tr.cal { 

font : 11px Arial, Helvetica, sans-serif;

color : #F9C063;

background-color : #000000;

text-align : center;

} 

td.cals { /* lettres semaine */

font : 11px Arial, Helvetica, sans-serif;

color : #000000;

background-color :#F58309;

width : 14%;

text-align : center;

} 

td.cal0 {/* cases videsl*/

font : 11px Arial, Helvetica, sans-serif;

color : #F9C063;

background-color: #000000;

width : 14%;

text-align : center;

} 

td.cal1 {/* tous les jours */

font : 11px Arial, Helvetica, sans-serif;

color : #F9C063;

background-color : #000000;

width : 14%;

text-align : center;

} 

td.cal2 {  /* aujourdhui*/

font : bold 11px Arial, Helvetica, sans-serif;

color : #1E8FFF;

background-color : #000000;

width : 14%;

text-align : center;

} 

td.cal3 {  /* mois, dimanche et special */

font : 11px Arial, Helvetica, sans-serif;

color : #F9C063;

background-color : #000000;

width : 14%;

text-align : center;

} 

td.cal4 { /* aujourdhui, si dimanche ou special */

font : 11px Arial, Helvetica, sans-serif;

color : #1E8FFF;

background-color : #000000;

width : 14%;

text-decoration : none;

text-align : center;

} 

td.calevt { /* evenement */

font : bold 11px Arial, Helvetica, sans-serif;

color : #F9C063;

background-color : #000000;

text-decoration : none;

border: 1px outset #F9C063;

text-align : center;

width : 14%;

} 

/************************

 * Formulaires (Forms) */

form { /*formulaire*/

margin : 3px 0;

} 

fieldset { /*encadrement des champs*/

border : 1px solid #FFFFFF;

margin : 8px;

} 

legend { /*legende des encadrements*/

font : 12px Arial, Helvetica, sans-serif;

color : #FFFFFF;

background-color : inherit;

} 

input.bouton, button {/*bouton*/ 

cursor : pointer;

margin : 2px 0;

color : #c0c0c0;

border : 1px outset #000000;

background-color : #000000;

height: 18px;

padding-bottom: 2px;

font : 11px arial, helvetica, sans-serif;

} 

input.texte { /*champ texte*/

margin : 2px 0;

background-color : #FFFFFF;

font : 11px arial, helvetica, sans-serif;

color : #000000;

} 

select { /*champ select*/

color : #000000;

background-color : #FFFFFF;

font : 11px Arial, Helvetica, sans-serif;

border : 1px inset #404040;

margin : 4px 0;

} 

textarea { 

color : #000000;

background-color : #FFFFFF;

border : 1px solid #C0C0C0;

overflow : auto;

margin : 4px 0;

} 

/**********************

 * Editeur FckEditor */

.Code { 

border : 1px solid #FFFFFF;

padding-right : 5px;

padding-left : 5px;

color : #000000;

font : 11px Arial, Helvetica, sans-serif, Monospace;

background-color : #FFFFFF;

} 

div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt { 

color : inherit;

background-color : #C0C0C0;

} 

/*******************************************

 * Mise en page des blocks dans le footer */

#foot span.copyright { 

font : 1em Arial, Helvetica, sans-serif;

color : #FDFDCA;

background-color : inherit;

} 

foot a {

color : #FFFFFF

}

/********************

 * Divers, inclassables */

.htable { 

margin-bottom : 8px;

} 

.htable1 { 

margin-bottom : 8px;

} 

.htable2 { 

padding : 0 2px;

} 

.titrebox2 { 

font : bold 11px Arial, Helvetica, sans-serif;

color : #FFFFFF;

background-color : inherit;

text-align : center;

} 

.box { 

font : 11px Arial, Helvetica, sans-serif;

color : #FFFFFF;

margin: 0 4px 0 4px;

padding : 0 5px 0 5px;

background-color : inherit;

} 

p.box { 

margin : 0 1px 0 2px;

font : 11px Arial, Helvetica, sans-serif;

color : #FFFFFF;

background-color : inherit;

} 

a.box { 

color : #FFFFFF;

background : inherit;

text-decoration : none;

font : 11px Arial, Helvetica, sans-serif;

} 

a.box2 { 

color : #FFFFFF;

background-color : inherit;

text-decoration : none;

font : 11px Arial, Helvetica, sans-serif;

} 

a:hover.box { 

color : #330066;

text-decoration : none;

font : 11px Arial, Helvetica, sans-serif;

background-color : inherit;

position : relative;

top : 1px;

left : 1px;

} 

/*******************

 * pop comment RSS */

.pop { 

z-index : 30;

width : 380px;

text-align : left;

} 

.pop a { 

display : block;

} 

.pop span { 

z-index : 30;

display : none;

} 

.pop a:hover span { 

display : block;

width : 280px;

position : absolute;

top : 2em;

left : 2em;

color : #FFFFFF;

background-color : #CBD3D6;

font : normal 12px Arial, Helvetica, sans-serif;

border : 1px solid #707380;

padding : 4px;

} 

.top { 

font : 0.8em Arial, Helvetica, sans-serif;

color : #CBD3D6;

background-color : inherit;

text-align : center;

} 

.timer { 

font : italic 1em Arial, Helvetica, sans-serif;

color : #CBD3D6;

background-color : inherit;

text-align : center;

padding : 8px;

} 

.clsCursor { 

cursor : pointer;

} 

.notice { 

color : red;

background-color : #ff9;

padding : 2px;



}