/*

   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 - http://astrographisme.com
*/

body { /*corps du document*/
margin : 0;
background-image : url(fond.jpg);
background-repeat : no-repeat;
background-attachment : fixed;
background-position : center 0%;
font :   12px arial, helvetica, sans-serif;
color :#784469;
background-color : #E6CCDE;
background-position : center 0%;
}
a { /*lien*/
color : #784469;
font : bold italic 11px arial, helvetica, sans-serif;
text-decoration : none;
} 
a:hover { /*lien survolé*/
color : #e1007a;
text-decoration : underline;
}
p { /*paragraphe*/
margin: 4px 0;
}
hr { /*ligne horizontale*/
border-style : none none dotted;
border-color : #FFFFFF;
border-width : 0 0 1px;
height : 1px;
width : 98%;
} 
ul, ol { /*liste*/
padding : 0;
margin : 0;
font : 12px arial, helvetica, sans-serif;
color : #784469;
} 
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 : 1px;
right : 4px;
padding : 0;
margin : 0;
text-align : right;
} 
div#page { /* encadrement page ici pour modifier espace en haut et en bas entre page et le fond */
border : 1px solid #E6CCDE;
padding-top: 15px;
margin-top : 0px;
margin-bottom : 0px;
} 
#page { /* toute la page */
background-color: #e7f2f9; 
background-image: url(img/main.png);
background-repeat: repeat-y;
color: inherit;
padding-top: 0px;
margin: 0px;
}
#headTop { /* header top and middle (logo-banner + citation) */ 
z-index : 15;
height: 230px;
background: transparent;
color: inherit;
margin : 0;
padding : 0;
} 
#headBottom { /* header bottom (logo-menu) */ 
margin : 0 0px;
padding : 0 4px;
background: url(menu.png) no-repeat;
color: inherit;
} 
#mainContent { /* fond page derriere boites */
margin-top : 0px;
padding : 0;
background: transparent;
color: inherit;
} 
#leftside {  /* zone boites de gauche */
margin : 0;
padding-right : 4px;
} 
#leftside a {
 font : 11px arial, helvetica, sans-serif;
 color: #784469;
 text-decoration: none;
}
#leftside a:hover {
 font : 11px arial, helvetica, sans-serif;
 color: #CA413B;
 text-decoration: none;
}
#rightside {  /* zone boites de droite */
margin : 0;
padding-left : 4px;
} 
#rightside a {
 font : 11px arial, helvetica, sans-serif;
 color: #784469;
 text-decoration: none;
}
#rightside a:hover {
 font : 11px arial, helvetica, sans-serif;
 color: #CA413B;
 text-decoration: none;
}
#endbox { /* optionnal area between main page and bottom */
margin : 0;
padding : 4px;
background-color: #ffffff;
color: inherit;
text-align : left;
} 
#foot { 
font-family: Georgia, "Times New Roman", Times, serif;
 font-size:10px;
background-color: #CAE3F2;
text-align : center;
background: url(footer.gif) no-repeat;
color : #784469;
  margin: 0px 0px;
  height: 40px;
  padding-top: 0px;
} 
/*******************************************
 * Mise en page des blocks dans le header */
div.logo { /*block logo*/
margin-top : 5px;
text-align : center;
} 
div.banner { /*block banniere*/
background-repeat : no-repeat;
padding : 8px;
text-align : center;
}
/*************************
 * block boite citation */ 
div.quote {
background: transparent url() repeat-x scroll 0% 50%;
text-align:center;
white-space:nowrap;
width:100%;
}
div.quote span.cita {
background-color:inherit;
border:0px none;
color:#784469;
background: url(menu.png);
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
margin-top:0pt;
padding:0pt;
text-align:center;
width:100%;
}
div.quote span.author {
font-style: italic;
}
/***********************************
 * block box Header Menu sections */
div.menuIcons { /* block menu */
	padding:4px;
}
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;
	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: #784469;
  text-decoration: none;
  font: bold 11px Arial, Helvetica, sans-serif;
  position : relative;
  padding : 3px;
  margin: 3px;
}

