*
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}

body {
background-color: #336699;
}

.header
{
    BACKGROUND: url(/images/bandeau.gif) #ffffff no-repeat;
    COLOR: #000000;
    HEIGHT: 103px
}
.header_index
{
    BACKGROUND: url(/images/bandeau_login.jpg) #ffffff no-repeat;
    COLOR: #000000;
    HEIGHT: 103px
}
.box-fonctions
{
    PADDING-LEFT: 0.4em;
    COLOR: black;
    PADDING-TOP: 0.3em;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: white
}
#box-date
{
    FLOAT: left;
    PADDING-TOP: 2px
}
A
{
    COLOR: #fc6000;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: #fc6000;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.lien_blanc
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.lien_blanc:hover
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: underline
}
A.mrbs:link {	font-family: arial,sans-serif;
	color:#5B69A6; font-weight: bold; text-decoration: none;font-size:10pt}
A.mrbs:visited {	font-family: arial,sans-serif;
	color:#5B69A6; font-weight: bold; text-decoration: none;font-size:10pt}
A.mrbs:hover {	font-family: arial,sans-serif;
	color:red; text-decoration:underline;font-size:11pt}
A.mrbssmall:link {	font-family: arial,sans-serif;
	color:#5B69A6; text-decoration: none;font-size:9pt}
A.mrbssmall:visited {	font-family: arial,sans-serif;
	color:#5B69A6; text-decoration: none;font-size:9pt}
A.mrbssmall:hover {	font-family: arial,sans-serif;
	color:red; text-decoration:none;font-size:9pt}

.normal
{
    FONT-SIZE: 8pt
}
.petit_text
{
    FONT-SIZE: 7pt
}
.msg_alerte
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.msg_alerte2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: left
}
.conteneur
{
    MARGIN-LEFT: auto;
    WIDTH: 1000px;
    COLOR: #000000;
    MARGIN-RIGHT: auto;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: left
}

.login
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BACKGROUND: url(/images/login.gif) no-repeat;
    LEFT: 540px;
    WIDTH: 455px;
    COLOR: #fc6000;
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
    POSITION: relative;
    TOP: 11px;
    HEIGHT: 80px;
    TEXT-ALIGN: right
}
H1.titre_login
{
    MARGIN-TOP: 5px;
    FONT-SIZE: 9pt;
    MARGIN-LEFT: 20px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.contenu_login
{
    MARGIN-TOP: 0px;
    FONT-SIZE: 9pt;
    MARGIN-LEFT: 20px;
    MARGIN-RIGHT: 20px;
   COLOR: #ffffff;
    PADDING-TOP: 10px;
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
.tab_login
{
	COLOR: #000000;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	TEXT-ALIGN: center;
}
.cel_login{
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
}

DL.coin {
	display: inline-block;
	text-align: center;
	background-color:#DEE6DE;
	border:1px solid #FC6C00;
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 15px;
    TOP: 10px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
	WIDTH: 90%;
/*arrondir les 4 coins */
-webkit-border-radius:20px;
border-radius:20px
}

DL.coingauche {
	float: left;
	position: relative;
	text-align: center;
	background-color:#DEE6DE;
	border:1px solid #FC6C00;
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 15px;
    TOP: 10px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
    LEFT: 50px;
	WIDTH: 45%;
/*arrondir les 4 coins */
-webkit-border-radius:20px;
border-radius:20px
}
DL.coindroit {
	float: right;
	position: relative;
    right: 50px;
	text-align: center;
	background-color:#DEE6DE;
	border:1px solid #FC6C00;
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 15px;
    TOP: 10px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
	WIDTH: 45%;
/*arrondir les 4 coins */
-webkit-border-radius:20px;
border-radius:20px
}


DL.bloc
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: url(/images/bloc_bas.gif) no-repeat left bottom;
    PADDING-BOTTOM: 15px;
    MARGIN: 0px;
    WIDTH: 1000px;
    PADDING-TOP: 10px;
    TOP: 10px
}

DT.bloc
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: url(/images/bloc_haut.gif) no-repeat left top;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    HEIGHT: 15px
}

DD.bloc
{
    PADDING-RIGHT: 25px;
    PADDING-LEFT: 25px;
    BACKGROUND: url(/images/bloc_fond.gif) left top;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
DL.bloc_court
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: url(/images/bloc_bas_300.gif) no-repeat left bottom;
    PADDING-BOTTOM: 15px;
    MARGIN: 0px;
    WIDTH: 300px;
    PADDING-TOP: 10px;
    TOP: 10px
}

DT.bloc_court
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: url(/images/bloc_haut_300.gif) no-repeat left top;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    HEIGHT: 15px
}

DD.bloc_court
{
    PADDING-RIGHT: 25px;
    PADDING-LEFT: 25px;
    BACKGROUND: url(/images/bloc_fond_300.gif) left top;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

DL.bloc_moyen
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: url(/images/bloc_bas_900.gif) no-repeat left bottom;
    PADDING-BOTTOM: 15px;
    MARGIN: 0px;
    WIDTH: 900px;
    PADDING-TOP: 10px;
    TOP: 10px
}

DT.bloc_moyen
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: url(/images/bloc_haut_900.gif) no-repeat left top;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    HEIGHT: 15px
}

