/*###########################################################################*/
/***********page globale*************/
/*###########################################################################*/
		body
		{
			margin: 0px 0px ;
			padding: 0 ;
			text-align: center ;
			/*font: 0.8em "Trebuchet MS", helvetica, sans-serif ;*/
			font-family:verdana,arial,sans-serif ;
			font-size:100% ;
			font-style:normal;
			background-image:url(./res/bg.gif);
			background-repeat:repeat-x;
		}
		img {
			border:0;
		}
		img a{
			border:0;
		}
		div#conteneur
		{
			width: 770px ;
			margin: 0 auto ;
			padding: 0 ;
			text-align: left ;
			/*border: 2px solid #007CBC ;*/
			/*border-top: 2px solid #F5821F ;
			border-bottom: 2px solid #007CBC ;
			border-right: 2px solid #007CBC ;
			border-left: 2px solid #007CBC ;*/
			/*background: #fff ;*/
			font-size:0.8em ;

		}
		table{
			border-spacing:0;
			padding:0;
			/*table-layout:fixed;
			border-collapse:collapse;
			empty-cells:0;*/
		}
/*###########################################################################*/
/***********EN TETE et PIED DE PAGE **********/
/*###########################################################################*/
				/* nouveau header */
		div#headerProfilCIF
		{
			height: 85px ;
			margin: 0 ;
			padding: 0 ;
			background: url(./res/bannerCIF.jpg) no-repeat -50px  top ;
			width: 770px;
			display:block;
			float:left;
			clear:both;
		}
		div#headerProfilPFN
		{
			height: 85px ;
			margin: 0 ;
			padding: 0 ;
			background: url(./res/bannerCIF.jpg) no-repeat  -50px  top ;
			width: 770px;
			display:block;
			float:left;
		}
		div#headerGauche
		{
			width:470px;
			height: 85px ;
			/*border: 1px solid #F5821F ;*/
			float:left;
		}
		div#headerDroite
		{
			width:300px;
			height: 85px ;
			/*border: 1px solid #66ff00 ;*/
			float:right;

			color:#F5821F;
			font-size: 1em;
			font-weight: bold ;
			font-family:verdana,arial,sans-serif ;
			text-decoration: none ;
		}
		div#headerDroite a
		{
			color:#007CBC;
			text-decoration: none ;
		}
		div#headerGauche a
		{
			width: 600px;
			height: 85px ;
			position: absolute ;
			text-decoration: none ;
		}
		div#headerGauche a span
		{
			float:left;
			color:#F5821F;
			font-size:100% ;
			font-size:1.2em ;
			font-size:13px ;
			font-weight: bold;
			font-style:normal;
			font-family:verdana,arial,sans-serif ;
			text-decoration: none ;
		}
												/* ancien header */
												h1#headerCIF
												{
													height: 85px ;
													margin: 0 ;
													padding: 0 ;
													background: url(./res/bannerCIF.jpg) no-repeat -50px  top ;
													/*border-top: 1px solid #007CBC ;*/
													/*border-bottom: 1px solid #007CBC ;*/
													width: 770px ;
												}
												h1#headerCIF a
												{
													width: 513px ;
													height: 85px ;
													position: absolute ;
													text-decoration: none ;
												}
												h1#headerCIF a span
												{
													float:left;
													color:#F5821F;
													font-size:100% ;
													font-size:13px ;
													font-style:normal;
													font-family:verdana,arial,sans-serif ;
													text-decoration: none ;
												}
												h1#headerPFN
												{
													height: 85px ;
													margin: 0 ;
													padding: 0 ;
													background: url(./res/bannerPFN.jpg) no-repeat -50px  top ;
													width: 770px ;
												}
												h1#headerPFN a
												{
													width: 513px ;
													height: 85px ;
													position: absolute ;
													text-decoration: none ;
												}
												h1#headerPFN a span
												{
													float:left;
													color:#F5821F;
													font-size:100% ;
													font-size:13px ;
													font-style:normal;
													font-family:verdana,arial,sans-serif ;
													text-decoration: none ;
												}
												div#enteteHaut{
													width:770px;
													/*float : right ;*/
													/*overflow:hidden;*/
												}
												/*div#enteteCif{
													width:400px;
													float:left;
													margin: 0 ;
													padding: 0 ;

												}*/
												div#moncompte{
													left:520px;
													width:370px;
													height:85px;
													float:left;
													display: block ;
													margin: 0 ;/*margin-top:30px;*/
													padding: 0 ;
													color:#F5821F;/*color: #007CBC  ;*/
													overflow: hidden;
													font-size: 1em;
													font-weight: bold ;
													font-family:verdana,arial,sans-serif ;
													text-decoration: none ;
													position: absolute ;
												}
												div#gerer
												{
													width:265px;
													height:30px;
													margin:0;
													padding:0;
													font-family:verdana,arial,sans-serif ;
													letter-spacing: 1px ;
													overflow: auto;
													/*font-size: 0.9em;
													font-weight: normal ;
													font-style:normal;*/

													  scrollbar-base-color:#007CBC;			/*#8C8CC6;*/
													  scrollbar-3dlight-color:#FFFFFF;
													  scrollbar-arrow-color:#FFFFFF;
													  scrollbar-darkshadow-color:#000000;
													  scrollbar-face-color:#78BADB;			/*#8C8CC6;*/
													  scrollbar-highlight-color:#FFFFFF;
													  scrollbar-shadow-color:#000000;
													  scrollbar-track-color:#DDEEF6;		/*#ACACE6;*/
												}
												ul#gerer
												{
													margin-left:10px;
													padding-left:5px;
													font-size:100%;
													font-size: 0.9em;
													font-weight: normal ;
												}
												li#gerer
												{
													line-height: 20px ;
													font-size:100%;
													font-size: 0.9em;
													font-weight: normal ;
												}
												li#gerer a
												{
													font-size:100%;
													font-size: 1.1em;
													font-weight: bold ;
												}
												/* fin ancien header */
		/*gestion profil (entete)*/
		input#gestionProfil
		{
			margin-top:2px;
			padding: 0px ;
			height: 20px ;
			width:150px;
			text-align: center ;
			color: #fff;
			font-family:verdana,arial,sans-serif ;
			font-size:0.8em;
			font-size:10px;
			font-weight: bold ;
			border: 1px solid #007CBC ;
			/*background-image:url(./res/_barreMenu.gif);
			background-repeat:repeat-x;*/
			background-color:#F7F8F3;
			color:#6481BC;
		}
		input#gestionProfilContrats
		{
			margin-top:2px;
			padding: 0px ;
			height: 20px ;
			width:150px;
			text-align: center ;
			color: #fff;
			font-family:verdana,arial,sans-serif ;
			font-size:0.8em;
			font-size:10px;
			font-weight: bold ;
			border: 1px solid #007CBC ;
			background-image:url(./res/_barreMenuOr.gif);
			background-repeat:repeat-x;
		}
		input#gestionProfilDecon
		{
			margin-top:2px;
			padding: 0px ;
			height: 20px ;
			width:150px;
			text-align: center ;
			color: #fff;
			font-family:verdana,arial,sans-serif ;
			font-size:0.8em;
			font-size:10px;
			font-weight: bold ;
			border: 1px solid #F5821F ;
			color:#D97B32;
			background-color:#F7F8F3;
		}
