<style type=”text/css”>

@media screen {
body {
margin: 0;/* sans marges, la page sera collée aux bords */
font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
font-size: 12px; /* on définit la taille de police de base dans la page */
background-color: #000000;
width: 800px;
height: 600px;
}

h1 {
margin-top:32px;
text-align: center;
font-size: 25px;font-weight: bold;color: #2175bc;
color:#FFFFFF;

}

/*----------------------  HAUT DE LA PAGE  ----------------------------------- */

.header {
/*background-image: url('design/header.gif');*/
background-color: #336699;
width: 100%;
height: 75px;
margin: 0;
}

.headermenu {
/*background-image: url('design/horimenu.gif');*/
background-color: #003366;
width:100%;
height: 50px;
} 


.logo {
float: right; /* alignement du logo à droite */
margin-right: 10px;  /* placement du logo dans son conteneur, header */
margin-top:18px;
border: 0;
background-color:#FFFFFF;
}
/*---------------------MENU DE GAUCHE & CENTRE (contenu)------*/

.colonne_gauche { 
position: absolute;
margin-top:0px;
left:10px; /* on place le bloc gauche à gauche en position absolue */
/*background-image: url('design/menu.gif');*/
background-color: #CCCCCC;
width: 200px;
height: 1300px;
}

.imprimer{
float:center; 
margin-top:30px;
margin-left:30;
}

.menu {     /* Positionnement du menu dans la colonne de gauche */
margin-top:100px;
margin-left: 10px;

}

.centre {
position: relative;
margin-top:0px;
margin-left: 200px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
background-color: #ffffff;

height: 1300px;
}

.tableau { /* on place le tableau dans le centre  */
position: relative;
margin-left: 40px;
margin-top: 30px;
}
}

@media print {

		.header { display:none;height: 0px;}
		.headermenu { display:none;height: 0px;}
		.logo { display:none;}
		.colonne_gauche { display:none;width: 0px;height: 800px;}
		.menu{ display:none;}
		.centre{margin-left: 0px; }
}
</style>
