/*
    CSS file for ecole la madone - 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 {
 color: #000000;
 background: #e3e3e3 url(img/fond.jpg) repeat center 0%;
 background-attachment: fixed;
}
/******************************************
 * Mise en page des blocs dans le header */
div.logo { /* bloc logo */
 text-align: left;
 padding: 0;
}
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: 56px;
}
div.quote span.cita { /* texte */
 font: 0.8em arial, helvetica, sans-serif;
 color: #AFF;
 background-color: inherit;
 text-align: center;
}
div.quote span.author { /* auteur */
 font-style: italic;
}
div.quote span.cita b img { /* variable $web5 texte remplacé par image */
 display: inline;
}
div.quote span.cita img { /* image masquée dans citation */
 display: none;
}
/***********************************
 * block box Header Menu sections */
 
iv.menuIcons { /* bloc menu */
 margin: 0;
 padding: 0;
}
div.menuIcons ul { /* bloc liste du menu */
 list-style: none;
 width: 100%;
 margin: 0;
 padding: 0;
}
div.menuIcons ul li { /* toutes les sections */
 float: left;
 margin-right: 0;
 text-align: center;
}
div.menuIcons ul li span { /* toutes les sections */
 color: #69F;
 background-color: inherit;
 display: block;
 white-space: nowrap;
}
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 */
margin-right:1px;
float: right;
border-left: 1px solid #f7f7f7;
}
div.menuIcons ul li a span { /* lien */
 font: bold 11px arial, helvetica, sans-serif;
 color: #000000;
 background: url(img/onglet3.png) repeat-x;
 text-decoration: none;
 border: 1px solid #00008A;
 padding: 5px 10px;
}
div.menuIcons ul li a:hover span { /* lien survolé */
 font: bold 11px arial, helvetica, sans-serif;
 color: #000000;
background: url(img/onglet2.png) repeat-x;
  border: 1px solid #000000;
 position: relative;
  padding: 5px 10px;
 top: 1px;
 left: 1px;
}
div.menuIcons ul li a span.current { /* lien actif */
 color: #000000;
 background: url(img/onglet1.png) repeat-x;
  border: 1px solid #00008A;
 padding: 5px 10px;
}

div.tbls ul li a span.current { /* lien latéral actif */
 color: #FF0000;
 background-color: inherit;
 padding: 0 2px 0 4px;
}
div.tbls ul li a span { /* lien latéral*/
 font: bold 11px arial, helvetica, sans-serif;
 color: #00D;
 background-color: inherit;
 text-decoration: none;
}
div.tbls ul li a:hover span { /* lien latéral survolé*/
 font: bold 11px arial, helvetica, sans-serif;
 color: #333;
 background-color: inherit;
 position: relative;
 top: 0px;
 left: 0px;
 text-decoration: none;
}
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 div principaux */
#screen_choice { /* sélecteur de largeur */
 position: absolute;
 top: 15px;
 right: 0;
 text-align: right;
 margin: 0;
 padding: 0 10px;
}
#page { /* all the page */
padding: 0;
margin: 0;
}
div#page { /* mask border for IE */
 border: 3px solid #010081;
}
#headTop { /* zone en-tête (logo-bannière) */
 color: inherit;
 background: url(img/header.png) no-repeat center 0% transparent;
 height: 200px;
 margin: 0;
 padding: 0;
}
#headBottom { /* zone de la barre des menus */
 margin: 0;
 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;
}
/************************************
 * block box lateral Menu Sections */
ul.boxmenu { /* block liste */
 list-style: none;
 margin: 0;
 padding: 0;
 }
