/*
Caracteres violet : 643264
Violet foncé: 643264
Violet clair: AC82AC
Violet plus clair : E4CEE4
Violet tres clair: F4E6F1
Jaune : FCCE04
*/

/*
Violet: ADA2D5
Orange: ED8362
*/

/*
Fichier konnex :
Vert fond: CCFF33
vert de konnex : 29B654
bleu de konnex : 0071BA
gris de konnex : 919C9D
Violet: 7F7FCC
Orange: ED8362
caractere titre : 003399

vert sub menu : 339966
				B8DCB8
bleu :3399FF

couleur fcg:
bleu :		003399
rouge :		CC0033
*/
body { line-height: 1.5; margin:1.5em 0; }
BODY
{
    SCROLLBAR-FACE-COLOR: #003399;
    FONT-SIZE: 9pt;
    font-family: arial;
    MARGIN: 10px;
    SCROLLBAR-HIGHLIGHT-COLOR: #CC0033;
    SCROLLBAR-SHADOW-COLOR: #003399;
    COLOR: #000000;
    SCROLLBAR-3DLIGHT-COLOR: #003399;
    SCROLLBAR-ARROW-COLOR: white;
    SCROLLBAR-TRACK-COLOR: #CC0033;
    SCROLLBAR-DARKSHADOW-COLOR: #CC0033;
    BACKGROUND-COLOR: white;
}

body.white
{
    SCROLLBAR-FACE-COLOR: white;
    MARGIN: 10px;
    SCROLLBAR-HIGHLIGHT-COLOR: white;
    SCROLLBAR-SHADOW-COLOR: #643264;
    COLOR: #000000;
    SCROLLBAR-3DLIGHT-COLOR: #643264;
    SCROLLBAR-ARROW-COLOR: #643264;
    SCROLLBAR-TRACK-COLOR: white;
    SCROLLBAR-DARKSHADOW-COLOR: white;
    BACKGROUND-COLOR: white;
    background-image: none
}

TABLE
{
    FONT-SIZE: 9pt;
}

TABLE.news
{
	border:1 solid #000000*/
}

TD.newsTitre
{
	border-bottom:1 solid #0071BA;
	padding:5;
	background-color:#003399;
	COLOR: white;
}

TD.newsTitre2
{
	border-bottom:1 solid #0071BA;
	padding:5;
	background-color:#CC0033;
	COLOR: white;
}


TR.newsHeader
{
	background-color:#0071BA;	
	COLOR: white;
}

.highlight
{
	background-color:#DEDEDE
}
/*Respecter l'ordre :link, :visited, :hover, :active. */
A
{
    COLOR: #000000;
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR: #ED8362;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: #ED8362;
    TEXT-DECORATION: none
}

A.menu
{
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.menu:visited
{
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
A.menu:hover
{
    COLOR: #ED8362
}

A.accueil:link
{
    FONT-SIZE: 14pt;
    COLOR: black;
    FONT-FAMILY: Comic Sans MS;
    TEXT-DECORATION: none
}
A.accueil:visited
{
    FONT-SIZE: 14pt;
    COLOR: black;
    FONT-FAMILY: Comic Sans MS;
    TEXT-DECORATION: none;
}
A.accueil:hover
{
    FONT-SIZE: 14pt;
    COLOR: #EE1C2E;
    TEXT-DECORATION: underline;
}

a.afficher
{
	font-style:italic;
	FONT-SIZE: 8pt;
  FONT-FAMILY: Verdana;
}

SPAN.submenu
{
    display: none;
    position: absolute;
    border: 1 solid black;
    background-color: #000000;
    padding-left: 10;
    padding-bottom: 10;
    padding-right: 10;
}

IFRAME.submenu
{
    display: none;
    position: absolute;
    background-color: #000000;
}
IFRAME.allWidth
{
    width: 900;
}
body.submenu
{
	background-color: #003399;
	margin-top: 5;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	border:0 solid black;
}

span.menuTexte
{
	FONT-SIZE: 8pt;
	COLOR: white;
	FONT-FAMILY: Verdana;
	TEXT-DECORATION: none
}

SPAN.label
{
    COLOR: #643264
}
SPAN.valeur
{
    COLOR: #cc0033;
}

SPAN.dot
{
    FONT-SIZE: 9pt;
    MARGIN-LEFT: 10px;
    COLOR: #FFFFFF;
    MARGIN-RIGHT: 10px;
    FONT-FAMILY: Verdana
}

SPAN.titrepage
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    COLOR: #919C9D;
    FONT-FAMILY: Arial
}
SPAN.titreAccueil
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 32pt;
    COLOR: #919C9D;
    FONT-FAMILY: Arial
}
SPAN.descAccueil
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #919C9D;
    FONT-FAMILY: Arial
}
SPAN.help
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-STYLE: italic
}
SPAN.errorTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt
}
SPAN.errorMessage
{
}
TABLE.menu
{
	FONT-SIZE: 8pt;
	COLOR: white;
	FONT-FAMILY: Verdana;
	TEXT-DECORATION: none;
	BORDER-RIGHT: #643264 1px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #643264 1px solid;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #643264 1px solid;
	WIDTH: 950px;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #643264 1px solid;
	BACKGROUND-COLOR: #003399
}
TABLE.submenu
{
    BORDER-RIGHT: #643264 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #643264 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #643264 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #643264 1px solid;
    BACKGROUND-COLOR: #CC0033
}
TABLE.subtable
{
    BACKGROUND-COLOR: #E4CEE4
}
TR.header1
{
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #ADA2D5
}
TR.header2
{
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #F4E6F1
}
TR.Desc
{
    BACKGROUND-COLOR: #dedede
}
TEXTAREA
{
    SCROLLBAR-FACE-COLOR: #d6d3ce;
    FONT-SIZE: 8pt;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    OVERFLOW: auto;
    SCROLLBAR-SHADOW-COLOR: #848284;
    COLOR: #643264;
    SCROLLBAR-3DLIGHT-COLOR: #d6d3ce;
    SCROLLBAR-ARROW-COLOR: #000000;
    SCROLLBAR-TRACK-COLOR: #efefef;
    FONT-FAMILY: "Verdana", "Helvetica", sans-serif;
    SCROLLBAR-DARKSHADOW-COLOR: #000000;
    BACKGROUND-COLOR: #ffffff
}
INPUT
{
    FONT-SIZE: 8pt;
    COLOR: #643264;
    FONT-FAMILY: "Verdana", "Helvetica", sans-serif
}
INPUT.submitbutton
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: 1px solid;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: "Verdana" , "Helvetica" , sans-serif;
    BACKGROUND-COLOR: #ffffff;
}

