/* ------------------------ PFV2 ----------------------------- */

/* Ce fichier contient les css globales  à l'appli, et communes à toutes les pages */

/*Couleurs générales de l'appli */
html, body  {
	text-decoration: none;
	background-position: scroll;
	padding: 0;
	background-color: #C5EAE0;
	background-image: url(../images/_interface/bordure.gif);
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #425552;
	margin-right: 15px;
	margin-top: 0px;
	text-align: left;
	margin-bottom: 15px;
	margin-left: 0px;
}




/*Skin général des liens dans la page*/
a {
color: black;
}


h1   {
	font-weight: normal;
	font-size:22px;
	margin-bottom: 5px;
	margin-top: 12px;
	text-align: left;
	color: #1E6658;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9EDBCA;
}
h2   {
	font-weight: bold;
	text-transform: uppercase;
	font-size:18px;
	margin-bottom: 5px;
	margin-top: 12px;
	text-align: left;
}
h3   {
	font-weight: bold;
	font-size:15px;
	margin-bottom: 10px;
	margin-top: 12px;
}

/*Autres styles généraux divers*/
fieldset {
	background-color: #DAF3EC;
	padding: 10px;
	border: 1px solid #8ECCBB;
	margin-right: 5%;
	margin-left: 5%;
	margin-top: 10px;
	margin-bottom: 15px;
	
}
legend {
	font-size: 10px;
	text-transform: uppercase;
	color: #30AF9A;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}




/* Fond de page */
#page {
/*On peut définir un background général pour l'appli ici*/
/* height: 800px;
background-image:url(../images/fond_exemple.jpg);*/
}

/* Zone de Logo */
#logo {
	background-image:url(../images/_interface/logo.gif);
	background-repeat: no-repeat;
	width:200px; height: 140px;
	padding: 0px;
	
	position: absolute;
	left: 0px;
	top: 10px;	
}



/* Couleurs des petits Post-it affichés (erreur de connexion, déconnexion....)*/
.alertePI { background-color: #FF6500; }
.alertePI th:hover { z-index: 1001; }
.erreurPI { background-color: #FF0000; }
.erreurPI th:hover { z-index: 1001; }
.reussitePI { background-color: #00FF30; }
.reussitePI th:hover { z-index: 1001; }
.messagePI { background-color: #FFFF61; }
.messagePI:hover { z-index: 10000001; cursor: move; }


img { border: 0px; }
form { display: inline; }

/* Zone qui va contenir le contenu de l'appli (se place à droite du menu)*/
#navigation {
	background-image: url(../images/_interface/fond.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 15px;
	padding-top: 20px;
	margin-top: 10px;
	margin-left: 200px;
	position: absolute;
	top : 0px;
	width: 800px;
	padding-right: 15px;/*   margin-left: 155px; font-size: 100% ; width: 80%; padding:0; */
}



#bonjour
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	margin-left: 15px;
	margin-bottom: 5px;
	color: #177F6F;
}

/*Div contenant le menu*/
#menu
{
	width: 200px;
	margin-top: 10px;
	position: absolute;
	left: 0px;
	top: 150px;
	list-style-type: none;
	padding: 0;
	border: 0;
	z-index:100;
}

/*---------------------------------------*/
/*Stylage complet du menu*/
/*---------------------------------------*/
#menu dl {
	height:30px; /*
margin-left: 0px; padding: 0;margin-top: 10px;margin-bottom: 10px; */
	margin: 0px;
	padding: 0px;
}	
#menu dt {	
cursor: pointer;
/* background-image: url(../images/bt_04.jpg);	text-align: center;	border: 0.2px solid #235A67;	background-repeat: no-repeat; */}
#menu dt a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	border: 0 none;
}
#menu dd {
	z-index:500;
	width:170px;
	left:118px;
	display: none;
	border: 1px solid #FFFFFF;
	position:absolute;
	padding: 0px;
	margin-top: -20px;
	border: 1px solid #48AF9E;
	background-color: #FFFFFF;
	font-size: 11px;
}

