/********************************************************/
/* GÉNÉRAL*/
/********************************************************/
body {
	font-family : Verdana, Geneva, Arial, Helvetica;
	color:black;
	font-size : smaller;
	background-color: #F5F5F5;
}
h1 {
	font-size:160%;
}
h2 {
	font-size:120%;
	font-style:italic;
	margin-top:24px;
}
h3 {
	font-size:110%;
}
h4 {
	font-style : italic;
	font-weight:normal;
	margin-top:-15px;
	font-size:95%;
}
a,a.js {
	color:#145596;
	font-weight:bold;
	text-decoration:underline;
}
a[href*="http"],a.js {
   padding-right: 16px;
   background: transparent url("images/external.gif") no-repeat center right;
}
a:hover,a.js:hover {
	background-color:#145596;
	color:white;
	font-weight:bold;
	text-decoration:none;
}
img {
	border:none;
}
li {
	margin-top:5px;
	text-align:justify;
}
p {
	text-align:justify;
}
table {
	font-size: medium;
}
/********************************************************/
/*IMAGES*/
/********************************************************/
img.intext {
  vertical-align:middle;}
/********************************************************/
/*LISTES*/
/********************************************************/
li.resume {
	list-style-image : url(images/flechedroite.gif);
}
li.retour {
	list-style-image : url(/icones/retour.png);
}
li.retour_rouge {
	list-style-image : url(/icones/retour2.png);
}
li.liste {
	list-style-image : url(/icones/liste.png);
}
li.recherche {
	list-style-image : url(/icones/recherche.png);
}
li.texte {
	list-style-image : url(/icones/texte.gif);
}
li.info {
	list-style-image : url(/icones/information.gif);
}
li.alpha
{
	list-style-type : lower-alpha;
}
li.new {
	color:red;
}
li.nostyle {
	list-style-type: none;
}

ul.linklist {
padding:0px;
margin:0px;
}

ul.linklist li {
	padding-top:10px;
	margin-left:15px;
	list-style-type: none;
	font-size:larger;
	font-weight:bold;
}

ul.linklist li li {
	padding:0px;
	margin-left:4px;
	list-style-type: circle;
	font-size: smaller;
	font-weight: normal;
}

/********************************************************/
/*DIVISIONS DIVERSES*/
/********************************************************/
div.texte_largeur {
	color:black;
	width:766px;
}
div.centre {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
div#texte_detail {
	width:auto;
	text-align:justify;
}

div#texte_detail div {
  background-color:#145596;
  color:white;
  font-size:150%;
  font-weight:bold;
  font-family:Arial,Helverica;
  text-align:center;
  width:auto;
  padding:5px;
  margin-bottom:5px;
  border : 1px solid #9cb8d3;
}
p.blueheader{
  color:#145596;
  font-weight:bold;
  text-align:center;}
/********************************************************/
/*TABLEAU DE RÉSULTATS*/
/********************************************************/
table#resultat {
	width:100%;
	font-family : Verdana, Geneva, Arial, Helvetica;
	font-size:100%;
}
table#resultat td {
	border: 1px solid white;	
	padding:3px;
}
table#resultat tr.entete td{
	font-weight:bold;
	padding:3px;
	background-color:#145596;
	color:white;
	border: 1px solid #9cb8d3;
}

table#resultat tr.l1{
	background-color:#EBEBEB;
	color:black;
}

table#resultat tr.l2{
	background-color:white;
	color:black;
}
/********************************************************/
/*FORMULAIRE*/
/********************************************************/
div#entete{
  background-color:#145596;
  color:white;
  font-size:150%;
  font-weight:bold;
  font-family:Arial,Helverica;
  text-align:center;
  width:756px;
  padding:5px;
  }
div#formulaire{
	font-family : Verdana, Geneva, Arial, Helvetica;
	color : black;
	background-color : #EBEBEB;
	padding : 5px;
	width:754px;
	border : 1px solid #9cb8d3;
}
div#formulaire table{
	font-size:100%;
	margin-left:auto;
	margin-right:auto;
	width:auto;
	margin-bottom:10px;
}
div#formulaire table.options{
	width:100%;
	padding-left:4px;
}
div#formulaire td.entete{
	background-color:#9cb8d3;
	text-align:center;
	font-weight:bold;
	color:white;
}

