/***** menu CSS *****/
* {
    -moz-box-sizing: border-box;
} 

body {
  font: .8em Verdana, Arial, Helvetica, sans-serif;
  margin: 0; padding: 0;
  background-color:#91BBF4;
  /* Pour forcer le centage avec IE */
  text-align: center;
  /* win/IE behavior call. Utilisé liste news selectionnée*/
   behavior:url("htc/csshover.htc"); }

/* a         { text-decoration:none; } */
a:hover   { text-decoration:none; }
a:link    { color:#000099; }
a:active  { color:#ff0000; }
a:visited { color:#000066; }
img { border: 0; }


#container {
  margin: 35px auto 0;
  margin-top: 2px;
  padding:0;
  /* Dimensionner selon browser width: 800px;
  Largeur de la zone d'affichage*/
  width: 870px;
  /*border: solid #000099 1px;*/
  text-align: left;
  position:relative;
}

#main {
	/*
	Le % indique le retrait sur le bord droit il doit être 
	en harmonie avec #sidebar width*/
	margin-right:20%;
	padding: 2em 0em 3em 0em;
	}

#header {
  height: 100px;
  /*background-color: url("images/erm.gif");*/
  background-color: white;
  padding: 0;
  margin: 0;
}

#header a 
{ color:blue;}

#logo  {
  float: left;
  margin: 0;
  padding: 0px;
  width: 150px; /* pas bon pour IE */
}
#titre
{
  float: right;
  width: 500px; /* pas bon pour IE */
  height: 90px;
  padding: 0px;
  margin: 5px;
  text-align: right;
  font-family:verdana;
  color:blue;  
}

.titreBandeau
{   
    vertical-align:top;
	font-weight:bold;
    font-size:18px;
  }

.titrelien, .titrelien a 
{   
	vertical-align:bottom;
	font-weight:bold;
    font-size:10px;
    margin-top:0px;
	margin-bottom:0px;
  }


#body { 
margin:10px;
margin-left:5px;
margin-top:1px;
margin-right:5px;
padding: 0px;
color:#001054;
text-align: left;
font-size:12px;

}

#body p, #body td, #body th, #body a 

	{
	margin:0;
    margin-bottom:5px;
    text-indent: 0cm;
	line-height: 0.5cm;
	font-family:verdana;
	font-size:12px;
	font-size:12px;
	color:#001054;

	}

#body em
	{
	font-size:16px;
	font-weight:bold;
	}

#body ul, #body li{
/* 	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:1px;
	margin-left:30px;
	margin-top:3px;
	line-height:15px;
		
	/*list-style-type:none;*/
}

ul.alpha, li.alpha
{
	list-style-type: lower-alpha;
}

ul.num, li.num
{
	line-height:17px;
	margin-top:5px;
	list-style-type: decimal;
}

ul.roman, li.roman
{
	list-style-type: lower-roman;
}

ul.none, li.none
{
	list-style-type:none;
}
#body table {width:100%;}
#body table.cout {table-layout: fixed;width="600px"}
#body      TD    {padding: 0 0.5em; }
#body      TD.titre,TH.titre     { background: white;}
#body      TD.montant    { background: white; text-align: right;}
#body      tr.total    { font-weight:bold; }
#body h1
	{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	color: #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	}
	
#body h2
	{
	margin:0;
    margin-bottom:0px;
    text-indent: 0cm;
	line-height: 0.5cm;
	font-family:verdana;
	font-size:13px;
	font-weight:bold;
	color:#001054;
	}	

#body h2.avecretourligne
	{
		clear: both;
	}	

#body h2.souligne
	{
	margin:0;
	margin-top:3px;
    margin-bottom:0px;
	border-bottom:1px solid #001054;
    text-indent: 0cm;
	line-height: 0.5cm;
	font-family:verdana;
	font-size:13px;
	font-weight:bold;
	color:#001054;
	}	

#body img.pic_right
	{
		float: right;
		margin: 0 0 0px 0px;
		clear: right;
		padding: 5px;
	}
	
#body img.pic_left
	{
		float:left;
		vertical-align:text-top;
		margin: 0 0 0px 0px;
		clear: left;
		padding: 5px;
	}
	
.ppoucet  {
    text-indent: 0cm;
    line-height: 1.3em;
	font-family:verdana;
	font-weight:bold;
	font-size:11px;
	color:#001054;
	}

#sidebar {
  /*background-color:#B3D3F8;*/
  /*width détermine la largeur de la side bar*/
  position:absolute; right:0;top: 10em; width:19%;margin:5px;
   /*float: right;right:0;top: 15em; width:19%;margin:0px;*/
  padding: 2em 0 0em 0em;
  border: 0px; 	border-color: white;	border-style: solid;
  text-align: left;
}