/*###########################################################################*/
/***********Afficher / Masquer un div pour la liste des contrats ******/
/*###########################################################################*/
		div#calqListContrats{
			display:none;
			position:absolute;
			width:460px;
			height:180px;
			border:  1px solid #007CBC;
			padding:4px;
			/*background-image:url(./res/FDLOGO80transp.gif);*/
			/*background-position:0 0;*/
			/*background-repeat:no-repeat;*/
			background-color:#FFFFF;
		}
		div#calqListContratsContent{
			text-align: center ;
			font-family:verdana,arial,sans-serif ;
			font-size:100% ;
			font-size:1em ;
			font-style:normal;

			/*display:block;*/
			position:relative;
			width:460px;
			height:180px;
			border:1px solid #007CBC;
			background:#FFF;
			color:#007CBC;

			background-image:url(./res/FDLOGO80transp.gif);
			background-position:60px 0px;
			background-repeat:no-repeat;
		}
		/*fenetre / liste des contrats */
		/*li#liContrat{
		   	background-image:url(./res/icContrat.gif);
			background-repeat:no-repeat;
			padding-left:35px;
		}
		li#liContratOpen{
		   	background-image:url(./res/icContratOpen.gif);
			background-repeat:no-repeat;
			padding-left:35px;
		}*/
				/*fenetre / liste des contrats */
		li#liContrat{
			background-image:url(./res/icContrat.gif);
			background-repeat:no-repeat;
			padding-left:35px;
			color : #2A4988;
			font-size : 10px;
			height : 20px;
		}
		li#liContratOpen{
		   	background-image:url(./res/icContratOpen.gif);
			background-repeat:no-repeat;
			padding-left:35px;
			color : #BFBBB3;	/*#2A4988;*/
			font-size : 10px;
			height : 20px;
		}
		tr#trContrat {
		   	border : 1px #3970AF outset;
			font-size:10px;
			font-size:0.9em;
			font-weight:bold;
			color:#6381BB;
			background-color:#E2F1FA;
			cursor:pointer;
		}
		tr#trContrat td {
		   	padding-left:25px;
		}
		tr#trContrat :hover{
		   	/*border : 1px #3970AF outset;*/
		   	background-color:#FE9F5D;
		}
		tr#trContratOpen {
			font-size:10px;
			font-size:0.9em;
		}
		tr#trContratOpen td {
		   	padding-left:25px;
		}
/*###########################################################################*/
/***********FOOTER ******/
/*###########################################################################*/
		div#footer
		{
			margin: 0 ;
			padding-left: 5px ;
			padding-right: 5px ;
			height: 30px ;
			text-align: center ;
			/*width:100%;*/
			/*color: #ff6600;*/
			color: #fff;
			font-family:arial,verdana,sans-serif ;
			font-size:0.8em;
			font-size:10px;
			font-weight: bold ;
			border-top: 1px solid #F5821F ;
			background-image:url(./res/bg_footer770.gif);
			background-repeat:no-repeat;
			/*border-bottom: 1px solid #007CBC ;*/
			/*border-spacing:0;
			padding:0;
			/*border-right: 2px solid #007CBC ;
			border-left: 2px solid #007CBC ;*/
			display: block ;
			clear:both;
		}
		table#footer
		{
			text-align: center ;
			color: #fff;
			font-family:arial,verdana,sans-serif ;
			font-size:0.8em;
			font-size:10px;
			font-weight: bold ;
			line-height: 20px ;
		}
		table#footer a
		{
			color: #fff;
			text-decoration: none ;
		}
		table#footer a:hover
		{
			color:#F5821F;
		}

/*###########################################################################*/
/***********BARRE DE TITRES DES MODULES *************/
/*###########################################################################*/
		/*210px*/
		div#barremodule
		{
			height: 18px ;	/*height: 23px ;*/
			margin: 0 ;
			padding: 0 ;
			background: #007CBC ;
			background: url(./res/_barreMenu.gif) repeat-x 0px 0px ;
			border-bottom: 1px solid #007CBC ;
			/*border-top: 1px solid #007CBC ;*/
			border-right: 2px solid #007CBC ;
			/*border-right: 2px solid #fff ;*/
			text-align: center ;
			text-decoration: none ;
			letter-spacing: 2px ;
			font-size: 0.9em;
			font-weight: bold ;
			line-height: 18px ;
			color: #fff ;
			/*width:100%;*/
		}
		div#barremodule	a {
				text-align: justify ;
				line-height: 1.5em;
				font-size: 0.9em;
		}
		div#barremoduleEFact
		{
			height: 18px ;/*height: 23px ;*/
			margin: 0 ;
			padding: 0 ;
			background: url(./res/_barreMenuOr.gif) repeat-x 0px 0px ;
			border-bottom: 1px solid #FF944C ;
			border-right: 2px solid #FF944C ;
			text-align: center ;
			text-decoration: none ;
			letter-spacing: 2px ;
			font-size: 0.9em;
			font-weight: bold ;
			line-height: 18px ;
			color: #fff ;
			display: block ;
			overflow:hidden;
		}

/*###########################################################################*/
/***********MODULE DETAILS *************/
/*###########################################################################*/
		div#detailsContrat
		{
			padding: 0 0 0 0 ;
			margin: 0 0 0 0 ;
			height: 80px;		/*<<<<<<<<<hauteur du bloc DETAILS CONTRAT*/
			font-size: 100% ;
			font-size: 0.8em;
			overflow: auto;
			text-align: justify ;
			border: 1px solid #007CBC ;

			  scrollbar-base-color:#007CBC;			/*#8C8CC6;*/
			  scrollbar-3dlight-color:#FFFFFF;
			  scrollbar-arrow-color:#FFFFFF;
			  scrollbar-darkshadow-color:#000000;
			  scrollbar-face-color:#78BADB;			/*#8C8CC6;*/
			  scrollbar-highlight-color:#FFFFFF;
			  scrollbar-shadow-color:#000000;
			  scrollbar-track-color:#DDEEF6;		/*#ACACE6;*/

		}
		div#detailsContrat h2
		{
			margin-left: 5px ;
			margin-top: 5px ;
			padding-left: 5px ;
			font-size: 1em ;
			background: url(./res/Notes25.gif) no-repeat left top ;
			color: #007CBC ;
			border-bottom: 1px solid #007CBC ;
		}
		div#celDetailsContrat{
			margin: 1px ;
			padding: 1px ;
			padding-left: 3px ;
			border: 1px solid #E6E6D8 ;
			height:94px;	/*height: 74px;*/
			overflow:visible;

			font-family:verdana,arial,sans-serif ;
			font-size:0.8em;
			font-size:10px;
			font-weight: normal ;
			color:  #8F8F8F;
		}
		div#celDetailsContratFond{
			margin: 1px ;
			padding: 1px ;
			padding-left: 3px ;
			background-color:#F7F8F3;
			border: 1px solid #A2C9DD ;
			height:94px;	/*height:74px;*/
			overflow:visible;

			font-family:verdana,arial,sans-serif ;
			font-size:0.8em;
			font-size:10px;
			font-weight: normal ;
			color:  #8F8F8F;
		}
		span#titreDetails
		{
			font-size: 1em;
			color:  #7A83A3;	/*color: #007CBC ;*/
			font-weight: bold ;
			/*border-bottom: 1px solid #007CBC ;*/
		}
		div#barremoduleSelContrat{
			width:210px;
			padding:0;
			margin:0;
			height: 18px ;/*height: 23px ;*/
			background: url(./res/_barreMenuOr.gif) repeat-x 0px 0px ;
			border-bottom: 1px solid #FF944C ;
			border-right: 2px solid #FF944C ;
			text-align: center ;
			text-decoration: none ;
			letter-spacing: 2px ;
			font-size: 0.9em;
			font-weight: bold ;
			line-height: 18px ;
			color: #fff ;
			display: block ;
		}
/*###########################################################################*/
/***********liste pour les contrats *************/
/*###########################################################################*/
		#FormContrats{
			font-size: 1em;
			color: #999;
			background-color: #CCC ;
			/*width:60%;*/
			padding:0;
			margin:0;
		}
		select#select_ListContrat{
			/*background: #FFEADF ;*/
			font-size: 0.7em;
			/*float:left;*/
			/*width:50%;*/
			width:554px;
			font-size: 1em;
			border:#CCC 1px solid;
			/*margin:5px;*/
			/*padding:0.5em;*/
			padding:0;
			margin-bottom:0px;
			margin-right:0px;
			margin-top:0px;
			/*margin-left:60px;*/
		}
/*###########################################################################*/
/***********ONGLETS et menus d'onglets*************/
/*###########################################################################*/
		ul#menuV1
		{
			height: 18px ;/*height: 23px ;*/
			margin: 0 ;
			padding: 0 ;
			background: url(./res/_barreMenu.gif) repeat-x 0px 0px ;
			list-style-type: none ;
		}
		ul#menuV1 li
		{
			float: left ;
			text-align: center ;
			font-weight: bold ;
			/*color: #fff ;*/
		}
		ul#menuV1 li a
		{
			width: 273px ; /*--(valable pour 2 onglets)*/
			line-height: 17px ;
			font-size: 0.9em;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #fff ;
		}
		ul#menuV1 li a:hover
		{
			background: url(./res/_barreMenuHover.gif) repeat-x 0 0 ;
			font-size: 0.9em;
			color: #fff ;
		}
		/*ul#menuV1 li a:active
		{
			background: url(./res/_barreMenuHover.gif) repeat-x 0 0 ;
			font-size: 1em;
			color: #007CBC ;
			border-bottom: 1px solid #007CBC ;
		}*/
		li#menuV1Actif
		{
			background: url(./res/_barreMenuHover.gif) repeat-x 0 0 ;
			font-size: 1em;
			font-weight: bold ;
			color: #fff ;
		}
