.background { background-repeat: no-repeat }
.baspage { color: #666; font-size: 9px; text-align: center; width: 1000px; height: 20px; overflow: hidden }
.baspage a { color: #666; font-size: 9px; text-decoration: none }
.baspage a:hover { color: #666; font-size: 9px; text-decoration: underline }
.table { height: 95%; }
.contenu {color:black; font-size:10px; margin: 20px; }
.contenu a {text-decoration:none; }
.contenu a:hover {text-decoration:underline; }
.contenu2 { color: black; font-size: 10px }
.contenu2 a { text-decoration: none }
.contenu2 a:hover { text-decoration: underline }
.titre {color:navy; font-size: 12px; font-weight:bold; }
.menu {
	color: white;
	font-weight: bold;
	font-size: 12px;
	vertical-align: top;
	margin-left: 25px;
}
.menu a {
	color: white;
	text-decoration: none;
	vertical-align: top
}
.menuhaut { color: #666; font-size: 10px; text-align: center; text-transform: uppercase; width: 1000px; height: 20px }
.menuhaut a { color: #006; font-size: 10px; text-decoration: none; padding-right: 20px; padding-left: 20px; width: 100px }
.menuhaut a:hover { color: #219ffa; font-weight: bold }

.sousmenu1 { color: #fff; font-weight: bold; font-size: 11px; padding-left: 27px }
.sousmenu1 a { color: white; text-decoration: none }
.sousmenu1 a:hover { text-decoration: underline }
.sousmenu1_sel { color: #fff; font-weight: bold; font-size: 11px; padding-left: 27px }
.sousmenu1_sel a { color: white; text-decoration: underline }
.sousmenu1_sel a:hover { text-decoration: underline }


.sousmenu2_sel { color: #D0E0F0; font-weight: bold; font-size: 11px; padding-left: 33px }
.sousmenu2_sel a { color: #D0E0F0; text-decoration: underline }
.sousmenu2_sel a:hover { text-decoration: underline }
.sousmenu2 { color: #D0E0F0; font-weight: bold; font-size: 11px; padding-left: 33px }
.sousmenu2 a { color: #D0E0F0; text-decoration: none }
.sousmenu2 a:hover { text-decoration: underline }

.moninnovhera { color: #660033; font-weight: bold; font-size: 11px; }
.moninnovhera a { color: #660033; text-decoration: none }
.moninnovhera a:hover { color: #660033; text-decoration: underline }
.titreactu { font-weight: bold; color:#FFF; font-size: 12px; text-align: center; border-bottom: 1px none; width: 100%; border-bottom-color: #FFF;; border-bottom-style: solid; }
.txtactu { color: #fff; font-size: 11px; margin-right: 8px; margin-left: 8px }
.txtactu a { color: #fff; font-size: 11px; }
.sous-titreactu {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}
.sous-titreactu a { color: #fff; font-weight: bold; font-size: 11px; text-decoration: none }
.sous-titreactu a:hover { font-weight: bold; font-size: 11px; text-decoration: underline }
.titrelien { color:navy; font-weight: bold; font-size: 12px; text-align: center; border-bottom: 1px none; width: 100%; border-bottom-color: navy;; border-bottom-style: solid; }
.txtlien { color: navy; font-size: 11px; margin-right: 8px; margin-left: 8px }
.sous-titrelien { color: navy; font-weight: bold; font-size: 11px }
.sous-titrelien a { color: navy; font-weight: bold; font-size: 11px; text-decoration: none }
.sous-titrelien a:hover { font-weight: bold; font-size: 11px; text-decoration: underline }
.txtpetit { font-size: 9px; text-align: center }
a img { border: none }
body { font-family: Verdana; background-color: #dededf; margin-top: 10pt; margin-bottom: 0pt;}

/***********************************************************************************************************************/

.CreaTable	{ color:black; font-size:10px; border: 1px none; border-color: #BBBBBB; border-style: solid; }
.CreaBouton {
	color: #403734;
	font-size: 11px;font-family: Verdana;
}
.CreaChamps {
	color: black;
	font-size: 11px;font-family: Verdana;
}

.CreaTxt 	{font-family: Verdana; color:black; font-size:10px;}
.CreaTxt table	{font-family: Verdana; color:black; font-size:10px;}

.CreaExpl 	{font-family: Verdana; color:navy; font-size:10px;font-style:italic;font-weight: bold;text-align: center}

.CreaLienPt { color:#666;font-size: 9px; text-align: center }

.CreaEtapeDown{
	height:65px;	
	vertical-align:text-bottom;
	vertical-align:bottom;
}

.CreaEtapeUp{	
	height:65px;
	vertical-align:top;
}
.PlanMenu1 			{ color:black; font-size:10px;}
.PlanMenu1 a 		{ color:black; font-size:10px;text-decoration: none }
.PlanMenu1 a:hover 	{ text-decoration: underline}

.PlanMenu2 			{ color:black; font-size:10px;}
.PlanMenu2 a 		{ color:black; font-size:10px; text-decoration: none }
.PlanMenu2 a:hover 	{ text-decoration: underline}

.BreadCrumb 		{ color: black;}
.BreadCrumb a 		{ color: black;}
.BreadCrumb a:hover {}

.DocTitre{ color: black; font-weight: bold; }

.DocIcone 	{color:black; font-size:10px;margin-right: 8px;}

.DocHtml 	{font-family: Verdana; color:black; font-size:10px;}
.DocHtml H1 {font-size: 19pt; 	font-weight: bold;}
.DocHtml H2 {font-size: 14pt; 	font-weight: bold;}
.DocHtml H3 {font-size: 11pt; 	font-weight: bold;}
.DocHtml H4 {font-size: 10pt; 	font-weight: bold;}
.DocHtml H5 {font-size: 8pt; 	font-weight: bold;}
.DocHtml H6 {font-size: 7pt; 	font-weight: bold;}
.DocHtml PRE {font-family: courier; font-size: 10pt;}
.DocHtml ADDRESS {font-style:italic}
.DocHtml TABLE	{color:black; font-size:10px;}

.DocListeIntro 	{ font-family: arial; color: black; font-size: 9pt }
.DocListeCat 	{ color: #660033; font-weight: bold; font-size: 11px;}
.DocListeDate 	{ color: black; font-weight: bold; font-size: 11px; }
.DocListeTitre 	{ font-family: arial; color: black; font-size: 10pt; font-weight: bold }
.DocListeResume { font-family: arial; color: black; font-size: 10pt }

.DocListeDetail 		{ font-family: arial; color: blue; font-size: 8pt }
.DocListeDetail a 		{ font-family: arial; color: blue; font-size: 8pt }
.DocListeDetail a:hover { font-family: arial; font-size: 8pt; color: red; text-decoration: underline }

.DocListeDetTD1 { border-top: #ccc; border-right: #ccc; border-bottom: 1pt solid #ccc; border-left: #ccc; background-color: #15B0A6 }
.DocListeDetTD2 { border-top: 1pt solid #ccc; border-right: 1pt solid #ccc; border-bottom:1pt solid  #ccc; border-left: 1pt solid #ccc }

.DocRetour 			{ color: #666; font-size: 10px; }
.DocRetour * 		{ color: #666; font-size: 10px; }
.DocRetour a 		{ color: #666; font-size: 10px; }
.DocRetour a:hover 	{ color: #219ffa; font-weight: bold  }

.DoclienTD1 { border-top: #ccc; border-right: #ccc; border-bottom: 1pt solid #ccc; border-left: #ccc }
.DoclienTD2 { border-top: 0pt solid #ccc; border-right: 0pt solid #ccc; border-bottom:1pt solid  #ccc; border-left: 0pt solid #ccc }

.DocRetourTD1 { border-top: #ccc; border-right: #ccc; border-bottom: 1pt solid #ccc; border-left: #ccc }
.DocRetourTD2 { border-top: 1pt solid #ccc; border-right: 1pt solid #ccc; border-bottom:1pt solid  #ccc; border-left: 1pt solid #ccc }

.RechListeTitre 		{ font-family: arial; color: blue; font-size: 10pt }
.RechListeTitre a 		{ font-family: arial; color: blue; font-size: 10pt }
.RechListeTitre a:hover { font-family: arial; font-size: 10pt; color: red; text-decoration: underline }

.RechListeResume { font-family: arial; color: black; font-size: 8pt }

.RechListeAff 		{ font-family: arial; color: black; font-size: 9pt }
.RechListeAff input { font-family: arial; color: black; font-size: 9pt }

.InteretTitre { font-family: Verdana; color: black; font-size:10px;; font-weight: bold }
.InteretMsgErr { font-family: Verdana; color: red; font-size:10px;}
.InteretMsg { font-family: Verdana; color: blue; font-size:10px; }
.InteretAff { font-family: Verdana ; color: black; font-size:10px; }

.InteretForm 			{ font-family: Verdana; color: black; font-size:10px; }
.InteretForm input 		{ font-family: Verdana; color: black; font-size:10px; }
.InteretForm textarea 	{ font-family: Verdana; color: black; font-size:10px; }

.MailingTitre { font-family: arial; color: black; font-size: 11pt; font-weight: bold }
.MailingMsgErr { font-family: arial; color: red; font-size: 9pt }
.MailingMsg { font-family: arial; color: blue; font-size: 9pt }
.MailingAff { font-family: arial; color: black; font-size: 9pt }

.MailingLien 		{ font-family: arial; color: black; font-size: 9pt }
.MailingLien a 		{ font-family: arial; color: black; font-size: 9pt }
.MailingLien a:hover{ font-family: arial; color: black; font-size: 9pt; text-decoration: underline }

.MailingForm 		{ font-family: arial; color: black; font-size: 9pt }
.MailingForm input 	{ font-family: arial; color: black; font-size: 9pt }

.Nav 		{color: #666; font-size: 10px; }
.Nav a 		{color: #666; font-size: 10px; text-decoration: none }
.Nav a:hover{color: #219ffa; font-size: 10px; font-weight: bold }

.NavSel {  color: #219ffa;font-weight: bold; font-size: 10px; }
.NavFond { background-color: white }

.FicTblBord { border: 1pt dotted gray }
.FicTblTitre { font-family: arial; color: black; font-size: 9pt; font-weight: bold }
.FicTblTitreBg {color: #666; font-size: 10px; background-color: #ECECEC; border-bottom: 1pt solid gray  }

.FicTblTexte 		{ font-family: arial; color: black; font-size: 9pt  }
.FicTblTexte a 		{ color: black }
.FicTblTexte a:hover{ color: #0000cc; text-decoration: underline }

.FicTblTexteBg { background-color: white }

.processus			{ height: 30px;		font-size: 8pt;	font-weight: bold; background-color: #EFEBEF;}
.processus_0 		{ color: #000; 		font-size: 8pt;	font-weight: bold; text-align: center; }
.processus_0 a 		{ color: #000; 		font-size: 8pt;	font-weight: bold;}
.processus_0 a:hover{ color: #FF6500; 	font-size: 8pt;	font-weight: bold;}

.processus_1 		{ color: #000;		font-size: 8pt;	font-weight: bold; text-align: center; background-color: #FFE37B}
.processus_1 a 		{ color: #000; 		font-size: 8pt;	font-weight: bold;}
.processus_1 a:hover{ color: #FF6500; 	font-size: 8pt;	font-weight: bold;}

.deconnexion  		{ color: #CC0000; font-size: 8pt; font-weight: bold;}
.deconnexion a 		{ color: #CC0000; font-size: 8pt; font-weight: bold; text-decoration:none}
.deconnexion a:hover{ color: #CC0000; font-size: 8pt; font-weight: bold; text-decoration: underline}

.compte  		{ color: black; font-size: 10px}
.compte a 		{ color: #666; font-size: 10px;   text-decoration:none}
.compte a:hover	{ color: #666; font-size: 10px;  font-weight: bold; text-decoration: underline}
/**********************************************************************************************************************/
/* ERROR404.php */

.style {	
	width: 500px;
	border: 1px solid #ddd;
}
.style1 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #D70000;
	font-weight: bold;
}

.style1 a { 			
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #D70000;
	font-weight: bold; }
	
.style1 a:hover {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #D70000;
	font-weight: bold; }

.style2 {	
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**********************************************************************************************************************/
/* PDF */
.pdfForm { height:10px; background-color:#FF7F00; padding:0px; }
.pdfMsg { font-size: 8pt; font-weight: bold; color: #007ac3; text-align:center; }
.pdfLien { color: #606060; text-decoration:none;font-size: 8pt }

.pdfLegend 		{ font-size: 8pt;}
.pdfTab 		{ border:1pt solid white; }
.pdfTitre a 	{ font-size: 8pt; font-weight:bold; color:#666666}
.pdfRetirer a 	{ font-size: 8pt;  }
.pdfBarre 		{ color: #666666; font-size: 6pt;letter-spacing : 0px;line-height : 10px}
.pdfInput 		{ font-size: 8pt;color: #666666;}
/**********************************************************************************************************************/
/* Mail to a friend */
.mailFriend { color: BLACK; font-size: 8pt }
.mailFriend fieldset { padding: 10px; border: 1px solid #dadada; }
.mailFriend legend { color: #bbb; }

/**********************************************************************************************************************/
/* Pavés accueil */
.paveBleu { border : 1pt solid #3f7cc1; padding:5px; }
.paveVert { border : 1pt solid #a8d431; padding:5px; }

/******************************************************************************************************************/
/* Info Bulle JS (exemple avec le site ABM)*/
.bulle * {
	color: white;
	font-size: 8pt;
	text-decoration: none;
	font-weight: normal;
}

.bulle div {
	border: 1px solid #333366;
	padding : 5px;
	color: white;
	background-color : #ccc;
	background :url('images/sitefr/infobulle.jpg') no-repeat bottom left;
	
}

.bulle .titre{
	font-weight: bold;
	font-style: italic;
	color: white;
}

.bulle tr.textjaune * {
	color: yellow; 
	font-size: 8pt;
}


/**********************************************************************************************************************/
/* CSS showing layers when hovering  */
a.screen, a.screen:visited {	
	position:relative; 
	z-index:100;	
	font-size: 8pt;
	color: black;
	text-decoration: none;	
	font-weight: bold;
}

a.screen b {
	display: none;	
	position:absolute;		
	width:80px; /* give it a width */
	height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
	left:-100px; /* position the image */
	top:20px;
	text-decoration: none;
	font-size: 8pt;
	color: black;
	
}

a.screen:hover {
	/*font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 8pt;
	color: black;
	font-weight: normal;
	border:0; /* needed for this to work in IE */ 
	z-index:1000;
	text-decoration: none;
	font-weight: bold;
}

a.screen:hover b {
	display:block; 
 	position:absolute;    
 	text-align: justify;
 	font-weight:normal;
 	padding:1px;
	cursor:help; /* for IE */
	z-index:500; 
	text-decoration: none;
}

a.screen:hover b img {
	border:0; /* remove the link border */
	text-decoration: none;
}
a.screen img {
	border:0; /* remove the link border */
	text-decoration: none;
	
}

a.screen:hover div{

 }

a.screen div {
	
	position:absolute; 
	background:#F0F0F0;
	/*background-image:url('images/sitefr/infobulle.gif');*/
	border:2px solid #ccc; 
	width:350px; padding:4px;
	color:#000; font-size:11px;
	line-height:1.2;	
	z-index:500;
	text-decoration: none;
}
a.screen div * {
	color:black; font-size:11px;
	text-decoration: none;
}

a.screen tr.textjaune * {color: yellow; font-size: 8pt }

@media print
{
	#divimp { display:none}
}
@media screen
{
	#divimp { display:block}
}