/*
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
*/

.highlight
{
	background-color:#DEDEDE
}

BODY
{
    SCROLLBAR-FACE-COLOR: #8068B2;
    FONT-SIZE: 11pt;
    font-family: verdana;
    MARGIN: 0px;
		PADDING: 0px;
    SCROLLBAR-HIGHLIGHT-COLOR: #FBF0C0;
    SCROLLBAR-SHADOW-COLOR: #8068B2;
    COLOR: #000000;
    SCROLLBAR-3DLIGHT-COLOR: #8068B2;
    SCROLLBAR-ARROW-COLOR: white;
    SCROLLBAR-TRACK-COLOR: #FBF0C0;
    SCROLLBAR-DARKSHADOW-COLOR: #FBF0C0;
    BACKGROUND-COLOR: #B1B1B1; 
    background-image: url(images/background.jpg);
    background-repeat: repeat-x;
}

TABLE
{
    FONT-SIZE: 11pt;
}

/*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
}

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

p {
	margin: 0;
	padding: 0;
}

UL{
	text-align:left;
	margin: 0;
	padding: 0;
}

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
}

h1
{
    FONT-SIZE: 14pt;
    COLOR: #643264;
    FONT-FAMILY: "Verdana"
}
h2
{
    FONT-SIZE: 12pt;
    COLOR: #643264;
    FONT-FAMILY: "Verdana"
}
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.menu
{
	PADDING: 0px;
	WIDTH: 950;	
	BACKGROUND-COLOR: #8068B2
}

TABLE.body
{
    BACKGROUND-COLOR: #FBF0C0 /*#FBF5DB /*FFE856 /*DFD9EC */
}

TABLE.header
{
    BACKGROUND-COLOR: #FBF0C0 /*FFE856 /*DFD9EC */
}
TR.referencement
{
    display: none
}
TD.menuLeft
{
    BACKGROUND-COLOR: #BFB3D8
}
TD.menuLeftSelected
{
    BACKGROUND-COLOR: #FBF0C0 /*FFE856 /*DFD9EC */
		 
}

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.menuLeft
{
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
		FONT-WEIGHT: bold;
}
A.menuLeft:visited
{
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
		FONT-WEIGHT: bold;
}
A.menuLeft:hover
{
    COLOR: #ED8362;
		FONT-WEIGHT: bold;
}

A.menuLeftSelected
{
    FONT-SIZE: 10pt;
    COLOR: #643264;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
		FONT-WEIGHT: bold;
}
A.menuLeftSelected:visited
{
    FONT-SIZE: 10pt;
    COLOR: #643264;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
		FONT-WEIGHT: bold;
}
A.menuLeftSelected:hover
{
    COLOR: #ED8362;
		FONT-WEIGHT: bold;
}

A.accueil:link
{
    FONT-SIZE: 12pt;
    COLOR: #643264;
		TEXT-DECORATION: none;
    FONT-FAMILY: "Verdana"
}
A.accueil:visited
{
    FONT-SIZE: 12pt;
    COLOR: #643264;
		TEXT-DECORATION: none;
    FONT-FAMILY: "Verdana"
}
A.accueil:hover
{
		FONT-SIZE: 12pt;
    COLOR: #EE1C2E;
		TEXT-DECORATION: none;
    FONT-FAMILY: "Verdana"
}

A.linkRef:link
{
    FONT-SIZE: 8pt;
    COLOR: #B7B6B7;
		TEXT-DECORATION: none;
    FONT-FAMILY: "Verdana"
}
A.linkRef:visited
{
    FONT-SIZE: 8pt;
    COLOR: #B7B6B7;
		TEXT-DECORATION: none;
    FONT-FAMILY: "Verdana"
}
A.linkRef:hover
{
		FONT-SIZE: 10pt;
    COLOR: #ED8362;
		TEXT-DECORATION: none;
    FONT-FAMILY: "Verdana"
}


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: #000000;
    FONT-FAMILY: Arial
}

SPAN.titleadress
{
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: Arial
}
SPAN.phoneadress
{
    FONT-SIZE: 10;
    COLOR: #000000;
    FONT-FAMILY: verdana
}
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;
}


/*                         ~\\|//
                            (@ ~)
        •————————————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:#8068B2;		/* 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:00px;						/* 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;
}

#MenuBottombar 		{ 	/*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;
													}	*/
			}
#MenuBottombar a		{	text-decoration:none;			/* texte tel quel */
				/*border-right:1px solid #C1571A;*-		/* couleur de la bordure */
						/* couleur de la bordure */
				background-color:#8068B2;		/* couleur normale du fond */
												/* height:???px; hauteur des lignes */
				display:block;					/* mode d'affichage */
				color:white;					/* couleur du texte */
				text-align:left;
			}
#MenuBottombar a:hover
			{ 	background-color:#FC8503;		/* couleur du fond quand on survole */
			}
#MenuBottombar 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;
				
			}
#MenuBottombar ul	{	visibility:hidden;				/* caché au départ, on y mettre visible au survol */
				position:absolute;				/* mode d'affichage */
			}
#MenuBottombar ul li	{	float:none;						/* "cours du texte" : normal */ 
				display:block;					/* type d'affichage */
				left:0px;						/* ajustements horizontaux des sous-Menubars 1er niveau %%%%%%%% pour un Menubar vertical mettre:87px */
				top:0px;					/*%%%%%%%%%% à ajouter pour un Menubar vertical */
				position:relative;				/* mode positionnement */
			}
#MenuBottombar 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 #MenuBottombar li li,* html #MenuBottombar li li li
			{	display:inline;					/* pour rectifier une gestion "différente" de IE */
			}
#MenuBottombar img	{	border:0;						/* pas de bordure pour les images */
			}


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