/*
*/
		ul#menu
		{
			height: 18px ;/*height: 23px ;*/
			margin: 0 ;
			padding: 0 ;
			background: url(./res/_barreMenu.gif) repeat-x 0px 0px ;
			list-style-type: none ;
		}
		ul#menu li
		{
			float: left ;
			text-align: center ;
			font-weight: bold ;
			/*color: #fff ;*/
		}
		ul#menu li a
		{
			/*width: 182px ; *//*--(valable pour 3 onglets)*/
			width: 136px ; /*--(valable pour 3 onglets)*/
			line-height: 17px ;
			font-size: 0.9em;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #fff ;
		}
		ul#menu li a:hover
		{
			background: url(./res/_barreMenuHover.gif) repeat-x 0 0 ;
			font-size: 0.9em;
			color: #fff ;
		}
		ul#menu li a:active
		{
			background: url(./res/_barreMenuHover.gif) repeat-x 0 0 ;
			font-size: 1em;
			color: #007CBC ;
			border-bottom: 1px solid #007CBC ;
		}
		li#menuActif
		{
			background: url(./res/_barreMenuHover.gif) repeat-x 0 0 ;
			font-size: 0.9em;
			font-weight: bold ;
			color: #fff ;
		}
		div#barresMenus
		{
			/*margin-left: 2px ;
			margin-top: 1px ;*/
			border-top: 1px solid #007CBC ;
			border-left: 1px solid #007CBC ;
			border-right: 1px solid #007CBC ;
			border-bottom: 1px solid #007CBC ;
			height: 18px;	/*height: 23px;*/
			/*display: block ;
			float:left;*/
		}
/*###########################################################################*/
/***********Module Contenu à droite (module notes) *************/
/*###########################################################################*/
		div#contenuDroite
		{
			margin: 0 auto ;
			/*height: 570px;*/
		}
		div#contenu
		{
			padding: 0 5px 0 10px ;
			height: 345px;     /*336px<<<<<<<<<<<<<<hauteur du bloc MSGS et NOTES*/
			overflow: auto;
			font-size: 0.8em;
			/*	font-family:"Trebuchet MS", helvetica, sans-serif ;*/
			font-family:verdana,arial,sans-serif ;
			border-right: 1px solid #007CBC ;
			background-image:url(./res/fond_LOGO_CIF.gif);
			background-repeat:no-repeat;
			background-position:15px 15px;

			  scrollbar-base-color:#007CBC;			/*#8C8CC6;*/
			  scrollbar-3dlight-color:#FFFFFF;
			  scrollbar-arrow-color:#FFFFFF;
			  scrollbar-darkshadow-color:#000000;
			  scrollbar-face-color:#78BADB;			/*#8C8CC6;*/
			  scrollbar-highlight-color:#FFFFFF;
			  scrollbar-shadow-color:#000000;
			  scrollbar-track-color:#DDEEF6;		/*#ACACE6;*/
		}
		div#contenuPFN
		{
			padding: 0 5px 0 10px ;
			height: 345px;     /*336px;<<<<<<<<<<<<<<hauteur du bloc MSGS et NOTES*/
			overflow: auto;
			font-size: 0.8em;
			/*	font-family:"Trebuchet MS", helvetica, sans-serif ;*/
			font-family:verdana,arial,sans-serif ;
			border-right: 1px solid #007CBC ;
			background-image:url(./res/fond_LOGO_PFN.gif);
			background-repeat:no-repeat;
			background-position:65px 15px;

			  scrollbar-base-color:#007CBC;			/*#8C8CC6;*/
			  scrollbar-3dlight-color:#FFFFFF;
			  scrollbar-arrow-color:#FFFFFF;
			  scrollbar-darkshadow-color:#000000;
			  scrollbar-face-color:#78BADB;			/*#8C8CC6;*/
			  scrollbar-highlight-color:#FFFFFF;
			  scrollbar-shadow-color:#000000;
			  scrollbar-track-color:#DDEEF6;		/*#ACACE6;*/
		}
		div#contenu h1,div#contenuPFN h1
		{
			margin-left: 15px ;
			/*margin-top: 15px ;*/
			padding-left: 25px ;
			/*line-height: 20px ;*/
			font-size: 1.1em;
			color: #007CBC ;
			border-bottom: 1px solid #007CBC ;
		}
		div#contenu h2,div#contenuPFN h2
		{
			margin-left: 15px ;
			/*margin-top: 15px ;*/
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1em;
			text-indent: 1.5em ;
			background: url(./res/Notes25.gif) no-repeat left bottom ;
			color: #007CBC ;
			/*border-bottom: 1px solid #007CBC ;*/
		}

		div#contenu h3,div#contenuPFN h3
		{
			font-size: 0.9em;
			margin-left: 5px ;
			padding-left: 5px ;
			border-bottom: 1px solid #007CBC ;
			border-left: 1px solid #007CBC ;
			color: #007CBC ;
		}
		div#contenu h7,div#contenuPFN h7
		{
			margin: 0;
			padding: 0;
			font-size: 1.1em;
			color: #007CBC ;
			border-bottom: 1px solid #007CBC ;
			font-weight: bold ;
		}
		div#contenu p,div#contenuPFN p
		{
			text-align: justify ;
			/*text-indent: 3.5em ;*/
			line-height: 1em ;
			margin-left: 15px ;
		}
		div#contenu a,div#contenuPFN a
		{
			color: #007CBC ;
			margin-left:  4.5em ;
		}
		div#contenu a:hover,div#contenuPFN a:hover
		{
			color: #69B2D8;
		}
		/*
		PLANNING ****************************************
		*/
		div#contenPlanning
		{
			padding: 0 5px 0 10px ;
			height: 336px;     /*<<<<<<<<<<<<<<hauteur du bloc planning*/
			overflow: auto;
			font-size: 0.8em;
			font-family:verdana,arial,sans-serif ;
			border-right: 1px solid #007CBC ;

			  scrollbar-base-color:#007CBC;			/*#8C8CC6;*/
			  scrollbar-3dlight-color:#FFFFFF;
			  scrollbar-arrow-color:#FFFFFF;
			  scrollbar-darkshadow-color:#000000;
			  scrollbar-face-color:#78BADB;			/*#8C8CC6;*/
			  scrollbar-highlight-color:#FFFFFF;
			  scrollbar-shadow-color:#000000;
			  scrollbar-track-color:#DDEEF6;		/*#ACACE6;*/
		}
		div#contenPlanning p
		{
			text-align: justify ;
			/*text-indent: 3.5em ;*/
			line-height: 1em ;
			margin-left: 15px ;
		}
		div#contenPlanning a
		{
			color: #007CBC ;
			/*margin-left:  4.5em ;*/
		}
		div#contenPlanning a:hover
		{
			color: #69B2D8;
		}
		/*
		NOTES ****************************************
		*/
								/*
								div#note
								{
									border: 1px solid #9DCDE4;
									padding-bottom:3px;
								}
								div#note a
								{
									margin-left:10px;
								}
								div#divPlierNote
								{
									border: 1px solid #EFF0F7 ;
									cursor:pointer;
								}
								h2#h2PlierNote
								{
								   margin:0px;
								}
								h2#h2PlierNote  a
								{
									background:#fff ;
									color:#007CBC;
									margin:0px;
								}
								h2#h2PlierNote  a:hover
								{
									background:#007CBC ;
									color:#fff;
								}
								*/
								/* 523 533 -70 */
		.note
		{
			margin:0;
			border-top: 1px solid #EFF0F7;
			border-left: 1px solid #EFF0F7;
			background-image:url(./res/coinFeuille__21_40.gif); /*coinFeuille2_21_40.gif*/
		    background-repeat:no-repeat;
		    background-position:502px 8px;	/* background-position:522px 8px;*/
		    width:522px;
		    z-index:1;
		}
		.note a
		{
			margin-left:10px;
		}
 		.note:hover
		{
			border-top: 3px solid #EFF0F7;
			border-left: 2px solid #EFF0F7;
		}
		.flechCalque
		{
		   height:6px;
		   width:511px;	/*width:531px;*/
		   margin:0;
		   padding:0;
		   margin-top:4px;
		   border-top:2px solid #EFF0F7;
		   background-image:url(./res/flechCalque640.gif);
		   background-repeat:repeat-x;
		   background-position: -75px 0px;
		   cursor:pointer;
		   z-index:2;
		}
		.flechCalque:hover
		{
			background-image:url(./res/flechCalque640Hover.gif);
			background-position: -75px 0px;
			background-repeat:repeat-x;
		}

		.divPlierNote
		{
			/*border: 1px solid #EFF0F7 ;*/
			cursor:pointer;
		}
		h2#h2PlierNote
		{
		   margin:0px;
		   padding-top:3px;
		   width:85%;
		}
		h2#h2PlierNote  a
		{
			background:#fff ;
			color:#007CBC;
			margin:0px;
		}
		h2#h2PlierNote:hover
		{
			/*border-bottom: 1px solid #007CBC ;*/
		}
		h2#h2PlierNote  a:hover
		{
			background:#007CBC ;
			color:#fff;
		}
		/*Types de notes*/
		.TypeNoteM,.TypeNoteE,.TypeNoteI,.TypeNoteR,.TypeNoteO,.TypeNoteP,.TypeNote{
		   	  padding-top:5px;
		   	  font-size:11px;
		   	  font-weight:bold;
		   	  line-height:25px;
		   	  /*text-decoration:underline;*/
			  border-bottom:navy 1px solid;
		}
		.TypeNoteM{
		   	  height:25px;
			  background-image:url(./res/flash_info25.gif);
			  background-position:5px -5px;
			  background-repeat:no-repeat;
		}
		.TypeNoteE{
		   	  height:30px;
			  background-image:url(./res/evenements25.png);
			  background-position:5px -5px;
			  background-repeat:no-repeat;
		}
		.TypeNoteI{
		   	  height:30px;
			  background-image:url(./res/information25.png);
			  background-position:5px -5px;
			  background-repeat:no-repeat;
		}
		.TypeNoteR{
		   	  height:30px;
			  background-image:url(./res/rendez_vous25.png);
			  background-position:5px -5px;
			  background-repeat:no-repeat;
		}
		.TypeNoteO,.TypeNoteP{
		   	  height:30px;
			  background-image:url(./res/promotion25.gif);
			  background-position:5px -5px;
			  background-repeat:no-repeat;
		}
		.TypeNote{
		   	  height:30px;
			  background-image:url(./res/note25.png);
			  background-position:5px -5px;
			  background-repeat:no-repeat;
		}
		/*Fin types de notes*/

		h3#lienJour
		{
			margin:0px;
			background:#007CBC;
			border:0;
		}
		h3#lienJour  a
		{
			color:#FF944C;
			text-decoration:none;
		}
		h3#lienJour  a:hover
		{
		   /*FF944C */
		}
		p#texteNote{
			font-family:verdana,arial,sans-serif ;
			font-size:0.9em;
			font-size:11px;
			color: #3A44A3;	/* #007CBC;*/
		}
