/*

    CSS file for mirror2008_01 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: url(img/fond.png) repeat-x #092E53;

 background-attachment: fixed;

 margin: 0;

}

a { /* lien */

 color: #0E13D3;

 background-color:inherit;

 text-decoration: none;

}

a:hover { /* lien survolé */

 font-weight: bold;

 color: #E8703C;

 background-color: inherit;

 position: relative;

 top: 0px;

 left: 0px;

 text-decoration: none;

}

#leftside a { /* lien */

 color:#092E53;

 font-weight: bold;

 background-color:inherit;

 text-decoration: none;

}

#leftside a:hover { /* lien survolé */

 font-weight: bold;

 color: #463F33;

 background-color: inherit;

 position: relative;

 top: 0px;

 left: 0px;

 text-decoration: none;

}

#rightside a { /* lien */

 color: #092E53;

 font-weight: bold;

 background-color:inherit;

 text-decoration: none;

}

#rightside a:hover { /* lien survolé */

 font-weight: bold;

 color: #463F33;

 background-color: inherit;

 position: relative;

 top: 0px;

 left: 0px;

 text-decoration: none;

}

p { /* paragraphe */

 margin: 4px 0;

}



hr { /* ligne horizontale */

 border-style : none none solid;

border-color : #092E53;

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: 2px solid #0A3A6A;

 padding-top: 0px;

}

#screen_choice {

 margin: 0;

 padding: 0;



}

div#screen_choice {

 position: absolute;

 top: 8px;

 right: 20px;

}

#page { /* all the page */

 color:inherit;

 background-color: #EEF6FD;

 padding-top: 0;

}

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

 color:inherit;

 background: url(img/header.png) no-repeat;

  height: 180px;

 margin: 0;

 padding: 0;

}

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

 color:inherit;

 background: url(img/onglet1.png) repeat-x;

 background-color: #35648A;

 height: 45px;

 border-bottom: 0px solid #EEF6FD;

  margin:0;

 padding:0;

 }

#mainContent { /* main page */

 margin: 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;

 color: inherit;

 background: url(img/onglet1.png) repeat-x #35648A;

 height: 45px;

 border-bottom:0px solid #EEF6FD;

 margin: 0;

 padding: 0px;

}

#foot { /* footer Copyright */

 font-family: arial, helvetica, sans-serif;

 color: #F8F8F8;

 background: url(img/header.png) repeat-x;

 text-align: center;

  margin: 0;

}



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

 * Mise en page des blocs dans le header */

div.logo { /* block logo */

 text-align: center;

 padding: 0px 10px 0px ;

}

div.banner { /* bloc bannière */

 background-repeat: no-repeat;

 text-align: right;

 padding: 70px 10px 0px;

}



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

 * bloc boîte citation */

div.quote { /* bloc citation */

 white-space: nowrap;

 text-align: center;

 padding: 0 4px;

}

div.quote span.cita { /* texte */

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

 font-style: normal;

 color: #FFFFFF;

 background-color: inherit;

 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 */

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

width: 100%; 

}

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

margin:0;

	padding:0;

	list-style:none;

	width:100%;

}

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

display: inline;

}

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

margin-top: 4px;

text-align:center;

}

div.menuIcons ul li.menu_flags img { /* séparation drapeau */

margin:3px 0px 3px 0px;

}

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

margin-right:0px;

float: right;

border-left: 1px solid #EEECE8;

}

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

padding: 8px 11px 7px;

text-decoration: none;

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

color: #ffffff;

background: url(img/onglet1.png) repeat-x #8C795E; 

border-right: 1px solid #EEECE8;

position: relative;

display: block;

float: left;

cursor: pointer;

}

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

color: #333333;

background-color: inherit;

text-decoration: none;

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

}

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

color: #FED2AB; 

background: #9F9FF0 url(img/onglet3.png) repeat-x;

text-decoration: none;

}

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

color:#5C503E;

text-decoration: underline; 

background-color: inherit;

}

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

color: #FFFFC6; 

text-decoration: none; 

background: #9F9FF0 url(img/onglet2.png) repeat-x;

}

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

color: #0E13D3;

text-decoration: none; 

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

}

div.menuIcons ul li a span:first-letter { 

font : bold 13px georgia, helvetica, sans-serif;

}



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

 * Mise en page des blocs dans le corps */

/* block lateral boxes */

.titrebox { /* Titre */

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

 color: #FFFFFF;

 background: url(img/laterale_haut.png) no-repeat #EEF6FD;

 line-height: 37px;

 height: 48px;

 border-bottom: 0px solid #004A6E;

 white-space: nowrap;

 text-align: center;

  width: 180px;

}

.tblbox { /* Corps */

 color: inherit;

background-color: inherit;

border: 0px solid #264864;

 text-align: left;

 margin-bottom: 8px;

 padding: 4px;

}

.tblboxover { /* Corps survolé */

 color: inherit;

 background-color: #FFF;

 border: 0px solid #264864;

 text-align: left;

 margin-bottom: 8px;

 padding: 4px;

}

.titre { /* block central boxes */

 font: bold 16px georgia, helvetica, sans-serif;

 color: #FFFFFF;

 background: url(img/titre.png) no-repeat;

 background-color: inherit;

 background-position: center center;

 border: 0px solid #264864;

 white-space: nowrap;

 text-align: center;

 line-height: 37px;

 height: 48px;

 padding: 0 5px 0 5px;

}

