<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>style</title>
<style type="text/css">
<!--   
body {
    background: #000000;
    font-family: comic sans MS;
    font-size: 10pt;
    color: #0066ff;
    }
:link {font-family: comic sans MS;    color: #0066ff}
:visited {font-family: comic sans MS;    color: #0066ff}
:active {font-family: comic sans MS;   color: #FFcc00}
:hover {font-family: comic sans MS;    color: #ff6600}
a.plain {text-decoration: none}

INPUT {
    font-family:Arial; font-size:8pt;
    background-color:#6699ff; color:#0000FF;
}
select {
    font-family:Arial; font-size:8pt;
    background-color:#6699ff; color:#0000FF;
}
INPUT.envoi {
    font-family:Arial; font-size:8pt;
    background-color:#6699ff; color:#ffffff;
}
.bord {
      background-color: #ffff00;
}
.header {
    background-color: #ffcc00;
    color: #006600;
    border-bottom: solid;
    border-color: #cc0000;
    border-width:  thin;
    }
	.info {
	background-color: #99ccff;
	width:50%;
	margin-left: 50px;
	}
	.info2 {
	color: #ff9933;
	background-color: #ffcc99;
	
	}
	.suite {
	background-color: #99ccff;
	background-color: #ffffcc;
	background-image: url(grafik/fond4.png); 
	text-indent: 10px;
	width:90%;
	margin-left: 50px;
	color: #ff6600;
	border-bottom:  solid;
	border-right:  solid;
    border-color: #ffcc00;
    border-width:  thick;
	}
.schreib {
    font-family: times;
    font-style: italic;
    font-size: 12pt;
    color: #6699ff;
}
.edito {
   
    font-size: 12pt;
    
    
	
}
.saisie {
    font-family:arial;
    font-size: 12pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #6699ff;
    border-bottom: solid;
    border-right: solid;
    border-color: #cc0000;
    border-width:  thin;
    margin-left: 0%;
    }
.saisie2 {
    font-family:arial;
    font-size: 12pt;
    font-weight: bold;
    color: #ffff99;
    background-color: #ff9933;
    border-bottom: solid;
    border-right: solid;
    border-color: #cc0000;
    border-width:  thin;
    margin-left: 0%;
    }
.table {
    font-family: arial;
     font-weight: bold;
    font-size: 12pt;
    font-style: italic;
    border-bottom: solid;
    background-color: #6699ff;
    border-color: #cc0000;
}
.table2 {
	color:#ffff99;
    font-family: arial;
     
    font-size: 12pt;
    font-style: italic;
    border-bottom: solid;
    background-color: #ff9933;
    border-color: #ffff99;
}
.boite1{
	font-size: 9pt;
	height: 100px;
	border-left: dashed;
    border-right: dashed;
    border-color: #ff9933;
    border-width:  thin;
}
.boite1b{
	font-size: 9pt;
	border-left: dashed;
    border-right: dashed;
    border-color: #ff9933;
    border-width:  thin;
}
.boite2{
	font-size: 9pt;
	height: 100px;
	border-left: dashed;
    border-right: dashed;
    border-color: #6699ff;
    border-width:  thin;
}
.boite2b{
	font-size: 9pt;
	border-left: dashed;
    border-right: dashed;
    border-color: #6699ff;
    border-width:  thin;
}
.cellule {
    font-size: 10pt;
    background-color: #ffffcc;
    border-bottom:  solid;
    border-color: #ffcc00;
    border-width:  thick;
     width: 100%;}
	 
.cellule2 {
    font-size: 12pt;
	 color: #ffffff;
   background-image: url(img/pelicule2.jpg); 
   
     }
.cellule3 {
    font-size: 12pt;
	text-indent:5pt;
	height: 30px;
 background-image: url(img/x2.jpg); 
    
     width: 100%;}	 	
	 .but {
    font-size: 14pt;
	font-family: comic sans MS;
   background-image: url(grafik/filetpt2.gif); 
    border-left:  groove;
	border-right: embed;
	border-top: embed;
	border-bottom: none;
    border-color: #cccccc;
    border-width:  15pt;
	text-indent:5px;
     width: 90%;} 
.title {
color : #ff6600;
    font-size: 16pt;
    font-weight: bold; 
	background-color: #000000; width: 100%;
  /*  border-bottom:  solid;
    border-color: #cc0000;
    border-width:  thin;
    
	*/
    border-bottom:  solid;
    border-color: #ffcc00;
    border-width:  thick;}
.title2 {
    font-size: 12pt;
    font-weight: bold;
    border-bottom:  solid;
    border-color: #cc0000;
    border-width:  thin;
     width: 100%;}
.soust{
    color : #ff6600;
	font-size: 12pt;
    font-weight: bold;
}
.menu1
{
  font-size: 14pt;
 width: 100%}
.menu2
{

 font-size: 10pt;
 width: 100%}
 
.liste {
 font-family: arial;
 font-size: 9pt;
 
 width: 100%}
 
 .liste2 {
 font-family: arial;
 font-size: 8pt;
 color: #CC0033;
}

.art1 {

font-size: 8pt;
width: 90%;
font-color: #000000;
}
.q1 {

font-size: 14pt;
width: 99%;
font-family: Comic Sans MS;
font-color: #3399CC;
}
.q2 {

font-size: 12pt;
width: 99%;
font-family: Comic Sans MS;
font-color: #3399CC;
align: justify;
}
.q3 {

font-size: 10pt;
width: 99%;
font-family: arial;
font-color: #3399CC;
}
.layer {
    position:absolute;
    width:80px;
    height:80px;
    z-index:8;
    left: 5 px;
    top: 105 px;
    
    border: 1px none #000000;
}
.fond1 {
font-size: 14pt;


background-image: url(grafik/fond3.jpg); 

}
.borddroit1{

border-right: inset  #3366ff 2px;
border-left:   solid  #3399ff   1px;
background-color:#99ccff;
text-align:center;
font-size: 8pt;

}
.haut1{
background-image: url(grafik/haut3.gif); 
text-align: right;
color:#ffffff;
font-size: 14pt;
}
.bas1{
background-image: url(grafik/bas3.gif);
margin-left:10%; 
font-size: 12pt;
}
.cat9{
color: #663333;
background-image: url(grafik/fond4.png);
background-color: #ffffcc;
border-right: dashed  #ff9933 6px;
border-bottom: dashed  #ff9933 4px;
text-indent:10pt;
}
.bord9{
color: #006600;
border-right: dashed  #ff9933 6px;
background-image: url(grafik/bord4.gif);


}
.cat11{
color: #006600;
background-image: url(grafik/fond7.gif);
background-color: #ccffcc;
border-right: dotted  #006600 2px;
border-bottom: dotted  #006600 4px;
text-indent: 10pt;
}
.bord11{
color: #006600;
background-image: url(grafik/bord7.gif);

}
.cat12{font-size: 14pt;
background-color: #ffffcc;
background-image: url(img/calepin6.gif);

text-indent: 40px;
width: 100%;
font-family: Comic Sans MS;
}
-->
</style>

</head>
</html>