div.menuIcons ul li a span.current { /* lien actif */
  color:#FFFFFF;
  background: #784469;
  border: 1px outset #FFFFFF;
  text-decoration: none;
  position : relative;
  padding : 3px;
  margin: 3px;
}
div.menuIcons ul li a:hover span { /* lien survolé*/
  color: #784469;
  background: #E6CCDE;
  border: 1px inset #FFFFFF;
  text-decoration: none;
  position : relative;
  padding : 3px;
  margin: 3px;
}
div.tblbox ul li a span, td.tblbox ul li a span { /* lien latéral */
  color: #784469;
  text-decoration: none;
  font: bold 11px Arial, Helvetica, sans-serif;
}
div.tblbox ul li a span.current, td.tblbox ul li a span.current { /* lien latéral actif */
  color:#784469;
  text-decoration: none;
}
div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien latéral survolé*/
  color: #e1007a;
  text-decoration: none;
  position: relative; top: 1px; left: 1px;
}
/******************************************
 * Mise en page des blocks dans le corps */
 /* boites latérales */
.titrebox { /* Titre */
 font: 16px arial, helvetica, sans-serif;
 color:#FFFFff;
background: url(bouton1.png);
 border: none;
 white-space: nowrap;
 text-decoration: none;
 text-align: center;
 line-height: 36px;
 height: 37px;
 width: 180px;
 padding: 0;
}
.tblbox { /* Corps */
 color: #784469;
 text-align: left;
 margin-bottom: 8px;
 padding : 8px;
}
.titre { /* block central boxes */
 font: bold 16px Arial, Helvetica, sans-serif;
 color: #784469;
 white-space: nowrap;
 text-align: left;
 padding-left: 3px;
 padding-bottom: 6px;
}
.tbl {
 font:  1.1em Arial, Helvetica, sans-serif;
 color: #784469;
 text-align: left;
 margin-bottom: 8px;
 border: 1px solid #784469;
 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: #784469;
 padding: 1px 1px;
 margin: 1px;
 font: bold 11px Arial, Helvetica, sans-serif;
 text-align:left;
}
.item {
 padding: 1px 1px;
 margin: 0px;
 color: #784469;
 font: 11px Arial, Helvetica, sans-serif;
 text-align:left;
 list-style: none;
}
ul.item {
 margin:0;
 padding-left:8px;
}
ul.item li.item { /* titres des articles */
 padding: 2px 0px 2px 4px;
 font: 11px Arial, Helvetica, sans-serif;
 color: #784469;
 text-align:left;
 list-style: none;
}
.curr_item {
 padding: 2px 0px;
 font: 12px Arial, Helvetica, sans-serif;
 color: #784469;
 text-align:left;
 list-style: none;
}
ul.item li.curr_item { /* titre article est affiché */
 padding: 2px 0px 2px 4px;
 font: 12px Arial, Helvetica, sans-serif;
 color: #F58309;
 text-align:left;
 list-style: none;
}

/*************************************
 * block box central forum - tables */
