﻿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: .7em;
  color: #666;
}
#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;
} 
.sousmenu { 
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 5px;
  padding: 5px;
  background-image : url(/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 : 50px;
  margin: 0 auto; 
  padding:10px;
  color : #fff;
  background-image : url(/images/t_rech.gif);  
  background-position: top left;
  background-repeat: repeat-x;
}
#textehaut {
  text-align: right; 
  padding: 0;
  margin: 0; 
  vertical-align:middle; 
}
.compteur {
  color: #fff;
}

#penses {
  margin: 9px;
  font-size:.9em;
  text-align: center; 
}
#contenu, #webune, #formulaire {
  margin: 0;
  padding: 20px;
  background-image : url(/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(/images/f_apparente.jpg) repeat-x;
}
#apparente {
  border : 1px solid #E9EAF1;
  background-color : #FCFCFC;
}
#apparente p {
  margin:0;
  padding: 10px;
  font-size:.70em; 
  color:#999; 
}
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 : 12pt/12pt Verdana, Tahoma, Arial, Helvetica, sans-serif; 
  line-height:120%;
  color : #339933; 
  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; }
.resultat0 {
  height: 150px;
  /* hiver - f_resultaHiver0.gif  */
  background-image : url(/images/f_resultatEte0.gif);
  background-position: top left;
  background-repeat: no-repeat;
}
.archives {
  height: 150px;
  background-image : url(/images/f_archives.gif);  
  background-position: top left;
  background-repeat: no-repeat;
}
.resultat10 {
  height: 150px;
  background-image : url(/images/f_resulta10.gif);  
  background-position: top left;
  background-repeat: no-repeat;
}
.resultat11 {
  height: 150px;
  background-image : url(/images/f_resulta11.gif);  
  background-position: top left;
  background-repeat: no-repeat;
}
.resultat24 {
  height: 150px;
  background-image : url(/images/f_resulta24.gif);  
  background-position: top left;
  background-repeat: no-repeat;
}
.resultat23 {
  height: 150px;
  background-image : url(/images/f_resulta23.gif);  
  background-position: top left;
  background-repeat: no-repeat;
}
.haut {
  width: 600px;
  height: 15px;
  background-image : url(/images/f_haut.gif);  
  background-position: top left;
  background-repeat: no-repeat;
  padding:0;
  margin:0;
}
.bas {
  width: 600px;
  height: 11px;
  background-image : url(/images/f_bas.gif);  
  background-position: top left;
  background-repeat: no-repeat;
}
span.pdf { background-image : url(/images/l_media5.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px;  }
span.word { background-image : url(/images/l_media3.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.flash { background-image : url(/images/l_media2.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.image { background-image : url(/images/l_media1.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.excel { background-image : url(/images/l_media4.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.ppt { background-image : url(/images/l_media11.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.html { background-image : url(/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(/images/l_extern.png); }
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(/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(/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(/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(/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;
}
.lien0 {font-size:.8em}
.lien1 {font-size:.9em}
.lien2 {font-size:1em}
.lien3 {font-size:1.2em}
.lien4 {font-size:1.3em}