DD.bloc_moyen
{
    PADDING-RIGHT: 25px;
    PADDING-LEFT: 25px;
    BACKGROUND: url(/images/bloc_fond_900.gif) left top;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}



.la_une
{
    MARGIN-TOP: 10px;
    FLOAT: left;
    MARGIN-LEFT: 0px;
    WIDTH: 280px
}
.la_une_haut
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 25px;
    BACKGROUND-IMAGE: url(/images/a_la_une.gif);
    PADDING-BOTTOM: 0px;
    WIDTH: 220px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 33px
}
.la_une_corp
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 5px;
    POSITION: relative
}
.memento
{
    MARGIN-TOP: 10px;
    FLOAT: right;
    MARGIN-BOTTOM: 20px;
    WIDTH: 480px;
    MARGIN-RIGHT: 0px
}
.memento_haut
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 25px;
    BACKGROUND-IMAGE: url(/images/memento.gif);
    PADDING-BOTTOM: 0px;
    WIDTH: 490px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 33px
}
.memento_corp
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 5px;
    POSITION: relative
}
.titre_rouge_gauche
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    VERTICAL-ALIGN: bottom;
    WIDTH: 12px;
    HEIGHT: 32px;
    BORDER-RIGHT-WIDTH: 0px
}
.titre_rouge_milieu
{
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 6px;
    COLOR: #FF0000 ;
    HEIGHT: 32px
}
.titre_rouge_droit
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BACKGROUND-IMAGE: url(/images/titre_droit_rouge.gif);
    BORDER-BOTTOM-WIDTH: 0px;
    VERTICAL-ALIGN: bottom;
    WIDTH: 23px;
    HEIGHT: 32px;
    BORDER-RIGHT-WIDTH: 0px
}
.titre_bleu_gauche
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BACKGROUND-IMAGE: url(/images/titre_gauche_bleu.gif);
    BORDER-BOTTOM-WIDTH: 0px;
    VERTICAL-ALIGN: bottom;
    WIDTH: 12px;
    HEIGHT: 32px;
    BORDER-RIGHT-WIDTH: 0px
}
.titre_bleu_milieu
{
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    BACKGROUND-IMAGE: url(/images/titre_milieu_bleu.gif);
    PADDING-BOTTOM: 6px;
    COLOR: #ffffff;
    HEIGHT: 32px
}
.titre_bleu_droit
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BACKGROUND-IMAGE: url(/images/titre_droit_bleu.gif);
    BORDER-BOTTOM-WIDTH: 0px;
    VERTICAL-ALIGN: bottom;
    WIDTH: 23px;
    HEIGHT: 29px;
    BORDER-RIGHT-WIDTH: 0px
}
.titre_gris_gauche
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BACKGROUND-IMAGE: url(/images/titre_gauche_gris.gif);
    BORDER-BOTTOM-WIDTH: 0px;
    VERTICAL-ALIGN: bottom;
    WIDTH: 12px;
    HEIGHT: 32px;
    BORDER-RIGHT-WIDTH: 0px
}
.titre_gris_milieu
{
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    BACKGROUND-IMAGE: url(/images/titre_milieu_gris.gif);
    PADDING-BOTTOM: 6px;
    COLOR: #ffffff;
    HEIGHT: 32px
}
.titre_gris_droit
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BACKGROUND-IMAGE: url(/images/titre_droit_gris.gif);
    BORDER-BOTTOM-WIDTH: 0px;
    VERTICAL-ALIGN: bottom;
    WIDTH: 23px;
    HEIGHT: 32px;
    BORDER-RIGHT-WIDTH: 0px
}
.article
{
    FLOAT: left;
    POSITION: relative;
    TOP: 10px
}
.article_haut
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 25px;
    BACKGROUND-IMAGE: url(/images/bloc_vert_h.gif);
    PADDING-BOTTOM: 0px;
    WIDTH: 100%;
    PADDING-TOP: 0px;
    POSITION: relative;
    HEIGHT: 33px
}
.article_corp
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 5px;
    POSITION: relative;
    TOP: -5px
}
.aller_sur
{
    FLOAT: left;
    MARGIN-BOTTOM: 20px;
    WIDTH: 350px;
    POSITION: relative;
    TOP: 10px
}
.aller_sur_haut
{
    BACKGROUND-IMAGE: url(/images/aller_directement_sur_bleu.gif);
    WIDTH: 350px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 33px
}
.aller_sur_corp
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 5px;
    POSITION: relative
}
.notice_telechargement
{
    FLOAT: right;
    MARGIN-BOTTOM: 20px;
    WIDTH: 408px;
    MARGIN-RIGHT: 0px;
    POSITION: relative;
    TOP: 10px
}
.notice_telechargement_haut
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 25px;
    BACKGROUND-IMAGE: url(/images/notice_rouge.gif);
    PADDING-BOTTOM: 0px;
    WIDTH: 408px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 33px
}
.notice_telechargement_corp
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 5px;
    POSITION: relative
}
.notice_telechargement_part
{
    FLOAT: right;
    MARGIN-BOTTOM: 20px;
    WIDTH: 408px;
    MARGIN-RIGHT: 0px;
    POSITION: relative;
    TOP: 10px
}
.notice_telechargement_part_haut
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 25px;
    BACKGROUND-IMAGE: url(/images/notice_rouge.gif);
    PADDING-BOTTOM: 0px;
    WIDTH: 408px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: relative;
    HEIGHT: 33px
}
.notice_telechargement_part_corp
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 5px;
    POSITION: relative
}
.retrait
{
    MARGIN-LEFT: 3.6em
}
.retrait_titre
{
    MARGIN-LEFT: 1.8em
}

