/*   ***********************************************************************************************************************************************
	 *  Date de création : 16/07/2008                                                                                                              *
     *  Nomenclature : c = class,                                                                                                                  *
  	 *	                              CSS DOCUMENT                                                                                                 *
	 *                                                                                                                                             *
	 *                                                                                                                                             *
     ***********************************************************************************************************************************************/




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

  	 *	                               CORP DU LAYOUT                                                                                        *

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

	body
	{
		margin:0px;
		background-color:#192541;
		text-align:center;
		/*overflow-x:hidden;
		overflow-y:hidden;*/
		padding:0 0 0 0;
	}
	.div_principale
	{
		 margin-left: auto;
		 margin-right: auto;
		 width: 1000px;
		 text-align: left;
		 margin-top:0;
		 margin-bottom:0;

	}
	div
	{
		position: relative;
		z-index:1;
		/*border:red solid 1px;*/
	}


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

  	 *	DEFINITION DU STYLE APLIQUES AU DIFFERENTS ELEMNTS DU HEADER                                                                               *

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

	#header {margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;border:0px solid #EEE;}
	#header img {float:left;margin-left:0px;border:none;}
	#header img#topper {float:right;margin-left:0px;border:0px solid #EEE;display:block; background: url(header_bg1.bmp) repeat-x;}
	#headerlinks {clear:both;color:#333;margin-right:0px;margin-top:0px;font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;border:0px solid #EEE;}
	#headerlogon {clear:both;width:400px;float:left;text-align:left;color:#333;margin-left:0px;margin-top:0px;font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;border:0px solid #EEE;}


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

  	 *	DEFINITION DES CLASSES DES DIFFERENTS ETAGES DU LAYOUT MD                                                                                    *

     ***********************************************************************************************************************************************/
	/* Plusieurs découpages de la zone 3 en fonction de la couleur d'écran'
	  (zone = Arc + logo Doc Channel + Infos USER)
	   La hauteur a été fixée, pour un découpage optimum, à 160px */

	 /* Couleur en bleu simple */
	.cheaderbg3_rose_simple
	{
		width:1000px;
		height:104px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		background: url(../images/Common/img_headerbg3_rose_simple.jpg) no-repeat;
		border:red solid 0px;
	}
	/* Couleur en dégradé d'un pixel couvrant la zone de contenu central */
	.ccontentbg_rose
	{
		background:url(../images/Common/content_bar_rose_simple.jpg) repeat-x;
		height:400px;
		width:1000px;
	}
	.ccontentbg_md3
	{
		background:url(../images/Common/content_bar_rose_simple.jpg) repeat-x;
		height:710px;
		width:1000px;
	}
	.ccontentbg_rose_md1_map
	{
		background:url(../images/MD/content_bar_rose_simple_md1_map.jpg) repeat-x;
        height:490px;
		width:1000px;
	}
    .ccontentbg_rose_step_2
	{
		background:url(../images/MD/content_bar_rose_simple.jpg) repeat-x;
        height:460px;
		width:1000px;
	}
	.ccontentbg_print1_ten_addr
	{
		width:500px;
		height:450px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		border:red solid 0px;
		background-color:white;
	}
	.ccontentbg_md1_ten_addr
	{
		width:500px;
		height:450px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		border:red solid 0px;
		background-color:white;
	}
	.ccontentbg_admin_client2_dir
	{
		width:500px;
		height:700px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		background-color:#dae6ed;
	}
	.ccontentbg_admin_client2_file_type
	{
		width:100%;
		height:100%;
		padding:0 0 0 0;
		margin:0 0 0 0;
		background-color:#dae6ed;
	}
	.ccontentbg_download_file
	{
		width:1000px;
		height:600px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
	.ccontentbg_display_ar
	{
		padding:0 0 0 0;
		margin:0 0 0 0;
		background-color:#dae6ed;
	}
    .error
	{
		font-family: Arial;
		color:red;
		margin-left: 10px;
		font-size:14px;
	}
    .confirm_blue
	{
		font-family: Arial;
		color:red;
		margin-left: 10px;
		font-size:14px;
	}
/*   ***********************************************************************************************************************************************

  	 *	DEFINITION DES CLASSES DES DIFFERENTS ETAGES DU LAYOUT PRINT                                                                                    *

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


	/* Bandeau supérieur de la zone1
	  (zone de définition du titre de la page)
	   sa couleur hérite de celle du body  */
	.cheaderbg1
	{
		width:1000px;
		height:14px;
		/*background: url(../images/temp/header_bg1.bmp) repeat-x;*/
		padding:7px 0px 0px 5px;

	}

	/* Bandeau de la zone2
	  (zone de définition de l'arborescence)
	   sa couleur du bleu ciel :  #0876AD*/
	.cheaderbg2
	{
		width:1000px;
		height:15px;
		background-color:#0876AD;
	}

	/* Plusieurs découpages de la zone 3 en fonction de la couleur d'écran'
	  (zone = Arc + logo Doc Channel + Infos USER)
	   La hauteur a été fixée, pour un découpage optimum, à 160px */

	   .cheaderbg3_bleu_reporting_simple
	{
		width:1000px;
		height:105px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		background: url(../images/Common/img_headerbg3_bleu_reporting_simple.jpg) no-repeat;
		border:red solid 0px;
	}

	 .cheaderbg3_mauve_simple
	{
		width:1000px;
		height:105px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		background: url(../images/Common/img_headerbg3_mauve_simple.jpg) no-repeat;
		border:red solid 0px;
	}

/* Couleur barre haute pour la consultation*/
	 .cheaderbg3_violet_simple
	{
		width:1000px;
		height:105px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		background: url(../images/Consultation/bandeau.jpg) no-repeat;
		border:red solid 0px;
	}

	 /* Couleur en bleu simple */

	.cheaderbg3_bleu_simple
	{
		width:1000px;
		height:105px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		background: url(../images/Common/img_headerbg3_bleu_simple.jpg) no-repeat;
		border:red solid 0px;
	}
	.cheaderbg3_bleu_simple_admin
	{
		width:1000px;
		height:105px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		background: url(../images/Common/img_headerbg3_bleu_simple_admin.jpg) no-repeat;
		border:red solid 0px;
	}
	.cheaderbg3_bleu_simple_admin2
	{
		width:1000px;
		height:105px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		background: url(../images/Common/img_headerbg3_bleu_simple_admin2.jpg) no-repeat;
		border:red solid 0px;
	}
	/* Couleur en bleu auréole type 1 */
	.cheaderbg3_bleu_aureole
	{
		width:1000px;
		height:105px;
		background: url(../images/Common/TEST_Header_3_EC.jpg) no-repeat;
	}

	/* Couleur en bleu auréole type 2 */
	.cheaderbg3_bleu_aureole_2
	{
		width:1000px;
		height:105px;
		background: url(../images/Common/TEST_Header_3_TB.jpg) no-repeat;
	}

	 .ccontentbg_bleu_print_step_2
	{
		background:url(../images/Print/fond_boucle_print2.jpg) repeat-x ;
		height:500px;
		width:1000px;
	}

     .ccontentbg_bleu_reporting_1
	{
		background:url(../images/reporting/fond_boucle_reporting1.jpg) repeat-x ;
		width:1000px;
		z-index:200;
	}
	.ccontentbg_bleu_print1_map
	{
		background:url(../images/Print/fond_boucle_print1_map.jpg) repeat-x;
		height:500px;
		width:1000px;
	}
	/* Couleur en dégradé d'un pixel couvrant la zone de contenu central */
	.ccontentbg_bleu
	{
		background:url(../images/Common/content_bar_blue_simple.jpg) repeat-x;
		height:400px;
		width:1000px;
	}
	.ccontentbg_print1
	{
		background:url(../images/Common/content_bar_blue_simple_print1.jpg) repeat-x;
		height:408px;
		width:1000px;
	}
	.ccontentbg_print3
	{
		background:url(../images/Common/content_bar_blue_simple_print3.jpg) repeat-x;
		height:840px;
		width:1000px;
	}

	.ccontentbg_admin1
	{
		background:url(../images/Admin/content_bar_blue_simple_admin1.jpg) repeat-x;
		height:485px;
		width:1000px;
	}

	/*Couleur du fond de page pour la consultation*/
	.ccontentbg_violet
	{
		background:url(../images/Consultation/content_fond_boucle_mauve.jpg) repeat-x;
		height:570px;
		width:1000px;
	}
		/* new */
	.ccontentbg_admin2
	{
		/*background:url(../images/Common/content_bar_blue_simple_admin2.jpg) repeat-x;*/
		background:url(../images/Admin/content_bar_blue_simple_admin2.jpg) repeat-x;
		height:800px;
		width:1000px;
		/*border:1px red solid;*/
	}
	.ccontentbg_admin4
	{
		background:url(../images/Admin/content_bar_blue_simple_admin4.jpg) repeat-x;
		height:550px;
		width:1000px;
		/*border:1px red solid;
		!background:url(../images/Admin/content_bar_blue_simple_admin4_409px.jpg) repeat-x;
		background:url(../images/Common/content_bar_blue_simple.jpg) repeat-x;*/
	}

	.ccontentbg_admin5
	{
		/*background:url(../images/Common/content_bar_blue_simple_admin5.jpg) repeat-x;*/
		background:url(../images/Print/fond_boucle_print2.jpg) repeat-x;
		height:500px;
		width:1000px;
	}

		.ccontentbg_admin3
	{
		background:url(../images/Admin/content_bar_blue_simple_admin3.jpg) repeat-x;
		height:586px;
		width:1000px;
		/*border:1px red solid;*/
	}



		/* Couleur en dégradé d'un pixel couvrant la zone de contenu central */

		.ccontentbg_bleu1
		{
			background:url(../images/Common/fond_boucle_print2.jpg) repeat-x;
			height:400px;
			width:1000px;
		}


	/* Positionnement du logo doc channel en haut de la page dans zone 3 */
	.clogotopper
	{
		float:right;
		border:1px solid #EEE;
		display:block;
	}

	.ctopper
	{
		float:right;
		border:2px solid #EEE;
	}

	/* Positionnement des div à commenter par ME */
	.ccontent_div
	{
		display:block;
		float:inherit;
		padding:0 0 0 0;
		margin:0 0 0 0;
		border:solid green 0px;
	}
	.ccontent_div_left
	{
		display:block;
		float:left;
		width:100px;
		height:100%;
		padding:0 0 0 0;
		margin:0 0 0 0;
		border:solid green 0px;
	}

	.ccontent_div_left_admin
	{
		display:block;
		float:left;
		width:30px;
		height:100%;
		padding:0 0 0 0;
		margin:0 0 0 0;
		border:solid green 0px;
	}

	.ccontent_div_left_admin2
	{
		display:block;
		float:left;
		width:30px;
		height:150%;
		padding:0 0 0 0;
		margin:0 0 0 0;
		border:solid green 0px;
	}

	.ccontent_div_left_reporting
	{
		display:block;
		float:left;
		width:100px;
		height:100%;
		padding:0 0 0 0;
		margin:0 0 0 0;
		border:solid green 0px;
	}
	
	.ccontent_div_left_recherche
	{
		display:block;
		float:left;
		width:30px;
		height:100%;
		padding:0 0 0 0;
		margin:0 0 0 0;
		border:solid green 0px;
	}
	/* Définition de la zone de footer */

	.footer
	{
		color:#999;
		background-color:#0F375B;
		width:1000px;
		height:30px;
		z-index:100;
	}
	/* Définition de la zone de footer pour les écrans admin*/

	.footer_admin
	{
		color:#999;
		background-color:#192541;
		width:1000px;
		height:30px;
	}


	/* Style à appliquer aux différents éléments associés à la zone de footer */
		#footerlinks {font-size:12px;width:49%;float:left;padding-left:115px;}
		#footerlinks a {color:#999;}
		#copyright {font-size:12px;width:49%;text-align:right;padding-right:15px;}



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

  	* DEFINITION  DES STYLES APPLIQUES AUX DIFFERENTES POLICES UTILISEES DANS LES ECRANS                                                           *

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

	/* Police à commenter par ME */

	.texte_gras
	{
		font-weight:bold;
	}

	.texte_futura_blanc_20
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		color: #FFFFFF;
	}

	.texte_futura_gris-bleu_9_gras
	{
		font-size:9px;
		font-family:arial;
		/*color:#aed2e4;*/
		color:white;
		font-weight:bold;
	}

	.texte_futura_noir_12_gras
	{
		font-size:12px;
		font-family:arial;
		color:black;
		font-weight:bold;
	}


	/* Police du titre de la page */

	.cheadertext1
	{
		color: #FFFFFF;
		font-size:14px;
		font-family:arial;
	}
	/* Police du titre de de l'arborescence' */
	.cheadertext2
	{
		color: #FFFFFF;
		padding:1px 0px 0px 32px;
		font-size:11px;
		font-family:"Arial";
	}


	/* Police du login ' */
	.clogin_text1
	{
		font-family: Arial;
		font-size: 16px;
		font-style: normal;
		font-weight: normal;
		color:#005D8B;
	}

	/* Police du login' */
	.clogin_text2
	{
		font-family: Arial;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color:#192541;
	}

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

  	*   POSITIONNEMENT & INSERTION DES IMAGES COMMUNES                                                                                             *

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

	/* Image "Key" définie au niveau de la zone d'identification login et dans la zone 3 */
	.cimg_Key_Login
	{
		background-image:url(../images/Common/key.gif);
		background-repeat:no-repeat;
		background-position:center left;
		width:180px;
	}

	/* Image "citation text" définie au niveau de la zone de contenu zone 4 */
	.cimg_Citation_Login
	{
		background-image:url(../images/Common/citation_login.gif);
		background-repeat:no-repeat;
		background-position:center right;
		width:420px;
		height:110px;
	}

          /*---------------Mohamed------------------------*/

