* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1em;
	font-family: Arial, sans-serif;
	font-weight: normal;
}

html { font-size: 95%; }

fieldset, img {
	border: none;
}

.spacer {
	float: none;
	clear: both;
}

body {
	border: none;
	background: white url(../img/fonds/page.jpg) no-repeat 90px top;
}

#page {
	position: relative;
	min-width: 50em;
}

/*
Définition des styles des formulaires
*/

fieldset {
	margin: 0 0.4em;
}

label {
	margin: 0 0.2em 0;
	font-size: 0.8em;
	color: #138;
	font-weight: bold;
}

input {
	border: 1px solid #138;
	background: #eef;
	cursor: pointer;
}

input.formSubmit {
	float: right;
	margin: 0.3em;
	padding: 0 0.5em;
	overflow: visible;
	width: auto !important;
	width: 1%;
	text-align: center;
	border: none;
	background: #138;
	font-size: 0.7em;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}

input.formSubmit2 {
	margin: 0.3em;
	padding: 0 0.5em 0 0.5em;
	width: auto;
	text-align: center;
	border: none;
	background: #138;
	font-weight: bold;
	font-size: 8pt;
	color: white;
	text-transform: uppercase;
}

select {
	margin: 0.1em 1em;
	padding: 0;
	font-size: 0.9em;
	border: 1px solid silver;
	cursor: pointer;
}



/*

Définition de l'entête de page

*/

#entete {
	position: relative;
	height: 120px;
	margin: 0 0 1em;
}

#logo img {
	margin: 10px 0 0 15px;
}

#entete h2 {
	width: 100%;
	position: absolute;
	top: 35px;
	left: 0px;
}

#entete h2 span {
	position: absolute;
	left: 475px;
	font-size: 11pt;
	font-weight: bold;
	color: #fff;
}

#entete h2 span.welcome 
{
	position: absolute;
	left: 375px;
	top: -2pt;
	font-style: italic;
	font-weight: normal;
	color: #2e3552;
	font-size: 14pt;
}

#entete ul {
	position: absolute;
	top: 0;
	right: 0;
	height: 15px;
	padding-left: 17px;
	background-repeat: no-repeat;
}

#entete ul li {
	float: left;
}

#entete ul a {
	display: block;
	background: #138 url(../img/puces/flecheSimpleFondMauve.gif) no-repeat 9px center;
	text-decoration: none;
	border-left: 1px solid #bbd;
	line-height: 15px;
}

#entete ul a.menuTop {
	display: block;
	background: url(../img/fonds/menuHaut.gif) no-repeat 0 right;
	text-decoration: none;
	border-left: none;
	line-height: 15px;
}

#entete ul a span {
	margin: 0 1em 1px 22px;
	text-transform: uppercase;
	font-size: 0.7em;
	font-weight: bold;
	color: white;
}

#entete ul li a:hover {
	background-color: #bbd;
	color: #138;
}

#entete h4 {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 31px;
	min-width: 150px;
	background: url(../img/fonds/ongletTitrePage.png) no-repeat left top !important;
	background: url(../img/fonds/ongletTitrePage.gif) no-repeat left top;
	border-bottom: 1px solid #eef;
}

#entete h4 span {
	margin: 0 5em 0 55px;
	font-size: 1.3em;
	color: #138;
	font-weight: bold;
	line-height: 31px;
}

.onLineHelp 
{
	position: absolute;
	right: 0px;
	top: 11.5pt;	
}



/*

Définition générale des menus de droite et de gauche.

*/

#menuGauche, #menuDroite {
	position: absolute;
	top: 140px;
	left: 0.5em;
	margin-top: 1em;
	padding-bottom: 5em;
}
#menuDroite {
	left: auto;
	right: 1em;
}

#menuGauche a, #menuDroite a {
	color: #138;
	text-decoration: none;
}

#menuGauche a:hover, #menuDroite a:hover {
	color: #58c;
}

/*

Définition du style pour les blocs des menus

*/

.blocMenu {
	margin: 19px 0 2.5em;
	padding-bottom: 0.5em;
	width: 14em;
	background: white url(../img/fonds/blocMenu.jpg) no-repeat right top;
	border: solid #e5e5ff;
	border-width: 0 1px 1px;
	border-left-color: #bbd;
}

.blocMenu h4 {
	position: relative;
	top: -19px;
	margin: 0 0 -10px;
	height: 19px;
	background: url(../img/fonds/blocMenuTitre.png) no-repeat right top !important;
	background: url(../img/fonds/blocMenuTitre.gif) no-repeat right top;
}

.blocMenu h4 span {
	background: url(../img/puces/flecheDoubleRose.gif) no-repeat left center;
	padding: 0 0.4em 0 25px;
	font-size: 0.7em;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	line-height: 19px;
}