div#formulaire td.entete a{
	color:#145596;
	text-decoration:underline;
	background-color: #9cb8d3;
}

div#formulaire td.entete a:hover{
	color: white;
}

div#formulaire td.liste{
	padding-left:8px;
	vertical-align : top;
}
div#formulaire td.rubrique{
	text-align:right;
}
div#formulaire td.separateur{
	border-top:1px solid #9cb8d3;
}
div#formulaire input{
	background-color:#f8fcff;
	width:380px;
	color:black;
}
div#formulaire input.date{
	background-color:#f8fcff;
	width:60px;
	color:black;
}
div#formulaire input.small{
	background-color:#f8fcff;
	width:200px;
	color:black;
}
div#formulaire select{
	background-color:#f8fcff;
	width:385px;
	color:black;
}
div#formulaire select.date{
	background-color:#f8fcff;
	width:84px;
	color:black;
}

div#formulaire select.small{
	background-color:#f8fcff;
	width:200px;
	color:black;
}
div#formulaire select.liste_l{
	width:100%;
}
div#formulaire button{
	background-color:#145596;
	color:white;
	font-weight:bold;
	margin-left:auto;
	margin-left:auto;
	width:auto;
	margin-bottom:10px;
}
/********************************************************/
/*LIENS DIVERS*/
/********************************************************/
a.courriel {
	color:blue;
	background-color: #F5F5F5;
	text-decoration:none;
}
a.courriel:hover{
	color:blue;
	background-color: #F5F5F5;
	text-decoration:underline;
}
a.noir{
	color:black;
	background-color:#F5F5F5;
	text-decoration:underline;
}
a.noir:hover{
	color:white;
	background-color:black;;
	text-decoration:underline;
}
a.img {
	text-decoration:none;
	background:none;
	border:none;
	background-color:transparent;
	padding-right: 0px;
}
a.img:hover {
	text-decoration:none;
	border:none;
	background:none;
	background-color:transparent;
	padding-right: 0px;
}
a.note {
	text-decoration:none;
	border:none;
	background-color:transparent;
	padding-right: 14px;
	background: transparent url("/icones/note.gif") no-repeat center right;
}
a.note:hover {
	text-decoration:none;
	background-color:transparent;
}
a.pdf {
	text-decoration:none;
	border:none;
	background-color:transparent;
	padding-right: 14px;
	background: transparent url("/icones/pdf.gif") no-repeat center right;
}
a.pdf:hover {
	text-decoration:none;
	background-color:transparent;
}
a.liste {
	text-decoration:none;
	border:none;
	background-color:transparent;
	padding-right: 14px;
	background: transparent url("/icones/liste.gif") no-repeat center right;
}
a.liste:hover {
	text-decoration:none;
	background-color:transparent;
}
a.contenu {
	text-decoration:none;
	border:none;
	background-color:transparent;
	padding-right: 14px;
	background: transparent url("/icones/contenu.gif") no-repeat center right;
}
a.contenu:hover {
	text-decoration:none;
	background-color:transparent;
}
a.info {
	text-decoration:none;
	border:none;
	background-color:transparent;
	padding-right: 14px;
	background: transparent url("/icones/information.gif") no-repeat center right;
}
a.info:hover {
	text-decoration:none;
	background-color:transparent;
}
a.texte {
	text-decoration:none;
	border:none;
	background-color:transparent;
	padding-right: 14px;
	background: transparent url("/icones/texte.gif") no-repeat center right;
}
a.texte:hover {
	text-decoration:none;
	background-color:transparent;
}

a.generic_icon {
	text-decoration:none;
	border:none;
	background-color:transparent;
}
a.generic_icon:hover {
	text-decoration:none;
	background-color:transparent;
}
a.expand {
	text-decoration: none;
	border: none;
	background-color: transparent;
	background: transparent url("images/expand.gif") no-repeat center right;
	padding-right: 32px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:32px;
}
a.collapse {
	text-decoration: none;
	border: none;
	background-color: transparent;
	background: transparent url("images/collapse.gif") no-repeat center right;
	padding-right: 32px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:32px;
}