FIELDSET
{
    BORDER-RIGHT: #fc6000 1px solid;
    PADDING-RIGHT: 15px;
    BORDER-TOP: #fc6000 1px solid;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 15px;
    BORDER-LEFT: #fc6000 1px solid;
    BORDER-BOTTOM: #fc6000 1px solid
}
.partenaire
{
    MARGIN-BOTTOM: 1em
}
.footer
{
    CLEAR: both;
    POSITION: relative;
    TOP: 15px;
    HEIGHT: 35px;
    TEXT-ALIGN: center
}
.contenu_footer
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    POSITION: relative;
    TOP: 15px;
    TEXT-ALIGN: center
}

A.lien_footer
{
    COLOR: #fc6000;
    BOTTOM: 10px;
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
    POSITION: relative;
    TEXT-DECORATION: underline
}
A.lien_footer:hover
{
    COLOR: #fc6000;
    BOTTOM: 10px;
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
    POSITION: relative;
    TEXT-DECORATION: none
}
.separation_footer
{
    COLOR: #fc6000;
    BOTTOM: 10px;
    POSITION: relative
}
.rubrique
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-ALIGN: center
}
.rubrique_grand
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    TEXT-ALIGN: center
}

.cadre_table
{
    BORDER-RIGHT: #fc6000 1px solid;
    BORDER-BOTTOM: #fc6000 1px solid
}
.cellule
{
	font-family: arial,sans-serif;
	font-size: 11pt;
 	color: #5B69A6;
    vertical-align: middle;
}
.cellule_rouge
{
	font-family: arial,sans-serif;
	font-size: 11pt;
 	color: #FF0000 ;
    vertical-align: middle;
}
.cellule_gras
{
	font-family: arial,sans-serif;
   FONT-WEIGHT: bold;
	font-size: 12pt;
 	color: #5B69A6;
	background-color:yellow;
    vertical-align:middle;
}
.cellule_titre
{
	font-family: arial,sans-serif;
   FONT-WEIGHT: bold;
	font-size: 11pt;
    vertical-align:middle;
}