/*###########################################################################*/
/***********Modules et liens de la colonne de gauche *************/
/*###########################################################################*/
		#navigation {
			width: 210px;	/*width: 210px;*/
			float: left;
			margin: 0;
			padding: 0;
			border-left: 1px solid #007CBC ;
			/*background: url(./res/bg_page.gif) no-repeat left top ;*/
			height: 354px; /*336+18*/
		}
		#navigation ul {
			margin: 0;
			/*padding: 4px 4px 4px 4px;*/
			list-style: none;
			/*list_style_image:url(./res/ico_dossier.gif);*/
			/*list_style_type:square;*/
			/*list_style_position:inside;*/
			text-indent: 1.5em ;
			font-size: 1em;
			line-height: 1.2;

		}
		#navigation a {
			display: block;
			height: 1%;
			/*padding: 6px 10px 6px 10px;*/
			text-decoration: none;
			color: #007CBC  ;
			line-height: 1.6em ;
		}
		div#module
		{
			border-bottom: 1px solid #007CBC ;
			border-top: 1px solid #007CBC ;
			border-right: 1px solid #007CBC ;
		 	height: 70px;	  /*<<<hauteur par défaut des modules de droite*/
			width: 209px;
			overflow: auto;
			/*background: #fff ;*/
			font-size: 1em;
			letter-spacing: 1px ;
			color: #007CBC  ;
			display: block ;
			text-decoration: none ;
			/*padding: 0px 0px 0px 2px;*/


			  scrollbar-base-color:#007CBC;			/*#8C8CC6;*/
			  scrollbar-3dlight-color:#FFFFFF;
			  scrollbar-arrow-color:#FFFFFF;
			  scrollbar-darkshadow-color:#000000;
			  scrollbar-face-color:#78BADB;			/*#8C8CC6;*/
			  scrollbar-highlight-color:#FFFFFF;
			  scrollbar-shadow-color:#000000;
			  scrollbar-track-color:#DDEEF6;		/*#ACACE6;*/

		}
		div#typesDocuments
		{
			margin:0;
			padding:0;
			width:100%;
			height: 10px;
			overflow:hidden;
			line-height: 10px;
			font-size: 0.9em;
			letter-spacing: 1px ;
			text-align: center ;

			/*text-indent: 2.5em ;*/
			font-weight: bold ;
			/*padding-left: 30px ;*/
			/*text-decoration: none ;*/
			color: #007CBC  ;
			border-top: 1px solid #007CBC ;
			border-bottom: 1px solid #007CBC ;
			/*background: url(./res/Documents25.gif) no-repeat 0px 0px ;*/
			background-color:#E2F1FA;	/*#FF944C;*/
		}
/*###########################################################################*/
/*********** listes *************/
/*###########################################################################*/
		ul#list_documents
		{
			/*### liste de documents  ###*/
			/*list_style_image:url(./res/icon_doss.png);*/
			/*height: 25px ;*/
			margin: 0 ;
			padding: 0 ;
			/*background: url(./res/ico_dossier20.gif) repeat-y 0px 0px ;*/
		}
		li#documents
		{
			/*padding-left: 0.5em ;*/
			padding-left: 45px;
			height: 20px ;
			font-size: 1em;
			/*color: #999;*/
			color: #007CBC;
			/*background: url(./res/ico_documentsjaune25.gif) no-repeat 0px 0px ;*/
			background: url(./res/Dossier.gif) no-repeat 20px 0px ;
			/*text-indent: 2em ;*/
			/*line-height:2em;*/
		}
		li#documents a
		{
			/*text-decoration: underline;*/
			text-decoration: none;
			color: #007CBC;
		}
		li#documents a:hover
		{
			font-weight: bold ;
			font-size: 1.1em;
		}


		li#comptes
		{
			padding: 0.1em ;
			background: url(./res/Comptes25.gif) no-repeat 0px 0px ;
			text-indent: 2em ;
		}
		div#contenu h4,div#contenuPFN h4
		{
			margin:0;
			padding:0;
			margin-left: 5px ;
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1em;
			text-indent: 1.5em ;
			background: url(./res/Comptes25.gif) no-repeat left bottom ;
			color: #007CBC ;
		}
/*###########################################################################*/
/*********** liste de efactures *************/
/*###########################################################################*/
        div#divLesFactures{
      		  height:343px;
			  width:100%;
			  border:1px solid #FF944C;
			  overflow:hidden;
			  text-align:left;
			  float:left;
			  background-color:#CCE5F1;
        }
        div#divContFacturesPFN{
	        width:99%;
			height:213px;
			overflow:auto;
			font-size:10px;
			font-size:0.9em;
			text-align:left;
			padding:4px;
			border:#6381BB 1px solid;
			background-image:url(./res/fond_LOGO_PFN.gif);
			background-repeat:no-repeat;
			background-position:200px 0px;
		}
        div#divContFacturesCIF{
	        width:99%;
			height:213px;
			overflow:auto;
			font-size:10px;
			font-size:0.9em;
			text-align:left;
			padding:4px;
			border:#6381BB 1px solid;
			background-image:url(./res/fond_LOGO_CIF.gif);
			background-repeat:no-repeat;
			background-position:160px 15px;
		}
		div#listFactures{
			padding:0;
			overflow:auto;
			height:100px;
			padding-left:25px;
			padding-top:20px;
		}
		ul#factures
		{
			padding:0;
			text-indent: 0.2em ;
		}
		li#factures
		{
			/*padding-left: 0.5em ;*/
			/*height: 16px ;*/
			font-size: 0.8em;
			color: #999;
			/*background: url(./res/ico_documentsjaune25.gif) no-repeat 0px 0px ;*/
			background: url(./res/pdf.gif) no-repeat 0px 0px ;
			text-indent: 2em ;
			/*line-height:2em;*/
		}
		li#factures a
		{
			text-decoration: underline;
		}
		li#factures a:hover
		{
			font-weight: bold ;
		}
