/*

Version V1.3 (08/01/2008) - ajout classes stat et visualisation documents
Version V1.3 (24, 27/01/2008) - PG : modification des styles Afope (tous préfixés par "A_")
Version V1.4 (27/01/2008) - Corrections pour IE6
Version V1.5 (11/02/2008) - Modifications mineures pour IE6

Structure physique du databooster

 		 +-------------------------------------------------------------------------+
		 |cible "hmenu"                                                            |
		 |                                                                         |
		 |               +---------------------------------------------------------+
		 |               |cible "hdoc"                                             |
		 +---------------+classe "doc"                                             |
		 |cible "vmenu"  |                                                         |
		 |               |     +--------------------------------------------+      |
		 |               |     |cible "hdocs"                               |      |
		 |               |     |classe "docs"                               |      |
		 |               |     |                                            |      |
		 |               |     |                                            |      |
		 |               |     |                                            |      |
		 |               |     |                                            |      |
		 |               |     |                                            |      |
		 |               |     +--------------------------------------------+      |
		 |               |                                                         |
		 |               |                                                         |
		 |               |                                                         |
		 |               |                                                         |
 		 +---------------+---------------------------------------------------------+


Définitions et propriétés des objets usuels de CSS

pour approfondir le sujet, voir les sites suivants : 

		 - http://openweb.eu.org
		 - http://zonecss.free.fr


position : permet le positionnement d'un élément au sein d'une page.

  2 valeurs possibles :

		- absolute : permet d'obtenir une position fixe de l'élément sur la page
		- relative : permet d'obtenir une position qui varie selon la position des
	éléments se trouvant avant.

	Cet objet est souvent associé aux objets "top", "left", "bottom" ou "right"
	qui permettent de définir les coordonnées de positionnement de l'élément.
	L'unité utilisée est le pixel (px) - ex : top: 150px; -.

	

margin : cet objet est associé à "margin-left", "margin-right", "margin-top" et 
  "margin-bottom". Il correspond à la marge extérieure de l'élément donnée en 
	pixel. On peut utiliser chaque objet individuellement ou synthétiser les
	différents objets par le seul objet "margin", en particulier si la marge 
	appliquée est identique sur les 4 bords.

	

padding : cet objet est associé à "padding-left", "padding-right", "padding-top" 
  et "padding-bottom". Il correspond à la marge intérieure de l'élément donnée 
	en pixel. On peut utiliser chaque objet individuellement ou synthétiser les
	différents objets par le seul objet "padding", en particulier si la marge 
	appliquée est identique sur les 4 bords.


border : cet objet permet ou non d'appliquer une bordure à l'élément.
  utilisée seule, elle permet d'appliquer un même style de bordure pour
	l'élément (ex : border: solid 1px #FF0000; applique une bordure continue de 1
	pixel d'épaisseur et de couleur rouge à l'ensemble de l'élément)
	Cet objet peut être décomposer en objets plus élémentaires permettant de 
	contrôler une propriété particulière et/ou un côté particulier.
	Les objets usuels rencontrés sont :
		- border-bottom ;
		- border-left ;
		- border-right ;
		- border-top ;
		- border-width ;
		- border-style ;
		- border-bottom-color ;
		- border-left-color ;
		- border-right-color ;
		- border-top-color ;
		- border-bottom-width ;
		- border-left-width ;
		- border-right-width ;
		- border-top-width ;
		- border-bottom-style ;
		- border-left-style ;
		- border-right-style ;
		- border-top-style.
	Les propriétés rattachées au style de la bordure sont :
		- none, aucune bordure, 
		- dotted, bordure en pointillé (sauf internet explorer), 
		- dashed, bordure en tirets (sauf internet explorer), 
		- solid, bordure continue, 
		- double, bordure en double trait, 
		- groove, bordure en creux, 
		- ridge, bordure en saillie, 
		- inset, bordure en 3d lumière basse, 
		- outset, bordure en 3d lumière haute, 
		- inherit, hérite de son parent (css 2).


background : cet objet permet de fixer les propriétés de l'arrière-plan de
  l'élément.
	L'objet appartenant à cette famille le plus utilisé est "background-color".



font : cet objet permet de spécifier le style : taille, épaisseur, la police,...
	ex :
		- font : 14px Arial, Helvetica, sans-serif; 
		- font: x-large/110% "new century schoolbook", serif; 
		- font : oblique small-caps 14px Arial, Helvetica, sans-serif;
  Les objets rencontrés sont :
		- font-style,
		- font-variant,
		- font-weight,
		- font-size/line-height,
		- font-family.
	Un autre objet est associé l'objet "font", il s'agit de l'objet "color". Il
	permet de définir la couleur utilisée pour la police.


text : cet objet détermine le comportement du texte. Il est toujours composé.
  Les objets text rencontrés sont les suivants :
		- text-align (left, center, right, justify, inherit) ;
		- text-decoration (underline, overline, line-through, blink, none) ;
		- text-indent ;
		- text-shadow ;
		- text-transform (capitalize, uppercase, lowercase, none, inherit) ;


*/



