/* CSS file for ETOILEB 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") Estelle Bessiere - http://www.etoileb.com - 2008 */ 
body { /* corps du document */ font: 12px verdana, helvetica, sans-serif; color: 
#3d5b2d; border:0px #879d7a solid; background: url(img/bg4.png) fixed repeat; 
margin: 10px; } a { /* lien */ color: #463224; background-color: transparent; 
text-decoration: none; } a:hover { /* lien survolé */ font-weight: bold; color: 
#800000; background-color: transparent; position: relative; top: 1px; left: 1px; 
text-decoration: none; } p { /* paragraphe */ margin: 4px 0; } hr { /* ligne horizontale 
*/ border-style : none none solid; border-color : #3d5b2d; height: 0; border-width: 
0px 0px 1px; width: 98%; } ul, ol { /* listes */ font: 12px verdana, helvetica, 
sans-serif; color: #3d5b2d; 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: 0px solid #cdd5cb; } /****************************************** 
* Mise en page des blocs div principaux */ div#page { /* mask border for IE */ 
border: none; background-color: transparent; width : 95%; align : center; padding-top: 
5px; margin-top: 10px; } #screen_choice { margin: 0; padding: 0; } div#screen_choice 
{ position: absolute; top: 2px; right: 8px; } #page { /* all the page */ color:#3d5b2d; 
background: url() repeat-x transparent; align : center; padding-top: 10px; margin 
: 10px 10px 10px 10px; } #headTop { /* header top and middle (logo-banner + citation) 
*/ color:inherit; background: url() repeat-x transparent; border-right: 0px groove 
#7AF; border-left: 0px solid #cdd5cb; height: 280px; margin: 0 10px; padding: 
0; } #headBottom { /* header bottom (logo-menu) */ color:inherit; background-color: 
#transparent; border-right: 0px groove #7AF; border-left: 0px solid #cdd5cb; border-bottom: 
0px groove #cdd5cb; margin: 10 10px; padding: 10 10px; } #mainContent { /* main 
page */ margin: 0 4px; padding: 0; } #leftside { /* leftboxes area */ margin: 
0; padding-right: 4px; } #rightside { /* right boxes area */ margin: 0; padding-left: 
4px; } #endbox { /* optionnal area between main page and bottom */ text-align: 
left; margin: 0; padding: 4px; } #foot { /* footer Copyright */ font-family: 0.8em 
verdana, helvetica, sans-serif; color: inherit; background-color: transparent; 
text-align: center; margin: 10px; } /******************************************* 
* Mise en page des blocs dans le header */ div.logo { /* block logo */ text-align: 
center; padding: 0 30px; } div.banner { /* bloc bannière */ background-repeat: 
no-repeat; text-align: center; padding: 30px 70px 20px; } /************************* 
* bloc boîte citation */ div.quote { /* bloc citation */ white-space: nowrap; 
text-align: center; padding: 0 4px; } div.quote span.cita { /* texte */ font: 
11px verdana, helvetica, sans-serif; font-style: normal; color: #3d5b2d; background-color: 
transparent; text-align: center; border: 0; margin: 0; padding: 0 8px; } div.quote 
span.author { /* auteur */ font-style: normal; } /*********************************** 
* block box Header Menu sections */ div.menuIcons { /* block menu */ padding:2px 
0px; } 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; 
block-height:25px; 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: #3d5b2d; background-image: url(img/menu2.png); 
text-decoration: none; font: bold 11px verdana, Helvetica, sans-serif; position 
: relative; padding : 3px 3px 3px 3px; margin-top : 10px; margin-right : 2px; 
margin-left : 2px; border-left : 1px solid #3d5b2d; border-top : 1px solid #3d5b2d; 
border-right : 1px solid #3d5b2d; border-bottom : 0px solid #3d5b2d; } div.menuIcons 
ul li a span.current { /* lien actif */ color:#3d5b2d; background-image: url(img/menu2.png); 
text-decoration: none; position : relative; padding : 3px 3px 3px 3px; margin-top 
: 10px; margin-right : 2px; margin-left : 2px; border-right : 1px solid #BE7E32; 
border-bottom : 0px solid #BE7E32; border-left : 1px solid #BE7E32; border-top 
: 1px solid #BE7E32; } div.menuIcons ul li a:hover span { /* lien survolé*/ color: 
#ccd8c8; text-decoration: none; background : url(img/menu3.png); position : relative; 
padding : 3px 3px 3px 3px; margin-top : 10px; margin-right : 2px; margin-left 
: 2px; border-left : 1px solid #800000; border-top : 1px solid #800000; border-right 
: 1px solid #800000; border-bottom : 0px solid #800000; } div.tblbox ul li a span, 
td.tblbox ul li a span { /* lien latéral */ color: #463224; background-color: 
transparent; text-decoration: none; font: bold 11px verdana, Helvetica, sans-serif; 
} div.tblbox ul li a span.current, td.tblbox ul li a span.current { /* lien latéral 
actif */ color:#800000; background-color: transparent; text-decoration: none; 
} div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien latéral 
survolé*/ color: #800000; text-decoration: none; background-color: transparent; 
position: relative; top: 1px; left: 1px; } /****************************************** 
* Mise en page des blocs dans le corps */ /* block lateral boxes */ .titrebox 
{ /* Titre */ font: bold 12px verdana, helvetica, sans-serif; color: #ccd8c8; 
background: transparent url() repeat-x; white-space: nowrap; text-align: center; 
line-height: 35px; height: 35px; width: 180px; padding: 0; } .tblbox { /* Corps 
*/ color: #3d5b2d; background-color: transparent; border-right: 0px solid #cdd5cb; 
border-bottom: 0px solid #F58309; border-left: 0px solid #cdd5cb; text-align: 
left; margin-bottom: 2px; padding: 4px; } .tblboxover { /* Corps survolé */ color: 
#3d5b2d; background-color: transparent; border: 0px solid #cdd5cb; text-align: 
left; margin-bottom: 2px; padding: 4px; } .titre { /* block central boxes */ font: 
bold 16px verdana, helvetica, sans-serif; color: #3d5b2d; background: transparent 
url(img/titre.png) repeat-x; border-left: 1px solid #3d5b2d; border-top: 1px solid 
#3d5b2d; border-right: 1px solid #3d5b2d; white-space: nowrap; text-align: left; 
line-height: 30px; height: 30px; padding: 0 5px 0 5px; } .tbl { font: 12px verdana, 
helvetica, sans-serif; color: #3d5b2d; background-color: #ccd8c8; border-right: 
1px solid #3d5b2d; border-bottom: 1px solid #3d5b2d; border-left: 1px solid #3d5b2d; 
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-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: #463224; background-color: transparent; 
padding: 4px 2px; margin: 1px; font: bold 11px verdana, Helvetica, sans-serif; 
text-align:left; } .item { padding: 2px 0px; margin: 0px; color: #3d5b2d; background-color: 
transparent; font: 10px verdana, Helvetica, sans-serif; text-align:left; list-style: 
none; } ul.item { margin:0; padding:0; } ul.item li.item { /* titres des articles 
*/ background-color: transparent; padding: 2px 0px 2px 10px; font: 10px verdana, 
Helvetica, sans-serif; color: #3d5b2d; text-align:left; list-style: none; } .curr_item 
{ padding: 2px 0px; background-color: transparent; font: 11px verdana, Helvetica, 
sans-serif; color: #3d5b2d; text-align:left; list-style: none; } ul.item li.curr_item 
{ /* titre article est affiché */ background-color: transparent; padding: 2px 
0px 2px 10px; font: 10px verdana, Helvetica, sans-serif; color: #800000; text-align:left; 
list-style: none; } /************************************* * block box central 
forum - tables */ .forum { font: bold 12px verdana, helvetica, sans-serif; color: 
#3d5b2d; background : url(img/bg4.png); text-align: center; padding: 5px 5px; 
} .forum2, tr.forum2 { font: bold 12px verdana, helvetica, sans-serif; color: 
#3d5b2d; background : url(img/bg4.png); text-align: left; padding: 5px 5px; } 
.quest { font: 12px verdana, helvetica, sans-serif; color: #3d5b2d; background-color: 
#EFCD8B; text-align: left; padding: 5px; } .rep { font: 12px verdana, helvetica, 
sans-serif; color: #3d5b2d; background-color: #bdccb8; 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: 0px; color:inherit; background 
: url(img/bg4.png); } tr.cal { /* calendar nav bar */ font: 12px verdana, Helvetica, 
sans-serif; color: #3d5b2d; background : url(img/bg4.png); text-align: center; 
} td.cals { /* week */ font: 11px verdana, Helvetica, sans-serif; color: #3d5b2d; 
background : url(bg4.png); width: 14%; text-align: center; } td.cal0 { /* empty 
cell*/ font: 11px verdana, Helvetica, sans-serif; color: #3d5b2d; background : 
url(img/bg4.png); width: 14%; text-align: center; } td.cal1 { /* days */ font: 
12px verdana, Helvetica, sans-serif; color: #3d5b2d; background : url(bg4.png); 
width: 14%; text-align: center; } td.cal2 { /* today */ font: 12px verdana, Helvetica, 
sans-serif; color: #463224; background : url(bg4.png); width: 14%; text-align: 
center; } td.cal3 { /* sunday or special */ font: 12px verdana, Helvetica, sans-serif; 
color: #3d5b2d; background : url(img/bg4.png); width: 14%; text-align: center; 
} td.cal4 { /* today is sunday or special */ font: 12px verdana, Helvetica, sans-serif; 
color: #3d5b2d; background : url(bg4.png); width: 14%; text-align: center; } td.calevt 
{ /* planner event */ font: bold 12px verdana, Helvetica, sans-serif; color: #463224; 
background : url(img/menu2.png); text-decoration: none; text-align: center; width: 
14%; } /************************ * Formulaires (Forms) */ form { /* formulaire 
*/ margin: 3px 0; } fieldset { /* Encadrement des champs */ border: 1px solid 
#3d5b2d; margin: 8px; } legend { /* légende des encadrements */ font: bold 12px 
verdana, helvetica, sans-serif; color: #3d5b2d; background-color: transparent; 
} input.bouton, button { /* bouton */ font: 10px "trebuchet ms", helvetica, sans-serif; 
color: #3d5b2d; background : url(img/menu2.png); border: 0px inset #EAE4E4; cursor: 
pointer; margin: 4px 0; } input.texte { /* champ texte */ font: 11px "trebuchet 
ms", helvetica, sans-serif; color: #3d5b2d; background-color: #ccd8c8; border: 
1px inset #3d5b2d; margin: 4px 0; } select { /* champ select */ font: 11px "trebuchet 
ms", helvetica, sans-serif; color: #3d5b2d; background-color: #ccd8c8; border: 
1px solid #3d5b2d; margin: 4px 0; } textarea { /* champ textarea */ color: #3d5b2d; 
background-color: #ccd8c8; border: 1px solid #3d5b2d; overflow: auto; margin: 
4px 0; } /********************** * Editeur FckEditor */ .Code { font: 11px verdana, 
helvetica, sans-serif , monospace; color: #3d5b2d; background-color: #ccd8c8; 
border: 1px solid #3d5b2d; padding-right: 5px; padding-left: 5px; } /********************** 
* Editeur pgeditor */ div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt { color: 
inherit; background-color: #ccd8c8; } /******************************************* 
* Mise en page des blocs dans le footer */ #foot span.copyright { /* Copyright 
*/ font: 0.8em verdana, helvetica, sans-serif; color: inherit; background-color: 
inherit; } /************************ * Divers */ .box { font: 11px verdana, helvetica, 
sans-serif; color: #3d5b2d; background-color: inherit; } p.box { font: 11px verdana, 
helvetica, sans-serif; color: #3d5b2d; background-color: inherit; margin: 0; } 
a.box { font: 11px verdana, helvetica, sans-serif; color: #463224; background-color: 
inherit; text-decoration: none; } a.box:hover { font: bold 11px verdana, helvetica, 
sans-serif; color: #800000; background-color: inherit; 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 verdana, helvetica, sans-serif; font-weight: normal; color: #3d5b2d; 
background-color: #ccd8c8; border: 1px solid #3d5b2d; display: block; width: 280px; 
position: absolute; top: -2em; left: 2em; padding: 4px; } .top { font: 0.8em verdana, 
helvetica, sans-serif; color: inherit; background-color: inherit; text-align: 
center; } .timer { font: italic 0.8em verdana, helvetica, sans-serif; color: inherit; 
background-color: inherit; text-align: center; padding: 10px; } .clsCursor { cursor: 
pointer; } .notice { color: #3d5b2d; background-color: #ccd8c8; padding: 2px; 
}