.cellule_noir{
  font-size: 11pt;
}	
.cellule_cadre{
   font-size: 11pt;
 	color: #5B69A6;
    vertical-align: top;
}
.cellule_texte
{
    BORDER-RIGHT: 1px solid #999999 ;
    BORDER-BOTTOM: 1px solid #999999 ;
	font-family: arial,sans-serif;
    font-size: 10pt;
 	color: #5B69A6;
    vertical-align: middle;
}
.cellule_texte_rouge
{
    BORDER-RIGHT: 1px solid #999999 ;
    BORDER-BOTTOM: 1px solid #999999 ;
	font-family: arial,sans-serif;
    font-size: 10pt;
 	color: #FF0000 ;
    vertical-align: middle;
}
.cellule_saisie
{
    BORDER-RIGHT: 1px solid #999999 ;
    BORDER-BOTTOM: 1px solid #999999 ;
	font-family: arial,sans-serif;
    font-size: 11pt;
 	color: #5B69A6;
    vertical-align: middle;
    TEXT-ALIGN: center
}
.cellule_saisie_rouge
{
    BORDER-RIGHT: 1px solid #999999 ;
    BORDER-BOTTOM: 1px solid #999999 ;
	font-family: arial,sans-serif;
    font-size: 11pt;
 	color: #FF0000;
    vertical-align: middle;
    TEXT-ALIGN: center
}

.cellule_client
{
	BORDER-LEFT: 1px solid #999999 ;
    BORDER-RIGHT: 1px solid #999999 ;
    BORDER-BOTTOM: 1px solid #999999 ;
	font-family: arial,sans-serif;
    font-size: 11pt;
 	color: #5B69A6;
    vertical-align: top;
	text-align: left;
}
.cellule_cal
{
	BORDER-LEFT: 1px solid #999999 ;
    BORDER-RIGHT: 1px solid #999999 ;
    BORDER-BOTTOM: 1px solid #999999 ;
	font-family: arial,sans-serif;
    font-size: 12pt;
 	color: #5B69A6;
    vertical-align: top;
	text-align: left;
	height: 50pt
}
.cellule_weekend
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #D3D3D3;
	font-family: arial,sans-serif;
    font-size: 12pt;
 	color: #5B69A6;
    vertical-align: top;
    text-align: left;
	height: 50pt
}
.cellule_ferie
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #9999FF;
	font-family: arial,sans-serif;
    font-size: 12pt;
 	color: #5B69A6;
    vertical-align: top;
    text-align: left;
	height: 50pt
}
.cellule_commande
{
	BORDER-RIGHT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #66FF66;
	font-family: arial,sans-serif;
    font-size: 12pt;
 	color: #5B69A6;
    vertical-align: top;
    text-align: left;
	height: 50pt
}

	.bordure {background-color:#628AFE; color:#153f45}

.cellule_reserve
{
	
    BORDER-RIGHT: #153f45 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #FFA500;
	font-family: arial,sans-serif;
    font-size: 12pt;
 	color: #5B69A6;
    vertical-align: top;
    text-align: left;
	height: 50pt
}
.cellule_livre
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #FFA500;
	font-family: arial,sans-serif;
    font-size: 12pt;
 	color: #ff6003;
    vertical-align: middle;
    text-align: right;
}
.cellule_bordure
{
	BORDER: #999999 2px solid;
}	
.cellule_negatif
{
	font-family: arial,sans-serif;
   FONT-WEIGHT: bold;
	font-size: 12pt;
 	color: red;
    vertical-align:middle;
}
.cellule_overflow
{
 	font-family: arial,sans-serif;
	font-size: 10pt;
 	color: #5B69A6;
    vertical-align: middle;
	width: 60px; /* à modifier selon vos besoins */
	overflow: hidden;
	text-overflow: ellipsis; 
}
.fct_dyn
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
.fct_dyn A
{
    COLOR: #cc0000
}
.tableau
{
    BORDER-TOP: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    FONT-SIZE: 7pt;
    BORDER-LEFT: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    POSITION: relative
}