.blocMenu a {
	display: block;
	padding: 0.2em 0 0.2em 1em;
	font-size: 0.8em;
	font-weight: bold;
}

.blocMenu a span {
	font-weight: bold;
}

.blocMenu p {
	padding: 0.4em 0.7em 0.4em 0.4em;
	font-size: 0.8em;
	text-align: justify;
	color: #138;
}

.blocMenu p a {
	font-size: 1em;
}

.blocMenu li {
	margin: 0 0 0 7px;
	background: url(../img/puces/flecheSimpleBordsRouges.gif) no-repeat left center;
}


.blocMenu2 {
	margin: 19px 0 1.5em;
	padding: 15px 0 0.5em;
	width: 14em;
	border-bottom:solid 1px #b7b1d4; 
	border-right:solid 1px #b7b1d4; 
	background: url(../img/fonds/blocPage2.png) no-repeat left top !important;
	background: url(../img/fonds/blocPage2.gif) no-repeat left top;
}


.blocMenu2 ul li {
	margin: 10px 0 0 7px;
	background: url(../img/puces/flecheSimpleFondMauve.gif) no-repeat left center;
}

.blocMenu2 ul li.cheat {
	margin: 10px 0 0 7px;
	background: url(../img/puces/promos.gif) no-repeat left center;
}

.blocMenu2 a {
	display: block;
	padding: 0 16px;
	font-size: 0.7em;
	font-weight: bold;
}

.blocMenu2 h4 {
	position: relative;
	top: -10px;
	margin-bottom: 5px;
	text-align: center;
}

.blocMenu2 h4 span {
	color:#138;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
}

.blocMenu2 p {
	padding: 0.1em 0.7em 0.1em 0.4em;
	font-size: 0.8em;
	text-align: justify;
	color: #138;
}

.blocMenu2 p a {
	font-size: 1em;
}



/*

Définition générale de la partie principale de la page

*/


#contenu 
{
	margin: 0 16em 0 16em;
}

#contenu2
{
	margin: 0 0.5em 0 0.5em;
}

#contenu3
{
	margin: 0 2.5em 0 16em;
}

/*

Définition des blocs de la partie principale de la page

*/

.blocPage {
	position: relative;
	margin: 2.5em 0 0;
	padding: 0 0.4em 1em 0;
	background: url(../img/fonds/blocPage2.png) no-repeat top left !important;
	background: url(../img/fonds/blocPage2.gif) no-repeat top left;
	border: solid #eef;
	border-width: 0 1px 1px 0;
}

.blocPage p {
	font-size:0.8em;
	color:#138;
	text-align:justify;
	padding:0.4em 0.7em 0.4em 0.4em;
}

.blocPage h4 {
	position: relative;
	height: 19px;
	top: -19px;
	right: -0.5em;
}

.blocPage h4 span {
	position: absolute;
	right: 0;
	height: 38px;
	padding: 0 1.5em 0 25px;
	text-transform: uppercase;
	font-size: 0.7em;
	line-height: 20px;
	color: white;
	font-weight: bold;
	background: url(../img/fonds/blocPageTitre.png) no-repeat top left !important;
	background: url(../img/fonds/blocPageTitre.gif) no-repeat top left;
}

.blocPage h4 span.nor {
	background: url(../img/fonds/blocPageTitre.png) no-repeat top left !important;
	background: url(../img/fonds/blocPageTitre.gif) no-repeat top left;	
}

.blocPage h4 span.ens {
	background: url(../img/fonds/blocPageTitreE.png) no-repeat top left !important;
	background: url(../img/fonds/blocPageTitreE.gif) no-repeat top left;	
}
.infoEtabBloc  p {
	padding: 0.4em 0.7em 0.4em 0.4em;
	font-size: 0.8em;
	text-align: justify;
	color:Lime;
}

.blocPage h4 span.doc {
	background: url(../img/fonds/blocPageTitreD.png) no-repeat top left !important;
	background: url(../img/fonds/blocPageTitreD.gif) no-repeat top left;	
}

.blocPage h4 span.col {
	background: url(../img/fonds/blocPageTitreC.png) no-repeat top left !important;
	background: url(../img/fonds/blocPageTitreC.gif) no-repeat top left;	
}

.blocPage h4 span.iuf {
	background: url(../img/fonds/blocPageTitreI.png) no-repeat top left !important;
	background: url(../img/fonds/blocPageTitreI.gif) no-repeat top left;	
}

.blocPage h4 span.bib {
	background: url(../img/fonds/blocPageTitreB.png) no-repeat top left !important;
	background: url(../img/fonds/blocPageTitreB.gif) no-repeat top left;	
}

.blocPage h4 span.bleu {
	background: url(../img/fonds/blocPageTitreStd.png) no-repeat top left !important;
	background: url(../img/fonds/blocPageTitreStd.gif) no-repeat top left;	
}