/* --------------------------------------------------------------------------
                Définition des classes de styles pour Databooster
   -------------------------------------------------------------------------- */


/*
Redéfinition de la balise body pour permettre la mise à niveau de IE6 avec les 
standards du css
*/

body
{
/* Permet la compatibilité pour IE6 et antérieur */
	behavior: url(Style/csshover2.htc);
}

.hidden
{
	position: absolute;
	visibility: hidden;
	top: 0px;				 			 /* permet de définir la position horizontale */
	left: 0px;						 /* et verticale de la fénêtre */
}

/*
Définition du comportement de la classe "doc" pour la cible "hdoc" 
*/
.error
{
	position: absolute;
	background-color: #FFFFFF;
	top: 0px;				 			 /* permet de définir la position horizontale */
	left: 0px;						 /* et verticale de la fénêtre */
	width: 100%;
	height: 100%;
}

.doc
{
 	position: absolute;
/*	top: 30px;				 			  permet de définir la position horizontale */
/*	left: 210px;						  et verticale de la fénêtre */
/*  margin-left: 200px;
	margin-right: 10px;
	margin-top: 40px;
	margin-bottom: 15px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 60px;
	margin-bottom: 15px;
	padding: 0;
	padding-left: 210px;
	padding-right: 20px;
/*  background-color: #FFFFFF;*/
	width: 75%;
	height: auto;
	overflow: visible;
}
/*
Définition du comportement de la classe "docs" pour la cible "hdocs".
Cette classe ne sert que de conteneur pour afficher les fluxs des autres
éléments.
Cette classe n'est pas à modifier car elle permet aussy à rendre la
fenêtre invisible lorsqu'aucun flux n'est affiché.
*/
.docs
{
	background-color: #FFFFFF;
	/*z-index: 100;
	top: 200px;
	left: 400px;
	width: 400px;
	height: 400px;
	position: absolute;
	display: none;*/
}

/*

*/
.hinfo
{
	background-color: #FFFFFF;
	border: solid;
	border-width: 1px;
	border-color: #224D9A;
	padding: 10px;
	padding-top: 0px;
	font: 7pt Verdana, sans-serif;
	text-decoration: none;
	text-align: left;
	color: #224D9A;
	width: 450px;
}

.hinfos
{
	background-color: #FFFFFF;
	border: solid;
	border-width: 1px;
	border-color: #224D9A;
	padding: 10px;
	padding-top: 0px;
	font: 7pt Verdana, sans-serif;
	text-decoration: none;
	text-align: left;
	color: #224D9A;
}

/*
Classe d'affichage des documents html ouverts d'après la page de résultats
*/
.fidoc
{
	position: absolute;
	top: 30px;
	left: 210px;
	border: solid;
	border-width: 1px;
	border-color: #FB3F00;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 15px;
	padding: 0;
	background-color: #FFFFFF;
	height: 600px;
	overflow: auto;
}

.menu
{
	position: absolute;
	top: 0;
	left: 5px;
	margin-top: 5px;
}

/*
Classe pour le positionnement du flux des menus privés
*/
.mnuprive
{
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 700px;
}

/*
Classe de définition du style d'affichage de l'accroche sous les menus flexibles
*/
.mntitre
{
	align: center;
	margin: 2px;
	padding: 2px;
	text-align: center;
	font: Italic 9pt Verdana, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #7BA5C6;
	background-color: #FFFFFF;
}

/*
Classe de définition de la bordure supérieure bleue des menus flexibles
*/
.bordure 
{
	BORDER-TOP: #215AAD 2px solid;
}

/*
Classe de redéfinition de la balise <a>...</a>
*/
a
{
	text-decoration: none;
}

/*
Classe de dessin du cadre pour les menus privés
*/
.txt-menu
{
	border: solid 2px #ff8c83;
	text-align: center;
	font: 9pt Verdana, sans-serif;
	color: #224D9A;
	background-color: #FFFFFF;
}

/*
Classes d'affichage des listes de résultats
*/

/*
ligne paire
*/

