/* B2I.css version  été jmt 11/2005 revue 03-2006*/
/*cette version gère aussi 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: #C8E0FA;
 scrollbar-base-color : #C8E0FA;
 scrollbar-face-color : #A5C5E8;
 scrollbar-arrow-color: #05519A;
 }

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

a{
	text-decoration:none;
}
/*les liens survolés passent en gras*/
a:hover {
                font-style: normal;
                font-weight: bold;
                color: #FF6347;
					 text-decoration: none;
}
/*Couleur des liens*/
/* Certains sont en dur dans les pages*/
a:active{
        color:#09578E;
        outline:none;
}
a:link {
        color: #09578E;
		  outline:none;
}
a:visited {
        color: #0963A3;
		  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", Geneva, Arial, Helvetica, sans-serif;
        font-size : small;
        font-style : normal;
        font-variant : normal;
        font-weight : normal;
        color : #031B2C;
		  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*/

/* Utilisée pour les pages prof*/
BODY.arialprof, BODY.prof_header {
        background-image: url(nuages.jpg);
        background-color : #E9FCE6;
        font-family: "Verdana", 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 : #031B2C;
}
/* Utilisée pour les pages gestion*/
BODY.arialgest, BODY.gest_header{
        background-image: url(nuages.jpg);
        background-color :#E9FCE6;
        font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
        font-size :12px ;
        font-style : normal;
        font-variant : normal;
        font-weight : normal;
        color : #031B2C;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*/
}
/* 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 :  #031B2C;
		  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;
		  border-spacing: 1px;
}

/* Titre des tableaux */
TR.rubrique {
        background : #67A2E1;
        font-size: small;
        font-weight: bolder;
        color: White;
        text-align: center;
}
/*Cellules titre de tableaux
page paramètres par ex */
.rubrique { /* ex td.rubrique*/
        color : White;
        background : #96BDE6;
        text-align: center;
        font-style : normal;
        font-weight : normal;
        font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
}
/*Couleur des boutons de formulaires*/
.coul {
   background: url(fond_input.gif);
        color: #1E4C7D;
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-size:11px;
		  font-weight: bold;
}
/*Titre du tableau menu admin*/
TD.titre_admin {
        background : #6BB9E5;
        font-size : medium;
        font-variant : normal;
        font-weight: bolder;
        font-style: normal;
        color: #FEF4F6;
        text-align: center;
        font-family: "Kristen ITC" sans-serif arial;
        border: 2px groove;
        vertical-align: middle;
        height:40px;
}
/* Cellules du tableau menu de admin
Gère fond et bordure*/
TD.admin_gauche {
        background-color: #D4EBFF;
        border: 2px groove;
        text-align: center;
}
TD.admin_centre {
        background-color :#D4EBFF;
        border: 2px groove;
        text-align: center;
}

TD.admin_droite {
        background-color : #D4EBFF;
        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: #043C64;
        font-size : 13px;
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-style: normal;
		  font-weight:bold;
        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: #07568E;
        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 : 12px;
        font-weight : bold;
        color : #0A3E76;
        font-family: sans serif , verdana;
        background : transparent;
        font-style :normal;
}
/* Libellé des items*/
P.item {
        font-size: small;
        padding: 8px;
        border: 1px solid #6BAEFC;
}
p.item_gr{
		  font-size : small;
		  color : #ABABAB;
		  padding : 8px;
        border: solid 1px #ABABAB;
}
/*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: #09578E;
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-style: italic;
        font-size: small;
}

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

P.libelle_prof {
        color: #09578E;
        font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
        font-style: italic;
        font-size:small;
}

/* Utilisé sur certaines pages Admin.
 Nom  de l'établissement*/
P.libelle_admin {
        color: #09578E;
        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 : #DDECFB;
        color : Black;
}

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

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

.paire {
        background-color : #C8E3FC;
        color : #2E2E2E;
}
/*Utilisée pour l'affichage des items demandés. Fiche prof*/
TR.dem_paire {
        background-color : #C0DFFC;
        font-size: small;
        color: #0E5293;
}
TR.dem_impaire {
        background : #ADD5FC;
        font-size: small;
        color: #0E5293;
}
/*Utilisé affichage infos dans la frame haute
Certaines sont en dur dans le code*/
TR.titre_prof {
        font-family: Verdana, 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, 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 : #0D58A7;
        /* font-size: 24 px;*/
        font-size: large;
        font-family:  Tahoma, "Verdana", 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: small;
}
/* Utilisé pour les listes de profs en frame gauche*/
TR.petit {
        font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
        font-size: small;
        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: #D3E8FD;
}


/*Pour des fonds de tableau d'items différenciés*/
.niveau1 {
	background-color : #A8D3FE;
        border: 3px groove  #C8E0FA;
        text-align: center;
}
.niveau2 {
	background-color : #CEE7FF;
        border: 3px groove #C8E0FA;
        text-align: center; 
}
.niveau3 {
	background-color : #9ECFFE;
        border: 3px groove  #C8E0FA;
        text-align: center;
}

/*Utilisé pour des affichages sur fond jaune (anciens par ex*/
.jaune {
        background-color : #FFFFE8; 
		  }
					 
/* couleur du focus*/
input:focus, input.sffocus { background: #D3E8FD; }

/*  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  */
a.bulle{
	position:relative;
} 
a.bulle:hover{
	position:relative;
	background : none;/*nécessaire pour IE */
	z-index:100;
}

a.bulle span { 
display: none;
} 
a.bulle:hover span {
	display: inline;
	position: absolute;
 	top:30px;
	background: #FFFBD2;
	text-decoration: none;
	font-size: 10px;
	color: #000177;
	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:45px; /*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 les options du menu qui disparaissent : interdits, Melia...*/
td.bouton_vide {
   position:relative;
	background: transparent;
	background-repeat: no-repeat;
	background-position: center;
	height:30px;
	text-align: center;
	text-indent: 0px;
	vertical-align: middle;	
	}
	td.boutonge_vide {
   position:relative;
	background: transparent;
	background-repeat: no-repeat;
	background-position: center;
	height:45px;
	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 :#020D91;
	text-decoration :None;
	font-weight :400;
	font-family :"Kristen ITC", Verdana, Garamond, "Comic Sans MS", Arial, SansSerif ;
	font-size :12px;
	vertical-align : middle;
	text-align : center;
	}
/*on garde la même couleur après la visite*/
td a.bouton:visited {
    color: #020D91;
	}
/*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:14px;
	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 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: #DDECFB;
	margin :0px 80px;
	border: 1px solid #6A5ACD;
	padding :5px;
}
/* marge de 5 seulement*/
.avis5{
	background: #DDECFB;
	margin :0px 5px;
	border: 1px solid #6A5ACD;
	padding :5px;
}
/* pas de fond*/
.avis_transparent{
	background: transparent;
	margin :0px 80px;
	border: 1px solid #6A5ACD;
	padding :5px;
}
.gris{
	color: #999999;
}

.fond_cadre{
	background: #C8E0B4;
}

.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.2em;
		  font-weight:bold;
		  line-height:1.3em;
		  padding-left:15px;
}
/* pour encadrer le contenu de cellules*/
.encadre_pres{
        padding: 0px;
        border: 2px ridge #6A5ACD;
		  }
.encadre_loin{
        padding: 5px;
        border: 1px solid #6A5ACD;
}

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 : #0C3D76;
   vertical-align: middle;
}
.fondfonce{
	background-color: #96CAFC;
}
fieldset {     
        border-color: #014390;
        border: 2px;
        border-style: solid;
		  padding:10px;
}
legend {
		  color: #014390;
        font-size : medium;
        font-family: Verdana, sans-serif;
        font-weight: bold;
        text-align: center;
		 	}
.pfin{
	margin:4px;
}

/*de dd 07-2010 pour combo page choix des items 
transféré de general.css  jmt*/

select.combo {
background-color: #E5F3FF;
	font-size: 12 pt;
	/*font-style: italic;
	font-weight: bold;*/
	font-family: arial,"sans-serif";
	}
	
option.toutesClasses {
	color: black;
	font-weight: bold; 
}

option.uneClasse {
	color: #880000;
	}
	/*série de 7 couleurs pour différencier les domaines de compétences*/
.couleurR1 {
	background-color: #E3F0FF;
	
}
.couleurR2 {
	background-color: #C1DEFF;
	}

.couleurR3 {
	background-color: #A6D0FF;
}
	

.couleurR4 {
	background-color: #7BB8FF;
	
}

.couleurR5 {
	background-color: #4FA0FF;
	
}

.couleurR6 {
	background: #4098FF;
	
}

.couleurR7 {
	background-color: #0074FD;
	
}