/* B2I.css version  printemps jmt 11/2005 revue 03-2006*/
/*cette version gère les menus sans les boutons images*/

/*Une image de fond "nuages.jpg" apparaît sur les pages.
Pour la désactiver et donner priorité à la couleur de fond,
il suffit de commenter la ligne dans BODY.arial, BODY.arialadmin,...
en l'encadrant par /*    et */

/*Utilisé par les popups*/
 BODY {
 background-color: #DDF8D9;
 scrollbar-base-color : #DDF8D9;
 scrollbar-face-color : #95C970;
 scrollbar-arrow-color: #42A42E;
 }

 /*Ligne horizontale */
 HR {
        color : #5F9B3F;
        width: 50%;
}
 HR.large {
        color : #5F9B3F;
        width: 90%;
}

a{
        text-decoration:none;
}
/*les liens survolés passent en gras*/
a:hover {
                font-style: normal;
                font-weight: bold;
                color: #6CB049;
                text-decoration:none;
}
/*Couleur des liens*/
/* Certains sont en dur dans les pages*/
a:active{
        color:#2E4A1A;
}
a:link {
        color: #2E4A1A;
}
a:visited {
        color: #2E4A1A;
                  outline:none;
}

/* Utilisée pour la page de login */
BODY.arial {
        background-image: url(nuages.jpg);
        background-color: #E9FCE6;
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-style : normal;
        font-variant : normal;
        font-weight : normal;
        font-size : small;
}
/* Utilisée pour les pages admin*/
BODY.arialadmin, BODY.admin_header {
        background-image: url(nuages.jpg);
        background-color :#E9FCE6;
        font-family: "Verdana Ref", Geneva, Arial, Helvetica, sans-serif;
        font-size : small;
        font-style : normal;
        font-variant : normal;
        font-weight : normal;
        color : #12370D;
                  border-right-color : White;
        border-right-style : none;
        border-right-width : thin;
        border-bottom-color : White;
        border-bottom-style : none;
        border-bottom-width : thin;
        border-left-color : White;
        border-left-style : none;
        border-left-width : thin;
        border-top-color : White;
        /*border-top-style : none;
        border-top-width : thin;*/
}
/* Utilisée pour les pages prof*/
BODY.arialprof, BODY.prof_header {
        background-image: url(nuages.jpg);
        background-color : #E9FCE6;
        font-family: "Verdana Ref", Geneva, Arial, Helvetica, sans-serif;
        font-size : small ;
        font-style : normal;
        font-variant : normal;
        font-weight : normal;
        border-right-color : White;
        border-right-style : none;
        border-right-width : thin;
        border-bottom-color : White;
        border-bottom-style : none;
        border-bottom-width : thin;
        border-left-color : White;
        border-left-style : none;
        border-left-width : thin;
        border-top-color : White;
        /*border-top-style : none;
        border-top-width : thin;*/
        color : #171717;
}
/* Utilisée pour les pages gestion*/
BODY.arialgest, BODY.gest_header{
        background-image: url(nuages.jpg);
        background-color :#E9FCE6;
        font-family: "Verdana Ref", Geneva, Arial, Helvetica, sans-serif;
        font-size : small ;
        font-style : normal;
        font-variant : normal;
        font-weight : normal;
        color : #12370D;
                  border-right-color : White;
        border-right-style : none;
        border-right-width : thin;
        border-bottom-color : White;
        border-bottom-style : none;
        border-bottom-width : thin;
        border-left-color : White;
        border-left-style : none;
        border-left-width : thin;
        border-top-color : White;
        /*border-top-style : none;
        border-top-width : thin;*/
}
/* Utilisée pour les pages élèves*/
BODY.arialeleve, BODY.header {
        background-image: url(nuages.jpg);
        background-color : #E9FCE6;
        font-family: "Verdana Ref", Geneva, Arial, Helvetica, sans-serif;
        font-size : small;
        font-style : normal;
        font-variant : normal;
        font-weight : normal;
        color : #12370D;
                  border-right-color : White;
        border-right-style : none;
        border-right-width : thin;
        border-bottom-color : White;
        border-bottom-style : none;
        border-bottom-width : thin;
        border-left-color : White;
        border-left-style : none;
        border-left-width : thin;
        border-top-color : White;
        /*border-top-style : none;
        border-top-width : thin;*/
                   }

