/*

    CSS file for Sample green skin - version 4.6
   CeCILL Copyright (C) 2004-2007 by GuppY Team

*/

 body {
 margin: 2px 0px 10px 0px;
 background-color: #D2E4D1;
 cursor: url(skin/sample_green/cursor.ani);
 scrollbar-base-color: #D2E4D1;
 scrollbar-arrow-color: #000000;
}

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

 * Mise en page des blocs dans le header */

div.logo { /* bloc logo */

 background-color: transparent;
 text-align: left;

 padding: 10px 10px;

}

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

 background-image: url(bkg_banner.png);
 background-repeat: no-repeat;
 background-position: center;
 padding: 40px 40px;
 text-align: center;

}

/*************************
 * block boite citation */ 
div.quote{ /* zone texte citation */
background:transparent url(quote.png) repeat-x scroll 0%;
width:100%;
line-height:28px;

padding-top:1pt;
text-align:center;
white-space:nowrap;

}
div.quote span.cita { /* texte */
background-color:transparent;
border:0pt none;
color:#615F4E;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
margin-top:0pt;
padding-top:0pt;
text-align:center;
width:100%;
}
div.quote span.author { /* auteur */
font-style:normal;
}
.quote_left {
background-image:url(quote_left.png);
float:left;

margin-top:0pt;
height:28px;
width:10px;
}
.quote_mark {
background-image:url(quote_mark.png);
float:left;

margin-top:0pt;
height:28px;
width:140px;
}
.quote_right {
background-image:url(quote_right.png);

float:right;

margin-top:0pt;
height:28px;
width:10px;
}

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

 * Barre des menus */
 

 div.menuIcons { /* bloc menu */

 background-image: url(bkg_menu.png);
 padding: 6px 1px;
 width: 550px;

 margin-left:auto; 
 margin-right:auto;
 font-weight: bold;
}

div.menuIcons ul { /* bloc liste du menu */
 list-style: none;

 margin-top: 0px;

 white-space: nowrap;
 text-align: center;
 font-weight: bold;
 }

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

 float: left;

 margin-right: 5px;

 text-align: center;

}

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

 color: #69F;

 background-color: inherit;

 display: block;

}

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

 float: left;

 text-align: center;

 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: 10px;
 color: #000000;
 text-decoration: none;
 font-size: 12px;
 font-family: Arial, sans-serif;

}

div.menuIcons ul li a:hover {

 position: static;

}

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

 color: #000000;
 text-decoration: none;
 font-size: 12px;
 font-family: Arial, sans-serif;

}

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

 color: #FFFFFF;
 text-decoration: underline overline;
 font-size: 12px;
 font-family: Arial, sans-serif;

}

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

 color: #000080;

 background-color: inherit;

}

div.tbls ul li a span.current { /* lien latéral actif */

 color: #000080;

 background-color: inherit;

 border-left: 3px solid #00B;

 padding: 0 2px 0 4px;

}

div.tbls ul li a span { /* lien latéral*/

 color: #000000;
 text-decoration: none;
 font-size: 12px;
 font-family: Arial, sans-serif;

}

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

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

 color: #FFFFFF;

 background-color: inherit;

 position: relative;

 top: 1px;

 left: 1px;

 text-decoration: underline;

}

div ul, ol { /* listes */

 margin-left: 2px;

 padding: 8px 0 8px 8px;

}

div li { /* espace entre lien menu */

 margin-left: 8px;

 padding: 0;

}

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

 * Mise en page des blocs div principaux */

#screen_choice { /* sélecteur de largeur */

 position: absolute ;

 top: 195px;

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

}

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

}

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

 * bloc boîte article (menu list, menu dynamic 1, menu dynamic 2) */

.rubr { /* catégories des articles */

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

 color: #00C;

 background-color: transparent;

 text-align: left;

 margin: 1px;

 padding: 4px 2px;

}

.item {

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

 color: #309;

 background-color: transparent;

 text-align: left;

 list-style: none;

 margin: 0;

 padding: 2px 0;

}

ul.item {

 margin: 0;

 padding: 0;

}

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

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

 color: #00C;

 background-color: inherit;

 text-align: left;

 list-style: none;

 padding: 2px 0 2px 10px;

}

.curr_item {

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

 color: #00C;

 background-color: #87CBEF;

 text-align: left;

 list-style: none;

 padding: 2px 0;

}

ul.item li.curr_item { /* titre article quand affiché */

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

 color: #00C;

 background-color: #87CBEF;

 text-align: left;

 list-style: none;

 padding: 2px 0 2px 10px;

}

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

 * pop RSS */

.pop {

 width: 360px;

 text-align: left;

}

.pop a {

 display: block;

}

.pop span {

 display: none;

}