INPUT.helpline 
{
	background-color: #ffffff; 
	border-style: none; 
	font-size : 10px;
}

SELECT
{
    FONT-SIZE: 8pt;
    COLOR: #643264;
    FONT-FAMILY: "Verdana" , "Helvetica" , sans-serif;
    BACKGROUND-COLOR: #ffffff
}

p {
	margin: 0;
	padding: 0;
}



/*                         ~\\|//
                            (@ ~)
        •————————————oOOO————(_)————OOOo————————————•
		| CSS pour BulMenubar						|
        |                                           | %%%%%%%% à faire pour avoir un Menubar vertical
        |											| ~~~~~~~~ à faire pour toujours avoir le Menubar en haut de page ( si scrolling )
        |               .oooO   Oooo.               |
        •———————————————(   )———(   )———————————————•
                         \ (     ) /
                          \_)   (_/*/

#Menubar 		{ 	/*width:80%;					/* largeur 1ère ligne %%%%%%%% pour un Menubar vertical mettre:128px */
 				font-family:Verdana;		/* police utilisée */
				font-size:8pt;					/* taille des caractères */
				
				/*font-weight:bold;				/* en gras */
				/*position:absolute;top:0;*/	/*	~~~~~~~~ si on désire repositionner ce Menubar en haut de page en cas de scrolling
													et mettre "derrière" l'initialisation (dans BulMenubar.js) du Menubar :
													window.onscroll=function()
													{
														document.getElementById("Menubar").style.top = document.body.scrollTop;
													}	*/
			}
#Menubar a		{	text-decoration:none;			/* texte tel quel */
				/*border-right:1px solid #C1571A;*-		/* couleur de la bordure */
						/* couleur de la bordure */
				background-color:#003399;		/* couleur normale du fond */
												/* height:???px; hauteur des lignes */
				display:block;					/* mode d'affichage */
				color:white;					/* couleur du texte */
				text-align:left;
			}
#Menubar a:hover
			{ 	background-color:#FC8503;		/* couleur du fond quand on survole */
			}
#Menubar li	{	width:104px;					/* largeur des libellés */
				/*margin-right:1;					/* espace à droite */
												/* padding:???px; et/ou margin:??px; séparation entre les lignes /colonnes */
				cursor:pointer;					/* aspect du curseur */
				display:block;					/* mode d'affichage */
				float:left;						/* "cours du texte" : à gauche et "entouré" à droite des éléments qui le suivent */ 
				text-align:left;
				
			}
#Menubar ul	{	visibility:hidden;				/* caché au départ, on y mettre visible au survol */
				position:absolute;				/* mode d'affichage */
			}