#sidebar ul, #sidebar li {
/* 	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:1px;
	padding-left:5px;
	list-style-type:none;
}

#sidebar ul {	
	border-left:1px solid #003399
}

#sidebar h4
	{
    margin-top:10px;
	margin-bottom:10px;
    font-family:verdana;
	font-weight:bold;
	font-size:12px;
	color: white;
	text-align:center;
    background-color:#005DB7;
	}

#sidebar .menu_image
{
    margin-top:20px;
    margin-bottom:5px;
	text-align:center;
}
#sidebar .menu_item, #sidebar p, #sidebar a
{
    margin-top:10px;
    margin-bottom:10px;
    font-size:12px;
	color: #005DB7;
}

#sidebar .menu_misenavant
	{
	line-height: 5mm; 
	//ont-family:verdana;
	text-align:left;
	font-size:12px;
	color: #005DB7;
	background-color:#FFFFFF;
	}

#sidebar .menu_misenavant:hover, #sidebar .menu_misenavant:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	/*font-weight:bold; */
}
#sidebar .lien_misenavant
	{
	line-height: 5mm; 
	font-family:verdana;
	text-align:left;
	font-size:12px;
	color: white;
	}
#sidebar .lien_misenavant:hover, #sidebar .lien_misenavant:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	font-weight:bold;
	}
#sidebar .pBlancBold
	{
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	color:white;
	}
#pied {
height: 27px;
font-size:10px;
background-color:#005DB7;
}

div.spacer {
  clear: both;
  }
.clearboth { clear: both; font-size: 1px; line-height: 1px; }
     
/* ajout IE6 - correction position fixe*/	  
   /* Don't do this at home */ 
   * html 
     { 
     overflow-y: hidden; 
     } 
   * html body 
     { 
     overflow-y: auto; 
     font-size: 100%; 
     } 
/* All done. */ 

	  

	
.itemdroite
	{	
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	color: #0D3182;
	font-family:verdana;
    text-align:"center";
	}
	
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu, #sidebar , .hautpage{
		visibility:hidden;
	}
}
.ssmenu {
	background-color:#91BBF4;
	color:white;
	font-size:10px;
	font-weight:bold;
	font-family:MS Sans Serif, sans-serif, Verdana, Aria;
	border:1px solid #598AE3;
	padding:1px;
    line-height: 1.3em;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}


/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
/* aller pour faire joli sur IE, un petit effet de dégradé !
	Pour voir d'autres effets :
	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
	Par exemple :
	transparence à 25% = opacité à 75%:
		FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);
	*/
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#598AE3,endColorStr=#B3D3F8);*/
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#598AE3,endColorStr=#91BBF4);
	white-space : no-break;
}

.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:white;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active, *
{
	width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#B3D3F8;
	color:#0D3182;
	text-decoration:none;
}


img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/
.menu { 	
	background-color:#598AE3;
	color:white;
	font-size:10px;
	font-weight:bold;
	font-family:MS Sans Serif, sans-serif, Verdana, Arial;
	border:1px solid green;
	padding:0px;
    line-height: 1.9em;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
 } 

#pied ul, #pied li{
	padding:0;
	margin:0;
	list-style-type:none;
    /*background-color: #003399;*/
	text-align:center;
}

.news_img{
  float:right;
  /*text-align:center;*/
  /*margin: 0;*/
  width:100px;
  }	
	
.liste_recherche
	{
	background-color: #FFFFFF;	
	font-family:verdana;
	text-align:left;
	font-size:10px;
	padding:0;
	margin:0;
	border: medium solid #6495ed;
    width: 700px;
	}
.liste_recherche_maj
	{
	background-color: #FFFFFF;	
	font-family:verdana;
	text-align:left;
	font-size:10px;
	padding:0;
	margin:0;
	border: medium solid #6495ed;
    width: 100%;

    }		
		
.liste_recherche td:hover, .liste_recherche td:focus,
.liste_recherche_maj td:hover, .liste_recherche_maj td:focus{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#B3D3F8;
	color:#0D3182;
	cursor:hand;
	cursor: pointer; cursor: hand;
}


img .displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }	
	
.liste_recherche img {
	height:12px;
}

 .item_liste_recherche
	{
	font-size:11px;
	padding:0;
	margin:0;
	list-style-type:none;
}	

.ppBlanc
	{
	font-family:verdana;
	text-align:left;
	font-size:10;
	color:white;
	}
	
.ppgrey
	{
	font-family:verdana;
	font-weight:bold;
	font-size:10;
	color:gray;
	}
	
.pBlanc
	{
	font-family:verdana;
	text-align:left;
	font-size:16;
	color:white;
	}

.text_blanc
	{
	font-family:verdana;
	font-size:12;
	color:#FFFFFF;
	}
.floatright
	{
float: right;
width: 280px;
}
.img_news
	{
width: 250px;
margin-top:5px;
}
.titre_news
{
	font-weight:bold;
    font-size:17px;
	color:white;
}