/* CSS file for index_1 Skin - 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 : v1.0 (01 May 2007) : Initial release 
(by deherve "GuppY Design") */ body { /* corps du document */ font: 12px arial, 
helvetica, sans-serif; color: #000; background-color: #416093; margin: 0; } a 
{ /* lien */ color: #526EB0; background-color:transparent; text-decoration: none; 
} a:hover { /* lien survolé */ font-weight: bold; color: #88C81A; background-color: 
transparent; position: relative; text-decoration: none; } p { /* paragraphe */ 
margin: 4px 0; } hr { /* ligne horizontale */ border-style : none none solid; 
border-color : #77A6CE; border-width : 0 0 1px; height : 1px; width : 98%; } ul, 
ol { /* listes */ font: 12px arial, helvetica, sans-serif; color: #000; background-color:inherit; 
margin: 0; padding: 0; } 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; } .bordure { border: 1px solid #AEDAFC; 
} /****************************************** * Mise en page des blocs div principaux 
*/ div#page { /* mask border for IE */ border: none; padding-top: 5px; } #screen_choice 
{ margin: 0; padding: 0; } div#screen_choice { position: absolute; top: 8px; left: 
20px; } #page { /* all the page */ color:inherit; background-color: #e8e8e8; padding-top: 
0; } #headTop { /* header top and middle (logo-banner + citation) */ color:inherit; 
background: url(img/headtop.jpg) no-repeat left 0 #c7d69a; border-right: 1px solid 
#939393; border-top: 1px solid #939393; border-left: 1px solid #939393; height: 
208px; margin: 5px 10px 0 9px; padding: 0; } #headBottom { /* header bottom (logo-menu) 
*/ height:35px; left:0; margin:0 7px; padding:0; position:absolute; top:14px; 
width:99%; } #mainContent { /* main page */ margin: 0 4px; padding: 0; background-color: 
#E6E8E8; color: inherit; } #leftside { /* leftboxes area */ margin: 0; padding: 
4px; background-color: #FFF; color: inherit; border: 1px solid #336699; } #rightside 
{ /* right boxes area */ margin: 0; padding: 4px; background-color: #FFF; color: 
inherit; border: 1px solid #336699; } #endbox { /* optionnal area between main 
page and bottom */ text-align: left; margin: 0; padding: 4px; background: #e9e9e9 
url(img/menu_bas.png) repeat-x; color: inherit; height: 35px; } #foot { /* footer 
Copyright */ font-family: arial, helvetica, sans-serif; color: #FFFFFF; background: 
url(img/foot.png) repeat-x center bottom #e9e9e9; text-align: center; margin: 
10px; padding-bottom: 10px; } /******************************************* * Mise 
en page des blocs dans le header */ div.logo { /* block logo */ text-align: center; 
padding: 40px 30px 25px 30px; } div.banner { /* bloc bannière */ background-repeat: 
no-repeat; text-align: center; padding: 75px 20px 0px; } /************************* 
* bloc boîte citation */ div.quote { /* bloc citation */ white-space: nowrap; 
text-align: center; padding: 0px 4px; margin-top: 1px; } div.quote span.cita { 
/* texte */ font: 12px arial, helvetica, sans-serif; font-style: normal; color: 
#000000; background-color: inherit; text-align: center; border: 0; margin: 0; 
padding: 10px 8px; } div.quote span.author { /* auteur */ font-style: normal; 
} /*********************************** * block box Header Menu sections */ div.menuIcons 
{ /* block menu */ margin: 0; } 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; } 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; padding-top: 
2px; 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 { /* lien */ color: #2E460F; background-color: 
inherit; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; 
border: 0px solid #E3E3E3; padding: 4px 7px 5px; } div.tblbox ul li a span, td.tblbox 
ul li a span { /* lien latéral */ color: #4A6899; background-color: inherit; text-decoration: 
none; font: bold 12px Arial, Helvetica, sans-serif; } div.menuIcons ul li a span.current 
{ /* lien actif */ color:#000000; background: url(img/onglet3.png) repeat-x #0000A4; 
padding: 4px 7px 5px; border: 0px solid #E3E3E3; text-decoration: none; } div.tblbox 
ul li a span.current, td.tblbox ul li a span.current { /* lien latéral actif */ 
color:#ff0000; background-color: inherit; text-decoration: underline; } div.menuIcons 
ul li a:hover span { /* lien survolé*/ color: #000000; background: url(img/onglet2.png) 
repeat-x #0000A4; border: 0px solid #E3E3E3; padding: 4px 7px 5px; text-decoration: 
none; } div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien 
latéral survolé*/ color: #FF8000; text-decoration: none; background-color: inherit; 
position: relative; top: 1px; left: 1px; } /****************************************** 
* Mise en page des blocs dans le corps */ /* block lateral boxes */ .titrebox 
{ /* Titre */ font: bold 12px georgia, helvetica, sans-serif; color: #FFFFFF; 
background: #416093 url(img/titrebox.png) no-repeat center 0%; white-space: nowrap; 
text-align: center; line-height: 30px; height: 30px; width: 180px; border: 1px 
solid #7BA6CE; padding: 0; } .tblbox { /* Corps */ color: inherit; background-color: 
#E6E8E8; border: 0px solid #7BA6CE; text-align: left; margin-bottom: 0px; padding: 
4px; } .tblboxover { /* Corps survolé */ color: inherit; background-color: #E6E8E8; 
border: 0px solid #AEDAFC; text-align: left; margin-bottom: 0px; padding: 4px; 
} .titre { /* block central boxes */ font: bold 17px georgia, helvetica, sans-serif; 
color: #416093; background: url(img/titre.png) repeat-x; background-color: inherit; 
border: 0px solid #336699; white-space: nowrap; text-align: left; line-height: 
43px; height: 43px; padding: 0 5px 0 15px; } .tbl { font: 12px arial, helvetica, 
sans-serif; color: #000; background-color: #E6E8E8; border: 0px solid #7BA6CE; 
text-align: left; margin-bottom: 8px; padding: 4px; } .tblover { font: 12px arial, 
helvetica, sans-serif; color: #000; background-color: #E6E8E8; border: 0px solid 
#AEDAFC; text-align: left; margin-bottom: 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 :5px 20px; text-align: center; background: 
url(img/bouton.png) repeat-x center 0; background-color: transparent; color: #000000; 
border: 1px inset #FFFFFF; padding: 4px 0 0 0; height: 20px; } 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: #000; background-color: inherit; padding: 
4px 2px; margin: 1px; font: bold 12px Arial, Helvetica, sans-serif; text-align:left; 
} .item { padding: 2px 0px; margin: 0px; color: #000; background-color: inherit; 
font: 12px Arial, Helvetica, sans-serif; text-align:left; list-style: none; } 
ul.item { margin:0; padding:0; } ul.item li.item { /* titres des articles */ background-color: 
inherit; padding: 2px 0px 2px 10px; font: 12px Arial, Helvetica, sans-serif; color: 
#000000; text-align:left; list-style: none; } .curr_item { padding: 2px 0px; background-color: 
#FFFFFF; font: 12px Arial, Helvetica, sans-serif; color: #000000; text-align:left; 
list-style: none; } ul.item li.curr_item { /* titre article est affiché */ background-color: 
#FFFFFF; padding: 2px 0px 2px 10px; font: 12px Arial, Helvetica, sans-serif; color: 
#000000; text-align:left; list-style: none; } /************************************* 
* block box central forum - tables */ .forum { font: bold 12px arial, helvetica, 
sans-serif; color: #000; background-color: #ACBEDB; text-align: center; padding: 
5px 5px; } .forum2 { font: bold 12px arial, helvetica, sans-serif; color: #000; 
background-color: #ACBEDB; text-align: left; padding: 5px 5px; } tr.forum2 { font: 
bold 12px arial, helvetica, sans-serif; color: #000; background-color: #ACBEDB; 
text-align: left; padding: 5px 5px; } .quest { font: 12px arial, helvetica, sans-serif; 
color: #000; background-color: #FFFFFF; text-align: left; padding: 5px; } .rep 
{ font: 12px arial, helvetica, sans-serif; color: #000; background-color: #F7F7F7; 
text-align: left; padding: 10px 5px 5px 5px; } .bord { border: 1px solid #336699; 
padding: 1px; } .bord2 { border: 2px double #435F8B; } /************* * Calendar 
*/ .cal { border-collapse: separate; border: 1px solid #77A6CE; border-spacing: 
1px; color:inherit; background-color: #FFFFFF; } tr.cal { /* calendar nav bar 
*/ font: 12px Arial, Helvetica, sans-serif; color: #000; background-color: #87B1D3; 
text-align: center; } td.cals { /* week */ font: 12px Arial, Helvetica, sans-serif; 
color: #000; background: #e8e8e8 url(img/bouton.png) repeat-x; width: 14%; text-align: 
center; } td.cal0 { /* empty cell*/ font: 12px Arial, Helvetica, sans-serif; color: 
#000; background: #e8e8e8 url(img/bouton.png) repeat-x; width: 14%; text-align: 
center; } td.cal1 { /* days */ font: 12px Arial, Helvetica, sans-serif; color: 
#000; background-color: #FFF; width: 14%; text-align: center; } td.cal2 { /* today 
*/ font: 12px Arial, Helvetica, sans-serif; color: #000; background-color: #A1C4E2; 
width: 14%; text-align: center; } td.cal3 { /* sunday or special */ font: 12px 
Arial, Helvetica, sans-serif; color: #000; background: #e8e8e8 url(img/bouton.png) 
repeat-x; width: 14%; text-align: center; } td.cal4 { /* today is sunday or special 
*/ font: 12px Arial, Helvetica, sans-serif; color: #000; background-color: #E5E5E5; 
width: 14%; text-align: center; } td.calevt { /* planner event */ font: bold 12px 
Arial, Helvetica, sans-serif; color: #000; background-color: #C3D394; text-decoration: 
underline; text-align: center; width: 14%; } /************************ * Formulaires 
(Forms) */ form { /* formulaire */ margin: 3px 0; } fieldset { /* Encadrement 
des champs */ border: 1px solid #78A7CD; margin: 8px; } legend { /* légende des 
encadrements */ font: bold 12px arial, helvetica, sans-serif; color: #000; background-color:inherit; 
} input.bouton, button { /* bouton */ font: 11px "trebuchet ms", helvetica, sans-serif; 
color: #000; background: #dfebba url(img/bouton.png) repeat-x center 0; border: 
1px inset #FFFFFF; cursor: pointer; margin: 4px 0; } input.texte { /* champ texte 
*/ font: 11px "trebuchet ms", helvetica, sans-serif; color: #000; background-color: 
#FFF; border: 1px inset #78A7CD; margin: 4px 0; } select { /* champ select */ 
font: 11px "trebuchet ms", helvetica, sans-serif; color: #000; background-color: 
#FFF; border: 1px solid #78A7CD; margin: 4px 0; } textarea { /* champ textarea 
*/ color: #000; background-color: #FFF; border: 1px solid #78A7CD; overflow: auto; 
margin: 4px 0; } /********************** * Editeur FckEditor */ .Code { font: 
11px arial, helvetica, sans-serif , monospace; color: #000; background-color: 
#C1CEE3; border: 1px solid #77A6CE; padding-right: 5px; padding-left: 5px; } /********************** 
* Editeur pgeditor */ div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt { color: 
inherit; background-color: #FFC800; } /******************************************* 
* Mise en page des blocs dans le footer */ #foot span.copyright { /* Copyright 
*/ font: 1em arial, helvetica, sans-serif; color: inherit; background-color: inherit; 
} /************************ * Divers */ .box { font: 11px arial, helvetica, sans-serif; 
color: #000; background-color: inherit; } p.box { font: 11px arial, helvetica, 
sans-serif; color: #000; background-color: inherit; margin: 0; } a.box { font: 
11px arial, helvetica, sans-serif; color: #526EB0; background-color: inherit; 
text-decoration: none; } a.box:hover { font: bold 11px arial, helvetica, sans-serif; 
color: #88C81A; background-color: inherit; text-decoration: none; position: relative; 
top: 1px; left: 1px; } /******************* * 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: #000; background-color: #EFF1F1; border: 1px solid 
#77A6CE; display: block; width: 280px; position: absolute; top: -2em; left: 2em; 
padding: 4px; } .top { font: 0.8em arial, helvetica, sans-serif; color: inherit; 
background-color: inherit; text-align: center; } .timer { font: italic 1em arial, 
helvetica, sans-serif; color: #FFFFFF; background-color: transparent; text-align: 
center; padding: 10px; } .clsCursor { cursor: pointer; } .notice { color: #FF0000; 
background-color: #FF9; padding: 2px; }