.pagination
{
    FONT-SIZE: 7pt;
    POSITION: relative;
    HEIGHT: 30px
}
.tableau_dload
{
    BORDER-TOP: #fc6000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #fc6000 1px solid;
    POSITION: relative
}
.tableau_moitié
{
	width: 50%;
	align: left;
 	border: #fc6000 1px solid;
	
}
TD.month {font-size: 8pt; background-color:#FFFFFF}
.monthday {font-size: 12pt; vertical-align: top; text-align: left}
td.ligne {BORDER-BOTTOM: #999999 1px solid; }

TH.intitule
{
    BORDER-RIGHT: #999999 1px solid;
    FONT-WEIGHT: bold;
    BORDER-BOTTOM: #999999 1px solid;
    BACKGROUND-COLOR: #d6d6ce;
    TEXT-ALIGN: center
}
.titre{
    BORDER-RIGHT: 1px solid #999999 ;
    BORDER-BOTTOM: 1px solid #999999 ;
	font-family: verdana, arial,sans-serif;
	color:#000000;
	FONT-SIZE: 7pt;
    TEXT-ALIGN: center
}
.titre_droit
{
    BORDER-RIGHT: 1px solid #999999 ;
    BORDER-BOTTOM: 1px solid #999999 ;
 	font-family: verdana, arial,sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    MARGIN-BOTTOM: 1em;
    COLOR: #fc6000;
    TEXT-ALIGN: right
}

.contenu_login
{
    MARGIN-TOP: 0px;
    FONT-SIZE: 9pt;
    MARGIN-LEFT: 20px;
    MARGIN-RIGHT: 20px;
   COLOR: #ffffff;
    PADDING-TOP: 10px;
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif
}
th.tab_login
{
	COLOR: #000000;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	TEXT-ALIGN: center;
	border-bottom : Blue;
}
th.cel_login{
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
}
th.mrbs {
	color:#eeeeee; font-size:12pt; font-family:verdana,sans-serif;	
	background-color:#999999;
	text-align: center;
	border-width:1px; border-color:#999999; vertical-align:top;
	}

.ligne1
{
    BACKGROUND-COLOR: #dbe3d5
}
.ligne2
{
    BACKGROUND-COLOR: #ffffff
}
.ligne3
{
    BACKGROUND-COLOR: #FACC2E
}

.precedent
{
    FLOAT: left;
    WIDTH: 75px;
    COLOR: #cc0000
}
.suivant
{
    FLOAT: left;
    WIDTH: 75px;
    COLOR: #cc0000
}
.num_page
{
    FLOAT: left;
    WIDTH: 570px;
    TEXT-ALIGN: center
}
.lien_actif
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #cc0000
}
.lien_passif
{
    COLOR: #cc0000
}
.form
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
.field
{
    BORDER-RIGHT: #ff6600 1px solid;
    BORDER-TOP: #ff6600 1px solid;
    FONT: 8pt Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #ff6600 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #ff6600 1px solid
}
.field_da
{
    BORDER-RIGHT: #ff6600 1px solid;
    BORDER-TOP: #ff6600 1px solid;
    FONT: 8pt Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #ff6600 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #ff6600 1px solid;
    BACKGROUND-COLOR: #efeff5
}
.field_da:focus
{
    BACKGROUND-COLOR: #cc9999
}
.field_calendar
{
    BORDER-RIGHT: #cc0000 1px solid;
    BORDER-TOP: #cc0000 1px solid;
    FONT: 8pt Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #cc0000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #cc0000 1px solid
}
.img_calendar
{
    MARGIN-TOP: 4px;
    MARGIN-BOTTOM: 4px;
    MARGIN-LEFT: 15px;
    CURSOR: pointer
}
.img_calendar_hidden
{
    MARGIN-TOP: 4px;
    DISPLAY: none;
    MARGIN-BOTTOM: 4px;
    MARGIN-LEFT: 15px;
    CURSOR: pointer
}
.field_select
{
    FONT: 10pt Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000;
}
.field_select_da
{
    BORDER-RIGHT: #ff6600 1px solid;
    BORDER-TOP: #ff9900 1px solid;
    FONT: 10pt Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #ff6600 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #ff9900 1px solid;
    BACKGROUND-COLOR: #efeff5
}
.field_select_da:focus
{
    BACKGROUND-COLOR: #cc9999
}
.submit
{
    TEXT-ALIGN: center
}
.bouton
{
    CURSOR: pointer
}

DL.bloc_oublie
{
    LEFT: 40px;
    WIDTH: 310px;
    POSITION: absolute;
    TOP: 20px
}
DL.bloc_oublie
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
DT.bloc_oublie
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
DD.bloc_oublie
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
DL.bloc_oublie
{
    BACKGROUND: url(/images/login_bas.gif) no-repeat left bottom;
    PADDING-BOTTOM: 14px
}
DT.bloc_oublie
{
    BACKGROUND: url(/images/oublie.gif) left top;
    COLOR: #dfe6de;
    HEIGHT: 30px;
    TEXT-ALIGN: center
}
DD.bloc_oublie
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 20px;
    FONT-SIZE: 8pt;
    BACKGROUND: url(/images/login_fond.gif) left top;
    PADDING-BOTTOM: 0px;
    COLOR: #6d758f;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 120px
}
.droite
{
    FLOAT: right;
    BORDER-LEFT: 1px dotted;
    WIDTH: 389px;
    HEIGHT: 450px
}
.gauche
{
    FLOAT: left;
    WIDTH: 389px
}
DL.bloc_login
{
    LEFT: 39px;
    WIDTH: 310px;
    POSITION: relative;
    TOP: 40px
}
DL.bloc_description
{
    LEFT: 51px;
    WIDTH: 287px;
    POSITION: relative;
    TOP: 90px
}
DL.bloc_login
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
DL.bloc_description
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
DT.bloc_login
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
DT.bloc_description
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
DD.bloc_login
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
DD.bloc_description
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
DL.bloc_login
{
    BACKGROUND: url(/images/login_bas.gif) no-repeat left bottom;
    PADDING-BOTTOM: 14px
}
DL.bloc_description
{
    BACKGROUND: url(/images/description_bas.gif) no-repeat left bottom;
    PADDING-BOTTOM: 23px
}
DT.bloc_login
{
    BACKGROUND: url(/images/login_haut.gif) no-repeat left top;
    COLOR: #dfe6de;
    HEIGHT: 30px;
    TEXT-ALIGN: center
}
DT.bloc_description
{
    BACKGROUND: url(/images/bienvenue_haut.gif) no-repeat left top;
    COLOR: #fc6c00;
    HEIGHT: 23px;
    TEXT-ALIGN: center
}
DD.bloc_login
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 20px;
    FONT-SIZE: 8pt;
    BACKGROUND: url(/images/login_fond.gif) left top;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
