/*
    CSS file for amicale5- 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 "GuppY Design")
*/

body { /*corps du document*/
margin : 0;
background-image : url(img/fond.png);
background-repeat : repeat;
background-attachment : fixed;
font : 12px arial, helvetica, sans-serif;
color : #000;
background-color : #fff;
background-position : center 0%;
} 
a { /*lien*/
color : #000080;
background-color : inherit;
text-decoration : none;
} 
a:hover { /*lien survolé*/
color : #FF0000;
background-color : inherit;
text-decoration : none;
}
p { /*paragraphe*/
margin: 4px 0;
}
hr { /*ligne horizontale*/
border-style : none none solid;
border-color : #7f7f7f;
border-width : 0 0 1px;
height : 1px;
width : 98%;
} 
ul, ol { /*liste*/
padding : 0;
margin : 0;
font : 12px arial, helvetica, sans-serif;
color : #3e3e3f;
background-color : inherit;
} 
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 : 1px;
padding : 0;
margin : 0;
text-align : right;
} 
div#page { /* encadrement page*/
border : 2px solid #25489F;
} 
#page { /* toute la page */
background-image:url(img/fondheader.jpg);
color: inherit;
z-index : 10;
padding-top : 0;
} 
#headTop { /* header top and middle (logo-banner + citation) */ 
z-index : 15;
margin : 0;
padding : 0;
} 
#headBottom { /* header bottom (logo-menu) */ 
margin: 0;
padding : 0 4px;
background-color: #2F5E94;
color: inherit;
border-bottom: 1px solid #7F7F7F;
height: 32px;
} 
#mainContent { /* fond page derriere boites */
margin : 0;
padding : 0;
background-color: #FFFFFF;
color: inherit;
} 
#leftside {  /* zone boites de gauche */
margin : 0;
padding-right : 4px;
} 
#rightside {  /* zone boites de droite */
margin : 0;
padding-left : 4px;
} 
#endbox { /* optionnal area between main page and bottom */
margin : 0;
padding : 4px;
background-color: #FFFFFF;
color: inherit;
text-align : left;
} 
#foot { 
font : 10px arial, helvetica, sans-serif;
text-align : center;
color : #000;
background-image : url(img/fondheader.jpg);
} 
/***********************************
 * block box Header Menu sections */
div.menuIcons { /*block menu*/
padding : 10px 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 : 1px;
margin-left : 1px;
text-align : center;
}
div.menuIcons ul li span {/*toutes les sections*/ 
display : block;
white-space : nowrap;
color : #fff;
background-color : inherit;
}
div.menuIcons ul li.menu_flags { /*section drapeau*/
float : left;
margin-right : 10px;
text-align : center;
margin-top : 5px;
}
div.menuIcons ul li.menu_flags img { /*separation drapeau*/ 
margin : 2px;
}
div.menuIcons ul li.menu_admin { /*section administration*/
float : right;
padding-right : 12px;
}
div.menuIcons ul li a span{ /*lien menu horizontal repos*/
color : #FFFFFF;
background-color: #93A8E1;
background-image: url(img/onglet.png);
width: 78px;
padding-top: 5px;
padding-bottom: 2px;
text-decoration : none;
font : bold 12px arial, helvetica, sans-serif;
position : relative;
cursor: pointer;
} 
div.tblbox ul li a span, td.tblbox ul li a span { /* lien latéral repos */
  color: #330099;
  background-color: inherit;
  text-decoration: none;
  font: bold 12px Arial, Helvetica, sans-serif;
}
div.menuIcons ul li a span.current { /*lien actif menu horizontal*/
color : #FFFFFF;
background-color: inherit;
text-decoration : underline;
font : bold 12px arial, helvetica, sans-serif;
position : relative;
}
div.tblbox ul li a span.current, td.tblbox ul li a span.current { /* lien latéral actif */
color:#0000ff;
background-color: inherit;
}
div.menuIcons ul li a:hover span{/*lien survole menu horizontal*/ 
color : #FFE49F;
background-color : #ffde00;
text-decoration : none;
font : bold 12px arial, helvetica, sans-serif;
position : relative;
}
div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien latéral survolé*/
color: #FF0000;
width: 50px;
background-color: inherit; position: relative; top: 0px; left: 1px;
}
div.menuIcons ul li a span:first-letter { 
font : bold 12px arial, helvetica, sans-serif;
}
div ul, ol { /* listes */
 margin-left: 16px;
 padding: 8px 0 8px 8px;
}
div li { /* espace entre lien menu */
 margin-left: 12px;
 padding: 0;
}
/******************************************
 * Mise en page des blocs dans le header */
