/* css Ummo Filles style fr v1.00 */

/* L'idée de départ provient du magnifique site csszengarden.com */

/* Les images doivent être liées comme si la feuille de style se trouvent dans le même dossier (i.e. sans chemin) */


/* eléments de base */
body { 
	font: 8pt/16pt Arial, Helvetica, sans-serif;
	color: black;
	/*background-color: white;*/
	background-image: url(Lavtach.gif) ;
	background-position: top left ;
	background-repeat: repeat;
	margin: 0px; 
	}
p { 
	font: 8pt/16pt Arial, Helvetica, sans-serif;
	margin-top: 0px; 
	}

h1 { text-align: center;
     font: bold 14pt Arial, Helvetica, sans-serif;
}
h2 { text-align: center;
     font: bold 12pt Arial, Helvetica, sans-serif; }
h3 { text-align: center;
     font: 12pt Arial, Helvetica, sans-serif; }
.li1{
     font: 12pt Arial, Helvetica, sans-serif;
}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: Fuchsia;
	}
a:visited { 
	font: bold 10pt Arial, Helvetica, sans-serif; 
	text-decoration: none; 
	color: marron;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: blue; 
	}

/* div specifiques */
/* ---------------- Information en tête */
#infoContainer { 
	background: #BCD7D8 no-repeat top left; 
	padding: 2px 2px 2px 2px;  
	margin: 5px auto ; 
	text-align: left;
	border-style: ridge;
	border-width: 2px;
	border-color: blue;
	color:blue;
	}

.left {
	font: italic bold 12pt Arial, Helvetica, sans-serif; 
	margin-left: 2px;
	width: 210px;
	} 

.right { 
	font: 12pt Arial, Helvetica, sans-serif; 
	margin-left: 2px;
	padding-right: 10px;
} 

/* ---------------- Corps du document */
#mainContainer { 
	/* background: url(zen-bg.jpg) no-repeat top left; 
	*/
	border: ridge Navy 2px;
	padding: 4px ;  
	margin: 5px 5px 0px 5px; 
}
#letterHeader {
	font: bold 12pt Arial, Helvetica, sans-serif;
	color: black; 
	}
#letterHeaderRight {
	position:absolute;
	width:60%;
	text-align: right;
	font: bold 12pt Arial, Helvetica, sans-serif;
	color: black; 
}
p.pageRef{
	border-style: solid;
	border-width: thin;
	border-color: Purple;
	margin: 15px 15px;
	padding: 5px auto;
	text-align: center;
}
.MsoNormal { 
	font: 12pt Arial, Helvetica, sans-serif;
	color: black;
	text-align: left;
	float: none;
	width:100%
}


.NoteExt {
	font: italic 10pt Arial, Helvetica, sans-serif;
	color: Green;
	text-align: left;
	width:100%
}
.NoteInt {
	font: 12pt Arial, Helvetica, sans-serif;
	color: cyan;
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: blue;
}
.UName{
	color: Blue;
	text-decoration: underline;
}
.evid1 {
	font: 12pt Arial, Helvetica, sans-serif;
	color: black;
	border: solid black 1px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
}
.evid2 {
	font: 12pt Arial, Helvetica, sans-serif;
	color: black;
	border: ridge grey 3px;
	text-align: center;
	margin: 5px 12%;
	padding: 5px 3px ;
}
.Censure {
  color : red;
}

/* ---------------- Bas de page */
#countContainer{
	margin-top: 15px;
	border-top-style: ridge;
	border-top-width: medium;
	border-top-color: silver;
	text-align: center;		
	font-weight: bold; 
}
/* ---------------- Bas de page */
#tailContainer { 
	background: #BCD7D8 no-repeat top left; 
	padding: 0px 20px 20px 0px;  
	margin: 15px 5px 10px 5px; 
   	border: ridge blue 1px;
	height: 25px;
}
.docReference{
	border: solid #DA70D6 1px;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	text-align: center;
	width: 220px;
	background-image: url(buvard.gif) ;
}
.docFrancais{
	border: solid #DA70D6 1px;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	text-align: center;
	width: 220px;
	background-image: url(buvard.gif) ;
	/* 
	background: no-repeat top left url(../images/flags/francais.gif);
	*/
}
.docEnsemble{
	border: solid #DA70D6 1px;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	text-align: center;
	width: 220px;
	background-image: url(buvard.gif) ;
}