/*
normale
*/
.tabnormal
{
	background-color: #FFFFFF;
}

/*
survol
*/
.tabnormal:hover
{
	background-color: #FFBB0F;
}

/*
ligne impaire
*/

/*
normale
*/
.tabnormal2
{
	background-color: #A9FAFD;
}

/*
survol
*/
.tabnormal2:hover
{
	background-color: #FFBB0F;
}

/*
Classe d'affichage des champs d'input
*/
.frmsel
{
	border: solid 1px #963300;
	background-color: #FFFFFF;
}

/*
Classe d'affichage du tableau de login
*/
.tablog
{
	border: 2px inset #99ccff;
	color: blue;
	background: url(../Images/fond.gif) no-repeat 125px 75px;
}

/*
Classes d'affichage des modules de gestion
*/

/*
Classe de visualisation des catégories
*/
.cat
{
/* Positionnement de la fenêtre */
 	position: absolute;
	top: 50px;
	left: 300px;
/* Contour de la fenêtre */
	border: ridge;
	border-width: 2px;
	border-color: #FB3F00;/*#BD172F;*/
/* Définition des marges internes et externes de la fenêtre */
	margin-left: auto;
	margin-right: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 25px;
/* Couleur de fond de la fenêtre - si cette valeur est omise, la fenêtre est transparente */
	background-color: #FFFFFF;
/* Gestion automatique des ascenseurs */
	overflow: auto;
}

/*
Classe de visualisation pour la "gestion des documents"
*/
.gdoc
{
/* Positionnement de la fenêtre */
 	position: absolute;
	top: 50px;
	left: 300px;
/* Contour de la fenêtre */
	border: ridge;
	border-width: 2px;
	border-color: #FB3F00;/*#BD172F;*/
/* Définition des marges internes et externes de la fenêtre */
	margin-left: auto;
	margin-right: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 25px;
/* Couleur de fond de la fenêtre - si cette valeur est omise, la fenêtre est transparente */
	background-color: #FFFFFF;
/* Gestion automatique des ascenseurs */
	overflow: auto;
}

/*
Classe de visualisation pour la "gestion des groupes"
*/
.grp
{
/* Positionnement de la fenêtre */
 	position: absolute;
	top: 50px;
	left: 300px;
/* Contour de la fenêtre */
	border: ridge;
	border-width: 2px;
	border-color: #FB3F00;/*#BD172F;*/
/* Définition des marges internes et externes de la fenêtre */
	margin-left: auto;
	margin-right: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 25px;
/* Couleur de fond de la fenêtre - si cette valeur est omise, la fenêtre est transparente */
	background-color: #FFFFFF;
/* Gestion automatique des ascenseurs */
	overflow: auto;
}

/*
Classe de visualisation pour la "gestion des membres"
*/
.mbr
{
/* Positionnement de la fenêtre */
 	position: absolute;
	top: 50px;
	left: 300px;
/* Contour de la fenêtre */
	border: ridge;
	border-width: 2px;
	border-color: #FB3F00;/*#BD172F;*/
/* Définition des marges internes et externes de la fenêtre */
	margin-left: auto;
	margin-right: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 25px;
/* Couleur de fond de la fenêtre - si cette valeur est omise, la fenêtre est transparente */
	background-color: #FFFFFF;
/* Gestion automatique des ascenseurs */
	overflow: auto;
}

/*
Classe de visualisation pour la "gestion des menus"
*/
.mnu
{
/* Positionnement de la fenêtre */
	position: absolute;
	top: 50px;
	left: 300px;
/* Contour de la fenêtre */
	border: ridge;
	border-width: 2px;
	border-color: #FB3F00;/*#BD172F;*/
/* Définition des marges internes et externes de la fenêtre */
	margin-left: auto;
	margin-right: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 25px;
/* Couleur de fond de la fenêtre - si cette valeur est omise, la fenêtre est transparente */
	background-color: #FFFFFF;
/* Gestion automatique des ascenseurs */
	overflow: auto;
}

/*
Classe de visualisation des images pour la "gestion des images"
*/
.gim
{
/* Positionnement de la fenêtre */
 	position: absolute;
	top: 50px;
	left: 300px;
/* Contour de la fenêtre */
	border: ridge;
	border-width: 2px;
	border-color: #FB3F00;/*#BD172F;*/
/* Définition des marges internes et externes de la fenêtre */
	margin-left: auto;
	margin-right: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 25px;
/* Couleur de fond de la fenêtre - si cette valeur est omise, la fenêtre est transparente */
	background-color: #FFFFFF;
/* Gestion automatique des ascenseurs */
	overflow: auto;
}