DD.bloc_description
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 10px;
    FONT-SIZE: 8pt;
    BACKGROUND: url(/images/description_fond.gif) left top;
    PADDING-BOTTOM: 0px;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: justify
}
H1.index_titre
{
    FONT-SIZE: 11pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.login_field
{
    BORDER-RIGHT: #fc6c00 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #fc6c00 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #fc6c00 1px solid;
    WIDTH: 110px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #fc6c00 1px solid;
    BACKGROUND-COLOR: #ffffff
}
#corpForm .alerte
{
    BORDER-RIGHT: red 1px solid;
    BORDER-TOP: red 1px solid;
    BORDER-LEFT: red 1px solid;
    BORDER-BOTTOM: red 1px solid
}
#corpForm .messageAlerte
{
    DISPLAY: block;
    PADDING-LEFT: 2em;
    FONT-WEIGHT: bold;
    BACKGROUND: url(/images/icon_alert.gif) no-repeat left center;
    MARGIN: 0px 0px 0.3em 0.3em;
    COLOR: red
}
#bienvenue
{
    MARGIN-TOP: 40px;
    BACKGROUND: url(/images/bienvenue_orange.gif) no-repeat left top;
    PADDING-BOTTOM: 20px;
    MARGIN-LEFT: 20px;
    WIDTH: 320px;
    PADDING-TOP: 40px
}
#bienvenue_contenu
{
    PADDING-LEFT: 15px
}
.competence
{
    WIDTH: 235px
}
.competence2
{
    FLOAT: left;
    WIDTH: 50%
}
#client_ci
{
    POSITION: relative
}
#information_ci
{
    POSITION: relative
}
#prestation_ci
{
    POSITION: relative
}
#condition_ci
{
    POSITION: relative
}
.client_ci_div
{
    HEIGHT: 22px
}
.information_ci_div
{
    HEIGHT: 22px
}
.prestation_ci_div
{
    HEIGHT: 22px
}
.condition_ci_div
{
    HEIGHT: 22px
}
#client_ci LABEL
{
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    WIDTH: 30%;
    LINE-HEIGHT: 1.8;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}
#prestation_ci LABEL
{
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    WIDTH: 30%;
    LINE-HEIGHT: 1.8;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}
#condition_ci LABEL
{
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    WIDTH: 30%;
    LINE-HEIGHT: 1.8;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}
.label_text
{
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 1.8;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}
.client_cf_div
{
    HEIGHT: 22px
}
.formation_cf_div
{
    HEIGHT: 22px
}
.reglement_cf_div
{
    HEIGHT: 22px
}
.formation_cf_div_textarea
{
    HEIGHT: 82px
}
.label_text
{
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 1.8;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}
.table_cf_cell
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center
}

.form_ndf_fieldset
{
    BORDER-RIGHT: #fc6000 1px solid;
    PADDING-RIGHT: 1em;
    BORDER-TOP: #fc6000 1px solid;
    PADDING-LEFT: 1em;
    PADDING-BOTTOM: 0.2em;
    MARGIN: 0px;
    BORDER-LEFT: #fc6000 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #fc6000 1px solid;
    FONT-STYLE: normal
}
.form_ndf_fieldset LEGEND
{
    FONT-WEIGHT: bold;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #fc6000
}