.pop a:hover span {

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

 color: #309;

 background-color: #CFE5F9;

 border: 1px solid #AECBED;

 display: block;

 width: 280px;

 position: absolute;

 top: 2em;

 left: 2em;

 text-decoration: none;

 padding: 4px;

}

.notice { /* very important */

 color: #F00;

 background-color: #FFB;

 padding: 2px;

}

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

 * Calendar */

.tblbox { /* calendar box */

 color: inherit;

 background-color: #B0DEF5;

}

.cal {

  border-collapse: separate;

  border: 1px solid #87CBEF;

  border-spacing: 1px;

  color: inherit;

  background-color: inherit;

}

tr.cal { /* calendar nav bar */

  font: 12px Arial, sans-serif;

  color: #309;

  background-color: #87CBEF;

  text-align: center;

}

td.cals { /* week */

  font: 12px Arial, sans-serif;

  color: #00B;

  background-color: #ADF;

  width: 14%;

  text-align: center;

}

 td.cal0 { /* empty cell*/
 font-size: 11px;
 font-family: Arial, sans-serif;
 color: #000000;
 background-color: #D2E4D1;
 background-image: url(button_center.png);
 width: 14%;
 text-align: center;
}

 td.cal1 { /* days */
 font-size: 11px;
 font-family: Arial, sans-serif;
 color: #000000;
 background-color: #FFFFFF;
 width: 14%;
 text-align: center;
}

 td.cal2 { /* today */
 font-size: 11px;
 font-family: Arial, sans-serif;
 color: #000000;
 background-color: #6FA869;
 width: 14%;
 text-align: center;
}

 td.cal3 { /* sunday or special */
 font-size: 11px;
 font-family: Arial, sans-serif;
 color: #000000;
 background-color: #6FA869;
 width: 14%;
 text-align: center;
}

 td.cal4 { /* today is sunday or special */
 font-size: 11px;
 font-family: Arial, sans-serif;
 font-weight: bold;
 color: #000000;
 background-color: #6FA869;
 width: 14%;
 text-decoration: underline;
 text-align: center;
}
td.calevt, td.calevt a { /* planner event */

 font-size: 11px;
 font-family: Arial, sans-serif;
 color: #000000;
 background-color: #6FA869;
 width: 14%;
 text-align: center;

}
tr.vdev {
 background-color: #009966;
}
tr.vdevtr {
 background-color: #009966;
}

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

 * Formulaires (Forms) */

form {

 line-height: 20px; /* "hack" vertical center text for Safari and Opera */

 margin: 4px 0;

}

fieldset { /* Encadrement des champs */

 border: 1px solid #00C;

 margin: 8px;

}

legend { /* légende des encadrements */

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

 color: #309;

 background-color: inherit;

}

button {

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

 color: #00B;

 background-color: #089EDE;

 height: 22px;

}

input.bouton {
 cursor: pointer;
 margin: 4px 0px;
 color: #000000;
 border: 0px inset #000000;
 background-color: #D2E4D1;
 font-size: 11px;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 height: 22px;
 margin: 0px;
 padding-top: 0px;
 vertical-align: top;
 text-decoration: none;
 background-image: url(button_center.png);
 background-repeat: repeat-x;
 font-size: 10px;
}
input.texte {
 margin: 2px 0px;
 background-color: #FFFFFF;
 font-size: 11px;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 color: #000000;
}
select {
 margin: 4px 0px;
 color: #FFFFFF;
 background-color: #000000;
 font-family: Trebuchet MS, Helvetica, sans-serif;
 font-size: 11px;
}

textarea {

 margin: 4px 0px;
 color: #000000;
 background-color: #FFFFFF;
 overflow: auto;

}
/************

 * Général */

a { /* lien hypertexte */

 color: #3A3A3A;
 text-decoration: none;

 background-color: transparent;

}

a.titre { /* lien titres */

 color: inherit;

 background-color: transparent;

 text-decoration: none;

}

a:hover { /* lien hypertexte survolé */

 color: #000000;
 text-decoration: underline overline;

 position: relative;

 top: 1px;

 left: 1px;

}

 a.box {
 color: #3A3A3A;
 text-decoration: none;
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
}

 a.box:hover {
 color: #000000;
 text-decoration: underline ;
 font-size: 10px;
 font-family: Arial, Helvetica, sans-serif;
}



p { /* paragraphe */

 margin: 4px 0px;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;

}

p.box {

 margin: 4px;
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: left;

}



.titre { /* all the page */

 padding: 4px;
 margin-bottom: 16px;
 white-space: nowrap;
 font-size: 13px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 font-weight: bold;

}

.titrebox{  /* all the page */

 padding: 4px;
 margin-bottom: 14px;
 white-space: nowrap;
 font-size: 13px;
 font-family: Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 font-weight: bold;

}