/*
Classe d'affichage des documents en fenêtre
*/
.visu
{
/* Positionnement de la fenêtre 
 	position: relative;
	width: auto - 225px;*/
 	position: absolute;
	top: 50px;
	left: 220px;
	right: 20px;
/* Définition des marges internes et externes de la fenêtre */
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 25px;
/* Couleur de fond de la fenêtre - si cette valeur est omise, la fenêtre est transparente */
	background-color: #FFFFFF;
	height: auto;
	width: 750px;
/* Contour de la fenêtre */
	border: ridge;
	border-width: 2px;
	border-color: #FB3F00;/*#BD172F;*/
/* Gestion automatique des ascenseurs */
	overflow: auto;
}

/*
Classes de visualisation des statistiques
*/

/* Classe principale */
.sta
{
/* Positionnement de la fenêtre */
 	position: absolute;
	top: 50px;
	left: 300px;
/* Contour de la fenêtre */
	border: ridge;
	border-width: 2px;
	border-color: #FB3F00;/*#BD172F;*/
/* Définition des marges internes et externes de la fenêtre */
	margin-left: auto;
	margin-right: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 25px;
/* Couleur de fond de la fenêtre - si cette valeur est omise, la fenêtre est transparente */
	background-color: #FFFFFF;
/* Gestion automatique des ascenseurs */
	overflow: auto;
}

/* Classe d'affichage des tableaux de stat*/
.tabsta
{
	border: ridge;
	border-width: 2px;
	border-color: #FB3F00;/*#BD172F;*/
}

.tabsta0
{
	background-color: #FFFFFF;
}

.tabsta0:hover
{
	background-color: #FFBB0F;
}

.tabsta1
{
	background-color: #A9FAFD;
}

.tabsta1:hover
{
	background-color: #FFBB0F;
}

#idsta
{
	font: 7pt Verdana, sans-serif;
	color: #0016A1;
	padding: 0;
	margin: 0;
}

/* Affichage des menus automatiques */

/*
Cette partie permet de gérer l'affichage des menus automatiques ainsi que le déroulement
des sous-menus - NE PAS MODIFIER
*/

/* Alignement vertical*/
#menuDeroulant
{
	width: 150px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-right: 20px;
	position: absolute;
	top: 130px;
	left: 10px;
}

#menuDeroulant
{
	float: left;
	width: 150px;
	height: 18px;
	margin: 0;
	margin-right: -1px;
	padding: 0;
	padding-left: 5px;
	padding-right: 20px;
}

#li
{
	float: left;
	width: 150px;
	height: 18px;
	margin: 0;
	margin-right: -1px;
	padding: 0;
	padding-left: 5px;
	padding-right: 20px;
/* border-bottom: 1px solid #C8C8C0;
 border-left: 1px solid #C8C8C0;
 border-right: 1px solid #C8C8C0;*/
}

#menuDeroulant .sousMenu
{
	float: left;
	display: none;
	list-style-type: none;
	position: relative;
	margin: 0;
	margin-left: 165px;
	margin-top: auto;
	padding: 0px;
	border: 0;
}
/*
li
{
 border-bottom: 1px solid #C8C8C0;
 border-left: 1px solid #C8C8C0;
 border-right: 1px solid #C8C8C0;
}
*/
#p
{
	position: relative;
	margin: 0;
	margin-top: -17px;
	margin-left: -17px;
	padding: 0;
	border: 0;
	width: auto;
	height: auto;
}

#menuDeroulant li:hover .sousMenu { display: block; }

/* Alignement horizontal */

/*
#menuDeroulant
{
 width: 1024px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 top: 0;
 left: 0;
}

#menuDeroulant li
{
 float: left;
 width: auto;
 margin: 0;
 margin-left: 1px;
 padding: 0;
 padding-left: 5px;
 padding-right: 20px;
 border: 0;
 border-bottom: 1px solid #FF0000;
 background-color: #000000;
}

#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: auto;
 border-top: 1px solid #FF0000;
 border-left: 1px solid #FF0000;
}

#menuDeroulant li:hover .sousMenu { display: block; }
*/