.table_df
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #fc6000
}
.table_df_titre
{
    BACKGROUND-COLOR: #fc6000
}
.table_df_cell
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center
}
.table_ndf
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #a5b59c
}
.table_ndf_titre
{
    BACKGROUND-COLOR: #a5b59c
}
.template_df
{
    BORDER-RIGHT: #fc6000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #fc6000 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #fc6000 1px solid;
    WIDTH: 98%;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #fc6000 1px solid;
    FONT-STYLE: normal;
    TEXT-ALIGN: left
}
.template_df LEGEND
{
    FONT-WEIGHT: bold;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #fc6000
}
.icone_ndf
{
    MARGIN: 2px
}
#entete_da
{
    POSITION: relative
}
.template_da
{
    BORDER-RIGHT: #fc6000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #fc6000 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #fc6000 1px solid;
    WIDTH: 222px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #fc6000 1px solid;
    FONT-STYLE: normal;
    TEXT-ALIGN: left
}
.da_cell
{
    FONT-SIZE: 7pt;
    LINE-HEIGHT: 1.8
}
.da_div
{
    HEIGHT: 22px
}
.form_act_fieldset LEGEND
{
    FONT-WEIGHT: bold;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #fc6000
}
.template_da LEGEND
{
    FONT-WEIGHT: bold;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #fc6000
}
#entete_da LABEL
{
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    WIDTH: 65%;
    LINE-HEIGHT: 1.8;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}
.template_da LABEL
{
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    WIDTH: 65%;
    LINE-HEIGHT: 1.8;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}
.form_act_fieldset LABEL
{
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    WIDTH: 65%;
    LINE-HEIGHT: 1.8;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}
.form_act_fieldset LABEL
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    FLOAT: left;
    MARGIN: 0px 0px 0px 6em;
    WIDTH: 270px;
    LINE-HEIGHT: 1.8;
    TEXT-ALIGN: left
}
.table_da
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #fc6000
}
.table_da_haut
{
    BORDER-RIGHT: #fc6000 1px solid;
    BORDER-TOP: #fc6000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #fc6000 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.table_da_cell
{
    FONT-SIZE: 7pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #fc6000
}
.table_act_cell
{
    FONT-SIZE: 7pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center
}

.form_act_fieldset
{
    BORDER-RIGHT: #fc6000 1px solid;
    PADDING-RIGHT: 1em;
    BORDER-TOP: #fc6000 1px solid;
    PADDING-LEFT: 1em;
    PADDING-BOTTOM: 0.2em;
    MARGIN: 0px;
    BORDER-LEFT: #fc6000 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #fc6000 1px solid;
    FONT-STYLE: normal
}
.table_act
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #a5b59c
}
.table_act_titre
{
    BACKGROUND-COLOR: #a5b59c
}
.icone_da
{
    MARGIN: 2px
}
#client
{
    FLOAT: right;
    WIDTH: 45%;
    POSITION: relative;
    HEIGHT: 253px
}
#client_params
{
    FLOAT: left;
    WIDTH: 45%;
    POSITION: relative;
    HEIGHT: 253px
}
.spacer
{
    CLEAR: both;
    FONT-SIZE: 2px
}
#facture LABEL
{
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    LINE-HEIGHT: 1.8;
    PADDING-TOP: 0px
}
#client LABEL
{
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 110px;
    LINE-HEIGHT: 1.8;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}
#client_params LABEL
{
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 95px;
    LINE-HEIGHT: 1.8;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}
.infos_facture
{
    CLEAR: both;
    POSITION: relative
}
.intitule
{
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #d6d6ce;
    TEXT-ALIGN: center
}
.position
{
    TEXT-ALIGN: center
}
.msg_erreur
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    MARGIN-LEFT: 8px;
    MARGIN-RIGHT: 8px
}
.req_erreur
{
    MARGIN-TOP: 8px;
    FONT-SIZE: 12px;
    MARGIN-LEFT: 8px;
    MARGIN-RIGHT: 8px;
    FONT-FAMILY: "Courier New", Courier, mono
}
input{
	font-family: arial,sans-serif, Verdana;
	font-size: 100%;
	}