.blocPage h4 img {
	border: none;
	vertical-align: middle;
	cursor: hand;
}

.blocPage a {
	margin-left: 1.3em;
	color: #138;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.8em;
}

.blocPage h2
{
	margin-left:1.4em;
	margin-bottom:5px;
}

.blocPage h2 a
{
	background-color:#138;
	color:#fff;
	text-transform:uppercase;
	text-decoration: none;
	font-weight:bold;
	font-size:0.8em;
	padding-right:15px;
	margin-top:10px;
	height: 20px;
	line-height: 20px;
	background:url(../img/fonds/blocMenuTitre.gif) no-repeat top right;
}

.blocPage h2 a.current
{
	font-size:0.9em;
	text-decoration: underline;
	color: #58c;
}

.blocPage a:hover {
	color: #58c;
}

.blocPage .txt {
	color: #000;
	text-align: justify;
	font-weight: normal;
	font-size: 0.8em;
	padding-left: 20px; 
}

.blocPage .txt a {
	margin-left: 0;
	color: #138;
	font-size: 1em;
	font-weight:normal;
	text-decoration:none;
}

.blocPage h5 {
	margin: 0 0.2em 0.5em 2.3em;
}

.blocPage h5 a {
	font-size: 0.8em;
	text-transform: uppercase;
}

.blocPage a:hover {
	text-decoration:underline;
}

.blocPage a.nor {
	color: #e0041d;
}

.blocPage a.ens {
	color: #5b2;
}

.blocPage a.doc {
	color: #e07;
}

.blocPage a.col {
	color: #f90;
}

.blocPage a.iuf {
	color: #29d;
}

.blocPage a.bib {
	color: #917;
}

.blocPage a.gen
{
	color: #e0041d;
}

/*********************
Menu du frontoffice
*********************/

ul.menuFront
{
	margin-bottom: 0;
	padding-bottom: 0;
	width:100%;
	display: inline;
}

.menuFront li
{
	background-color: #138;
	display: inline;
	width: auto;
	font-size: 8pt;
	color: #fff;
	text-transform: uppercase;
}

.menuFront li.current
{
	background-color: #bbd;
}
.menuFront li.current a
{
	color: #138; 
}

.menuFront li a 
{
	margin: 1px;
	padding: 0 10px 0 10px;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	line-height: 19px;
}

.menuFront li a:hover {
	background-color: #bbd;
	color: #138;
}

/*********************
Style listes
*********************/

.liste {
	background-color: #CFD4E9;
	border: 1px solid #8894C8;
	width: 100%;
	font-size: 10pt;
	clear: both;
	padding-bottom: 5px;
}

.liste a
{
	text-decoration: none;
}

.liste table.tCritere, table.tPanier {
	width: 100%;
}

.liste table.tCritere th, table.tPanier th {
	text-align: right;
	font-weight: bold;
	font-size: 8pt;
	color: #2e459e;
	vertical-align: top;
}

.blocFiche table.tCritere th
{
	text-align: right;
	font-weight:bold;
	font-size: 8pt;
	color: #2e459e;
	vertical-align: top;
}

.liste table.tCritere td {
	vertical-align: top;
}

.liste table.tPanier
{
	border-collapse: collapse;
	background-color: #8894c8;
}

.liste table.tPanier th 
{
	text-align: center;
	border:solid 1px #0e2692;
	border-collapse:collapse;
	color: White;
}

.liste table.tPanier td 
{
	text-align: left;
	font-size: 8pt;
	color: #2e459e;
	vertical-align: top;
}