/*
Affichage des infobulles pour la liste de résultats
*/
button.btnform, div.btnform {
	position: relative;
	color: black;
	text-decoration: none;
}
button.btnform span {
	display: none; /* on masque l'infobulle */
}
button.btnform:hover, div.btnform:hover {
	background: none; /* correction d'un bug IE */
	z-index: 1000; /* on définit une valeur pour l'ordre d'affichage */
/*	cursor: help;  on change le curseur par défaut en curseur d'aide */
}
button.btnform:hover span {
	display: block; /* on affiche l'infobulle */
	position: absolute;
/*	white-space: nowrap;  on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	top: 20px; /* on positionne notre infobulle */
	left: 50px;
	width:400px;
	background: white;
	font: normal 9px Verdana, sans-serif;
	color: black;
	padding: 3px;
	border: 1px solid red;
	border-left: 4px solid red;
}
/* FIN INFOBULLE */

/*
Classe de cellule de la ligne de titre du moteur documentaire
*/
.cellule
{
	font: bolder 10pt Verdana, sans-serif;
	color: #08109C;
	background-color: #E7EFF7;
}

/*
Classe de cellule de la ligne secondaire du moteur documentaire
*/
.sstitre
{
	font: 8pt Verdana, sans-serif;
	color: #000000;
}

/*
Classe de titre de la ligne secondaire du moteur documentaire
*/
.titremoteur
{
	font: bolder 9pt Verdana, sans-serif;
	color: #000000;
	padding: 0;
	margin: 0;
}

/*
Classe de titre de la ligne secondaire du moteur documentaire
*/
.titredate
{
	font: 9pt Verdana, sans-serif;
	color: #000000;
	padding: 0;
	margin: 0;
}

/*
Classe de titre de la ligne secondaire du moteur documentaire (rouge)
*/
.titreselect
{
	font: bolder 7pt Verdana, sans-serif;
	color: #FF0000;
	padding: 0;
	margin: 0;
}

/*
Classe d'affichage du message d'erreur (rouge)
*/
.errmess
{
	font: bolder 9pt Verdana, sans-serif;
	color: #FF0000;
	padding: 0;
	margin: 0;
}

/*
Classe de titre de la ligne secondaire du moteur documentaire (noir)
*/
.titreselectbl
{
	font: bolder 7pt Verdana, sans-serif;
	color: #000000;
	padding: 0;
	margin: 0;
}

/*
Classe de titre de la ligne secondaire du moteur documentaire (bleu)
*/
.titreselectblue
{
	font: 9pt Verdana, sans-serif;
	color: #0016A1;
	padding: 0;
	margin: 0;
}

/*
Classe de titre de la ligne secondaire du moteur documentaire (bleu)
*/
.titreselectsmblue
{
	font: 7pt Verdana, sans-serif;
	color: #0016A1;
	padding: 0;
	margin: 0;
}

/*
Classe pour l'affichage de la bordure supérieure de chaque groupe de menus
*/
.brdr
{
	border: 0;
	border-bottom: 1px solid #08109C;
}

/*
Classe pour le positionnement du document des évènements AFOPE
*/
.event
{
	position: absolute;
	top: 160px;
	left:700px;
	width: 300px;
}

/*
Classe pour le positionnement du document de l'AFOPE en bref
*/
.bref
{
	position: absolute;
	top: 72px;
	left:210px;
	width: 150px;
	padding: 0;
	margin: 0;
}

/*
Classe pour l'affichage des sujets chauds
*/
.hot
{
	border: 0;
	width: 160px;
}

/*
Classe pour l'affichage de l'espace sujets chauds
*/
.sub
{
	border: 0;
	font: 7pt Verdana, sans-serif;
	list-style-type: none;
}

/*
Classe pour l'affichage du titre Afoposcope
*/
.afscop
{
	font: bolder 8pt Verdana, sans-serif;
	color: #FFFFFF;
	border: 0;
	border-top: 1px solid #08109C;
	text-decoration: none;
	text-align: center;
	background-color: #08109C;
}

/*
Classe pour l'affichage de la recherche rapide
*/
.fastsearch
{
	border:0;
}

/*
Classe pour l'affichage de l'input de la recherche rapide
*/
.zn-search
{
	font: 7pt Verdana, sans-serif;
	border: 1px solid #08109C;
	width: 120px;
}

/*
==================================================================================
Classes pour la présentation de hdoc
==================================================================================
*/

/*
Classe de reset du comportement des balises <p> et <li>
*/
.stdpli
{
	border: 0;
	margin: 0;
	padding: 0;
	font: 10pt Verdana, sans-serif;
}

/*
==================================================================================
Classes pour les différents designs de boutons
==================================================================================
*/

/*
Classes de design du bouton flash
*/

/*
normal
*/
.flash
{
	border: 0;
	font: bolder 8pt Verdana, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	background-color: #FF0000;
}

/*
survol
*/
.flash:hover
{
	border: 0;
	font: bolder 8pt Verdana, sans-serif;
	text-decoration: underline;
	text-align: center;
	color: #FFFFFF;
	background-color: #F0F000;
}