#menu ul {padding: 0px; margin: 0px;}

#menu li{list-style-type: none;z-index:800;display: block; margin: 0px; padding: 0; border: 0; 

/*width: 140px; margin-left: -40px; */}
#menu li a:hover {
	background-color: #58BEAF;
	color: #FFFFFF;
}
/*
#menu li a:active { background-color: #5F879D; }
#menu dt#active { background-image: url(../images/bt_02.jpg); cursor: pointer; text-align: center;  border: 0.2px solid #235A67; background-repeat: no-repeat;}
#menu dt#active a {  color: #235A67; text-decoration: none; display: block; height: 100%; border: 0 none; }
*/


#menu li a {
	color: #4FA091;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
#menu li {
	text-align: left;
	background-color: #FFFFFF;
	color: #97D9D0;
} 



/*Menus et code css pour definir une icone à gauche du menu*/
#lien_menu_Accueil {
	background-image:url(../images/_interface/menu_accueil_1.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 200px;
	position: absolute;
	text-indent:-400px;
}
#lien_menu_Accueil:hover {
	background-image:url(../images/_interface/menu_accueil_2.gif);
}

#flash_accueil {
    position: absolute;
    left: 0px; 
    top: 30px;
}

#fondaccueil {
    position: absolute;
   	left: 467px; 
  	top: 30px; 
    background-image: url(../images/_interface/fond_accueil.gif);
    background-repeat: no-repeat;
    height: 511px;
    width: 300px;
    text-align: center;
    padding-top: 20px;
    padding-right: 5px;
    padding-left: 5px;
}
#edito {
	background-image: url(../images/_interface/fond_edito.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 85px;
	padding-left: 483px;
	width: 290px;
	height: 465px;
	font-size: 110%;
	line-height: 150%;
}

#lien_menu_editorial {
background-image:url(../images/_interface/menu_edito_1.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 200px;
	position: absolute;
	text-indent:-400px;
}
#lien_menu_editorial:hover {
	background-image:url(../images/_interface/menu_edito_2.gif);
}
#lien_menu_editorial.actif{
    background-image:url(../images/_interface/menu_edito_3.gif);
}



#lien_menu_etablissement {
	background-image:url(../images/_interface/menu_etab_1.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 200px;
	position: absolute;
	text-indent:-400px;
}
#lien_menu_etablissement:hover {
	background-image:url(../images/_interface/menu_etab_2.gif);
}
#lien_menu_etablissement.actif{
    background-image:url(../images/_interface/menu_etab_3.gif);
}

#lien_menu_saisies {
	background-image:url(../images/_interface/menu_saisie_1.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 200px;
	position: absolute;
	text-indent:-400px;
}
#lien_menu_saisies:hover {
	background-image:url(../images/_interface/menu_saisie_2.gif);
}
#lien_menu_saisies.actif{
    background-image:url(../images/_interface/menu_saisie_3.gif);
}

#lien_menu_tdb {
	background-image:url(../images/_interface/menu_tdb_1.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 200px;
	position: absolute;
	text-indent:-400px;
	}
#lien_menu_tdb:hover {
	background-image:url(../images/_interface/menu_tdb_2.gif);
}
#lien_menu_tdb.actif{
    background-image:url(../images/_interface/menu_tdb_3.gif);
}
	
#lien_menu_groupements {
background-image:url(../images/_interface/menu_groupes_1.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 200px;
	position: absolute;
	text-indent:-400px;
	}
#lien_menu_groupements:hover {
	background-image:url(../images/_interface/menu_groupes_2.gif);
}
#lien_menu_groupements.actif{
    background-image:url(../images/_interface/menu_groupes_3.gif);
}
	
#lien_menu_statistiques {
background-image:url(../images/_interface/menu_stats_1.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 200px;
	position: absolute;
	text-indent:-400px;
	}