/*###########################################################################*/
/***********listes et formulaires pour les plannings *************/
/*###########################################################################*/
		Form#FormPlanning
		{
			font-family:verdana,arial,sans-serif ;
			font-size: 0.9em ;
			color: #007CBC ;
		}
		select#typPla{
			font-size: 1em;
			width:65px;
			color: #007CBC ;
			border:#CCC 1px solid;
			height:18px;
		}
		input#typPla{
			font-family:verdana,arial,sans-serif ;
			font-size: 1em ;
			background: url(./res/actualiser_20.gif) no-repeat 0px 0px ;
			border:#CCC 1px solid;
			color: #007CBC ;
			height:20px;
			width:75px;
			/*text-indent:5px;*/
		}
		table#typPla{
			border-bottom: 1px solid #007CBC ;
		}
/*###########################################################################*/
/***********listes et formulaires pour les demandes de RDV *************/
/*###########################################################################*/
		input#DemRDV
		{
			background: url(./res/Message80.gif) no-repeat -2px -2px ;
			/*border:#007CBC 1px solid;*/
			border-top:#007CBC 1px solid;
			border-left:#007CBC 1px solid;
			height:50px;
			width:42px;
			/*background-color:#CCC ;*/
				color: #FFF ;
				font-family:verdana,arial,sans-serif ;
				font-size: 1.1em ;
				font-weight: bold ;
				text-align: left ;
				text-decoration: none ;
				letter-spacing: 2px ;
				line-height: 20px ;
		}
		input#emailCdm{
			height: 40px ;
			background-color:#FDEADB; 	/*#FF6D0A;*/
			background-image: url(./res/email.png);
			background-position: 0px 0px;
			background-repeat:no-repeat ;
			border:#007CBC 1px solid;
			display: block ;
			width:207px;/*width:187px;*/
			color: #007CBC ;
			font-family:verdana,arial,sans-serif ;
			font-size: 1em ;
			font-weight: bold ;
			cursor:pointer;
		}
		td#tdinterloc{
				color: #007CBC ;
				font-family:verdana,arial,sans-serif ;
				font-size: 0.9em ;
				font-weight: normal ;
				text-align: left ;
				text-decoration: none ;
				letter-spacing: 0.2px ;
				/*line-height: 20px ;*/
		}
/*###########################################################################*/
/***********Cases du Planning*************/
/*###########################################################################*/
		table#plan
		{
			/*### parametres du tableau et des cellules : ###*/
			table-layout:fixed;
			border-collapse:collapse;
			/*empty-cells:0;*/
			/*### cellules et typo par défaut : ###*/
			background: #fff ;
			font-family:verdana,arial,sans-serif ;
			font-size: 100% ;
			font-size: 1em ;
			font-style:normal;
			overflow:auto;
		}
		td#planJF:hover,td#planConge:hover,td#planEvCIF:hover,td#planEvContrat:hover,td#planRDV:hover,td#planSam:hover,td#planDim:hover,td#planSem:hover{
		   	border-right:navy 1px solid;
			border-bottom:navy 2px solid;
			background:#E2F1FA;
			font-weight:bold;
			margin:3px;
			padding:3px;
		}
		.trLignePlanning td:hover{
		   	border-right:navy 1px solid;
			border-bottom:navy 2px solid;
			background:#E2F1FA ;
			font-weight:bold;
			margin:3px;
			padding:3px;
		}
		table#planSemaine
		{
			/*### parametres du tableau et des cellules : ###*/
			table-layout:auto;
			border-collapse:collapse;
			/*empty-cells:collapse;*/
			/*### cellules et typo par défaut : ###*/
			background: #fff ;
			font-family:verdana,arial,sans-serif ;
			font-size: 100% ;
			font-size: 1em ;
			font-style:normal;
			overflow:scroll;
		}
		th#planAnThMois{
			background-color:#FE9F68 ;
			width:35px;
		}
		td#planJF
		{
			/*### Jours fériés ###*/
			text-align: center;
			background: #FFDFDF;	/*background: #EFC2D0;*/	/*#FE1F00 ;*/
			font-weight: bold ;
			width:40px;
		}
		td#planConge
		{
			/*### Jours fériés ###*/
			background: #4ADCB6 ;
			font-family:verdana,arial,sans-serif ;
			font-size: 1em ;
			font-style:normal;
			text-align: justify ;
			width:40px;
			/*height:5px;*/
			/*overflow:scroll;*/
			text-indent:1px ;

		}
		td#planEvCIF
		{
			/*### Evenements CIF ###*/
			/*background:#FFDB7D;*/	/* #8FED59;*/
			background:#EFF8FF;
			font-size: 0.9em ;
			text-align: justify ;
			/*width:40px;*/
			/*height:5px;
			overflow:auto;*/
			text-indent:1px ;
		}
		td#planEvContrat
		{
			/*### Evenements liés au contrat ###*/
			background:#FFE099;	/* #E39F6A ;*/
			font-size: 1em ;
			text-align: justify ;
			width:40px;
			/*height:5px;
			overflow:auto;*/
			text-indent:1px ;
		}
		td#planRDV
		{
			/*### RDV interlocuteur  ###*/
			font-family:verdana,arial,sans-serif ;
			font-size: 1em ;
			text-align: justify ;
			width:40px;
			/*height:5px;
			overflow:auto;*/
			background: #FFFFAA ;
			text-indent:1px ;
		}
		td#planSam
		{
			/*### Couleur pour les samedi ###*/
			text-align: justify ;
			background: #C7E3F8 ;
			text-indent:1px ;
		}
		td#planSem
		{
			/*### Couleur pour les jours de Semaine ###*/
			text-align: justify ;
			background: #FFF ;
			text-indent:1px ;
		}
		span#lienEvenement a,a#lienEvenement
		{
			font-size: 1em ;
			font-weight:normal ;
			text-align: left ;
			color:#F5821F;
			text-decoration:none;
			/*bakground:#71AED9;*/
		}
		td#flechesPlanning a,a#flechesPlanning
		{
			font-size: 0.8em ;
			font-weight:normal ;
			text-decoration:none;
		}
		td#planColJours
		{
			/*### hauteur des colonnes de la table (jour ) ###*/
			height:35px;
			background:#A9CEEA;
		}
		td#planDim
		{
			/*### Couleur pour les dimanche ###*/
			text-align: justify ;
			background: #71AED9 ;
			text-indent:1px ;
		}
		td#planJourNA
		{
			/*### Couleur pour les jours non représentés ###*/
			background: #F7F8F3;	/*background: #D4D0C8;*/
		}
		td#planJourNuL
		{
			/*### Couleur pour les jours nulls  ###*/
			background: #D4D0C8;
			height:0;
			visibility:hidden;
		}
/*###planning par jour*/
		td#planJourDim
		{
			/*### Couleur pour les dimanche ###*/
			text-align:center ;
			background:#007CBC; 	/* #71AED9 ;*/
			font-size: 1.2em;
			color:#fff;			/*#007CBC ;*/
			font-weight: bold ;
			/*border-bottom: 1px solid #007CBC ;*/
			text-indent:1px ;
		}
		td#planJourSam
		{
			/*### Couleur pour les samedi ###*/
			text-align:center ;
			background: #71AED9 ;
			font-size: 1.2em;
			color:#fff;			/*#007CBC ;*/
			font-weight: bold ;
			text-indent:1px ;
		}
		td#planJourSem
		{
			/*### Couleur pour la semaine ###*/
			text-align:center ;
			background:#fff;
			font-size: 1.2em;
			color:#007CBC ;
			font-weight: bold ;
			text-indent:1px ;
		}