.titrebox2 {
 color: #D2E4D1;
 font-weight: bold;
 text-align: center;
}



.box {

 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: left;

}

.box:hover {

 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: left;

}



.bordure {

 border: 0px solid #737E9E;

}

hr { /* ligne stylée */

 border-style: none none dashed;
 border-color: #000000;
 border-width: 0px 0px 1px;
 height: 1px;
 width: 98%;

}

ul.item {

 margin: 0;

 padding: 0 10px;

}

li.item {

 list-style-type: none;

 margin-left: 1px;

 padding: 0;

}

li.curr_item {

 list-style-type: none;

 margin-left: -10px;

}

 ul.art {
 font-weight:bold; padding:0px; margin:0px;
}
 li.art {
 font-weight:normal; list-style-type:none; padding:0px; margin-left:4px;
}

ul, ol, li {

 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif; text-align: left;
 color:#000000;

}

dl, dd, dt, address, dir, menu, blockquote, td {

 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color : #000000;

}



h1 { /* titre niveau 1 */

 font-size: 24px;

 font-family: Arial, Helvetica, sans-serif;
 color: #000000;

}

h2 { /* titre niveau 2 */

 font-size: 18px;

 font-family: Arial, Helvetica, sans-serif;
 color: #000000;

}

h3 { /* titre niveau 3 */

 font-size: 16px;

 font-family: Arial, Helvetica, sans-serif;
 color: #000000;

}

h4 { /* titre niveau 4 */

 font-size: 14px;

 font-family: Arial, Helvetica, sans-serif;
 color: #000000;

}

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

 * bloc forum - tables */

.forum, td.forum a {

 padding: 5px;
 background-color: #3B6835;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: center;
 font-weight: bold;

}

.forum2, tr.forum2 {

 padding: 0px 5px;
 background-color: #6FA869;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;

}

 .quest {
 padding: 5px;
 background-color: #FFFFFF;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
}

 .rep {
 padding: 10px 5px;
 background-color: #6FA869;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
}

div.bord, table.bord {

 text-align: left;

}

.bord {

 color: inherit;

 border: 1px solid #3E455F;

}



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

 * Mise en forme des boîtes centrales et latérales */

.title { /* boîte centrale */

 text-align: left;

 line-height: 26px;

 padding: 0 11px 0 22px;

}

.tblc { /* contenu */

 padding: 5px;
 background-color: #737E9E;

 border-top: 0;

 border-right: 1px solid #ADF;

 border-bottom: 1px solid #ADF;

 border-left: 1px solid #ADF;

 text-align: left;

 margin-bottom: 10px;

}

.tblc a:hover {

 padding: 5px;
 background-color: #737E9E;

}

.sidetitle { /* boîte latérale */

 font: bold 1.2em arial, sans-serif;

 background-color: #D2E4D1;

 text-align: center;

 line-height: 26px;

 height: 26px;

 padding-top: 4px;

}

.tbls { /* contenu */

 padding: 4px;
 background-color: #D2E4D1;

}

div.tbls {

 text-align: left;

 padding: 4px;
 background-color: #D2E4D1;

}

.sidetop {

 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 text-align: center;

}

.sidebottom {

}

.box_foot { /* boîte pied de page */

 width: 100%;

}

.tblf { /* contenu */

 padding-top: 14px;

}

.foot {

 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000000;

}

.copyright {

 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: center;

}



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

 * Editeur FckEditor */

.Code {

 font: 11px "comic sans ms", arial, monospace, sans-serif;

 color: #309;

 background-color: #CFE5F9;

 border: 1px solid #00C;

 padding: 0 5px 0 5px;

}

div #toolbarIcons_ptxt {

 color: inherit;

 background-color: #089EDE;

}

div #toolbarSmileys_ptxt {

 color: inherit;

 background-color: #089EDE;

}

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

 * Divers */

.clscursor {

 cursor: pointer;

}

.timer {

 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 font-style: italic;
 color: #000000;
 text-align: center;

}




 body.vdev {
 margin-left: 10px;
 font-family: Arial, sans-serif;
 font-size: 12px;
 background-color: #E7E7F7;
}
 body.vdevdialog {
 margin-left: 0px;
 font-family: Arial, sans-serif;
 font-size: 12px;
 background-color: #E7E7F7;
}
 select.vdev {
 font-family: Arial, sans-serif;
 font-size: 12px;
 height: 22px;
 background-color: #CFDDEB;
 color: #000000;
}
 input.vdev {
 font-family: Arial, sans-serif;
 font-size: 12px;
 height: 22px;
 background-color: #E7E7F7;
 color: #000000;
}
 input.vdevx {
 font-family: Arial, sans-serif;
 font-size: 12px;
 height: 22px;
 background-color: #E7E7F7;
 color: #FF0080;
}