#lien_menu_statistiques:hover {
	background-image:url(../images/_interface/menu_stats_2.gif);
}
#lien_menu_statistiques.actif{
    background-image:url(../images/_interface/menu_stats_3.gif);
}

#lien_menu_administration {
background-image:url(../images/_interface/menu_admin_1.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 200px;
	position: absolute;
		text-indent:-400px;
	}
#lien_menu_administration:hover {
	background-image:url(../images/_interface/menu_admin_2.gif);
}
#lien_menu_administration.actif{
    background-image:url(../images/_interface/menu_admin_3.gif);
}

#lien_menu_Configuration {
background-image:url(../images/_interface/menu_config_1.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 200px;
	position: absolute;
	text-indent:-400px;
	}
#lien_menu_Configuration:hover {
	background-image:url(../images/_interface/menu_config_2.gif);
}
#lien_menu_Configuration.actif{
    background-image:url(../images/_interface/menu_config_3.gif);
}

#lien_menu_glossaire {
background-image:url(../images/_interface/menu_glossaire_1.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 200px;
	position: absolute;
	text-indent:-400px;
	}
#lien_menu_glossaire:hover {
	background-image:url(../images/_interface/menu_glossaire_2.gif);
}
#lien_menu_glossaire.actif{
    background-image:url(../images/_interface/menu_glossaire_3.gif);
}

#lien_menu_deco {
	background-image:url(../images/_interface/menu_deconnexion_1.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 200px;
	position: absolute;
	text-indent:-400px;
	margin-top: 20px;
	}
#lien_menu_deco:hover {
	background-image:url(../images/_interface/menu_deconnexion_2.gif);
}

/*------------------------------------------------------------------ */
/*Style du formulaire d'authentification accueil*/
/*------------------------------------------------------------------ */

/*Champ de mot de passe*/
#logon input {
margin-left:20px;
border: 1px #BFCAFF solid;
background-color:white;
color:black;
}

/*Legende*/
#logon legend {
font-weight: bold;
}

/*Cadre
#logon fieldset {
height:50px;
}
*/

/*------------------------------------------------------------------ */
/*Tout ce qui suit ensuite sert à styler les menus de configuration  */
/*de l'appli réservé aux services techniques. Il n'est pas nécessaire*/
/*De les modifier.*/
/*------------------------------------------------------------------ */




	
/* Affichage des Logs */
#affichageLogs td.titre { text-align: right; padding-left: 20px; }
#affichageLogs td.droite { text-align: right; }
#affichageLogs select.form { width: 202px; }
#affichageLogs input[type=text] { width: 200px; }
#affichageLogsRes table { border-collapse: collapse; border: 1px solid #2D729D; }
#affichageLogsRes th { border: 1px solid #2D729D; background-image: url(../images/fondTab.jpg); }
#affichageLogsRes td { border: 1px solid #2D729D; }
#affichageLogsRes td.droite { text-align: right; }
#affichageLogsRes tr.pair { background-color: #FFCCCC;  }
#affichageLogsRes tr.impair { background-color: #99CCCC; }
#affichageLogsRes tr:hover { background-color: #FFFF77; }

/* Gestion des droits */
#droits select { width: 300px; }

/* Gestion des options */
#options table { border: 1px solid #006699; width: 98%; border-collapse: collapse; }
#options th { text-align: left; border: 0px; background-image: url(../images/fondTab.jpg); color: black;}
#options th.droite { border: 0px; text-align: right; background-image: url(../images/fondTab.jpg); }
#options .paire { border: 1px solid #44AA44; background: #CCCCCC; }
#options .impaire {	border: 1px solid #44AA44;	background: #FFCC66;}
#options .modification { background: #FFFF77; }
#options tr:hover { background: #FFFF77; }
#options td:hover { background: #FFFF77; }
#options .col1 { width: 20%; }
#options .col2 { width: 55%; }
#options .col3 { width: 25%; text-align: right; }
#options .invisible { border: 0px; margin: 0px; text-align: right; }
#options .colarge { width: 80%; }
#gestionoption { text-align: center; background-color: #FFDF9D; border: 4px solid #2D729D; -moz-border-radius: 6px; z-index: 50; position: absolute; left: 300px; top: 80px; }
#gestionoption td.droite { text-align: right; vertical-align: top; }
#gestionoption select { width: 300px; }