/*fixe la taille de la police de base d'un tableau
non prise en compte par les balises body
Peut être la même que celle des body*/
table{
        font-size:small;
                 /* margin:0pt;*/
                 /* padding : 0pt;*/
}

/* Titre des tableaux */
TR.rubrique {
        background : #80C951;
        font-size :small;
        font-variant : normal;
        font-weight : bolder;
        color: White;
        text-align: center;
}
/*Cellules titre de tableaux
page paramètres par ex */
TD.rubrique {
        color : White;
        background : #95C970;
        text-align: center;
        font-style : normal;
        font-weight : normal;
        font-family: "Verdana Ref", Geneva, Arial, Helvetica, sans-serif;
}
/*Couleur des boutons de formulaires*/
input.coul {
   background: url(fond_input.gif);
        color: #2A4918;
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size:12px;
}

/*Titre du tableau menu admin*/
TD.titre_admin {
        background : #9ED691;
        font-size :18px;
        font-variant : normal;
        font-weight: bolder;
        font-style: normal;
        color: #485164;
        text-align: center;
        font-family: Tahoma, Geneva, arial, sans-serif;
        border: 2px groove;
        vertical-align: middle;
        height:40px;
}
/* Cellules du tableau menu de admin
Gère fond et bordure*/
TD.admin_gauche {
        background-color :#C0E7B7;
        border: 2px groove;
        text-align: center;
}
TD.admin_centre {
        background-color :  #CAECC2;
        border: 2px groove;
        text-align: center;
}

TD.admin_droite {
        background-color :#C0E7B7;
        border: 2px groove;
        text-align: center;
}

/*gère l'alignement et l'espacement vertical des boutons de menu par colonne*/
/*ne sont pas utilisés sur les menus sans boutons graphiques*/
TD.gauche{
        vertical-align: middle;
        text-align: center;
        height: 30px;
        /*En jouant sur cette valeur on espace verticalement les options du menu*/
        /*border-collapse: collapse */
}
TD.centre{
        vertical-align: middle;
        text-align: center;
        height: 30px;
        /*En jouant sur cette valeur on espace verticalement les options du menu*/
        /*border-collapse: collapse */
}
TD.droite{
        vertical-align: middle;
        text-align: center;
        height: 30px;
        /*En jouant sur cette valeur on espace verticalement les options du menu*/
        /*border-collapse: collapse */
}

/* Titres des pages */
P.sous_titre {
        color: #2E4A1A;
        font-size : large;
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        text-align: center;
        text-transform : none;
        /*margin-left : 2cm;*/
}
P.sous_sous_titre {
        color: #2E4A1A;
        font-size : small;
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        text-align: center;
        text-transform : none;
        margin-left : 2cm;
}
/*Titres frame gauche*/
P.titre_petit {
        color: #39611F;
        font-size :small;
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: bold;
        text-align: center;
}

/*Titre de rubrique liste d'items*/
P.rubrique {
        font-size : 14px;
        font-weight : bold;
        color : #2A611F;
        font-family: sans serif , verdana;
        background : transparent;
        font-style :normal;
}
/* Libellé des items*/
P.item {
        font-size:small;
        padding: 8px;
        border: 1px solid #8FCF65;
}
/*Sont utilisés pour divers libellés sur les pages de
traitement des items.
Garder des valeurs voisines au départ et adapter aux couleurs de fond
choisies */
P.libelle {
        color: #1D6F15;
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-style: italic;
        font-size: small;
}

P.libelle_eleve {
        color: #2A741B;
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-style: italic;
        font-size : small;
}

P.libelle_prof {
        color: #213A4A;
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size:small;
}

/* Utilisé sur certaines pages Admin.
 Nom  de l'établissement*/
P.libelle_admin {
        color: #284A5D;
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-style: italic;
        font-size : large;
        text-align : center;
}

P.separateur {
        background-color : #F08080;
        color: Navy;
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-style: italic;
        font-size : large;
        text-align : center;
}


/* Lignes paires et impaires de tableaux de logos*/
TR.adm_paire {
        background-color : #EDF5E7;
        color : Black;
}

TR.adm_impaire {
        background-color : #D5E6C5;
        color : #544A6F;
}

