body {
	width: 900px;
	margin: auto;
	font-size: 12pt;
	font-family : Geneva, Arial, Helvetica, sans-serif;;
	color:#585858;
	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;}


h2 {text-align: center; font-weight: bold ; color:#000000;}
.refliste { color:#585858; }
h2 .b {color: #ffffff }
h3 {text-align: left;}
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 ; }

txttabl { text-align: center}

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

p {text-align: justify ;}
.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: #999; 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;}

.i { display:none; }

.boxg { border:1px solid gray; padding:10px; margin:10px; width:30%; float:left; text-align:justify; -moz-box-sizing:border-box;}
.boxgl {  padding:10px; margin:10px; width:28%; float:left; text-align:left;}
.boxm {  padding:10px; margin:10px; -moz-box-sizing:border-box;  width:22%; float:left; text-align:left;}
.boxd { border:1px solid gray; padding:10px; margin:10px; -moz-box-sizing:border-box; width:30%; float:right; text-align:justify;}

.boxdl { padding:10px; margin:10px; -moz-box-sizing:border-box;width:28%; float:right; text-align:justify;}
.boxtiers { padding:10px; margin:10px; -moz-box-sizing:border-box;width:280px; float:right; text-align:justify;}
.boxdp { border:1px solid gray; padding:10px; margin:10px; -moz-box-sizing:border-box; width:22%; float:right; text-align:justify;}
.boxgp { border:1px solid gray; padding:10px; margin:10px; -moz-box-sizing:border-box; width:22%; float:left; text-align:justify;}
.boxt { border:none; padding:10px; margin:10px; -moz-box-sizing:border-box; width:100%; text-align:justify; clear:both;}
.box50 { border:none; padding:10px; margin:10px; -moz-box-sizing:border-box; width:50%; text-align:justify; float:left; clear:left;}
.box50d { border:none; padding:10px; margin:10px; -moz-box-sizing:border-box; width:50%; text-align:justify; float:right; clear:right;}
.boxp { background-image:url(images/pelliculep.jpg); background-size:160px; background-repeat:no-repeat; padding:25px 10px; margin:5px; -moz-box-sizing:border-box; /* Firefox */ width:140px; height:120px; float:right; text-align:justify; color:#FFF; }
.boxgss { border:none; padding:10px; margin:10px; -moz-box-sizing:border-box;  width:300px; float:left; text-align:justify;}
.boxgg { border:1px solid gray; padding:10px; margin:5px; -moz-box-sizing:border-box; width:340px; float:left; text-align:justify;}
.boxdss { border:none;  padding:10px; margin:10px; -moz-box-sizing:border-box; border-radius: 10px; width:250px; float:right; text-align:left;}
.boxd180 { border:none; padding:5px; margin:10px; -moz-box-sizing:border-box;  width:180px; float:right; text-align:justify;}
.boxdssp { border:none; padding:5px; margin:5px,0,5px,10px; -moz-box-sizing:border-box; width:100px; float:right; text-align:justify;}
.boxgssp { border:none; padding:10px; margin:5px,10px,5px,0; -moz-box-sizing:border-box; width:100px; float:left; text-align:justify;}
.boxgindex { border:non; padding:0; margin:5px,5px,0,5px; -moz-box-sizing:border-box; width:140px; height:270px; float:left; text-align:justify;}
.boxgfiche { border:non; padding:0; margin:5px; -moz-box-sizing:border-box; width:200px;  float:left; }
.trait {border-left: 1px solid gray;}
.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:620px; 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; }
.boxchretien {  padding:10px; margin:10px; -moz-box-sizing:border-box; width:55%;  float:left; }
.boxgrande {  padding:10px; margin:10px; -moz-box-sizing:border-box; width:565px;  float:left; }
.box100 {  padding:10px; margin:10px; -moz-box-sizing:border-box; width:100%;  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:#585858; }
ol { text-align: left; margin: 0 0 0 5px; padding-left: 10px; color:#585858;}
li {color:#585858; margin-left: 20px; }


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


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;}
.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;}
.fiche {height:235px;}