input.txt, textarea, select, option {
	font-family: arial,sans-serif, Verdana;
	font-size: 100%;
	/* color: #000066; */
	background-color: #dddddd;		//dddddd
	border: 2px solid #aaaaaa;
	scrollbar-3dlight-color: #eeeeee;
	scrollbar-arrow-color: #aaaaaa;
	scrollbar-base-color: #cccccc;
	scrollbar-darkshadow-color: #bbbbbb;
	scrollbar-face-color: #dddddd;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-shadow-color: #cccccc;
	scrollbar-track-color: #cccccc;
	}
input.txtr {
	font-family: arial,sans-serif, Verdana;
	font-size: 10pt;
	color: #000066;
	background-color: #dddddd;	
	border: 1px solid #aaaaaa;
	scrollbar-3dlight-color: #eeeeee;
	scrollbar-arrow-color: #aaaaaa;
	scrollbar-base-color: #cccccc;
	scrollbar-darkshadow-color: #bbbbbb;
	scrollbar-face-color: #dddddd;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-shadow-color: #cccccc;
	scrollbar-track-color: #cccccc;
	TEXT-ALIGN: right;
}

input.input_login {
	vertical-align:middle;
	position: relative;
	font-size: 9pt;
	font-weight: normal;
	font-family: "Ms sans serif"; 
	background-color: #dddddd;
	border: 1px solid #aaaaaa;
	z-index: 9;
}
input.norm {
	font-size: 100%;
	font-family: arial,sans-serif, Verdana;
	background-color: #dddddd;
	border: 1px solid #aaaaaa;
}
input.moyenne {
	font-size: 10pt;
	font-family: arial,sans-serif, Verdana;
	background-color: #33FFFF;
	border: 2px solid #aaaaaa;
	TEXT-ALIGN: center;
}
input.saisie {
	background-color: #33FFFF;
	border: 2px solid #aaaaaa;
	TEXT-ALIGN: center;
}

div.outer {
	float: left;
	width: 120px; height: 25px;
	margin: 0 3px 0 0;
	background: url( '/images/bars.gif' ) 0 -25px no-repeat;
	}

div.outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
	background: url( '/images/bars.gif' ) top left no-repeat;
	}
div.outer span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}
div.outer a:hover {
	background-image: none;
	color: yellow;
	}
div.outer a:active {
	color: black;
	background: url( '/images/bars.gif' )  0 -50px no-repeat;
	}
.Themelivre
{
	border: 2px solid #aaaaaa;
	align: center;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 5px;
    CURSOR: default;
    PADDING-TOP: 20px;
    FONT-FAMILY: verdana, arial, sans-serif;
    color: #ff6003;
    HEIGHT: 60px;
    BACKGROUND-COLOR: #0A50A1
}
td.record 
{
 	color: yellow;
    FONT-FAMILY: verdana, arial, sans-serif;
 	font-size: 11pt; 
 	align: center;
	border: 2px solid #aaaaaa
}
td.input 
{
 	color: black;
    FONT-FAMILY: verdana, arial, sans-serif;
 	font-size: 11pt; 
 	align: center;
	border: 2px solid #aaaaaa
}

.responsiveCal
{
 	align: center;
	position: relative; padding-bottom: 75%; height: 0; overflow: hidden;
}
 
.responsiveCal iframe
{
	position: absolute; top:0; left: 0; width: 80%; height: 100%;
}

div.enfant
{
 display: none;
}

div.parent:hover .enfant{
	display:block;
}





.spinner {
  --spinner-size: 5;
  --line-color: #0ebeff;
  --line-alpha: 1;
  --ring-color: #000000;
  --ring-alpha: .3;
  --ring-size: 10;

  font-size: calc(var(--spinner-size) * 1em);
  width: 1em;
  height: 1em;
  border-radius: 50%;
}
.spinner .line {
  fill: none;
  stroke: var(--line-color);
  stroke-width: var(--ring-size);
  opacity: var(--line-alpha);
  stroke-linecap: round;
  transform-origin: 50% 50%;
  transform: rotate3d(0, 0, 1, 0deg);
  animation: 
    2156ms spinner-arc ease-in-out infinite,
    1829ms spinner-rotate linear infinite;
}
.spinner .ring {
  fill: none;
  stroke: var(--ring-color);
  stroke-width: var(--ring-size);
  opacity: var(--ring-alpha);
}
@keyframes spinner-rotate {
  to { transform: rotate3d(0, 0, 1, 360deg); }
}
@keyframes spinner-arc {
  from { stroke-dasharray: 0 150; stroke-dashoffset: 0; }
  to { stroke-dasharray: 100 150; stroke-dashoffset: -140; }
}