.forum {
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #784469;
 background : #E6CCDE;
 border : 1px solid #E6CCDE;
 text-align: center;
 padding: 5px 5px;
}
.forum2, tr.forum2 {
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #784469;
 background : url(menu.png);
 border : 1px solid #E6CCDE;
 text-align: left;
 padding: 5px 5px;
}
.quest {
 font: 12px Arial, Helvetica, sans-serif;
 color: #784469;
 background: #F9EDF5;
 border : 1px solid #E6CCDE;
 text-align: left;
 padding: 5px;
}
.rep {
 font: 12px Arial, Helvetica, sans-serif;
 color: #784469;
 background-color: #FFFFFF;
 border: 1px solid #E6CCDE;
 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: 1px;
  color:#FFFFFF;
  background: #e1007a;
}
.cal a {
  color: #FFFFFF;
}
.cal a:hover {
  color: #FFFFCC;
  text-decoration: none;
}
tr.cal { /* calendar nav bar */
  font: 12px Arial, Helvetica, sans-serif;
  color: #784469;
  text-align: center;
  background: #e1007a;
}
td.cals { /* week */
  font: 12px Arial, Helvetica, sans-serif;
  color: #9d035f;
  background: #F9EDF5;
  width: 14%;
  text-align: center;
}
td.cal0 { /* empty cell*/
  font: 12px Arial, Helvetica, sans-serif;
  color: #E6CCDE;
  width: 14%;
  text-align: center;
}
td.cal1 { /* days */
  font: 12px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  width: 14%;
  text-align: center;
}
td.cal2 { /* today */
  font: 12px Arial, Helvetica, sans-serif;
  color: #9d035f;
  background: #F9EDF5;
  width: 14%;
  text-align: center;
}
td.cal3 { /* sunday or special */
  font: 12px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  width: 14%;
  text-align: center;
}
td.cal4 { /* today is sunday or special */
  font: 12px Arial, Helvetica, sans-serif;
  color: #784469;
  background: #F9EDF5;
  width: 14%;
  text-align: center;
}
td.calevt { /* planner event */
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  border: 1px outset #E6CCDE;
  text-decoration: none;
  text-align: center;
  width: 14%;
}

/************************
 * Formulaires (Forms) */
form { /* formulaire */
  margin: 3px 0;
}
fieldset { /* Encadrement des champs */
 border: 1px solid #784469;
 margin: 8px;
}
legend { /* légende des encadrements */
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #784469;
 background-color: transparent;
}
input.bouton, button { /* bouton */
 font: 10px "trebuchet ms", helvetica, sans-serif;
 color: #784469;
 background : #E6CCDE;
 border: 1px outset #E6CCDE;
 cursor: pointer;
 margin: 4px 0;
}
input.texte { /* champ texte */
 font: 11px "trebuchet ms", helvetica, sans-serif;
 color: #784469;
 background-color: #FFFFFF;
 border: 1px inset #784469;
 margin: 4px 0;
}
select { /* champ select */
 font: 11px "trebuchet ms", helvetica, sans-serif;
 color: #784469;
 background-color: #FFFFFF;
 border: 1px solid #784469;
 margin: 4px 0;
}
textarea { /* champ textarea */
 color: #784469;
 background-color: #FFFFFF;
 border: 1px solid #784469;
 overflow: auto;
 margin: 4px 0;
}

/**********************
 * Editeur FckEditor */
.Code {
 font: 11px Arial, Helvetica, sans-serif , monospace;
 color: #784469;
 background-color: #FFFFFF;
 border: 1px solid #784469;
 padding-right: 5px;
 padding-left: 5px;
}
/**********************
 * Editeur pgeditor */
div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt {
 color: inherit;
 background-color: #F3E4B9;
}
/*******************************************
 * Mise en page des blocs dans le footer */
#foot span.copyright { /* Copyright */
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:10px;
 color: inherit;
 background-color: inherit;
}

/************************
 * Divers */
.box {
 font: 11px Arial, Helvetica, sans-serif;
 color: #784469;
 padding : 4px;
}
p.box {
 font: 11px Arial, Helvetica, sans-serif;
 color: #784469;
 padding : 4px;
 margin: 0;
}
a.box {
 font: 11px Arial, Helvetica, sans-serif;
 color: #784469;
 text-decoration: none;
}
a.box:hover {
 font: bold 11px Arial, Helvetica, sans-serif;
 color: #F58309;
 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: 550px;
 text-align: right;
}
.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: #784469;
 background-color: #FFDEB1;
 border: 1px solid #784469;
 display: block;
 width: 280px;
 position: absolute;
 top: 22em;
 right: 2em;
 padding: 4px;
}
.top {
 font: 0.8em Arial, Helvetica, sans-serif;
 border: 0px inset #F9C063;
 text-align: center;
}
.timer {
 font: italic 0.8em Arial, Helvetica, sans-serif;
 color: inherit;
 background-color: inherit;
 text-align: center;
 padding: 10px;
}
.clsCursor {
 cursor: pointer;
}
.notice {
 color: #784469;
 background-color: #FFDEB1;
 padding: 2px;
}
.ariane {
 text-align:left;
 padding-left : 40px;
 padding-top : 20px;
 font-family: Tahoma, Arial, Helvetica, Sans-Serif;
 font-size: 12px;
 font-style: italic;
 color: #0084ea;
}
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #fff;
    border: 0px solid #bbb;
    background: transparent url(img/fond_transparent.png);
    width:170px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(img/fond_transparent.png);
    margin:0;
    padding: 0;
    border: 0;
}
#fixedmenu {
   position: fixed;
   bottom: 20px;
   right: 20px;
   width: 16px;
   background: transparent;
}