div.logo { /* bloc logo */
 text-align: left;
 padding: 20px 40px 10px 10px;
}
div.banner { /* bloc bannière */
 padding: 10px 10px;
}
/************************
 * Bloc boîte citation */
div.quote { /* zone texte citation */
 width: 100%;
 white-space: nowrap;
 text-align: center;
 position: relative;
top: 32px;

}
div.quote span.cita { /* texte */
 font: 0.8em arial, helvetica, sans-serif;
 color: #0000FF;
 background-color: inherit;
 text-align: center;
}
div.quote span.author { /* auteur */
 font-style: italic;
}

/****************************
 * bloc boîte section menu */
ul.boxmenu { /* bloc liste */
 list-style: none;
 margin: 0 4px;
 padding: 8px 0 2px 0;
 background-color: transparent;
}
ul.boxmenu li { /* liste des items */
 margin-bottom: 10px;
}
ul.boxmenu li img { /* icônes */
 vertical-align: middle;
 margin-right: 15px;
}
/*******************************************************************
 * 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: #304A89;
 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: 1px 8px 1px 10px;
}
.curr_item {
 font: 12px arial, helvetica, sans-serif;
 color: #00C;
 background-color: #EDFBFC;
 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: #EDFBFC;
 text-align: left;
 list-style: none;
 padding: 2px 0 2px 10px;
 margin-right: 5px;
}
/************
 * 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;
}
/*************
* Calendrier*/
.cal { 
border-collapse : separate;
border : 0 solid #000;
border-spacing : 1px;
background-color : #fff;
color : inherit;
} 
tr.cal { 
font : 11px Arial, Helvetica, sans-serif;
color : #000;
background-color : #F2D7FF;
text-align : center;
} 
td.cals { /* lettres semaine */
font : 11px Arial, Helvetica, sans-serif;
color : #000000;
background-color : #ECC7FF;
width : 14%;
text-align : center;
} 
td.cal0 {/* cases videsl*/
font : 11px Arial, Helvetica, sans-serif;
color : #000;

background-color: #DC95FF;
width : 14%;
text-align : center;
} 
td.cal1 {/* tous les jours */
font : 11px Arial, Helvetica, sans-serif;
color : #000000;
background-color : #F2D7FF;
width : 14%;
text-align : center;
border : 1px solid #f5f5f5;
} 
td.cal2 {  /* aujourdhui*/
font : 11px Arial, Helvetica, sans-serif;
color : #FFFFFF;
background-color : #B05ED8;
width : 14%;
text-align : center;
border : 1px solid #c0c0c0;
} 
td.cal3 {  /* mois, dimanche et special */
font : 11px Arial, Helvetica, sans-serif;
color : #000;
background-color : #DC95FF;
width : 14%;
text-align : center;
border : 1px solid #c0c0c0;
} 
td.cal4 { /* aujourdhui, si dimanche ou special */
font : 11px Arial, Helvetica, sans-serif;
color : #000;
background-color : #DC95FF;
width : 14%;
text-decoration : underline;
text-align : center;
border : 1px solid #c0c0c0;
} 
td.calevt { /* evenement */
font : bold 11px Arial, Helvetica, sans-serif;
color : #000;
background-color : #FFCF3F;
text-decoration : underline;
text-align : center;
width : 14%;
border : 1px solid #c0c0c0;
} 
/************************
 * Formulaires (Forms) */