.titre a{

font: bold 16px georgia, helvetica, sans-serif;

 color: #FED2AB;

 background-color: inherit;

 }

 .titre a:hover{

 font: bold 16px georgia, helvetica, sans-serif;

 color: #CCFFFF;

  background-color: inherit;

 }



.tbl {

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

 color: #000000;

 background-color:#EEF6FD;

border: 0px solid #264864;

 text-align: left;

 margin-bottom: 8px;

 padding: 4px;

}

.tblover {

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

 color: #000000;

 background-color: #EEF6FD;

 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: square;

 margin: 0;

 padding: 4px 7px;

}

ul.boxmenu li { /* items liste */

 margin-bottom: 6px;

}

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: #000000;

 background-color: inherit;

 padding: 2px 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: 1px 0px 1px 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: #FFFFFF;

 background-color: #0E477E;

 border: 1px solid #D8D2C9;

 text-align: center;

 padding: 5px 5px;

}

.forum2{

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

 color: #FFFFFF;

 background-color: #0E477E;

 border: 1px solid #D8D2C9;

 text-align: left;

 padding: 5px 5px;

}

.forum2 a{

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

 color: #C2DBEF;

 background-color: #0E477E;

 border: 0px solid #D8D2C9;

 text-align: left;

 padding: 5px 5px;

}

.forum2 a:hover{

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

 color: #FFFF00;

 background-color: #0E477E;

 border: 0px solid #D8D2C9;

 text-align: left;

 padding: 5px 5px;

}

tr.forum2 {

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

 color: #FFFFFF;

 background-color: #0E477E;

 border: 1px solid #D8D2C9;

 text-align: left;

 padding: 5px 5px;

}

.quest {

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

 color: #000;

 background-color: #F7F7F7;

 text-align: left;

 padding: 5px;

}

.rep {

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

 color: #000;

 background-color: #FFFFFF;

 text-align: left;

 padding: 10px 5px 5px 5px;

}

.bord {

 border: 1px solid #0C4278;

 padding: 2px;

}

.bord2 {

 border: 1px solid #0C4278;

}



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

 * Calendar */

.cal {

  border-collapse: separate;

  border: 1px solid #0C4278;

  border-spacing: 1px;

  color:inherit;

  background-color: #FFFFFF;

}

tr.cal { /* calendar nav bar */

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

  color: #000;

  background-color: #9C8C74;

  text-align: center;

}

td.cals { /* week */

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

  color: #FFFFFF;

  background-color: #0D447A;

  width: 14%;

  text-align: center;

}

td.cal0 { /* empty cell*/

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

  color: #000;

  background: url(img/champ.png) repeat-x #E7E7FB;

  width: 14%;

  text-align: center;

}

td.cal1 { /* days */

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

  color: #000;

  background-color: #F5FAFE;

  width: 14%;

  text-align: center;

}

td.cal2 { /* today */

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

  color: #ffffff;

  background-color: #0D447A;

  width: 14%;

  text-align: center;

}

td.cal3 { /* sunday or special */

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

  color: #092F55;

  background-color:#ABBED1;

  width: 14%;

  text-align: center;

}

td.cal4 { /* today is sunday or special */

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

  color: #FFFFFF;

  background-color: #0C4279;

  width: 14%;

  text-align: center;

}

td.calevt { /* planner event */

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

  color: #000;

  background-color: #776957;

  text-decoration: underline;

  text-align: center;

  width: 14%;

}



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

 * Formulaires (Forms) */

form { /* formulaire */

  margin: 3px 0;

}

fieldset { /* Encadrement des champs */

 border: 1px solid #483D8B;

 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: #000000;

 background: url(img/bouton.png) repeat-x #9C8C74;

 border: 1px inset #483D8B;

 cursor: pointer;

 margin: 4px 0;

}

input.texte { /* champ texte */

 font: 11px "trebuchet ms", helvetica, sans-serif;

 color: #000;

background: url(img/champ.png) repeat-x #9C8C74;

 border: 1px inset #483D8B;

 margin: 4px 0;

}

select { /* champ select */

 font: 11px "trebuchet ms", helvetica, sans-serif;

 color: #000;

 background-color:#EEF6FD;

 border: 1px solid #483D8B;

 margin: 4px 0;

}

textarea { /* champ textarea */

 color: #000;

 background-color: #FFF;

 border: 1px solid #7F7F7F;

 overflow: auto;

 margin: 4px 0;

}



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

 * Editeur FckEditor */

.Code {

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

 color: #000;

 background-color: #D8D2C9;

 border: 1px solid #533A15;

 padding-right: 5px;

 padding-left: 5px;

}

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

 * Editeur pgeditor */

div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt {

 color: inherit;

 background-color: #9C8C74;

}

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

 * 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: #000000;

 background-color: inherit;

}

p.box {

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

 color: #000000;

 background-color: inherit;

 margin: 0;

}

a.box {

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

 color: #433A2E;

 background-color: inherit;

 text-decoration: none;

}

a.box:hover {

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

 color: #B22222;

 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: #D8D2C9;

 border: 1px solid #433A2E;

 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: inherit;

 background-color: inherit;

 text-align: center;

 padding: 10px;

}

.clsCursor {

 cursor: pointer;

}

.notice {

 color: #FF0000;

 background-color: #FF9;

 padding: 2px;

}
.drag{
  position:absolute;
  cursor:all-scroll;
  z-index: 100;
}