ul.boxmenu li { /* items liste */
 margin :6px 20px;
 text-align: center;
 background-color: #B4F1F2;
 color: inherit;
  border: 1px solid #0000FF;
}
ul.boxmenu li img { /* icons */
 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: #FFFFFF;
 background-color: #010081;
 text-align: left;
 margin: 1px 7px 1px 4px;
 padding: 3px 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: #000000;
 background-color: inherit;
 text-align: left;
 list-style: none;
 padding: 1px 0 1px 10px;
}
.curr_item {
 font: 12px arial, helvetica, sans-serif;
 color: #00C;
 background-color: inherit;
 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: #B4F1F2;
 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: #0000FF;
 background-color: #E3E3E3;
 border: 1px solid #FF0000;
 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 */

.cal { 
border-collapse : separate;
border : 1px solid #5B2106;
border-spacing : 0px;
background-color : #fff;
color : inherit;
} 
tr.cal { 
font : 11px Arial, Helvetica, sans-serif;
color : #000;
background-color : #E3E3E3;
text-align : center;
} 
td.cals { /* lettres semaine */
font : 11px Arial, Helvetica, sans-serif;
color : #FFFFFF;
background-color : #30308D;
width : 14%;
text-align : center;
} 
td.cal0 {/* cases videsl*/
font : 11px Arial, Helvetica, sans-serif;
color : #000;
background-color: #B4F1F2;
width : 14%;
text-align : center;
} 
td.cal1 {/* tous les jours */
font : 11px Arial, Helvetica, sans-serif;
color : #000000;
background-color : #FFFFFF;
width : 14%;
text-align : center;
border : 1px solid #e3e3e3;
} 
td.cal2 {  /* aujourdhui*/
font : 11px Arial, Helvetica, sans-serif;
color : #FFFFFF;
background-color : #7575FF;
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 : #FFFFB9;
width : 14%;
text-align : center;
border : 1px solid #c0c0c0;
} 
td.cal4 { /* aujourdhui, si dimanche ou special */
font : 11px Arial, Helvetica, sans-serif;
color : #FFFFFF;
background-color : #6262FF;
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 : #F2D88E;
text-decoration : underline;
text-align : center;
width : 14%;
border : 1px solid #c0c0c0;
} 
/************************
 * 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;
}
nput.bouton, button {/*bouton*/ 
cursor : pointer;
margin : 3px 0;
padding-bottom: 4px;
color : #000000;
border : 1px solid #7575FF;
background-color: #FFFFB9;
height: 22px;
font : 11px arial, helvetica, sans-serif;
} 
input.texte {
 font: 11px arial, sans-serif;
 color: #000000;
 background-color: #B9B9FF;
 margin: 2px 0;
}
select {
 font: 11px arial, sans-serif;
 color: #FFFFFF;
 background-color: #6262FF;
 margin: 4px 0;
}
textarea {
 color: #000;
 background-color: #E3E3E3;
 overflow: auto;
 margin: 4px 0;
}
/************
 * Général */
a { /* lien hypertexte */
 color: #268c0b;
 font:  bold 12px arial, sans-serif;
 background-color: inherit;
 text-decoration: none;
}
a.titre { /* lien titres */
 color: #FFFFFF;
 background-color: transparent;
 text-decoration: none;
}
a:hover { /* lien hypertexte survolé */
 position: relative;
 top: 1px;
 left: 1px;
 text-decoration: none;
 color: #00FFFF;
 font:  bold 12px arial, sans-serif;
 background-color: inherit;
}
#leftside a{
color: #0000D9;
background-color: inherit;
}
#leftside a:hover{
color: #FF0000;
background-color: inherit;
}
#rightside a{
color: #0000D9;
background-color: inherit;
}
#rightside a:hover{
color: #000000;
background-color: inherit;
}
p { /* paragraphe */
 font: 12px arial, sans-serif;
 margin: 4px 0;
}
p.box {
 font: 11px arial, sans-serif;
 margin: 4px;
}
.titre { /* all the page */
background-image: url(img/titre.png);
background-repeat: no-repeat;
background-position: center center;
}
.titrebox{  /* all the page */
background-image: url(img/titrebox.png);
background-color: #b4f1f2;
background-position: bottom;
}
.box {
 font: 11px arial, sans-serif;
 margin-right: 2px;
 background-color:inherit;
 color: #000000;
 padding: 1px 1px 1px 4px;
}
a.box { 
color : #0000D9;
background : inherit;
text-decoration : none;
font : 11px Arial, Helvetica, sans-serif;
} 
a.box:hover {
 color: #FF0000;
 background-color: inherit;
}
.bordure {
 border: none;
}
hr { /* ligne stylée */
 border-style: none none solid;
 border-color: #FF0000;
 border-width: 0 0 1px;
 height: 1px;
 width: 97%;
}
ul.item {
 margin: 0;
 padding: 0 2px;
}
li.item {
 list-style-type: none;
 margin-left: 1px;
 padding: 0;
}
li.curr_item {
 list-style-type: none;
 margin-left: 2px;
 margin-right: 4px;
}
ul, ol { /*liste*/
padding : 0;
margin : 0;
font : 12px arial, helvetica, sans-serif;
color : #3e3e3f;
background-color : inherit;
} 

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;
}
/*************************************
 * block box central forum - tables */
