body {
    width: 1200px;
	margin: auto;
	font-size: 10pt;
	font-family : Geneva, Arial, Helvetica, sans-serif;;
	background-color: black;
	text-align: justify
}

h1 {
	text-align: center;
	font-weight: bold ;
	color:#000000;
}
.gros {font-size: 42px; 
}

.b {color: #ffffff; padding: 20px 5px 20px 5px;}
.r { color: #ff0033; text-indent:0; }
.turc {color:#09F; margin:2px 0 0 0;}
.f {color:#003;}
.sch {color:#17202A;}

h2 {text-align: left; font-weight: bold ; color: #ffffff;}
.refliste { color:#585858; }
h2 .b {color: #ffffff; }
h3 {text-align: left; color: #ffffff;}
h3 .b {color: #ffffff; margin-left: 40px }
h3 .r {color: #ff0080; }

h4 {text-align: center;}
h4 .b {color: #ffffff }

h5 { text-align: center; font-weight: bold ; color: #ffffff;}

txttabl { text-align: center}

h6 {text-align: center; color: #ffffff; }
.d {text-align: right; }

p {text-align: justify ;color: #ffffff;}
.ss {padding:0;}
.d { text-align: right } 
.di { text-align: right; font-style:italic; } 
.g { text-align: left; } 
.m { text-align: center; }
.j { text-align: justify ; text-indent:0;}
.gm { text-align: left; padding:0 0 0 194px; } 
.rgros {font-size: 16px ; color: #ff0033; } 
.dpetit { text-align: right ; font-size: 10px; } 
.b {color: #ffffff; }
.s {color: #ffffff; font-size: 10pt; }
.sgros {color: #999; }
.r { color: #ff0033 }
.rg { color: #ff0033; text-align: left; }
.pg { color: #cccccc ; font-size: 0.9em; } 
.gris { color:#EAEAEA; }
.db {text-align: right ; color: #ffffff; font-size:0.9em; margin:0;}
.p {padding:1px;}
.bp {color:#fff; font-size:0.9em; margin:0;}
.vert {color:#3C6;}
.noir {color:#000000;}
.nc {color:#000000; text-align: center;}

.i { display:none; }

.boxkarte {padding:0px; margin:2px; width:60px; float:left;}
.boxAuslage { border:1px solid gray; padding:0px; margin:2px; width:60px; float:left; text-align:justify; -moz-box-sizing:border-box;}
.boxku { border:4px solid blue; padding:0px; margin:2px; width:60px; float:left;  -moz-box-sizing:border-box;}
.boxhku { border:4px solid yellow; padding:0px; margin:2px; width:60px; float:left; -moz-box-sizing:border-box;}
.boxkr { border:4px solid red; padding:0px; margin:2px; width:60px; float:left;  -moz-box-sizing:border-box;}
.boxhkr { border:4px solid pink; padding:0px; margin:2px; width:60px; float:left;  -moz-box-sizing:border-box;}
.boxj { border:4px solid black; padding:0px; margin:2px; width:60px; float:left;  -moz-box-sizing:border-box;}
.boxrote { border:2px solid red; padding:0px; margin:2px; width:60px; float:left;  -moz-box-sizing:border-box;}
.boxgris { border:2px solid grey; padding:0px; margin:2px; width:60px; float:left;}

.pdf { border:1px solid gray;  -moz-box-sizing:border-box; width:100%; height: 100%; float:left; }
.boxvideod { margin:10px; -moz-box-sizing:border-box; width:400px; float:right; }
.boxvideog { margin:10px; -moz-box-sizing:border-box; width:550px; float:left; }
.ex { padding:20px; margin:20px,auto; -moz-box-sizing:border-box; width:20%;  text-align:justify; font-style:italic; color:#ff0033; }
.boxgrande {  padding:10px; margin:10px; -moz-box-sizing:border-box; width:565px;  float:left; }
.clear {clear: left;}
.clearboth {clear: both;}
link {text-align: left ; color: #33CCFF}
a { color: #03F ; 
    text-decoration: none; }
a:hover { color: #CC00CC; }
a .no {color: #0000A0;}

ul { text-align: left; margin: 0 0 0 5px; padding-left: 10px; color: #0000A0; }
ol { text-align: left; margin: 0 0 0 5px; padding-left: 10px; color: #0000A0;}
li {color:#ffffff; margin-left: 20px; }


table { vertical-align: top; text-align: center ; border : none; padding:0px; margin:0px; color: #ffffff;}
.just { text-align: justify; }
.g {text-align: left; }
.border  {  border : 1px solid gray; margin:1px;}
.gris {background-color:#CCC; vertical-align:top; padding:2px;}
.form { vertical-align:middle; text-align: left ; margin:2px; padding:2px;}


tb {
  border-bottom:1pt solid black;
}

.icone {width:90px; display: block; margin-left: auto; margin-right: auto; }
.iconeg {width:90px; float:left; margin:5px ;padding:5px ;}
.iconed {width:90px; float:right; margin:5px;padding:5px;}
.affiche {width:120px; float: left; margin:5px;padding:5px;}
.droite {width:120px; float:right; margin:5px;padding:5px;}
.gauche {width:120px; float:left; margin:5px;padding:5px;}
.grande {
    width:220px; 
    float:right; 
    margin:5px; padding:5px; 
    overflow:auto; 
    border:solid;
    background-color:#FAEBD7;
    border-radius: 10px;
}
.grandeg {width:220px; float:left; margin:5px; padding:5px;}
.index {width:190px; float:left; margin:5px,15px,5px,5px; padding:5px,15px,5px,5px;}
.groupe {width:200px; }
.tgrande {width:400px; float:left; margin:10px; padding:5px;}
.tgranded {width:400px; float:right; margin:10px; padding:5px;}
.tgrandec {width:500px;  margin:10px; padding:5px;}
.center {display: block; padding : 0,auto; clear:both;}
.remplir {padding:auto; width:80%;clear:both;}