/* Utilisée pour les listes d'items */
.paire{
        background-color : #E4EED4;
        color : #494949;
        margin-left: 0px;
        margin-right: 0px;
}

.impaire {
        background-color : #F6FBF2;
        color : #2E2E2E;
}
/*Utilisée pour l'affichage des items demandés. Fiche prof*/
TR.dem_paire {
        background-color : #EAF3E2;
        font-size: small;
}
TR.dem_impaire {
        background : #D5E6C5;
        font-size: small;
}
/*Utilisé affichage infos dans la frame haute
Certaines sont en dur dans le code*/
TR.titre_prof {
        font-family: Verdana Ref, Geneva, Arial, Helvetica, sans-serif;
        color: #505050;
        font-size: small;
        text-align: left;
        font-weight: normal;
        }
/* Nom de l'élève de la frame haute*/
TR.titre_elev {
        font-family: Verdana Ref, Geneva, Arial, Helvetica, sans-serif;
        color: #505050;
        font-size: medium;
        text-align: left;
        font-weight: bold;
        }
/*Nom  de l'élève dans les affichages personnels*/
P.nom_prenom {
        font-style: normal;
        font-weight: bold;
        color : #406E22;
        /* font-size: 24 px;*/
        font-size: large;
        font-family:  Tahoma, "Verdana Ref", Arial Black, sans-serif;
        }
/*Utilisé dans les listes élèves de la frame gauche*/
.arial_petit {
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size:11px;
                 }
.liste_elv {
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size:11px;
                  line-height:1.3em;
                  padding-left:5px;}
.nom_classe {
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size:1.1em;
                  font-weight:bold;
                  line-height:1.3em;
                  padding-left:15px;
}
/* pour encadrer le contenu de cellules*/
.encadre_pres{
        padding: 0px;
        border: 2px ridge #5C9E36;
                  }
.encadre_loin{
        padding: 5px;
        border: 1px solid #5C9E36;
}
/* Utilisé pour les listes de profs en frame gauche*/
TR.petit {
        font-family: "Verdana Ref", Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
}
/* Utilisé pour l'affichage des compétences profs*/
.tout_petit {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size : x-small;
}

/*Remarques en "rouge"*/
.attention {
        color: #AE4D3C;
        font-family: Verdana Ref, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        }
/*.. et en gras */
.warning {
        color : #A80000;
        font-family: Verdana Ref, Geneva, Arial, Helvetica, sans-serif;
        font-weight : bold;
}

/* Utilisé pour le tableau de la page de traitement d'un item
par le prof*/
.demande {
        background-color: #9ED691;
}
/*Utilisé pour des affichages sur fond jaune (anciens par ex*/
.jaune {
        background-color : #FFFFE8;
                }
/*Pour des fonds de tableau d'items différenciés*/
.niveau1 {
        background-color : #BBDAAA;
        border: 4px groove #5A923C;
        text-align: center;
}
.niveau2 {
        background-color : #EEF7E9;
        border: 4px groove #5A923C;
        text-align: center;
}
.niveau3 {
        background-color : #ACD199;
        border: 4px groove #5A923C;
        text-align: center;
}


/* couleur du focus*/
input:focus, input.sffocus {
background: #DDF8D9;
color: #216318;
 }


/* complément provisoire pour remplacer les layers*/
/* le contenu du texte est dans la balise span dans <A>
au survol  de la souris le contenu s'affiche dans un cadre défini ici

 /* pour affichage bulles items */

a.bulle{
        position:relative;
}
a.bulle:hover{
        background : none;/*nécessaire pour IE */
        z-index:100;
}

a.bulle span {
display: none;
}
a.bulle:hover span {
        display: inline;
        position: absolute;
        z-index:100;
        top:30px;
        background: #F3FAAB;
        text-decoration: none;
        font-size: 10px;
        color: #185819;
        border: 1px solid #390000;
        border-bottom: 2px solid;
        border-right: 2px solid;
        font-weight: normal;
}

/*pour les items*/
a.decalbulleg:hover span{
	left: 20px;
	
}
a.decalbulled:hover span{
	left: -180px;
	
}
a.decalbullec:hover span{
	left: -90px;
	
}
a.taillebullegde:hover span{
	width: 180px;
	text-align: left;
	text-indent: 10px;
	padding: 5px;
} 
/*pour les nb profs validateurs*/
a.taillebullepte:hover span{
	text-align: center;
	padding: 4px;
} 




 /* En attente */