/*###########################################################################*/
/***********Cases des notes et messages*************/
/*###########################################################################*/
		td#MsgProche
		{
			/*### Couleur pour les msgs proches ###*/
			text-align:left ;
			background:#fff;
			font-size: 1.2em;
			color:#11900A ;
			font-weight: bold ;
			border-bottom: 1px solid #007CBC ;
		}
		td#MsgNonProche
		{
			/*### Couleur pour les msgs non proches ###*/
			text-align:left ;
			background:#fff;
			font-size: 1em;
			color:#FFBD69 ;
			font-weight: normal ;
			border-bottom: 1px solid #FFBD69 ;
			background: #C9DEB1;
		}
		td#MsgPasse
		{
			/*### Couleur pour les msgs proches ###*/
			text-align:left ;
			background:#fff;
			font-size: 1em;
			color:#B0BCDA ;
			font-weight: normal ;
			border-bottom: 1px solid #B0BCDA ;
			background: #D4D0C8;
		}
/*###########################################################################*/
/***********lignes de compte  *************/
/*###########################################################################*/
		/*table des lignes de compte lignesComptes */
 		table#lignesComptes{
		font-family:verdana,arial,sans-serif ;
		border-collapse:collapse;
			margin: 0 ;
			padding-top: 2px ;
			font-size:100% ;
			font-style:normal;
			font-size:11px;
			font-size:1em;
			/*font-weight: bold ;*/
 		}
 		table#tableComptes{
			font-family: Verdana, Helvetica, Arial, sans-serif;
			border-right : 1px #3970AF outset;
			border-bottom : 1px #3970AF outset;
			border-left : 1px #3970AF outset;
			border-top : 1px #3970AF outset;
 		}
 		th#affichtitre {
		   	border : 1px #3970AF outset;
			background-color : #F8C88D;
			font-weight : bold; color : #3970AF;
			font-size : 10px;
			text-align : center;
			height : 21px;
		}
 		td#tdLignesCompte{
			border-left : 1px #3970AF outset;
			background-color : #FFFFFF;
			color : #2A4988;
			font-size : 10px;
			height : 20px;
		}
		td#tdLignesCompteNeg{
			border-left : 1px #3970AF outset;
			background-color : #FFFFFF;
			color : #CD3838;
			font-size : 10px;
			height : 20px;
		}
		td#tdLignesComptePos{
			border-left : 1px #3970AF outset;
			background-color : #FFFFFF;
			color : #009966;
			font-size : 10px;
			height : 20px;
		}
		td#tdLignesCompteb{
			border-left : 1px #3970AF outset;
			background-color : #D7E2EF;
			color : #2A4988;
			font-size : 10px;
			height : 20px;
		}
		td#tdLignesCompteNegb{
			border-left : 1px #3970AF outset;
			background-color : #D7E2EF;
			color : #CD3838;
			font-size : 10px;
			height : 20px;
		}
		td#tdLignesComptePosb{
			border-left : 1px #3970AF outset;
			background-color : #D7E2EF;
			color : #009966;
			font-size : 10px;
			height : 20px;
		}
		td#tdSolde {
			border-top : 1px #3970AF inset;
			background-color : #ACC6E0;
			color : #FFFFFF;
			font-weight : bold;
			font-size : 10px;
			height : 26px;
			text-align : center;
		}
/*###########################################################################*/
/***********Actus Groupe CIF *************/
/*###########################################################################*/

		div#lesInfos{
			border-top:2px solid #007CBC;
			border-right:1px solid #007CBC;
			border-left:1px solid #007CBC;
			border-bottom:1px solid #007CBC;
			font-family:verdana,arial,sans-serif ;
	height:340px;	/*height:322px;	*/	/*height:311px;*/	/*height:303px;*/	/*	height:90%;*/
			display:block;
			clear:left;
			overflow:auto;
		}


		ddiv#InfosActus{
			border-top:2px solid #007CBC;
			border-right:1px solid #007CBC;
			border-left:1px solid #007CBC;
			border-bottom:1px solid #007CBC;
			font-family:verdana,arial,sans-serif ;
			height:300px;	/*height:322px;	*/	/*height:311px;*/	/*height:303px;*/	/*	height:90%;*/
			display:block;
			clear:left;
			overflow:auto;
		}
/*
menu horizontal pour les actus
*/
		div#lienActu{
			float:left;
			display: block ;
			background: url(./res/_barreMenuOr.gif) repeat-x 0 0;
			border:1px solid #B0BCDA;
			width:168px;
			color: #fff ;
			margin-left:2px;
			margin-bottom:1px ;
			margin-top: 1px ;
			height:15px;
		}
		div#lienActuActif{
			float:left;
			display: block ;
			font-weight: bold ;
			background: url(./res/_barreMenuOr.gif) repeat-x 0 0;
			border-top:2px solid  #007CBC;
			border-left:2px solid  #007CBC;
			border-right:2px solid  #007CBC;
			width:168px;
			color: #fff ;
			margin-left:2px;
			margin-top:1px ;
			height:18px;
		}
/*2 onglets pour PFN*/
		div#lienActuPFN{
			float:left;
			display: block ;
			background: url(./res/_barreMenuOr.gif) repeat-x 0 0;
			border:1px solid #B0BCDA;
			width:250px;
			color: #fff ;
			margin-left:2px;
			margin-bottom:1px ;
			margin-top: 1px ;
			height:15px;
			text-indent:40px;
		}
		div#lienActuPFNActif{
			float:left;
			display: block ;
			font-weight: bold ;
			background: url(./res/_barreMenuOr.gif) repeat-x 0 0;
			border-top:2px solid  #007CBC;
			border-left:2px solid  #007CBC;
			border-right:2px solid  #007CBC;
			width:250px;	/*width:168px;*/
			color: #fff ;
			margin-left:2px;
			margin-top:1px ;
			height:18px;
			text-indent:40px;
		}
		div#lienActu a,div#lienActuActif a,div#lienActuPFN a,div#lienActuPFNActif a{
			/*background: url(./res/_barreMenuOr.gif) repeat-x 0 0;*/
			color: #fff ;
			text-decoration:none;
		}
		div#lienActu a:hover,div#lienActuActif a:hover,div#lienActuPFN a:hover,div#lienActuPFNActif a:hover{
			/*background: url(./res/_barreMenuHoverOr.gif) repeat-x 0 0;*/
			color: #fff ;
			font-weight: bold ;
		}






		.spacer {display:block;clear:both;font-size:1px;height:1px;}
		.spacer20 {display:block;clear:both;font-size:1px;height:20px;}
		div.content_left, div.content_right {float:left;width:530px;}
		div.content_left {margin-right:7px;}

		div.content_txt {
			margin:0;padding:0;
			background: url(./res/fond_LOGO.gif) no-repeat 10px -25px; ;
		}


		div.content_txt div, div.content_txt_bl div {color:#6C6C6C;}
		div.content_txt div.scroll {margin-left:3px;width:550px;height:235px;overflow:auto;}
		div.content_txt div.scroll div {margin-left:2px;margin-right:2px;padding:5px;}
		div.content_txt div.block {border-bottom:1px solid #007DBC;}

		div.content_txt img {width:130px;border:1px solid #0E0E6C;}
		div.content_txt div table b, div.content_txt_bl div table b, div.content_txt_or div table b {font-size:11px;}
		div.content_txt div table td, div.content_txt_bl div table td, div.content_txt_or div table td {padding-bottom:2px;font-size:11px;}
		div.content_txt div table a, div.content_txt_bl div table a, div.content_txt_or div table a {text-decoration:none;}
		div.content_txt h2 a, div.content_txt_bl h2 a, div.content_txt_or h2 a, div.content_txt_rss h2 a {color:#fff;text-decoration:none;}
		div.content_txt h2.em {font-weight:normal;font-style:italic;font-size:12px;}


		div.prg_coupc {border-top:2px solid #fff;border-left:2px solid #fff;border-right:1px solid #fff;color:#fff;padding:4px;text-align:center;background-color:#FF6600;}
		a div.prg_coupc {color:#fff;text-decoration:none;}

/*liste d'annonces*/
div#lignAnnonce{
	background-color:#fff;
	color:#00A2C9;
	border-bottom: 1px solid #007CBC ;
	border-left: 1px solid #007CBC ;
	margin:0;
	padding:0;
	padding-top:2px;
}
div#lignAnnonce img{
	float:left;
	width:15%;
}
div#lignAnnonce a.bt_plus {
 	margin-top:1px;
	font-size:10px;
	float:left;
	display:block;
	border-bottom: 1px solid #007CBC ;
	Text-Decoration:none;
}
div#lignAnnonce p.txt {
	margin-left:0px;
}
div#lignAnnonce p.prix {
	font-size:10px;
	font-weight:bold;
	margin-right:10px;
	text-align:right;
}
div#lignAnnonceBis{
	background-color:#ECECEC;
	color:#00A2C9;
	border-bottom: 1px solid #007CBC ;
	border-left: 1px solid #007CBC ;
	margin:0;
	padding:0;
	padding-top:2px;
}
div#lignAnnonceBis p.txt {
	margin-left:0px;
}
div#lignAnnonceBis a.bt_plus {
 	margin-top:1px;
	font-size:10px;
	float:left;
	display:block;
	border-bottom: 1px solid #007CBC ;
	Text-Decoration:none;
}
div#lignAnnonceBis img{
	float:left;
	width:15%;
}
div#lignAnnonceBis p.prix {
	font-size:10px;
	font-weight:bold;
	margin-right:10px;
	text-align:right;
}
		p.photo{

		}
		div.lst{
			margin:0;
		}
		p.txt{
			display:block;
			margin:0;
			padding-left:125px;
			padding-right:4px;
		}
		p.photo img {
			display:block;
			/*width:138px;
			height:103px;*/
			width:80px;
			margin-bottom:5px;
			margin-left:0;
			padding-left:0;
			text-indent:0;
			left:0;
			border:1px solid #FF6600;
		}
		span.ess_b{
			font-weight:bold;
			text-decoration:none;
		}
