html, body { 
  margin: 0; padding: 0; 
  height: 100%; 
  font-family : Verdana, Arial, Helvetica, sans-serif;   
  text-align: center;
  color : #333; 
  background: #fff;
} 
body,div,td,th,ul,dd,dt,select,input,p { font-family: verdana, arial, helvetica, sans-serif; font-size:12px; color:#000; }
#doc { 
  position: relative; 
  width: 780px; 
  margin: 0 auto; 
  color : #000;
  background: #fff;
  min-height: 80%; 
  text-align: left;
  padding-right: 0; 
  margin-rigth: 180px;
}
#recherche {
  line-height:130%; 
  text-align: left;
} 
#recherche img {margin-right: 10px; margin-left: 10px;} 

#texte {   
  line-height:130%; 
  text-align: left;
} 

#texte p {
  text-align : justify; 
  margin:0 0 12px 0;
} 
#texte p.centre {
  text-align : center; 
  margin:0 0 12px 0;
} 
#texte p.droite {
  text-align : right; 
  margin:0 0 12px 0;
}
#texte .imageConteneur {
  width: auto;
  margin:0;
  padding:0;
  font-style : italic;
  font-size: .9em;
  color: #666;
  text-align: center;
}
#texte .imageDroite {
  float:right; 
  margin:0 0 15px 15px; 
}
#texte .imageGauche {
  float:left;  
  margin:0 15px 15px 0;  
}
#texte .imageCentrer {
  margin:0 auto 15px auto; 
}
#texte .imageMilieud {
  float:right;  
  margin:15px 0 15px 15px; 
}
#texte .imageMilieug {
  float:left;  
  margin:15px 15px 15px 0;  
}
#menu { 
  width: 180px;
  margin: 0;
  padding: 0;
  color : #000;
  text-align: left;
} 
.commentaire { 
  margin: 5px;
  padding-left: 75px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-family: time, serif;
  background-image : url(/commun/images/f_commentaire.gif);  
  background-position: top left;
  background-repeat: no-repeat;
} 
.sousmenu { 
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 5px;
  padding: 5px;
  background-image : url(/commun/images/f_encart1.gif);  
  background-position: top left;
  background-repeat: no-repeat;
  border-bottom: 1px solid #E9EBE9; 
} 
#menu p { 
  font-size:11px;
  padding:10px;
  line-height:130%;
} 
#menu ul { 
  margin-left:20px;
  padding:0;
  line-height:130%; 
} 
#doc1 img {
  margin-top:10px;
} 
#entete {
  position: relative; 
  text-align: right;
  width: 780px;
  height : 90px;
  margin: 0 auto; 
  padding:10px;
  color : #fff;
}
.dateagenda {
  font-style : italic; 
  font-size: .9em;
}
#textehaut {
  text-align: right; 
  padding: 0;
  margin: 0; 
  font-size: .8em;
  vertical-align:middle; 
}
.compteur {
  color: #fff;
}