/*
Classes de design du bouton d'accueil
*/

/*
normal
*/
.btnaccueil
{
	border: 0;
	font: bolder 8pt Verdana, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	background-color: #F60A00;
}

/*
survol
*/
.btnaccueil:hover
{
	border: 0;
	font: bolder 8pt Verdana, sans-serif;
	text-decoration: underline;
	text-align: center;
	color: #FFFFFF;
	background-color: #F0F000;
}

/*
Classes de design principal pour les boutons de menus
*/

/*
normal
*/
.btmenu
{
	border: solid 1px #08429C;
	border-top: 0px;
	padding-left: 1px;
	font: bolder 8pt Verdana, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #08109C;
	background-color: #FFFFFF;
}

/*
survol
*/
.btmenu:hover
{
	border: solid 1px #08429C;
	border-top: 0px;
	padding-left: 1px;
	font: bolder 8pt Verdana, sans-serif;
	text-decoration: underline;
	text-align: center;
	color: #FFFFFF;
	background-color: #7BA5C6;
}

/*
Classes de design principal pour les boutons d'ouverture des documents recherchés
*/

/*
Bouton ligne impaire
*/

/*
normal
*/
.btnform {
	font: bolder 7pt Verdana, sans-serif;
	border: solid 1px #FB3F00;
	width: 450px;
	text-align: left;
	vertical-align: center;
	background-color: #FFFFFF;
}
.btnform span {
	display: none; /* on masque l'infobulle */
}

/*
survol
*/
.btnform:hover
{
	border: solid 1px #FB3F0F;
	width: 450px;
	background-color: #F9BB0F;
}
.btnform:hover span {
	display: block; /* on affiche l'infobulle */
	position: absolute;

/*	white-space: nowrap;  on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

	top: 20px; /* on positionne notre infobulle */
	left: 50px;
	width:400px;

	background: white;
	font: normal 9px Verdana, sans-serif;
	color: black;
	padding: 3px;

	border: 1px solid red;
	border-left: 4px solid red;
}

/*
Bouton ligne paire
*/

/*
normal
*/
.btnform2
{
	font: bolder 7pt Verdana, sans-serif;
	border: solid 1px #FB3F00;
	width: 450px;
	text-align: left;
	vertical-align: center;
	background-color: #A9FAFD;
}

/*
survol
*/
.btnform2:hover
{
	border: solid 1px #FB3F0F;
	width: 450px;
	background-color: #F9BB0F;
}

/*
Classes de design principal pour les boutons de menus privés
*/

/*
normal
*/
.btnpriv
{
	width: 180px;
	PADDING-LEFT: 10px;
	valign: center;
	text-align: left;
	font: 8pt Verdana, sans-serif;
	color: #224D9A;
	border: solid 1px #FB3F00;
	background-color: #FFFFFF;
}

/*
survol
*/
.btnpriv:hover
{
	width: 180px;
	PADDING-LEFT: 10px;
	valign: center;
	text-align: left;
	font: 8pt Verdana, sans-serif;
	color: #C24D9A;
	border: solid 1px #FB3F0F;
	background-color: #FFBB0F;
}

/*
Classes des boutons de sélection de la page
*/
.btnsel							/* Design principal du bouton */
{
  border: solid 1px #FB3F00;
  background-color: #FFFFFF;
}

.btnsel:hover				/* Design pour le survol du bouton */
{
  border: solid 1px #FB3F0F;
  background-color: #FFBB0F;
}

.btnsel1						/* Design du bouton de la page en cours */
{
  border: solid 1px #FB3F00;
  background-color: #F9FAFD;
}

/*
Classe de design du bouton des nouveaux documents
*/

/*
normal
*/
.newdoc
{
	border: 0;
	font: bolder 7pt Verdana, sans-serif;
	text-decoration: none;
	text-align: center;
	color: #08109C;
	background-color: #E7EFF7;
}

/*
survol
*/
.newdoc:hover
{
	border: 0;
	font: bolder 7pt Verdana, sans-serif;
	text-decoration: underline;
	text-align: center;
	color: #000FFF;
	background-color: #E7C0F7;
}

/*
Classe de design du bouton de la recherche rapide
*/

/*
normal
*/

.searchOK
{
	font: bolder 7pt Verdana, sans-serif;
	color: #FFFFFF;
	border: 1px solid #08109C;
	background-color: #05109C;
	width: 23px;
}