/* Listes générales  */
#listesgenerales table { border: 0px solid #006699; width: 100%}
#listesgenerales tr { border: 1px solid #006699; }
#listesgenerales td { border: 1px solid #006699; }
#listesgenerales select { width: 100%; font-size:10px; }

/* Ajouter item  */
#ajouteritem { text-align: center; }
#ajouteritem table { border: 0px; border-collapse: collapse; margin-left: auto; margin-right: auto; }
#ajouteritem tr { border: 0px; }
#ajouteritem td { border: 0px; }
#ajouteritem select { width: 200px; }
#ajouteritem text { width: 200px; }

/* Modifier item */
#modifieritem { text-align: center; }
#modifieritem table { border: 0px; border-collapse: collapse; margin-left: auto; margin-right: auto; }
#modifieritem tr { border: 0px; }
#modifieritem td { border: 0px; }
#modifieritem select { width: 200px; }
#modifieritem text { width: 200px; }

/* Messages */
#erreurs { padding: 13px; text-align: center; color: red; }
#informations { padding: 13px; text-align: center; color: green; }

#confirmation { background-color: #FFDF9D; border: 3px solid #2D729D;
				-moz-border-radius: 6px; text-align: center; padding: 13px; z-index:100; 
				position: absolute; left: 300px; top: 100px; width: 400px; }
#confirmation table { border: 0px; border-collapse: collapse; margin-left: auto; margin-right: auto; }

.boutons {margin: 5px; padding: 10px;}

/* Gestion des groupes */
/* Liste des groupes  */
#gestiondesgroupes select { width: 300px; font-size:10px; }


/* Listes */
#listes { text-align: center; }
#listes table { border: 0px; border-collapse: collapse; margin-left: auto; margin-right: auto; }
#listes select { width: 300px; }

/* Items */
#items { text-align: center; }
#items table { border: 0px; border-collapse: collapse; margin-left: auto; margin-right: auto; }
#items select { width: 200px; }
#items text { width: 200px; }
#items .col1 { text-align: right; }

/*popups deco conn*/

#tablepostit th {
 background-color:transparent ;
 border-collapse:collapse; 
}

/* Sessions */
#sessionsactuelles table { border-collapse: collapse; border: 1px solid #2D729D; }
#sessionsactuelles th { border: 1px solid #2D729D; background-image: url(../images/fondTab.jpg); }
#sessionsactuelles td { border: 1px solid #2D729D; }
#sessionsactuelles tr.pair { background-color: #FFFFCC;  }
#sessionsactuelles tr.impair { background-color: #FFCC66; }
#sessionsactuelles tr:hover { background-color: #FFFFFF; }

#sessionsstats table { border-collapse: collapse; border: 1px solid #2D729D; }
#sessionsstats th { border: 1px solid #2D729D; background-image: url(../images/fondTab.jpg); }
#sessionsstats td { border: 1px solid #2D729D; }
#sessionsstats td.droite { text-align: right; }
#sessionsstats tr.pair { background-color: #FFFFCC;  }
#sessionsstats tr.impair { background-color: #FFCC66; }
#sessionsstats tr:hover { background-color: #FFFFFF; }

/* Gestion des utilisateurs */
#gestionutilisateurs td.droite { text-align: right; }
#gestionutilisateurs select { width: 200px; }

/* Gestion des menus */
#gestionmenu { background-color: #E4F7FD; border: 3px solid #2D729D; -moz-border-radius: 6px; z-index: 50; position: absolute; left: 300px; top: 80px; }
#gestionmenu td.droite { text-align: right; vertical-align: top; }
#gestionmenu select { width: 300px; }