#penses {
  margin: 9px;
  font-size:.9em;
  text-align: center; 
}
#texte, #webune, #formulaire {
  margin: 0;
  padding: 20px;
  background-image : url(/commun/images/f_texte.gif);  
  background-position: top left;
  background-repeat: repeat-y;
}
#apparentetitre {
  height: 15px;
  font-size:.8em;
  color:#999;  
  vertical-align: middle;
  font-weight: bold;
  padding:5px;
  border-bottom : 1px solid #E9EAF1; 
  background: #F1F3F7 url(/commun/images/f_apparente.jpg) repeat-x;
}
#apparente {
  border : 1px solid #E9EAF1;
  background-color : #FCFCFC;
}
#apparente p {
  margin:0;
  padding: 10px;
  font-size:.8em; 
  color:#999; 
}
table.bleu th { font-size: 12px; font-weight: bold; text-align : center; background : #659BCC; color: #fff; padding: 3px; }
table.bleu td { text-align : left; vertical-align:top;background : #fff; padding: 3px;}
table.bleu td.source { padding:3px; text-align : left; font-size: 10px; background : #eee; font-style: italic; }
table.bleu td.centre { text-align : center; } 
table.bleu td.droite { text-align : right; } 
table.bleu td.centrep { text-align : center; background : #A7CBE8;} 
table.bleu td.gauchep { background : #A7CBE8;} 
table.bleu td.droitep { text-align : right; background : #A7CBE8; }
img {
  border-width : 0; 
} 
h1 {
  margin: 0;
  padding: 0;
  font-size : 0.65em; 
  color : #4c4c4c; 
  text-transform : uppercase;
  background-color : #fff; 
}
h2 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font : 12pt/12pt 'lucida sans unicode', 'lucida grande', verdana; 
  font-family: ;
  line-height:120%;
  letter-spacing: -0.03em;
  color : #1182D1; 
  background-color : #fff; 
}
h3 {
  margin: 0;
  padding: 0;
  font : 8pt/8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
  line-height:120%;
  color : #666; 
  font-style : italic; 
  background-color : #fff; 
} 
h4 {
  font : 1em/1.2em Verdana, Tahoma, Arial, Helvetica, sans-serif; 
} 
h5 {font: 11pt/11pt Verdana, Tahoma, Arial, Helvetica, sans-serif; line-height:120%; color: #000; vertical-align: middle; text-transform: none;	letter-spacing: 0.01em; margin-top:30px;;margin-bottom : -5px;}
h6 {font : 0.75em/1.2em Verdana, Tahoma, Arial, Helvetica, sans-serif;margin-bottom:.8em;color:#333;font-weight: normal;}
sup, sub {
  font-size: 70%; 
}
sub {
  vertical-align: -0.6ex; 
}
sup {
  vertical-align: 0.8ex; 
}
p { margin:0; }
p.centre { text-align : center; }
p.droite { text-align : right; }
a:link {
  text-decoration : none; 
  color : #1E67B8; 
} 
a:visited {
  text-decoration : none; 
  color : #666;  
} 
a:active {
  text-decoration : none; 
  color : #31C66B;  
} 
a:hover {
  text-decoration : none; 
  color : #31C66B; 
}
table td {
  vertical-align: top;
}
.centre {text-align:center;}
.petit { font-family: Arial, Geneva, sans-serif; font-size: 11px; color:#4C4C4C; }
.temis {
  height: 150px;
  background-image : url(/commun/images/f_temis01.jpg);  
  background-position: top left;
  background-repeat: no-repeat;
}
.theme {
  height: 150px;
  width: 600px;
  background-position: top left;
  background-repeat: no-repeat;
}
.theme {
  color: red;
}
.detail {
  height:40px;
  background-image : url(/commun/images/f_details.png);
  background-position: top left;
  background-repeat: repeat-x;
  border: 1px solid #BDBDBD;
}
.rdl {
  height: 150px;
  background-image : url(/commun/images/f_rdl01.jpg);  
  background-position: top left;
  background-repeat: no-repeat;
}
.resultat0 {
  height: 150px;
  /* f_resultaHiver0.gif */
  background-image : url(/commun/images/f_resultatEte0.gif);  
  background-position: top left;
  background-repeat: no-repeat;
}

.resultat1 {
  height: 150px;
  /* background-image : url(/commun/images/f_resultaHiver1.jpg); */
  background-image : url(/commun/images/f_resultaEte1.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}
.haut {
  width: 600px;
  height: 15px;
  background-image : url(/commun/images/f_haut.gif);  
  background-position: top left;
  background-repeat: no-repeat;
  padding:0;
  margin:0;
}
.archives {
  width: 600px;
  height: 30px;
  background-image : url(/commun/images/f_basarchives.gif);  
  background-position: top left;
  background-repeat: no-repeat;
  padding:0;
  margin:0;
}
.liensapparentes {
  width: 600px;
  height: 30px;
  background-image : url(/commun/images/f_basliens.gif);  
  background-position: top left;
  background-repeat: no-repeat;
  padding:0;
  margin:0;
}
.liensrevue {
  width: 600px;
  height: 30px;
  background-image : url(/commun/images/f_basrevue.gif);  
  background-position: top left;
  background-repeat: no-repeat;
  padding:0;
  margin:0;
}
.agenda {
  width: 600px;
  height: 30px;
  background-image : url(/commun/images/f_basagenda.gif);  
  background-position: top left;
  background-repeat: no-repeat;
  padding:0;
  margin:0;
}
.vitrine {
  width: 600px;
  height: 45px;
  background-image : url(/commun/images/f_basvitrine.gif);  
  background-position: top left;
  background-repeat: no-repeat;
  padding:0;
  margin:0;
}
.webotheque {
  width: 600px;
  height: 45px;
  background-image : url(/commun/images/f_baswebotheque.gif);  
  background-position: top left;
  background-repeat: no-repeat;
  padding:0;
  margin:0;
}
.semaine {
  width: 600px;
  height: 30px;
  background-image : url(/commun/images/f_bassemaine.gif);  
  background-position: top left;
  background-repeat: no-repeat;
  padding:0;
  margin:0;
}
.bas {
  width: 600px;
  height: 11px;
  background-image : url(/commun/images/f_bas.gif);  
  background-position: top left;
  background-repeat: no-repeat;
}
span.pdf { background-image : url(/commun/images/l_media5.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px;  }
span.word { background-image : url(/commun/images/l_media3.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.flash { background-image : url(/commun/images/l_media2.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.image { background-image : url(/commun/images/l_media1.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.excel { background-image : url(/commun/images/l_media4.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.ppt { background-image : url(/commun/images/l_media11.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.html { background-image : url(/commun/images/l_media6.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.mot { border-bottom: dashed 1px #000; font-weight:bold;}
span.extern { list-style-image: url(/commun/images/b_extern.png); }
span.rouge { color: green; }
acronym, .aide {
  border-bottom : 1px dotted #333; 
  cursor : help; 
} 
form { margin-top:0px;margin-bottom:0px; }
.encart {
  background-color : #FCFCFC;
	color : #333;
	text-align: justify;
	border : 1px solid #dedede;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	padding: 10px;
}
.encartblanc {
  margin-bottom:15px;
  background-color : #ffffff;
	color : #333;
	text-align: justify;
	border : 1px solid #ffffff;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	padding: 10px;
}
.encart p {padding: 0px;}
.encart h5, h6 {margin:0px;padding:0px;font-weight: bold;}
ul#oNavigation, ul#oNavigation ul {padding: 0;margin: 0;list-style: none;}
ul#oNavigation li {float: left;padding: 0;margin: 0;}
#oNavigation li.oNormal a {display: block;text-decoration:none;background:#ffffff url(/commun/images/f_menun.gif) left no-repeat;height:20px;width:72px; padding: 0;margin: 0;text-align:center;}
#oNavigation li.oSelectionne a {display: block;text-decoration:none;background:#ffffff url(/commun/images/f_menua.gif) left no-repeat;height:20px;width:72px; padding: 0;margin: 0;text-align:center;}
ul#oNavigation li a:hover, ul#oNavigation li li a:hover, body#oNormal li.oNormal a:hover, body#oSelectionne li.oSelectionne a:hover  {background:#ffffff url(/commun/images/f_menua.gif) left no-repeat;}
#oExtra {
margin-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
padding: 0;
background-image : url(/commun/images/f_menul.gif);  
background-position: top left;
background-repeat: no-repeat;
border-bottom: 1px solid #E9EBE9; 
}
#oExtra ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#oExtra ul li {
  margin: 0;
  padding: 0;
}
#twConteneurPop{	position: absolute;	left: 0;	width: 100%;	z-index: 1000;	text-align: center;	line-height: 0;	visibility: hidden;}
#twExterieurImage{	position: relative;	background-color: #fff;	width: 250px;	margin: 0 auto;	visibility: hidden;}
#twConteneurImage{	padding: 10px;	visibility: hidden;}
#twChargeur{	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;	}
#twConteneurLegende{	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 250px;		visibility: hidden;	background-image : url(/images/b_twpopfermer.gif);background-position: bottom right;background-repeat: no-repeat;}
#twImageLegende{ padding-left: 10px;padding-top: 0;padding-right: 70px;color: #666;padding-bottom: 10px; float: left; text-align: left; font-weight: bold;}	
#twTrameGrise{	position: absolute;	top: 0;	left: 0;	z-index: 999;	width: 100%;	height: 500px;	background-color: #000;	-moz-opacity:0.40;	KhtmlOpacity:0.40;	opacity:0.40;	filter:alpha(opacity: 40);	visibility: hidden;}