/*
survol
*/
.searchOK:hover
{
	font: bolder 7pt Verdana, sans-serif;
	color: #0FFFFF;
	border: 1px inset #10FFFF;
	background-color: #08109C;
	width: 23px;
}

/*
Classe de design des boutons de menus flexibles
*/

/*
normal
*/
.boutonmenu
{
	font: 8pt Verdana, sans-serif;
	color: #000000;
	text-decoration: none;
	border: 0px solid #000000;
	background-color: #FFFFFF;
}

/*
survol
*/
.boutonmenu:hover
{
	font: bolder 8pt Verdana, sans-serif;
	color: #FF0000;
	text-decoration: none;
	border: 0px solid #000000;
	background-color: #FFFFFF;
}

/*
Classe de design des boutons de menus dynamiques
*/

/*
normal
*/
.boutonmenuv
{
	font: 7pt Verdana, sans-serif;
	width: 140px;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	border: 0px solid #000000;
	background-color: #FFFFFF;
}

/*
survol
*/
.boutonmenuv:hover
{
	font: bolder 7pt Verdana, sans-serif;
	width: 140px;
	color: #FF0000;
	text-decoration: none;
	text-align: justify;
	border: 0px solid #000000;
	background-color: #FFFFFF;
}

/*
Classe de design des boutons des sous-menus dynamiques
*/

/*
normal
*/
.boutonssmenu
{
	font: bolder 7pt Verdana, sans-serif;
	width: 225px;/*auto125px;*/
	height: 18px;
	color: #08109C;
	text-decoration: none;
	text-align: justify;
	margin: 0;
	padding: 0;
	padding-left: -15px;
	border: 1px solid #C8C8C0;
	background-color: #E7EFF7;
}

/*
survol
*/
.boutonssmenu:hover
{
	font: bolder 7pt Verdana, sans-serif;
	width: 225px;/*auto125px;*/
	height: 18px;
	color: #000FFF;
	text-decoration: none;
	text-align: justify;
	margin: 0;
	padding: 0;
	padding-left: -15px;
	border: 1px solid #C8C8C0;
	background-color: #E7C0F7;
}

/*
Classe de design des boutons ...
*/

/*
normal
*/
.boutonmenu1
{
	font: bolder 8pt Verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #000000;
	width: auto;
	background-color: #000000;
}

/*
survol
*/
.boutonmenu1:hover
{
	font: bolder 8pt Verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #000000;
	background-color: #FF0000;
}

/*
Classe de design des boutons des sujets chauds
*/

/*
normal
*/
.boutonssmenu1
{
	font: bolder 7pt Verdana, sans-serif;
	width: 125px;
	color: #08109C;
	text-decoration: none;
	text-align: justify;
	margin: 0;
	padding: 0;
	border: 1px solid #C8C8C0;
	background-color: #E7EFF7;
}

/*
survol
*/
.boutonssmenu1:hover
{
	font: bolder 7pt Verdana, sans-serif;
	width: auto125px;
	color: #000FFF;
	text-decoration: none;
	text-align: justify;
	margin: 0;
	padding: 0;
	border: 1px solid #C8C8C0;
	background-color: #E7C0F7;
}

/*
VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVvV




==================================================================================
==================================================================================

                       Classes pour le contenu Afope

==================================================================================
==================================================================================





Nota : ces classes sont toutes préfixées de "A_"
*/

/* mettre dans stdpli 	vertical-align: top;
*/



/*
Classe standard
*/
.A_std
{
	border: 0;
	margin: 0;
	padding: 0;
	font: 10pt Verdana, sans-serif;
	vertical-align: top;
	text-align: left;
	font-size: 10pt;
	color: #000000;
}



/*
----------------------------------------------------------------------------------
Classes pour le contenu de la page d'accueil publique
----------------------------------------------------------------------------------
*/

/*
Classe de l'intitulé de l'événement
*/

.A_évédate
{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
	font: 8pt Verdana, sans-serif;
	color: #000000;
}
.A_évétitre
{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
	font: 8pt Verdana, sans-serif;
	color: #FF0000;
}
.A_évétexte
{
 border: 0;
 margin: 0;
 padding: 0;
 vertical-align: top;
 text-align: left;
 font: 8pt Verdana, sans-serif;
 color: #000000;
}

/*
----------------------------------------------------------------------------------
Classes pour le contenu de la page d'accueil privée
----------------------------------------------------------------------------------
*/

/*
Classe des cellules
*/
.A_cellule
{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
	font: 10pt verdana, sans-serif;
}