.titreListe
{
	display: inline;
	padding: 1px 20px 1px 10px;
	margin: 0 10px 0 0;
	color: White;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #8894C8;
	background-image: url(../img/fonds/coinTitreZC.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.lienVider
{
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	color: #6F7FBC;
}

.menuListe
{
	float: right;
}
.menuListe a
{
	text-decoration: none;
	color: #138;
}

.actionItemListeKne
{
	text-align: right;
	padding-right: 10px;
}

.barreBasRecherche
{
	border: 0;
	border-top: 1px solid #8894c8;
	height: 1px;
}
/**********************
Styles KNE
**********************/
.cache
{
	display: none;
}

.BoutonMoyen
{
	background-color: #6F7FBC;
	text-align: center;
	border: none;
	font-family: verdana;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	cursor:hand;
}

.tableForm td
{
	background-color: #B7BEDD;
	border-top: 3px solid #CFD4E9;
	padding: 3px;
}

.TxtBleuGras
{
	color: #2E459E;
	font-weight: bold;
	font-size:10pt;
}

.TxtBleuGrasPetit
{
    color: #2E459E;
	font-size: 8pt;
	font-weight:bold;
}

.TxtBleuGrasGrand
{
    color: #2E459E;
	font-weight: bold;
	font-size:12pt;
}

.TxtBlancGrasGrand
{
	color: White;
	font-weight: bold;
	font-size:12pt;
}

.TxtBlancGrasPetit
{
    color: White;
    font-size: 10pt;
    font-weight:bold;
}

.TxtBlancPetit
{
    color: White;
    font-size: 8pt;
}

.TxtNormal
{
    color:Black;
    font-size:10pt;
}

.TxtNormalPetit
{
    color:Black;
    font-size:8pt;
}

.TxtGras
{
    color:Black;
    font-size:10pt;
    font-weight:bold;
}


/* BOITES Fiche */
.blocFiche
{
	/* conteneur principal */
	position: relative;
	background:#fff;
	border: solid 1px #b7b1d4; 
	width:100%;
	padding: 1em 1em 1em 1em;
	font-size: 0.8em;
	text-align: justify;
	color: #333;
	
	margin-left :-20Px;/*  niveau chevauchement résolu*/

}

.ascenceur
{
	height:700px;
	overflow:auto;
}

.blocFiche h3
{
	position: relative;
	font:normal small-caps bold 1.1em Arial;
}

.blocFiche h2 
{
	/*font:normal small-caps bold;* ca donne un mauvais affichage au niveau d'IE et pas sur FF*/ 
	color: #138;
	padding: 0.4em 0.4em;
	text-align:center;
	

 

	
}

.blocFiche i
{
	font-size:11pt;
	
	
}

.blocFiche p, span {
	text-align: justify;
	color: #000; 
}

.blocFiche p.question {
	font-weight: bold;
	font-style: italic;
	color: #138;
}

.blocFiche p.TxtBleuGras, p.TxtBleuGrasGrand {
	font-weight: bold;
	color: #2E459E;
}

.blocFiche a {
	color: #138;
	font-weight: normal;
	text-decoration: none;
}

.blocFiche a:hover {
	color: #58c;
}

.blocFiche table {
	padding: 0.4em 0.7em 0.4em 0.4em;
	color: #333;
	
}

.blocFiche td.uNom {
	font-weight:bold;
}

.blocFiche td.uDesc {
	font-weight: normal;
	color: #2b537c;
}

.blocFiche li {
	margin: 0 0 0 7px;
	background: url(../img/puces/flecheSimpleBordsRouges.gif) no-repeat left center;
	padding: 0.4em 0.7em 0.4em 1em;
	text-align: justify;
	color: #333;
}

.blocFiche li.cheat
{
	height: 22px;
}

.blocFiche i {
	font-style: italic;
	font-size: 9pt;
	color: #333;
	font-weight: bold;
}

.bpSousTitreBleuFonce {
	background-color:#b7bedd;
	padding:0px 10px 2px 10px;
	text-align:right;
	color:#fff; 
	font:normal none normal 10pt Arial;
	


}

.blocFiche a.anchor, span.anchor {
	font: normal small-caps bold 11pt;
	padding-left:160px;
	background: url(../img/puces/flecheDoubleRose.gif) no-repeat left center;
	
}

.entetePopup
{
	height:140;
	text-align:left;
	vertical-align:top;
	padding: 10px 0 0 10px;
}

.msgErreur
{
	font: normal normal bold 11pt;
	color: Red;
}

.comboDisciplines
{
	margin: 0em 0em;
	padding: 0;
	font-size: 0.9em;
	border: 1px solid silver;
	cursor: pointer;	
}
.linkAfficheContact
{
	cursor:hand;
	
	}
	
    a.info {  
          position:relative; /* Très important */  
          z-index:10;   
          color:#000;  
          font-family:Arial, Helvetica, sans-serif;  
      }  
    a.info:hover {  
          z-index:20;   
      }  
   a.info span {  
         display:none;  
     }  
   a.info:hover span { /*la tag SPAN apparaitra avec l’effet hover*/  
         display:block;  
         position:absolute;  
         top:18px;   
         leftleft:10px;  
             
         /*Éléments pour positionner le texte dans la bulle*/  
         padding-left:25px;  
         padding-top:24px;   
        padding-bottom:5px;  
         padding-right:8px;  
         width:205px;  
        height:45px;  
     /* Style du character dans la bulle */  
         font-family:Arial, Helvetica, sans-serif;  
         font-weight:normal;  
         font-style:italic;  
         font-size:10px;  
        color:#999999;  
        text-decoration:none;  
        text-align:justify;  
   }  
   /* Pour avoir un beau background de bulle avec PNG   transparent 
     a.info:hover>span {background-image:url(../img/bt.gif);}  
     a.info:hover span {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/bt.gif",  
    sizingMethod="crop");}  */