form { /*formulaire*/
margin : 3px 0;
} 
fieldset { /*encadrement des champs*/
border : 1px solid #000;
margin : 8px;
} 
legend { /*legende des encadrements*/
font : bold 12px Arial, Helvetica, sans-serif;
color : #000;
background-color : inherit;
} 
input.bouton, button {/*bouton*/ 
cursor : pointer;
margin : 4px 0;
color : #3e3e3e;
border : 1px inset #c0c0c0;
background-color : #fff;
font : 10px arial, helvetica, sans-serif;
} 
input.texte { /*champ texte*/
margin : 2px 0;
background-color : #fff;
font : 11px arial, helvetica, sans-serif;
color : #3e3e3e;
} 
select { /*champ select*/
color : #000;
background-color : #fff;
font : 11px Arial, Helvetica, sans-serif;
border : 1px solid #c0c0c0;
margin : 4px 0;
} 
textarea { 
color : #000;
background-color : #eeeeee;
border : 1px solid #000;
overflow : auto;
margin : 4px 0;
} 
/************
 * Général */

p.box {
 font: 12px arial, sans-serif;
 margin: 4px;
}
.titre { /* all the page */
background: url(img/titre.png) center 0;
}
.titrebox{  /* all the page */
background-image: url(img/titrebox.png);
}
.box {
 font: 11px arial, sans-serif;
 background-color: transparent;
 margin-right: 2px;
 color: #000000;
}

ul, ol, li {
 font: 12px arial, sans-serif;
}

/*************************************
 * block box central forum - tables */
.forum {
padding : 5px 5px;
font : bold 12px Arial, Helvetica, sans-serif;
color : #3e3e3c;
background-color : #FFFFFF;
border : 1px solid #7F7F7F;
text-align : center;
}
.forum2 { 
padding : 5px 5px;
font : 12px Arial, Helvetica, sans-serif;
color : #3e3e3c;
background-color : #F3F3F3;
border : 1px solid #7F7F7F;
text-align : left;
} 
tr.forum2 { 
padding : 5px 5px;
font : bold 12px Arial, Helvetica, sans-serif;
color : #3e3e3c;
background-color : #BEC9EF;
border : 1px solid #7F7F7F;
text-align : left;
} 
.quest { 
padding : 5px 5px 5px 5px;
font : 12px Arial, Helvetica, sans-serif;
color : #3e3e3c;
background-color : #F3F3F3;
border : 0px solid #7F7F7F;
text-align : left;
} 
.rep { 
padding : 10px 5px 5px 5px;
font : 12px Arial, Helvetica, sans-serif;
color : #3e3e3c;
background-color : #FFFFFF;
border : 0px solid #7F7F7F;
text-align : left;
} 
.bord { 
border : 1px solid #7F7F7F;
padding : 4px;
} 
.bord2 { 
border : 1px solid #7F7F7F;
} 
/****************************************************
 * Mise en forme des boîtes centrales et latérales */
/*boites centrales*/
/****************************************************
 * Mise en forme des boîtes centrales et latérales */
.title { /* boîte centrale */
 font: bold 16px arial, sans-serif;
 color: #3434fc;
 background: inherit;
 text-align: center;
 line-height: 35px;
 padding:0;
  border-right: 1px solid #7f7f7f;
 border-left: 1px solid #7f7f7f;
 border-top: 1px solid #7f7f7f;
}
.tblc { /* contenu */
 color: #000000;
 background-color: #F7F7F7;
 border: 1px solid #7f7f7f;
 text-align: left;
 margin-bottom: 10px;
 padding: 6px;
}

.sidetitle { /* boîte latérale */
 font: bold 16px arial, sans-serif;
  color: #A9A9A9;
 background: inherit;
 text-align: center;
 line-height: 35px;
 height: 35px;
 padding-top: 0;
}
.tbls { /* contenu */
 color: #000000;
 background: url(img/bg2_side.png) repeat-y;
 border-right: 1px solid #696969;
 border-bottom: 1px solid #696969;
 border-left: 1px solid #696969;
 border-top: 0px solid #3358B6;
 padding: 14px 0px 14px 5px;
}
div.tbls {
 text-align: left;
}
.sidetop {
 width: 180px;
}
.sidebottom {
  margin-bottom: 8px;
}

.foot {
 font: 10px arial, sans-serif;
 text-align: center;
  color: #FCECB6;
}
.copyright {
 font: 11px arial, sans-serif;
 text-align: center;
 color: #FFB62D;
}
.copyright a:hover {
 color: #F00;
 background-color: inherit;
}
/**********************
 * 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: italic 11px arial, sans-serif;
 color: #000;
 background-color: inherit;
 text-align: center;
 padding: 2px;
}