/********************************************************/
/*ICONES-INFO-BOUTONS*/
/********************************************************/
.warning {
	text-decoration:none;
	border:none;
	background-color:transparent;
	background: transparent url("/icones/attention.gif") no-repeat center right;
}
.digital {
	text-decoration:none;
	border:none;
	background-color:transparent;
	background: transparent url("/icones/numerique.gif") no-repeat center right;
}
.graphie {
	text-decoration:none;
	border:none;
	background-color:transparent;
	background: transparent url("/icones/homographe.png") no-repeat center right;
}
.variante {
	text-decoration:none;
	border:none;
	background-color:transparent;
	background: transparent url("/icones/variante.png") no-repeat center right;
}
.renvoi {
	text-decoration:none;
	border:none;
	background-color:transparent;
	background: transparent url("/icones/renvoi.png") no-repeat center right;
}
.bio {
	text-decoration:none;
	border:none;
	background-color:transparent;
	background: transparent url("/icones/biographie.gif") no-repeat center right;
}
/********************************************************/
/*PIED DE PAGE*/
/********************************************************/
div#footer {
	color:black;
	background-color: #F5F5F5;
	font-size:70%;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	width:766px;
	clear:both;
}
div#footer a {
	color:black;
	background-color: #F5F5F5;	
	text-decoration:underline;	
}
div#footer a:hover{
	color:black;
	background-color: #F5F5F5;
	text-decoration:none;
}
div#footer .courriel {
	color:blue;
	background-color: #F5F5F5;
	text-decoration:none;
}
div#footer .courriel:hover{
	color:blue;
	background-color: #F5F5F5;
	text-decoration:underline;
}
/********************************************************/
/*ENTETE DE PAGE*/
/********************************************************/
div#header_top {
	background-image:url('images/border-top-left.gif');
	background-repeat:no-repeat;
	background-position:right;
	font-size:10%;
	height:5px;
	width:766px;
	margin-top:5px;
}
div#header_sideborder {
	height:40px;
	width:766px;
	background-image:url('images/border-left-right.gif');
	background-repeat:no-repeat;
}
div#header_ssideborder {
	height:10px;
	width:766px;
	background-image:url('images/sborder-left-right.gif');
	background-repeat:no-repeat;
	margin-bottom:2px;
}
div#header_bottom {
	background-image:url('images/border-bottom-right.gif');
	background-repeat: no-repeat;
	background-position:left;
	font-size:10%;
	height:5px;
	width:766px;
}
div#header_text {
	width:100%;
	text-align:center;
}
/********************************************************/
/* MENUS DE NAVIGATION*/
/********************************************************/
div#v_navigation {
	padding-left:0px;
	width:180px;
	height:auto;
	text-align:left;
	margin-top:10px;
}
div#v_navigation a {
	text-decoration:none;
	width:158px;
	background-color: #145596;
	color: #ffffff;
	text-align:right;
	padding: 5px;
	font-weight:bold;
	display: block;
	margin:1px;
	border-left:8px solid #9cb8d3;
}
div#v_navigation a:hover {
	text-decoration:none;
	width:158px;
	background-color: #9cb8d3;
	color: #ffffff;
	text-align:right;
	padding: 5px;
	font-weight:bold;
	display: block;
	margin:1px;
	border-left:8px solid #ffffff;
}
div#h_navigation {
	width:750px;
	font-size:78%;
	height:12px;
	text-align:center;
}
div#h_navigation a {
	text-decoration:none;
	background-color: #F5F5F5;
	color: #000000;
	text-align:center;
	font-weight:bold;
	display: inline;
	margin-left:12px;
}
div#h_navigation a:hover {
	text-decoration:none;
	background-color: black;
	color: white;
	text-align:center;
	font-weight:bold;
	display: inline;
	margin-left:12px;
}