/*###########################################################################*/
/***********ACTUS LISTE PROGRAMMES NEUFS*************/
/*###########################################################################*/

div.prg_lst {padding:1px;background-color:#E5EFFF;border:1px solid #FF7F7F;font-weight:bold;}
div.prg_lst table {color:#FF6600;border:none;}
div.prg_lst table thead td {font-size:9px;border-bottom:1px solid #0033FF;}
div.prg_lst table td {
	font-size:9px;
	/*padding:4px;*/
}
div.prg_lst table a {
	padding-left:1px;	/*padding-left:15px;*/
	color:#FF6600;
	text-decoration:none;
	background-image:url(/common/xsl/b2c/groupe-cif/picts/fleche_j.gif);
	background-repeat:no-repeat;
}
.tr_on {background-color:#FF6600;color:#fff;}

/*###########################################################################*/
/***********PHP SCROLLER*************/
/*###########################################################################*/
		.banner{
			/*background-color:<?php //echo BACKGROUND_COLOR; ?>;
			color:<?php //echo FONT_COLOR; ?>;
			font-family:<?php //echo FONT_FAMILY; ?>;
			font-size:<?php //echo FONT_SIZE; ?>;
			border: thin solid <?php //echo BORDER_COLOR; ?>;*/
			color:#007CBC;
			font-family:verdana,arial,sans-serif ;
			font-size:10px;
			/*border-left: 1 thin solid #007CBC;
			border-bottom: 1 thin solid #007CBC;*/
			/*border: thin solid #007CBC;*/
			position:relative;
			left:0px;
			padding:10px;
		}
		#bannerbody{
			width:95%;
			height:310px;	/*height:276px;*/
			position:relative;
			top:0px;
			left:0px;
			overflow:hidden;
			visibility:hidden;
			/*margin-left:-50px;*/

		}
/*###########################################################################*/
/*********** Infos externes Groupe CIF  *************/
/*###########################################################################*/
	#blocMetiers{
		width:205px;
		height:214px;
		float:left;
		padding:0px;
		margin:0;
		border-right:1px solid #007CBC;
		border-bottom:1px solid #007CBC;
		background: #007CBC ;
	}
	#blocProg{
		width:205px;
		height:263px;
		float:left;
		padding:0px;
		margin:0;
		border-right:1px solid #007CBC;
		border-bottom:1px solid #007CBC;
		background: #007CBC ;
		overflow:hidden;
	}
		div#connexion
		{
			/*padding: 0 5px 0 10px ;*/
			font-size: 0.8em;
			margin:0;
			padding:0;
			margin-right:1px;
			font-family:verdana,arial,sans-serif ;
			height:95px;	/*height:74px;*/	/*height:76px;*/
			/*float:left;*/
			overflow:auto;
		}
		div#connexion h1
		{
			/*margin-left: 15px ;
			padding-left: 25px ;*/
			font-size: 1.1em;
			color: #007CBC ;
			border-bottom: 1px solid #007CBC ;
		}
		div#connexion h2
		{
			/*margin-left: 15px ;
			margin-top: 15px ;
			padding-left: 25px ;*/
			line-height: 25px ;
			font-size: 1em;
			text-indent: 1.5em ;
			background: url(./res/Notes25.gif) no-repeat left bottom ;
			color: #007CBC ;
			/*border-bottom: 1px solid #007CBC ;*/
		}


		div#connexion a
		{
			color: #007CBC ;
			/*margin-left:  4.5em ;*/
		}
		div#connexion a:hover
		{
			color: #69B2D8;
		}
/*###########################################################################*/
/***********formulaires de demande de contact Interlocuteur *************/
/*###########################################################################*/
		Form#FormContact
		{
			font-family:verdana,arial,sans-serif ;
			font-size: 0.9em ;
			color: #007CBC ;
		}
		select#typeContact{
			font-size: 1em;
			width:396px;
			color: #007CBC ;
			border:#CCC 1px solid;
			height:18px;
		}
		textarea.txtContact{
			font-size: 1.1em;
			width:396px;
			font-family:verdana,arial,sans-serif ;
			color: #007CBC ;
			border:#CCC 1px solid;
			height:140px;
		}
		input#txtContact{
			font-size: 1em;
			color: #007CBC ;
			border:#CCC 1px solid;
		}
		input.txtContact{
			font-size: 1em;
			color: #007CBC ;
			border:#CCC 1px solid;
		}
		input#Envoi{
			font-family:verdana,arial,sans-serif ;
			font-size: 1em ;
			background: url(./res/actualiser_20.gif) no-repeat 0px 0px ;
			border:#CCC 1px solid;
			color: #007CBC ;
			height:20px;
			width:75px;
			/*text-indent:5px;*/
		}
		table#Contact{
			/*border-top: 1px solid #007CBC ;
			border-bottom: 1px solid #007CBC ;*/
		}
		div#Contact{
		    height : 500px;
		    border-left:#007cbc 1px solid;
			border-right:#007cbc 1px solid;
			font-family:verdana,arial,sans-serif ;
			font-size: 0.9em ;
			color: #007CBC ;
			display:block;
			position:relative;
		}
		h4#msg_txt_envoi_mail{
			font-size: 1.2em ;
		}
		h4#msg_txt_envoi_mail_absence{
			font-size: 1em ;
		}
/*###########################################################################*/
/***********souscription efacture *************/
/*###########################################################################*/
		div#Souscrire{
		    height : 390px;
		    border-left:#007cbc 1px solid;
			border-right:#007cbc 1px solid;
			font-family:verdana,arial,sans-serif ;
			font-size:0.8em;
			font-size:9px;
			color: #007CBC ;
			display:block;
			position:relative;
			padding-left:25px;
			padding-right:25px;
		}
		div#Souscrire h4{
			font-size:12px ;
			font-size: 1.1em ;
		}
		div#TexteSouscriptionEfact {
		   	display:block;
			border:#007cbc 1px solid;
			padding-left:25px;
			padding-right:25px;
			font-size: 0.9em ;
			font-size:10px ;
		}