#Menubar ul li	{	float:none;						/* "cours du texte" : normal */ 
				display:block;					/* type d'affichage */
				left:-40px;						/* ajustements horizontaux des sous-Menubars 1er niveau %%%%%%%% pour un Menubar vertical mettre:87px */
				top:0px;					/*%%%%%%%%%% à ajouter pour un Menubar vertical */
				position:relative;				/* mode positionnement */
			}
#Menubar ul li ul
			{	float:none;						/* "cours du texte" : normal */ 
				position:absolute;				/* mode positionnement */
				left:149px;						/* ajustements horizontaux des sous-Menubars niveaux suivants */
				top:0px;						/* ajustements verticaux des sous-Menubars niveaux suivants */
				visibility:hidden;				/* caché au départ, on y mettre visible au survol */	
			}
* html #Menubar li li,* html #Menubar li li li
			{	display:inline;					/* pour rectifier une gestion "différente" de IE */
			}
#Menubar img	{	border:0;						/* pas de bordure pour les images */
			}


#Menubar SPAN.dotg
{
    FONT-SIZE: 9pt;
    MARGIN-LEFT: 0px;
    COLOR: #FFA53E;
    MARGIN-RIGHT: 2px;
    FONT-FAMILY: Verdana;
    text-align:left;
}
#Menubar SPAN.dotd
{
    FONT-SIZE: 9pt;
    MARGIN-LEFT: 2px;
    COLOR: #FFA53E;
    MARGIN-RIGHT: 0px;
    FONT-FAMILY: Verdana;
    text-align:right;
}

#Menubar2 		{ 	/*width:80%;					/* largeur 1ère ligne %%%%%%%% pour un Menubar vertical mettre:128px */
 				font-family:Verdana;		/* police utilisée */
				font-size:8pt;					/* taille des caractères */
				
				/*font-weight:bold;				/* en gras */
				/*position:absolute;top:0;*/	/*	~~~~~~~~ si on désire repositionner ce Menubar en haut de page en cas de scrolling
													et mettre "derrière" l'initialisation (dans BulMenubar.js) du Menubar :
													window.onscroll=function()
													{
														document.getElementById("Menubar").style.top = document.body.scrollTop;
													}	*/
			}
#Menubar2 a		{	text-decoration:none;			/* texte tel quel */
				/*border-right:1px solid #C1571A;*-		/* couleur de la bordure */
						/* couleur de la bordure */
				background-color:#005487;		/* couleur normale du fond */
												/* height:???px; hauteur des lignes */
				display:block;					/* mode d'affichage */
				color:white;					/* couleur du texte */
				text-align:left;
			}
#Menubar2 a:hover
			{ 	background-color:#FC8503;		/* couleur du fond quand on survole */
			}
#Menubar2 li	{	width:70px;					/* largeur des libellés */
				/*margin-right:1;					/* espace à droite */
												/* padding:???px; et/ou margin:??px; séparation entre les lignes /colonnes */
				cursor:pointer;					/* aspect du curseur */
				display:block;					/* mode d'affichage */
				float:left;						/* "cours du texte" : à gauche et "entouré" à droite des éléments qui le suivent */ 
				text-align:left;
				
			}
#Menubar2 ul	{	visibility:hidden;				/* caché au départ, on y mettre visible au survol */
				position:absolute;				/* mode d'affichage */
			}
#Menubar2 ul li	{	float:none;						/* "cours du texte" : normal */ 
				display:block;					/* type d'affichage */
				left:-40px;						/* ajustements horizontaux des sous-Menubars 1er niveau %%%%%%%% pour un Menubar vertical mettre:87px */
				top:0px;					/*%%%%%%%%%% à ajouter pour un Menubar vertical */
				position:relative;				/* mode positionnement */
			}
#Menubar2 ul li ul
			{	float:none;						/* "cours du texte" : normal */ 
				position:absolute;				/* mode positionnement */
				left:149px;						/* ajustements horizontaux des sous-Menubars niveaux suivants */
				top:0px;						/* ajustements verticaux des sous-Menubars niveaux suivants */
				visibility:hidden;				/* caché au départ, on y mettre visible au survol */	
			}
* html #Menubar2 li li,* html #Menubar2 li li li
			{	display:inline;					/* pour rectifier une gestion "différente" de IE */
			}
#Menubar2 img	{	border:0;						/* pas de bordure pour les images */
			}


#Menubar2 SPAN.dotg
{
    FONT-SIZE: 9pt;
    MARGIN-LEFT: 0px;
    COLOR: #FFA53E;
    MARGIN-RIGHT: 2px;
    FONT-FAMILY: Verdana;
    text-align:left;
}
#Menubar2 SPAN.dotd
{
    FONT-SIZE: 9pt;
    MARGIN-LEFT: 2px;
    COLOR: #FFA53E;
    MARGIN-RIGHT: 0px;
    FONT-FAMILY: Verdana;
    text-align:right;
}