/*  PAGE.CSS  */

/*  TOUTE LA PAGE  */

a:hover {color:#6699CC;}
a {text-decoration:none; color:#FF8C00;}
a {font-weight:bold;}



body {
margin:0px; 
padding:0px; 
font: 1.0em verdana, arial, sans-serif;
background-color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000099;
scrollbar-base-color:#DDDDDD;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#969696;
}

/* ENTETE */

div#entete {
position:center;
height:48px; 
text-align:center;
margin-left:0;
margin-right:0;
margin-top:0; 
padding-top:12px;
}

/*
div#entete img {
position: absolute;
top: 40px;
left: 170px
}
*/

div#entete h1 {
position:center;
width:18em; 
margin-top:0; 
margin-right:auto; 
margin-left:auto; 
font: 1.2em bold "comic sans MS", arial, sans-serif;
text-align:center; 
padding:0 0 .1em; 
border-top:2px solid #069; 
border-bottom:1px solid #069;
}

/* COLONNE DE GAUCHE */

div#gauche {
position:absolute; 
left:5px; 
top:0px; 
width:145px;
padding:5px 5px 5px 5px; 
margin:80px 0px 0px 0px; 
border-top:2px solid #069; 
border-bottom:1px solid #069;
}
div#gauche ul {
margin-top:0; 
margin-bottom:.5em;
}
div#gauche li {
margin-bottom:.5em; 
font-weight:bold; 
font-size:1.0em;
}
div#gauche p {
/*margin-bottom:.5em;*/
font-size:.75em;
}			

/* COLONNE DU MILIEU */

@media screen {
div#milieu {
margin:0px 215px 0px 160px; 
padding: 5px 10px 5px 5px;
}
div#milieu h1{
font-size:1.0em;
}
div#milieu p {
font-size:.8em;
}	
div#milieu li {
font-size:1.0em;
}
}
@media print {
div#milieu {
/*position:absolute;*/
left:0px;
top:0px;  
width:17cm; 
margin:0px 0px 0px0px; 
padding: 0px 0px 0px 0px;
}
div#milieu h1{
font-size:1.0em;
}
div#milieu p {
font-size:.8em;
}	
div#milieu li {
font-size:1.0em;
}
}

/* COLONNE DE DROITE */

div#droite {
background-color:#FFFFFF;
position:absolute;
right:5px;
top:0px;  
width:200px; 
margin:80px 0px 0px 0px; 
padding:5px 0px 5px 5px; 
border-top:2px solid #069; 
border-bottom:1px solid #069;
}

div#droite h5{
border:1px solid #000080;
padding:5px 5px 5px 5px;
color:#FFFFFF;
background-color:#000080;
}
div#droite p{
border-left:1px solid #000080;
border-top:1px solid #000080;
border-right:1px solid #000080;
padding:5px 5px 5px 5px;
}
div#droite p {
font-size:.75em;
}

/* COLONNE DU MILIEU , DE GAUCHE ET DE DROITE */

@media screen {
div#milieugauchedroite {
margin:0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
}
div#milieugauchedroite h1{
font-size:1.0em;
}
div#milieugauchedroite p {
font-size:.8em;
}	
div#milieugauchedroite li {
font-size:1.0em;
}
}
@media print {
div#milieugauchedroite {
/*position:absolute;*/
left:0px;
top:0px;  
width:17cm; 
margin:0px 0px 0px0px; 
padding: 0px 0px 0px 0px;
}
}
div#milieugauchedroite h1{
font-size:1.0em;
}
div#milieugauchedroite p {
font-size:.8em;
}	
div#milieugauchedroite li {
font-size:1.0em;
}
}