.forum {
padding : 5px 5px;
font : bold 12px Arial, Helvetica, sans-serif;
color : #FFFFFF;
background-color : #281DF4;
border : 1px solid #F7F7F7;
text-align : center;
}
.forum2 { 
padding : 5px 5px;
font : 12px Arial, Helvetica, sans-serif;
color : #000000;
background-color :#B9B9FF;
border : 1px solid #F7F7F7;
text-align : left;
} 
tr.forum2 { 
padding : 5px 5px;
font : bold 12px Arial, Helvetica, sans-serif;
color : #EEEEEE;
background-color : #7575FF;
border : 1px solid #F7F7F7;
text-align : left;
} 
.quest { 
padding : 5px 5px 5px 5px;
font : 12px Arial, Helvetica, sans-serif;
color : #000000;
background-color : #B4F1F2;
border : 0px solid #5B2106;
text-align : left;
} 
.rep { 
padding : 10px 5px 5px 5px;
font : 12px Arial, Helvetica, sans-serif;
color : #000000;
background-color : #FFFFB9;
border : 0px solid #5B2106;
text-align : left;
} 

.bord { 
border : 1px solid #FF0000;
padding : 1px;
} 
.bord2 { 
border : 1px double #FF0000;
} 
/****************************************************
 * Mise en forme des boîtes centrales et latérales */
.title { /* boîte centrale */
 font: bold 16px georgia, helvetica, sans-serif;
 color: #000000;
 background: inherit;
 text-align: center;
 line-height: 50px;
 padding: 0;
}
.tblc { /* contenu */
font: 12px arial, helvetica, sans-serif;
 color: inherit;
 background-color: #F7F7F7;
 border: 3px solid #FF0000;
 text-align: left;
 margin-bottom: 10px;
 padding: 6px;
}
.tblc a:hover {
 color: #0000FF;
 background-color: inherit;
}
.sidetitle { /* boîte latérale */
 font: bold 15px georgia, helvetica, sans-serif;
 color: #000000;
 background: inherit;
 border: 2px solid #7575FF; 
 text-align: center;
 line-height: 26px;
 height: 50px;
 padding: 17px 0 0 0;

}
.tbls { /* contenu */
 color: inherit;
 background-color: #FFFFFF;
 padding: 5px 0px 5px 5px;
  border-right: 2px solid #7575FF;
  border-left: 2px solid #7575FF;

}
div.tbls {
 text-align: left;
}
.sidetop {
 width: 180px;
}
.sidebottom {
 background-color: #FFFFFF;
 height: 13px;
 margin-bottom: 12px;
 border-left: 0px solid #7575FF;
 border-right: 0px solid #7575FF;
 border-bottom: 0px solid #7575FF;
}

.tblf { /* contenu */
 padding-top: 14px;
}
.foot {
 font: 10px arial, sans-serif;
 text-align: center;
}
.copyright {
 font: 11px arial, sans-serif;
 text-align: center;
}
.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: #309;
 background-color: inherit;
 text-align: center;
 padding: 2px;
}