#fixedmenu a, #fixedmenu a:hover {
   text-decoration: none;
   display: block;
   width: 16px;
   height: 16px;
   overflow: hidden;
   font-size: 40px;
   line-height: 1;
   margin: 0 auto;
}

#fixedmenu ul, #fixedmenu li {
   list-style-type:none;
   margin: 5px 0;
   padding: 0;
}

#fixedmenu #home {
   background: transparent url(../../img/menubas/home.png) no-repeat;
}

#fixedmenu #up {
   background: transparent url(../../img/menubas/up.png) no-repeat;
}

#fixedmenu #down {
   background: transparent url(../../img/menubas/down.png) no-repeat;
}

#fixedmenu #rss {
   background: transparent url(../../img/menubas/rss.png) no-repeat;
}

#fixedmenu #email {
   background: transparent url(../../img/menubas/email.png) no-repeat;
}

#fixedmenu #favoris {
   background: transparent url(../../img/menubas/favoris.png) no-repeat;
}
#monmenu {font-family: trebuchet ms, arial, tahoma, verdana, sans-serif; font-size: 90%; font-weight:bold; border: 0px solid #B0B0B0;}
        #monmenu ul ul {display: none; left: 140px; top: -1px; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
        #monmenu li {list-style-type: none; position: relative; width: 140px; background-color: #e7f2f9; padding: 0px; margin: 0px}
        #monmenu li:hover, #monmenu li.sfhover {background-color: #ffffff;}
        #monmenu li a {text-decoration:none;}
        #monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block}
        #monmenu li.plus {background-position:right; background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;}
#textsize {
float:right;
margin-right:0px;
margin-top:3px;
padding:0px;
width:170px;
}
#textsize:hover {
}
#textsize a {
text-decoration:none;
}
#surfooter 
{
position: fixed;
bottom: 0px;
right: 130px;
background: url(/img/surfooter/surfooter.png)  repeat-x;
height:22px; 
width:79.3%;
text-align:center;
color:#fff;
font:normal 11px arial;
padding-top:6px;
z-index:100
}

#surfooter a
{
color:#fff;
text-decoration:none
}

#surfooter #bt-fermer
{
cursor:pointer;
margin-left:300px;

}
ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 10px;
    list-style: none;
    z-index:999999;
    width:721px;
}
ul#navigation li {
    width: 103px;
    display:inline;
    float:left;    
}
ul#navigation li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 110px;
    height: 20px;
    background-color:#E7F2F9;
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px solid #BDDCEF;
    text-decoration:none;
    text-align:center;
    font-family:Arial;
    padding-top:90px;
}
ul#navigation li a:hover{
     background-color:#CAE3F2;
}
ul#navigation li a span{
    letter-spacing:2px;
    font-size:10px;
    color:#784469;
}
ul#navigation .home a{
    background-image: url(../../img/fixemenusup/home21.png);
}
ul#navigation .about a      {
    background-image: url(../../img/fixemenusup/id_card21.png);
}
ul#navigation .search a      {
    background-image: url(../../img/fixemenusup/search21.png);
}
ul#navigation .rssfeed a   {
    background-image: url(../../img/fixemenusup/rss21.png);
}
ul#navigation .contact a    {
    background-image: url(../../img/fixemenusup/mail21.png);
}
#footer .copyright{
background:url(../../img/pasdimage.png) left center no-repeat;
width:900px;
height:38px;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#a2a2a2;
padding-left:90px;
line-height:normal;
padding-top:12px;
}