/* CSS Document - 2021-11-18-11-11-01 */

/* top level elements */ 
html {height:100%; width:100%; padding:0; margin:0; overflow:hidden; font-size:100%;}
body {height:100%; width:100%; font-family:Verdana,Arial,Helvetica,sans-serif; color:#F0F2F6;}
.Contenu {height:96%; width:96%; top:0; margin:0 auto; overflow:auto;}
.ContenuNavig {position:absolute; width:94%; top:72px; bottom:0; margin:0 auto; overflow:auto;}

/* background colors */ 
.b0 {background-color:#FFFFFF;}
.b1 {background-color:#F0F2F6;}
.b2 {background-color:#E1E5ED;}
.b3 {background-color:#D2D8E4;}
.b4 {background-color:#C3CBDB;}
.b5 {background-color:#B4BED2;}
.b6 {background-color:#A5B1C9;}
.b7 {background-color:#96A4C0;}
.b8 {background-color:#8797B7;}
.b9 {background-color:#163170;}

/* foreground colors */ 
.c0 {background-color:#FFFFFF;}
.c1 {background-color:#D2D8E4;}
.c2 {background-color:#FDED64;}
.c3 {background-color:#FDA564;}
.c4 {background-color:#DB9AFD;}
.c5 {background-color:#E4C5CF;}
.c6 {background-color:#E8C1CA;}
.c7 {background-color:#ECBCC4;}
.c8 {background-color:#A6A6A6;}
.c9 {background-color:#F5B2BA;}

/* links */ 
a:link {font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; text-decoration:none;}
a:visited {font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; text-decoration:none;}
a:hover {font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; text-decoration:underline;}
a:active {font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; text-decoration:none;}

a.LienPetit:link {font-size:90%; color:#163170;}
a.LienPetit:visited {font-size:90%; color:#163170;}
a.LienPetit:hover {font-size:90%; color:#96A4C0;}
a.LienPetit:active {font-size:90%; color:#163170;}

a.LienMoyen:link {font-size:100%; color:#163170;}
a.LienMoyen:visited {font-size:100%; color:#163170;}
a.LienMoyen:hover {font-size:100%; color:#96A4C0;}
a.LienMoyen:active {font-size:100%; color:#163170;}

a.LienMoyenBlanc:link {font-size:110%; font-weight:bold; color:#FFFFFF;}
a.LienMoyenBlanc:visited {font-size:110%; font-weight:bold; color:#FFFFFF;}
a.LienMoyenBlanc:hover {font-size:110%; font-weight:bold; color:#96A4C0;}
a.LienMoyenBlanc:active {font-size:110%; font-weight:bold; color:#FFFFFF;}
.LienMoyenGris {font-size:110%; font-weight:bold; color:#D7C6CD;}

a.LienGros:link {font-size:110%; color:#163170;}
a.LienGros:visited {font-size:110%; color:#163170;}
a.LienGros:hover {font-size:110%; color:#96A4C0;}
a.LienGros:active {font-size:110%; color:#163170;}

a.button {font:12px Arial; text-decoration:none; background-color:#EEEEEE; color:#333333; padding:3px 6px 3px 6px; border-top:1px solid #CCCCCC; border-right:1px solid #333333; border-bottom:1px solid #333333; border-left:1px solid #CCCCCC;}
a.button_disabled {font:12px Arial; text-decoration:none; background-color:#EEEEEE; color:#333333; padding:3px 6px 3px 6px; border-top:1px solid #CCCCCC; border-right:1px solid #333333; border-bottom:1px solid #333333; border-left:1px solid #CCCCCC; opacity:0.33;}

/* text */ 
.TextePetit {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:90%; color:#163170;}
.TexteMoyen, .Normal {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:100%; color:#163170;}
.TexteGros {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:110%; color:#163170;}

.TitrePetit {font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:100%; color:#163170;}
.TitrePetitBlanc {font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:100%; color:#FFFFFF;}

.TitreMoyen {font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:110%; color:#163170;}
.TitreMoyenBlanc {font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:110%; color:#FFFFFF;}

.TitreGros {font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:120%; color:#163170;}
.TitreGrosBlanc {font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:120%; color:#FFFFFF;}

.Alerte {font-weight:bold; color:red;}

/* tables */ 
.tableListe {width:100%; border-width:0; table-layout:fixed; border-collapse:separate; border-spacing:2px;}
.tableListe tr {overflow:hidden;}
.tableListe th, .tableListe td {height:25px; vertical-align:middle; padding:3px; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis;}

.tableForm {width:100%; border-width:0; table-layout:fixed; border-collapse:separate; border-spacing:2px;}
.tableForm tr {overflow:hidden;}
.tableForm th, .tableForm td {height:25px; vertical-align:middle; padding:10px; word-wrap:break-word; overflow:hidden; text-overflow:ellipsis;}

.tableNavig {width:100%; border-width:0; table-layout:fixed; border-collapse:separate; border-spacing:2px;}
.tableNavig tr {overflow:hidden;}
.tableNavig th, .tableNavig td {height:25px; vertical-align:middle; padding:8px;}

.tableStatuts {width:100%; border-width:0; table-layout:fixed; border-collapse:separate; border-spacing:3px; color:black;}

.NavigDiv {width:94%; height:100px;margin:0 auto; overflow:hidden;}
.ContentDiv {width:calc(94% - 5px); height:calc(100% - 120px); top:100px; margin:0 auto; padding-right:5px; overflow:auto;}
.HeaderDiv {width:100%; height:24px; line-height:24px; text-align:center;}

/* formulaires */ 
.form_table {width:500px;}
.label {width:300px; text-align:right; color:black;}
.input {width:200px;}