/*
Classe de titre des parties en colonne
*/
.A_titrecol
{
	font-family: verdana;
	font-size: 10pt;
	color: #FF0000;
	font-weight: bold;
	background-color: #848484;
	color:#FFFFFF;
	height: 21px;
	vertical-align: top;
}



/*
----------------------------------------------------------------------------------
Classes pour le contenu des menus dynamiques : en-tête
----------------------------------------------------------------------------------
*/

/*
Classe de titre de page
*/
.A_titrepage
{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
	font: bolder 17pt Verdana, sans-serif;
	color: #848484;
}
.A_titrepage SAV
{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
	font: 12pt Verdana, sans-serif;
	color: #990033;
}


/*
Classe de la mention contact
*/

.A_contact
{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
	font: 10pt Verdana, sans-serif;
	color: #990033;
}

/*
Classe de la mention date de mise à jour
*/
.A_datemaj
{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: right;
	font: 10pt Verdana, sans-serif;
	color: #990033;
}



/*
----------------------------------------------------------------------------------
Classes pour les boutons
----------------------------------------------------------------------------------
*/


.A_bas0
{
	border: 0;
	margin: 0;
	padding: 0;
	font: 10pt Verdana, sans-serif;
	vertical-align: top;
	text-align: left;
	height: 21px;
	border-bottom-style:solid;
	border-bottom-width:0;
} 


/*
Classe de lignes de tableau avec ligne bas simple
*/

.A_bas1
{
	border: 0;
	margin: 0;
	padding: 0;
	font: 10pt Verdana, sans-serif;
	vertical-align: top;
	text-align: left;
	height: 21px;
	border-bottom-style:solid;
	border-bottom-width: 1px solid;
} 

/*
Classe de lignes de tableau avec ligne bas double
*/
.A_bas2
{
	border: 0;
	margin: 0;
	padding: 0;
	font: 10pt Verdana, sans-serif;
	vertical-align: top;
	text-align: left;
	height: 21px;
	border-bottom-style:solid;
	border-bottom-width:2
} 



/*
----------------------------------------------------------------------------------
Classes pour le contenu des menus dynamiques : contenu
----------------------------------------------------------------------------------
*/

/*
Classe de titre gros de paragraphe
*/
.A_titregros
{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
	font: bold  12pt Verdana, sans-serif;
	color: #990033;
}

/*
Classe de titre de paragraphe
*/
.A_titrepara
{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
	font: bold  10pt Verdana, sans-serif;
	color: #990033;
}


/*
Classe de titre de ligne
*/
.A_titlig
{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: left;
	font: bold 10pt Verdana, sans-serif;
}

/*
----------------------------------------------------------------------------------
Classes pour les boutons
----------------------------------------------------------------------------------
*/

.A_bouton
{
	font: bolder 7pt Verdana, sans-serif;
	color: #08109C;
	text-decoration: none;
	text-align: justify;
	margin: 0;
	padding: 0;
	border: 1px solid #C8C8C0;
	background-color: #E7EFF7;
}

/*
survol
*/
.A_bouton:hover
{
	font: bolder 7pt Verdana, sans-serif;
	color: #000FFF;
	text-decoration: none;
	text-align: justify;
	margin: 0;
	padding: 0;
	border: 1px solid #C8C8C0;
	background-color: #E7C0F7;
}





/*
----------------------------------------------------------------------------------
Classes pour les signes
----------------------------------------------------------------------------------
*/
/*
Classe pour les puces rouges (carré, triangle pointant vers la droite)
*/
.A_red10
{
	font-size: 10pt;
	color: #FF0000;
	width: 8px;
	vertical-align: top;
	text-align: left;
}

*/
/*
Classe pour le carré rouge <<<<<<<<<<<<<< en test
*/
.A_pucecarrée
{
	font-size: 10pt;
	color: #FF0000;
	display: list-item;
	list-style-image: url(/Images/puce_square.gif);
}

/*
Classe pour les appels au moteur documentaire
*/
.A_appel
{
	width: 80px; 
	vertical-align: top;
	text-align: left;
	font-size: 10pt;
	color: #FF0000;
}


/*
Classe de design des boutons de menu internes à la page
*/

/*
normal
*/
.A_boutonssmenu200
{
	font: bolder 7pt Verdana, sans-serif;
	width: 200px;
	color: #08109C;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 1px solid #C8C8C0;
	background-color: #E7EFF7;
}

/*
survol
*/
.A_boutonssmenu200:hover
{
	font: bolder 7pt Verdana, sans-serif;
	width: auto200px;
	color: #000FFF;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 1px solid #C8C8C0;
  background-color: #E7C0F7;
}