h2{
	font-size:14px;
}
h3{
	font-size:12px;
	font-weight: normal;
}

h4 {

}

/* Depuis mars 2006 pour des menus moins graphiques
il existe plusieurs versions de ce sélecteur
gestion, admin gauche  droit et centre. Il sert à définir
le fond des boutons du menu principal*/
td.boutonge {/* pour les boutons gestion*/
        position:relative;
        background-image: url(fondbouton.gif);
        background-repeat: no-repeat;
        background-position: center;
        height:35px; /*pour écarter les boutons */
        text-align: center;
        text-indent: 0px;
        vertical-align: middle;
        }
        td.boutong {/* pour les boutons admin menu gauche*/
        position:relative;
        background-image: url(fondbouton.gif);
        background-repeat: no-repeat;
        background-position: center;
        height:30px; /*pour écarter les boutons */
        text-align: center;
        text-indent: 0px;
        vertical-align: middle;
        }
        td.boutonc {/* pour les boutons admin menu centre*/
        position:relative;
        background-image: url(fondbouton.gif);
        background-repeat: no-repeat;
        background-position: center;
        height:30px; /*pour écarter les boutons */
        text-align: center;
        text-indent: 0px;
        vertical-align: middle;
        }
        td.boutond {/* pour les boutons admin menu droit*/
        position:relative;
        background-image: url(fondbouton.gif);
        background-repeat: no-repeat;
        background-position: center;
        height:30px; /*pour écarter les boutons */
        text-align: center;
        text-indent: 0px;
        vertical-align: middle;
        }
/* Pour le texte du lien des boutons du menu principal Admin Gest*/
td a.bouton{
        color : #485164;/* de l'encre du texte*/
        text-decoration:None;
        font-weight:800;
        font-family: "Comic Sans MS", Arial, Garamond, SansSerif ;
        font-size:14px;
        vertical-align: middle;
        text-align: center;
        }
/*on garde la même couleur après la visite*/
td a.bouton:visited {
    color: #485164;
        }
/*au survol on change couleur et graisse */
td a.bouton:hover{
        color : #F9F5ED;
        font-weight: bold;
        }

/* Pour les ex boutons flous ; la couleur ne change pas*/
td a.bouton_gris{
        color : #D1D1D1;
        text-decoration: None;
        font-family: Verdana;
        font-size:12px;
        font-style: oblique;
        vertical-align: middle;
        }

td a.bouton_gris:visited {
    color: #D1D1D1;
}

td a.bouton_gris:hover{
        color : #D1D1D1;
        font-weight: normal;
        font-style: oblique;
        }

/* pour les options du menu qui disparaissent : interdits, Melia...*/
td.bouton_vide {
   background: transparent;
        background-repeat: no-repeat;
        background-position: center;
        height:30px;
        }
        td.boutonge_vide {
   position:relative;
        background: transparent;
        background-repeat: no-repeat;
        background-position: center;
        height:35px;
        text-align: center;
        text-indent: 0px;
        vertical-align: middle;
        }

        /* pour décaler à gauche*/
        .indente{
        margin-left: 50px;
}
/* pour centrer*/
.centre{
        text-align:center;
}
/* pour enlever les puces*/
ul{
        list-style-type: none;
        margin:10px;
        padding:10px;
}
/* un paragraphe centre avec fond*/
.avis{
        background: #EEF4E8;
        margin :0px 80px;
        border: 1px solid #A2BC7E;
        padding :5px;
}
.avis5{
        background: #EEF4E8;
        margin :0px 5px;
        border: 1px solid #A2BC7E;
        padding :5px;
}
.avis_transparent{
        background: transparent;
        margin :0px 80px;
        border: 0px solid #A2BC7E;
        padding :5px;
}
.gris{
        color: #999999;
}

.fond_cadre{
        background: #C8E0B4;
}
img{
        border: none;
}
.titre_prof_header {
        font-size: 10px;
        font-style: italic;
}
.menu_eleve_img {
        width: 340px;
        height: 123px;
}
img#retour{
	position:fixed;
	right:10px;
	bottom:10px;
}
.incertains{
	padding-left: 8px;
	color : #494949;
   vertical-align: middle;
}
.fondfonce{
	background-color: #B2D097;
}
	