/*###########################################################################*/
/***********formulaires de recherche de mot de passe *************************/
/*###########################################################################*/
		div#Search_mdp,div#Search_ContratFacture{
		    height:500px;	/* height : 340px; */
		    border-left:#007cbc 1px solid;
			border-right:#007cbc 1px solid;
			font-family:verdana,arial,sans-serif ;
			font-size: 0.9em ;
			color: #007CBC ;
			border:#007cbc 1px solid;
			overflow:auto;
		}
		input#txtSearch_mdp{
			font-size: 1em;
			color: #007CBC ;
			border:#CCC 1px solid;
		}
		input#input_button{
		  background: url(./res/bouton.gif) no-repeat;
		  color:#fff;
		  width:120px;
		  border:#CCC 0px solid;
		  font-weight: bold;
		  font-size: 12px;
		  height:22px;
		  /*padding: 4px 4px 4px 4px;*/
			padding-bottom: 4px ;
		}
		a#input_button{
		  background: url(./res/bouton.gif) no-repeat;
		  color:#fff;
		  width:150px;
		  font-weight: bold;
		  font-size: 12px;
		  height:22px;
		  text-decoration:none;
		  padding: 4px 4px 4px 4px;
		}
		Form#FormSearch_mdp
		{
			color: #007CBC ;
		}
		h4#titre_mdp_perdu,h4#titre_ContratFacture{
			font-size: 12px;
		}
/*###########################################################################*/
/***********formulaires de gestion du profil *********************************/
/*###########################################################################*/
		div#Gestion_profil{
		    height : 465px;
		    border-left:#007cbc 1px solid;
			border-right:#007cbc 1px solid;
			font-family:verdana,arial,sans-serif ;
			font-size: 0.9em ;
			color: #007CBC ;
			display:block;
			position:relative;
		}
		input#txtGestion_profil{
			font-size: 1em;
			color: #007CBC ;
			border:#CCC 1px solid;
		}
		input.txtGestion_profil{
			font-size: 1em;
			color: #007CBC ;
			border:#CCC 1px solid;
		}
		textarea#txtGestion_profil{
			font-size: 1.2em;
			color: #007CBC ;
			border:#CCC 1px solid;
		}
		td#titre_form_gestion_profil_id{
            margin-top: 15px ;
            margin-left: 15px ;
			padding-left: 25px ;
			padding-bottom:5px;
			font-size: 1.1em;
			color: #007CBC ;
			border-bottom: 1px solid #007CBC ;
			background: url(./res/identification.gif) no-repeat;
		}
		td#titre_form_gestion_suppr_donnees{
            margin-top: 15px ;
            margin-left: 15px ;
			padding-left: 25px ;
			padding-bottom:5px;
			font-size: 1.1em;
			color: #007CBC ;
			border-bottom: 1px solid #007CBC ;
			background: url(./res/poubelle.gif) no-repeat;
		}
		td#titre_form_gestion_profil_donnees{
            margin-top: 15px ;
            margin-left: 15px ;
			padding-left: 25px ;
			padding-bottom:5px;
			color: #007CBC ;
			border-bottom: 1px solid #007CBC ;
			background: url(./res/donnees_perso.gif) no-repeat;
		}
		td#titre_form_gestion_profil_cgu{
            margin-top: 15px ;
            margin-left: 15px ;
			padding-left: 25px ;
			padding-bottom:5px;
			font-size: 1.1em;
			color: #007CBC ;
			border-bottom: 1px solid #007CBC ;
			background: url(./res/cgu24.gif) no-repeat;
		}
		td#titre_form_gestion_profil_efact{
            margin-top: 15px ;
            margin-left: 15px ;
			padding-left: 25px ;
			padding-bottom:5px;
			font-size: 1.1em;
			color: #007CBC ;
			border-bottom: 1px solid #007CBC ;
			background: url(./res/efact.gif) no-repeat;
		}
		td#gest_profil{
			font-size: 1em;
			color: #007CBC ;
			border:#CCC 1px solid;
		}
		a.input_button{
		    background: url(./res/bouton.gif) no-repeat;
		    color:#fff;
		    width:150px;
		    font-weight: bold;
		    font-size: 12px;
		    height:22px;
		    text-decoration:none;
		    padding: 4px 4px 4px 4px;
		}
		input#input_button_ici{
		    background: url(./res/bouton.gif) no-repeat;
		    color:#fff;
		    width:45px;
		    border:#CCC 0px solid;
		    font-weight: bold;
		    font-size: 12px;
		    height:22px;
			/*padding: 4px 4px 4px 4px;*/
			padding-bottom: 4px ;
		}
/*###########################################################################*/
/***********formulaires de premiere connexion *********************************/
/*###########################################################################*/
		input#input_button_activer{
		    background: url(./res/bouton.gif) no-repeat;
		    color:#fff;
		    width:150px;
		    border:#CCC 0px solid;
		    font-weight: bold;
		    font-size: 12px;
			text-align:center;
		    height:22px;
			padding: 4px 4px 4px 4px;
		}
		td#cadre_statut_premiere_connexion_1{
			border-left:#007CBC 1px solid;
			border-top:#007CBC 1px solid;
			border-bottom:#007CBC 1px solid;
		}
		td#cadre_statut_premiere_connexion_2{
			border-right:#007CBC 1px solid;
			border-bottom:#007CBC 1px solid;
			border-top:#007CBC 1px solid;
		}

		td#titre_premiere_connexion{
			font-size: 16px;
		}
		td#titre_form_premiere_connexion{
            margin-left: 15px ;
			padding-left: 25px ;
			padding-bottom:5px;
			font-size: 1.3em;
			color: #007CBC ;
		}
/*###########################################################################*/
/***********Message d'erreur  ************************************************/
/*###########################################################################*/
		font#erreur{
			color: red ;
			font-weight: bold;
		}
/*###########################################################################*/
/***********Message de succes ************************************************/
/*###########################################################################*/
		font#msg_confirm{
			color: green ;
			font-weight: bold;
		}

		font#titre_connexion{
			color:#007CBC;
			font-weight: bold;
			font-size: 1.1em;
			width:100%;
		}
	    font#text_identifiant{
			color : #dc8046;
			font-size: 1.1em;
			font-weight: bold;
	    }
		input#zone_identifiant{
			color : #dc8046;
			size: 1.1em;
			border:#007CBC 1px solid;
		}
		input.zone_identifiant{
			color : #dc8046;
			size: 1.1em;
			border:#007CBC 1px solid;
		}
		input#input_button_email{
		    background: url(./res/bouton_grand.gif) no-repeat;
		    color:#fff;
		    width:250px;
		    border:#CCC 0px solid;
		    font-weight: bold;
		    font-size: 12px;
			text-align:left;
		    height:22px;
			padding: 4px 4px 4px 4px;
		}
		a#input_button_id_perdu{
		    /*background: url(./res/bouton_connect.gif) no-repeat;*/
		    color:#e2f1fa;
		    width:150px;
		    border:#CCC 0px solid;
		    font-weight: bold;
		    font-size: 10px;
			text-align:center;
		    height:20px;
			padding: 4px 4px 4px 4px;
			text-decoration:none;
		}
/*###########################################################################*/
/***********formulaires de suppression de compte *****************************/
/*###########################################################################*/
		div#Suppr_compte{
		    height : 350px;
		    border-left:#007cbc 1px solid;
			border-right:#007cbc 1px solid;
			font-family:verdana,arial,sans-serif ;
			font-size: 0.9em ;
			color: #007CBC ;
			display:block;
			position:relative;
		}
		input#input_button_grand{
		  background: url(./res/bouton_grand.gif) no-repeat;
		  color:#fff;
		  width:180px;
		  border:#CCC 0px solid;
		  font-weight: bold;
		  font-size: 12px;
		  height:22px;
		  padding: 4px 4px 4px 4px;
		}
/*###########################################################################*/
/***********Afficher / Masquer un div pour les evenements de planning  ******/
/*###########################################################################*/
		div#calqPopup{
			display:none;
			position:absolute;
			width:210px;
			height:80px;
			border: #007CBC 1px solid;
			background-color:#ffcc66;
			padding:5px;
			background-image:url(./res/FDLOGO80transp.gif);
			/*background-position:0 0;*/
			background-repeat:no-repeat;
		}
		div#calqPopupContent{
			text-align: center ;
			font-family:verdana,arial,sans-serif ;
			font-size:100% ;
			font-size:1em ;
			font-style:normal;

			/*display:block;*/
			position:relative;
			width:210px;
			height:80px;
			border: #007CBC 1px solid;
			background:#FFF;
			color:#007CBC;

			background-image:url(./res/FDLOGO80transp.gif);
			background-position:60px 0px;
			background-repeat:no-repeat;
		}