html, BODY {
  margin:0px;
  border:0px;
  background-attachment:fixed;
  background-color:white;
  /* background-image: url(fond2.jpg); */
  height: 100%
  }
/* Tableaux */
TR {font-size:10pt}
TD {font-size:10pt;
 border-style:inherit;
 border-width:inherit;
 border-color:inherit;}

.rien {
border-style:none;
}  
.titre1 {
border-style:solid; 
border-width:1px; 
border-color:#FFAA55; 
background-image:url(tableau-fonce.gif);
text-align:center;
font-weight:bold;
}
.corps1 {
border-style:solid; 
border-width:1px; 
border-color:#FFCC77; 
background-image:url(tableau-clair.gif);
text-align:center;
}
UL {list-style-image:url(double1.jpg)}
.sancroche {list-style-image:none}
TR.titre {background-image:url(tableau-fonce.gif);text-align:center}
TD.titre {background-image:url(tableau-fonce.gif);text-align:center}
TR.corps {background-image:url(tableau-clair.gif);text-align:center;border-width:8px;border-color:#FFCC77}
A:link {color:#CC8844;border:0 none;}
A:visited {color:#BF7C38;border:0 none}
A:active {color:#CC8844;border:0 none}
#important{
  text-align:center;
  font-size:14pt;
  color:#FF0000;
  }
  
A.important:visited {color:#FF0000}
a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(pdficon_small.gif) no-repeat center right;
}

a[href$='.mov'], a[href$='.flv'], a[href$='.mp4'], a[href$='.avi'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icon_film.gif) no-repeat center right;
}

H1 {
  color:#336699;
  font: normal 5.0em times;
  margin-bottom:0.15em;
  text-align:center;
  }
  
  
H4 {
  color:black;
  font: bold 18pt arial;
  text-align:center;  
  margin: 40px 0px 20px 0px;
   }
 
H2 {
  background-image: url(portee5.gif);
  color: white;
  font: normal 24pt times;
  text-indent:10pt;
  height:69px;
  line-height:66px;
  text-align:left;
  }
  
H5 {
  color:black;
  font: bold 10pt arial;
  text-align:left;  
   }
   
#signature {
  text-align:right;
  font-size:8pt;
  color:black;
  }
  
#titre {
  text-align:center;
  color: black;
  /*border:1px #000 solid;*/
  margin: 20px 40px 40px 40px;
  }
#section {margin: 0px 40px 20px 40px;}
#section1 {margin: 0px 40px 20px 40px;}
#section2 {margin: 0px 40px 20px 40px;}
#section3 {margin: 0px 40px 20px 40px;}
#section4 {margin: 0px 40px 20px 40px;}
#section5 {margin: 0px 40px 20px 40px;}
#section6 {margin: 0px 40px 20px 40px;}
#section7 {margin: 0px 40px 20px 40px;}
#section8 {margin: 0px 40px 20px 40px;}
#section9 {margin: 0px 40px 20px 40px;}

#page {
	font: normal 10pt arial; 
	margin: 0px 0px 0px 220px;
  background-attachment:fixed;	
	background: #fff url(fond.jpg) repeat top center; 
	text-align:justify;
	}

#page_am {
	font: normal 10pt arial; 
	margin: 0px 0px 0px 200px;
  background-attachment:fixed;
  background: transparent none repeat scroll center top;	 
	text-align:justify;
	}
	
#menu {
	font: bold 10pt arial; 
 	margin-top:0px;
 	margin-left: 0px; 
 	margin-right:0px;
 	margin-bottom:0px;
 	position: absolute; 
  background-color: #336699;
 	width:220px;
 	height:130%;
 	top: 0px; 
 	left: 0px; 
 	color:#000000;
  bottom: 0px;
  }

.legende-image {
background:#000000 none repeat scroll 0 0;
bottom:0;
color:#FFFFFF;
font-size:0.95em;
font-weight:bold;
left:25px;
padding:5px 10px 5px 5px;
position:absolute;
	}

.adresse {
   font:bold 8pt arial;
   text-align:left;
   border-style:none;  
  }
  
.annonce {
   background-color:#FFCC66;
   padding:2px;
   border:1px solid #FF6600;  
  }

.en18 {
   font-size:18px; 
  }

.rouge {
   color:red; 
  }
  
.enrouge {
   color:red;
   font:bold 11pt arial;
   text-align:center;  
  }
  
.enrougepetit {
   color:red;
   font:bold 9pt arial;
   text-align:center;  
  }
  
.textimportant {
   font:bold italic 12pt arial;
   color:#336699;
   text-align:center;
  }
  
.textebleu {
   color:#336699;  
  }

.txtbleu18ital {
   font-style: italic; 
   font-size: 18px; 
   color: #336699;  
  }

.titrimage {
  text-align:center;
}