body {	margin-top: 0px;	background-color: #FFFFFF;	font-family: diavlobold;	font-size:11px;}
	 /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
    font-family: 'diavlobold';
    src: url('../fonts/diavlo_bold_ii-webfont.eot');
    src: url('../fonts/diavlo_bold_ii-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/diavlo_bold_ii-webfont.woff') format('woff'),
         url('../fonts/diavlo_bold_ii-webfont.ttf') format('truetype'),
         url('../fonts/diavlo_bold_ii-webfont.svg#diavlobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

td, tr, p, div {  font-family: diavlobold, sans-serif;  font-size : 12px;  color : #868B95;}
a:link, a:visited {	color: #8098BF;	text-decoration: none;	font-size: 11px;	font-weight: bold;}
a:hover {	color: #FF0000;	text-decoration: none;}
.titre_page{	color: #1d3d7a;	font-weight: bold; padding-bottom:10px;	}
/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
 inspired by http://marcarea.com/code/css/menu/menu01test.html
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
bleu nuit : 3B4E77
--------------------------------------*/
#bandeau{	position: relative;	height: 21px;}
#menuDeroulant{	background: #ffffff;	height: 21px;	list-style-type: none;	margin: 0;	padding: 0;	border: 0;	position: absolute;	top: 0px;	right: 00px;	z-index:1;}
#menuDeroulant li{	float: left;	width: 100px;	margin: 0;	padding: 0;	border: 0;	list-style-type: none;}
#menuDeroulant li a:link, #menuDeroulant li a:visited{	display: block;	height: 1%;	color: #FFF;	background: #1d3d7a;	margin: 0;	padding: 4px 8px;	border-right: 1px solid #fff;	text-decoration: none;}
#menuDeroulant li a:hover { background-color: #ddedfc; color:#1d3d7a;}
#menuDeroulant li a:active { background-color: #5F879D; }
#menuDeroulant .sousMenu{	display: none;	list-style-type: none;	margin: 0;	padding: 0;	border: 0;}
#menuDeroulant .sousMenu li{	float: none;	margin: 0;	padding: 0;	border: 0;	width: 149px;	border-top: 1px solid transparent;	border-right: 1px solid transparent;}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited{	display: block;	color: #FFF;	margin: 0;	border: 0;	text-decoration: none;	background: transparent url("images/fondTR.png") repeat;}
#menuDeroulant .sousMenu li a:hover{	background-image: none;	background-color: #ddedfc;	color:#1d3d7a;}
#menuDeroulant li:hover > .sousMenu { display: block; }

#menunonDeroulant li{	float: right;	width: 100px;	margin: 0;	padding: 0;	border: 0;	list-style-type: none;}
#menunonDeroulant li a:link, #menunonDeroulant li a:visited{	display: block;	height: 1%;	color: #FFF;	background: #1d3d7a;	margin: 0;	padding: 4px 8px;	border-right: 1px solid #fff;	text-decoration: none;}
#menunonDeroulant li a:hover { background-color: #ddedfc; color:#1d3d7a;}
#menunonDeroulant li a:active { background-color: #5F879D; }

	/* menu horizontal */
ul, li {  margin: 0;  padding: 0;  list-style: none;}
#menu_horizontal, #menu_horizontal ul {	padding : 0;margin : 0;list-style : none;line-height : 21px;text-align :left; float : right; }
#menu_horizontal {font-weight : bold; font-family : Arial, Helvetica, sans-serif; font-size : 11px; }
* html #menu_horizontal { position:absolute;  right:0px;top:0px;}
* html #menu_horizontal ul { float : left; }
#menu_horizontal a {display	: block;padding	: 0;background : navy;color:white;text-decoration : none; width : 200px;padding-left:4px;
	 background-repeat:no-repeat;background-position:left;  overflow:hidden;	font-size : 11px;border-right: 1px solid #fff; }
#menu_horizontal li {float : left;list-style: none;margin: 0;  padding: 0;border-top: 1px solid transparent;	border-right: 1px solid transparent;}
#menu_horizontal li ul { position: absolute;	width: 200px;left: -999em; }
#menu_horizontal li ul a { 	background:gray;  background-repeat:no-repeat;
background-position:left;  overflow:hidden; }
:root *> #menu_horizontal li ul a { opacity : 0.8 ; filter : alpha(opacity=80) ;} /* pas de transparence sous IE */
#menu_horizontal ul li a.encours {color:white;}
#menu_horizontal ul li a.encours:hover {color:#1d3d7a;}
#menu_horizontal li ul ul {	margin	: -22px 0 0 100px ;		}
#menu_horizontal li ul ul.left {	margin	: -22px 0 0 -200px ;	}
#menu_horizontal a:hover , #menu_horizontal li ul a:hover{color:#1d3d7a; background: #ddedfc;  background-repeat:no-repeat;
background-position:left;  overflow:hidden;}
#menu_horizontal li:hover ul ul, #menu_horizontal li.sfhover ul ul {left: -999em;}
#menu_horizontal li:hover ul, #menu_horizontal li li:hover ul, #menu_horizontal li.sfhover ul, #menu_horizontal li li.sfhover ul 
{	left: auto; 	min-height: 0; }
/* debut lignes pour transitions (pas sous IE) */
				/* fadding de chaque niveau */
:root *> #menu_horizontal li a { -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;   -o-transition: all 0.5s; }
				/* 1er niveau qui se déroule */
:root *> #menu_horizontal li ul li  { float: none; position: static; height: 0; line-height: 0; background: none; }
:root *> #menu_horizontal li:hover ul li { height: 21px; line-height: 21px; }
:root *> #menu_horizontal  li ul li { -moz-transition: height 0.5s; -webkit-transition: height 0.5s;  -o-transition: height 0.5s;  }
				/* 2ème niveau qui se déroule */
:root *> #menu_horizontal li.sous_menu_horizontal ul li ul li { float: none; position: static; height: 0; line-height: 0; background: none; }
:root *> #menu_horizontal li.sous_menu_horizontal ul li:hover ul li { height: 21px; line-height: 21px; }
:root *> #menu_horizontal  li.sous_menu_horizontal ul li ul li { -moz-transition: height 0.5s; -webkit-transition: height 0.5s;  -o-transition: height 0.5s;  }
/* fin lignes pour transitions */

.table_rubrique td.rubrique {padding:5px;}
.rubrique { background-color: #ddedfc; color:#1d3d7a;font-weight:bold;padding-left:15px;}

a.bulles  {color:#c00;}
a.bulle b {display:none;}
a.bulle:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.bulle:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; min-width:150px;text-align:center;-moz-box-shadow: 5px 5px 3px #ccc; -webkit-box-shadow: 5px 5px 3px #ccc;}
a.bulle:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(images/pointe_bulle.gif) 0 0; display:block; font-size:1px;}
.pair {background-color:#C1F1F1 ;}
.impair {background-color:#fff ;}