.ccontentbg_rose_md_step_4
	{
		background:url(../Images/MD/fond_boucle_md4.jpg) repeat-x ;
		height:605px;
		width:1000px;
	}
.ccontentbg_mauve
	{
		background:url(../Images/Common/fond_boucle_mauve.jpg) repeat-x ;
		height:800px;
		width:1000px;
	}
	
.ccontentbg_mauve_bis
	{
		background:url(../Images/Archive/fond_boucle_mauve1.jpg) repeat-x ;
		height:400px;
		width:1000px;
	}
.ccontentbg_blue_print_step_4
	{
		background:url(../Images/print/fond_boucle_print4.jpg) repeat-x ;
		height:605px;
		width:1000px;
	}

	/* Style appliqué aux infobulles des boutons "Plus d'infos" */

.infobulle
{
    position: absolute;
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}

	/* FIN Style appliqué aux infobulles des boutons "Plus d'infos" */
	
.LAY_BODY_109 {
	background-color:white; 
	text-align:left;
}
.LAY_SPAN_200 {
	font-family:arial;
	font-weight:bold;
}
.LAY_SPAN_203 {
	font-family:arial;
}
.LAY_SPAN_258 {
	color:white;
}
.LAY_DIV_282 {
	height:50px; 
	!height:50px; 
	padding-top:5px; 
	padding-left:105; 
	font-size:13px; 
	font-family:Arial; 
	color:black;
}