/* Ici tous les elements de structure */
body {
	margin:0;
	padding:0;
	}
.ensemble_content { width:515px;height:550px;}
.ensemble_gauche {position:relative; float:left; width:30px; height:100px;  }
.ensemble_droit {position:relative; float:left;width:490px; height:100px;  margin-top:-90px; margin-left:50px;}
.params_details{ position:relative; width:27px; height:37px; margin:0;!margin-bottom:15px; padding:0;}
#logo1 { z-index:1500;position:relative; float:left; width:27px; height:37px; background-image:url(../icon/parametres.png); margin-top:17px; margin-left:0px; }
#logo2 { z-index:1500;position:relative; float:left; width:27px; height:37px; background-image:url(../icon/volumetrie.png);  margin-top:17px; margin-left:0px;}
#logo3 { z-index:1500;position:relative; float:left; width:27px; height:37px;background-image:url(../icon/top10.png);  margin-top:17px; margin-left:0px;}
#logo4 { z-index:1500;position:relative; float:left; width:27px; height:37px;background-image:url(../icon/contacts.png);  margin-top:17px; margin-left:0px; }
#logo5 { z-index:1500;position:relative; float:left; width:27px; height:37px;background-image:url(../icon/benefices.png);  margin-top:17px; margin-left:0px;}

hr {

border: none 0;
border-top: 1px dotted #ff6600;/*the border*/
width: 540%;
!width: 460px;
height: 1px;
margin-left:5px;



}
#more {
border:1px dashed #CCCCCC;
padding:5px;
width:220px;
}
#logo1_nb { position:relative; float:left; width:27px; height:37px; background-image:url(../icon/parametres-nb.png);  margin-top:17px; margin-left:0px; }
#logo2_nb { position:relative; float:left; width:27px; height:37px; background-image:url(../icon/volumetrie-nb.png);  margin-top:17px; margin-left:0px; }
#logo3_nb { position:relative; float:left; width:27px; height:37px; background-image:url(../icon/top10-nb.png);  margin-top:17px; margin-left:0px;}
#logo4_nb { position:relative; float:left; width:27px; height:37px;background-image:url(../icon/contacts-nb.png);  margin-top:17px; margin-left:0px;}
#logo5_nb { position:relative; float:left; width:27px; height:37px;background-image:url(../icon/benefices-nb.png);  margin-top:17px; margin-left:0px;}
/*
#bg-big-icon1 { position:absolute; background-image:url(../images/bg_parametre_nb.png); width:160px; height:186px; margin-top:80px; !margin-top:-185px; margin-left:356px; z-index:3 }
#bg-big-icon2 {position:relative; float:right; margin-top:-129px;; background-image:url(../images/bg_benefices_nb.jpg); width:112px; height:145px;}
#bg-big-icon3 {position:absolute; background-image:url(../images/bg_contact_nb.png); width:160px; height:186px; margin-top:80px; !margin-top:-185px;margin-left:356px; z-index:3}
#bg-big-icon4 {position:absolute; background-image:url(../images/bg_top_nb.png); width:160px; height:186px; margin-top:80px; !margin-top:-185px;margin-left:356px; z-index:3}
#bg-big-icon5 {position:absolute; background-image:url(../images/bg_vol_nb.png); width:160px; height:186px; margin-top:80px; !margin-top:-185px;margin-left:356px; z-index:3} */

#bg-big-icon1 {position:relative; float:right; margin-top:-169px; background-image:url(../images/bg_parametre_nb.png); width:160px; height:186px;}
#bg-big-icon2 {position:relative; float:right; margin-top:-169px; background-image:url(../images/bg_benefices_nb.png); width:160px; height:186px;}
#bg-big-icon3 {position:relative; float:right; margin-top:-169px; background-image:url(../images/bg_contact_nb.png); width:160px; height:186px;}
#bg-big-icon4 {position:relative; float:right; margin-top:-169px; background-image:url(../images/bg_top_nb.png); width:160px; height:186px;}
#bg-big-icon5 {position:relative; float:right; margin-top:-169px; background-image:url(../images/bg_vol_nb.png); width:160px; height:186px;}


.ensemble_droit {  position:relative;float:left; width:313px; height:auto; margin-top:0px; margin-left:-12px; !margin-top:0px;  }

.ensemble_gauche { position:relative;float:left; width:37px; height:auto;}

.ensemble_content { width:515px;}
.cadre_details_top { background-image:url(../images/cadre_detail_top.jpg); background-repeat:no-repeat; width:400px; height:51px; margin-left:13px;}
.cadre_details_var{ position:relative; background-image:url(../images/cadre_detail_bg.jpg);  width:400px; background-repeat:repeat-y; margin-left:24px; padding-left:27px; min-height:210px; z-index:3;}
.cadre_details_bottom { background-image:url(../images/cadre_detail_bottom.jpg); background-repeat:no-repeat; width:400px; height:25px; margin-left:13px;}

.params_details_title { position:relative; float:left; margin-top:15px; margin-left:33px; }
.print { position:relative; float:right; margin-top:17px; !margin-top:-35px; margin-right:15px; }
.fermer{ margin-left:5px;}


.cadre_bg { background-image:url(../images/bg_parametre_nb.png); background-repeat:no-repeat; width:160px; height:186px;}

.cadre {
	position:relative;
	margin-left:50px;
	width:auto;
	height:62px;
	background-image:url(../images/bg_params.png);
	background-repeat:no-repeat;
	text-align:left;
	padding-top:17px;
	padding-left:40px;}

/* 31-10-2008 */

body {
	font-size: 10px;
	font-family: verdana;
	color:#5e6d70;
	}

#container {
	width: 960px;
	margin: 0px auto;
	background-color: #ffffff;
	line-height: 130%;
	margin:0px;
	padding:0px;
			 }

	#top {
	position:relative;
		
		height: 100px;
		width:950px;
		background-color: #ffffff;
	
	}

			#logo_entreprise {
				
				float: left;
				width:auto;
				height:auto;
				background-color: #ffffff;
				margin:0px auto auto 59px;
					!margin:0px auto auto 60px;
				border:0px solid #000000;
				}

			#info_entreprise {
				float: right;
				width:auto;
				position:relative;
		


				}



.menu-stop { position:absolute; width:190px; height:85px; background-image:url(../images/background-menu.gif); z-index:5000 }
.menu-blok { position:absolute; width:213px; height:43px; background-image:url(../images/background-menu-block.gif);margin-left: z-index:5000 }
#onglet { position:absolute; width:auto; height:auto; z-index:5000; margin:118px auto auto 160px;!margin-top:108px}
	#onglet img.not { margin-left:10px; }
	.interne-menu-block { padding-top:7px; padding-left:12px; width:213px; height:43px; }
	.interne-menu-block span { vertical-align:top; margin-bottom:10px;  }
.interne-menu { padding-top:10px; padding-left:12px; width:190px; height:85px; }
	.interne-menu span { vertical-align:top; margin-bottom:0px;  }
	.elements { margin-bottom:0px;vertical-align: top; }


	#info { height: 18px; text-align:right; margin-right }
	#leftnav { float: left; width: 135px; margin: 0; /* padding: 1em; */ max-width: 135px;  }
		.menu-blacklist { position:relative; margin-top:55px; }
		.menu-img { position:relative; margin-bottom:10px;  }
	#rightnav { float: right; width: 236px; height:400px; margin: 0; /* padding: 1em; */ max-width: 236px; }
		#block { width: 236px; height:198px; background-image:url(../images/background-block1.gif); background-repeat:no-repeat}
			#block1-interne { padding-left:16px; padding-top:5px}
			.block-tab { width: 190px;}
				#block-tab td.mail { margin:0px 5px auto 10px;}
		#block2 { width: 236px;height:198px; background-image:url(../images/background-block2.gif); background-repeat:no-repeat; margin-top:10px;}
			#block2-interne { padding-left:16px; padding-top:5px; width: 236px;}
	#content {  width:574px; height:407px; margin-left: 140px; margin-right: 241px;max-width: 574px; min-height:407px; }
		.interne { margin-left:5px; margin-top:10px;}
		.email { margin-top:6px;}
			#info_centrale { width:533px; height:auto; margin:0px; padding:0px;}
				#info_centrale tr {  }
				#info_centrale td { border-bottom: 1px solid #e6e5e4; padding: 2px 0px; }
				#info_centrale td.end { border:none; padding: 2px 0px; }
		#numbers { position:relative; float:right;  margin:8px 28px 0px 0px;}
	.footer { clear: both; margin-top: 0px; padding: .5em;  }
		.copyright{ position:relative; float:left;margin-left:10px;}
		.options{ position:relative; float:left;margin:8px auto auto 204px;border:0px solid #000000;width:70%; }
		.flag{ position:relative; float:left; margin:8px auto auto 196px; }
			.flag_fr { margin-right:0px;}
	#leftnav p, #rightnav p { margin: 0 0 1em 0; }
		#content h2 { margin: 0 0 .5em 0; }

/* typography */
.menu { font-size:10px; font-family:verdana; color:#999999; }
.menuLogout{ font-family:Verdana; font-size:10px; font-weight:normal; color:#5e6d70; }
.menuLogout:first-letter { font-size:10px; font-family:verdana; color:#ff6600; }
.menu-orange { font-size:10px; font-family:verdana; color:#ff6600; }
.numbers-page { font-size:10px; font-family:verdana; color:#424e4f; }
.numbers-page-select { margin-right:5px;font-size:10px; font-family:verdana; color:#c13b00; padding-top:0px;}
.titre_menu { margin-left:5px; margin-top:0px;font-size:10px; font-family:verdana; color:#424e4f; vertical-align: middle;}
.titre_menu:hover { margin-left:5px; margin-top:0px;font-size:10px; font-family:verdana; color:#ff6600; vertical-align: middle;}

.titre_menu2 { padding-top:0px;margin-right:5px;font-size:10px; font-family:verdana; color:#424e4f; vertical-align: middle;}

/* liens */
a{text-decoration: none;}
a:hover{text-decoration: none;}
/* lists, images, etc. */

.bg_central { position:relative;
	background-repeat:no-repeat;
	text-align:center;
	}
/* fenetre de dialogue */
#modal { position:relative; border:1px solid #000000;
		 text-align:center; background-image:url(../images/bg_modal.png); width:515px; height:470px; }
			#fleur { position:absolute; margin-top:186px;!margin-top:40px; margin-left:-5px; !margin-left:-185px;   text-align:left;}
			#fleur2 { position:absolute; margin-top:186px;!margin-top:33px; margin-left:-5px; !margin-left:-130px;   text-align:left;}
		
			#icone-close { position:absolute; margin-top:12px; margin-left:473px; !margin-left:421px; text-align:right;}

				#contenu { position:relative; padding-top:40px; padding-left:-130px; !padding-left:-500px; width:281px; text-align:left;}
					#icone-info { position:relative; margin-left:125px;!margin-left:105px; }
						#icone-info2 { position:relative; margin-left:105px;!margin-left:55px; margin-top:60px; }
					#icone-ok { position:relative; margin-left:77px;}
					#titre {}
					#texte-explicatif {}
					#data {}

/* typography */
.phrase-titre { font-family:Verdana; font-size:10px; font-weight:bold; color:#5e6d70;}
.police-normale { font-family:Verdana; font-size:10px; font-weight:normal; color:#5e6d70;}

form {
	margin:0px;

}


.error {
	color: #CC0000;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	font-size: 10px; font-family: verdana;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

li {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 100%;
	color: black;
	display: list-item;
	list-style-type: none;	
}
/* ===================== DATATABLE ================== */
.oddRow {
	background-color: #FBD9D2
}

.evenRow {
	background-color: #FFFFFF;
	}

.tableHeader {
	background-color: #EAEAEA;
	text-align: left;
}

.labelTableHeader {
	text-align: left;
	background-color: #EAEAEA;
	text-decoration: none;
	color: #000000;
	background-repeat: no-repeat;
	/*line-height: 120%;*/
}

/* ===================== GENERIC DATATABLE=========== */
.vericalAlign {
	vertical-align: middle;
}

/* ===================== SEARCH BOX ================= */
input.sbox {
	background: url('../images/searchBox.gif') center left no-repeat #FFF;
	height: 13px;
	width: 150px;
	border: solid 1px #999999;
	float: left;
	padding: 1px 4px 2px 16px;
	font-size: 11px;
}


div.fileinputs {
	position: relative;
	margin-top:-7px;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	cursor:pointer;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

select.sboxcombo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	border: solid 1px #999999;
	float: left;
	padding: 1px 4px 2px 2px;
	margin: 2px 0 0 0px;
	BORDER-RIGHT: #DFDFDF 1px solid;
	BORDER-LEFT: #DFDFDF 1px solid;
	BORDER-TOP: #DFDFDF 1px solid;
	BORDER-BOTTOM: #DFDFDF 1px solid;
}

input.scheck {
	border: solid 1px #999999;
	float: left;
	padding: 1px 4px 2px 16px;
	font-size: 11px;
}

input.sboxinput {
	height: 11px;
	padding: 1px 4px 2px 6px;
	margin: 2px 0 0 0px;
	font-size: 11px;
	border: solid 1px #DFDFDF;
	background-color: #FFFFFF;
}

.soustitre {
	font-family: Verdana;
	font-size: 9;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #F75A08;
}

.formstatus {
	padding: 0.2em 3em 0.2em 0;
	height: 16px;
	padding-right: 16px;
	margin-left: 5px;
	background-repeat: no-repeat;
}

/* ===================== DOJO DIALOG ================== */
.dojoDialog {
	background: #EFEFEF;
	border: 1px solid #DFDFDF;
	-moz-border-radius: 5px;
	padding: 4px; /*positioning outside of the visible scope
to prevent some ui glitches visibility hidden does not work*/
	position: absolute;
	left: -800px;
	top: -800px;
}

#progressBarDialog {
	background: transparent;
	border: 0px solid #DFDFDF;
	-moz-border-radius: 5px;
	padding: 4px; /*positioning outside of the visible scope
to prevent some ui glitches visibility hidden does not work*/
	position: absolute;
	left: -800px;
	top: -800px;
}

#dockBarDialog {
	background: #EFEFEF;
	border: 1px solid #DFDFDF;
	-moz-border-radius: 5px;
	padding: 4px; /*positioning outside of the visible scope
to prevent some ui glitches visibility hidden does not work*/
	top: 0px;
}

.viewDialog {
	background: #FFFFFF;
	border: 1px solid #DFDFDF;
	-moz-border-radius: 5px;
	padding: 4px; /*positioning outside of the visible scope
to prevent some ui glitches visibility hidden does not work*/
	position: absolute;
}

.viewDialogDecoration {
	width: 400px;
}

.viewDialogContent {
	width: 400px;
	height: 500px;
}

.viewDialogTitle {
	background-color: #DFDFDF;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF7241;
	width: 100%;
	border: 0px solid #000000;
	cursor: move;
}

.viewDialogTitleLeft {
	background-color: #DFDFDF;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF7241;
	text-align: center;
	width: 100%;
}

/* ===================== COLUMNA ==================== */
.columnWidth20{
	width: 10px;
}
.columnWidth100 {
	width: 100px;
}

.columnWidth100Center {
	width: 100px;
	text-align: center;
}

.columnWidth220 {
	width: 220px;
}

.columnWidth50 {
	width: 50px;
}
.columnWidth75 {
	width: 75px;
}
.columnWidth80 {
	width: 80px;
}
.columnWidth10 {
	width: 10px;
}

/* ===================== FOOTER ==================== */
	/* ===================== LIENS ===================== */
.liens {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	background-repeat: no-repeat;
}

a.liens:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FF6300;
	text-decoration: none;
	font-style: normal;
}

.liens_gros {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
}

.liens_gros_gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
}

a.liens_gros:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #FF6300;
}

.liens_inv {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #FF6300;
	background-repeat: no-repeat;
}

a.liens_inv:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000000;
}

.liens_admin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
}

a.liens_admin:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FF6300;
	text-decoration: none;
}

/* ===================== INPUT BOUTON ==================== */
input.bouton_admin {
	border: 1px outset grey;
	background-color: #E9E9E9;
	font-weight: bold;
	font-size: 10px;
	cursor: pointer;
}

input.bouton_admin:hover {
	font-size: 10px;
	background-color: white;
	color: #FF6300;
}

input.bouton_admin:active {
	border: 1px inset #FF6300;
	font-size: 10px;
	background-color: #FF6300;
	color: white;
}

input.bouton {
	border: 1px outset grey;
	background-color: white;
	font-weight: bold;
	font-size: 10px;
	cursor: pointer;
}

input.bouton:hover {
	font-size: 10px;
	background-color: white;
	color: #FF6300;
}

input.bouton:active {
	border: 1px inset #FF6300;
	font-size: 10px;
	background-color: #FF6300;
	color: white;
}

.bouton2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #f0f0f0;
	border: 1px solid #c0c0c0;
}

/* ===================== TEXTE ==================== */
.texte {
	 font-size: 10px; font-family: Verdana; color:#5e6d70;text-align:justify;
}
.texteLittleBloc {
	 font-size: 11px; font-family: Tahoma; color:#5e6d70;
}

.texte_bigger {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.texte_gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.texte_gras_vert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00CC00;
	text-decoration: none;
}

.texte_petit {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000000;
}

/* ===================== TITRE ==================== */
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6300;
	text-decoration: none;

}

/* ===================== COLORS ==================== */
.argent {
	background-color: #DFDFDF;
}

.argent_boirnoir {
	background-color: #DFDFDF;
	border-color: black;
	border-style: solid;
	border-width: 1px;
}

.grisclair {
	background-color: #E9E9E9;
}

.grisclair2 {
	background-color: #F4F4F4;
}

.grisblanc {
	background-color: #EAEAEA;
}

.grisblanc127 {
	background-color: #EAEAEA;
	width: 127px;
}

.grisblancclair {
	text-align: left;
	background-color: #EFEFEF;
}

.grisblanc2 {
	/*background-color: #FBFBFB;*/
}

.fondgrisclair {
	/*background-color: #F2F2F2;*/
}

.grisblanc3 {
	/*background-color: #FEFEFE;*/
}

.fondblanc {
	/*background-color: #ffffff;*/
}

.fondblancAll {
	/*background-color: #ffffff;*/
	width: 100%;
}

.fond {
	background-color: #DB6D55;
}

.rouge {
	color: red;
}

.blanc {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

.blanc2 {
	color: #ffffff;
}

.blanc:hover {
	color: #ffffff;
	text-decoration: none;
}

.gris {
	color: #979797;
}

.vert {
	color: green;
}

.roseclair {
	background-color: #FFC1E4;
}

/* ===================== MENUS ==================== */
.menu_over {
	background-image: url("../images/menu_over_04.gif");
	background-repeat: no-repeat;
	width: 100px;
	height: 25px;
}

.menu { /*background-image : url("../images/menu_04.gif");*/
	background-repeat: no-repeat;
	width: 100px;
	height: 25px;
}

.menu_footer_user { /
	background-repeat: no-repeat;
	width: 100px;
	height: 25px;
}

.menus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	background-repeat: no-repeat;
	vertical-align: top;
}

a.menus:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6300;
	text-decoration: none;
	font-weight: bold;
}

.menus_inv {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #FF6300;
	background-repeat: no-repeat;
}

a.menus_inv:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}

.menus_over {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.menus_arno {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #FF6300;
}

/* ===================== FOOTER ==================== */
	/* ===================== FOOTER ==================== */
	/* ===================== FOOTER ==================== */
	/* ===================== FOOTER ==================== */
	/* ===================== FOOTER ==================== */
#pageContainer {
	margin-left: auto;
	margin-right: auto;
	width: 800px;

}

/* ================================================= */
	/* 						 HEADER 					 */
	/* ================================================= */
#header {
	left: 10px;
	right: 10px;
	top: 0px;
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
}

/* ================================================= */
	/* 						 FOOTER 					 */
	/* ================================================= */
#footer {
	border: 0px solid #000000;
	background-color: #FFFFFF;
	width: 100%;
	float: right;
}

/* ================================================= */
	/* 						 CONTENT    					 */
	/* ================================================= */
/*#content {
	width: 100%;
	height: 450px;
}*/

#contentMain {
	border: 1px solid #000000;
	width: 480px;
	float: left;
	height: 450px;
}

.contentBox {
	width: 240px;
	margin-bottom: 5px;
	float: right;
}

/*
	background-image: url("../_media/info_bottom_bg.gif");
	background-position: bottom;
	background-repeat: no-repeat;
	font-size: 11px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}


/*=======================TO TEST==*/
/*.texte_fgc {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #F0F0F0;
}*/

/**
 * Ajouté par Mathieu Chocat le 18/02
 */ /**
 * Interface Utilisateur - Information sur l'utilisateur courant
 */
#userInfo .title {
	margin-left: auto;
	margin-right: 5px;
}

#userInfo .content {
	margin-right: 0px;
}

#userInfo .content td {
	vertical-align: top;
}

#userInfo .content td table {
	border: 0px;
	margin: 0px;
	margin-top: 0px;
	border-collapse: collapse;
	border-spacing: 0px 0px;
}

/* ===================== DOCK =========== */
.dock {
	position: relative;
	height: 50px;
	text-align: center;
}

.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}

a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.dock-item img {
	border: none;
	margin: 5px 10px 0px;
	width: 100%;
}

.dock-item span {
	display: none;
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}

.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}

a.dock-item2 {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px;
	color: #000;
	bottom: 0px;
	position: absolute;
	text-align: center;
	text-decoration: none;
}

.dock-item2 span {
	display: none;
	padding-left: 20px;
}

.dock-item2 img {
	border: none;
	margin: 5px 10px 0px;
	width: 100%;
}

/*=============================================*/
.groupWrapperMain {
	width: 65%;
	float: left;
	margin-right: 1%;
	min-height: 400px;
}

.groupWrapper {
	width: 32%;
	float: left;
	/*margin-right: 1%;*/
	min-height: 400px;
}

.sortable-container li {
	/*margin-left:-40px;*/
}

.groupWrapper p {
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.serializer {
	clear: both;
}

.groupItem {
	margin-bottom: 5px;
	/*width: 100%;*/
	/*margin-top: 5px;*/
	-moz-border-radius: 10px;
	border: 1px solid #EAEAEA;
	position: relative;



}

.groupItem .itemHeader {
	line-height: 28px;
	background-color: #FFFFFF;
	-moz-border-radius: 10px;
	border-top: 0px solid #CECECE;
	color: #000;
	padding: 0 10px;
	cursor: move;
	position: relative;

}


.closeEl {
	vertical-align: middle;
}

.groupItem .itemHeader a {
	position: absolute;
	right: 10px;
	top: 0px;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}

.sortHelper {
	border: 2px dashed orange;
	width:60.5%;
	!width: 65.5%; !important;
	height:100%;
	opacity: 0.6;
    z-index:1; 
}

/* Overlay */
#modalOverlay {background-color:#000; }

/* Container Invitation */
#invitationContainer {width:515px; height:470px; left:50%;top:15%; margin-left:-300px;background-color:transparent;}
#invitationContainer a.modalCloseImg { background:url(../images/button-close.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute;cursor:pointer; margin-top:5px; margin-left:575px; }
#invitationContainer #basicModalContent {padding:8px;}

/* Container */
#modalContainer {width:515px; height:470px; left:50%;top:15%; margin-left:-300px;background-image:url(../images/bg_modal.png);}
#modalContainer a.modalCloseImg { background:url(../images/button-close.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute;cursor:pointer; margin-top:12px; margin-left:475px; }
#modalContainer #basicModalContent {padding:8px;}
	.fleur { position:absolute; margin-top:186px; margin-left:-5px; !margin-left:-5px;   text-align:left;}
#contenu { position:relative; margin-top:5px;!margin-top:5px; padding-left:180px; !margin-left:0px; width:281px; text-align:left;}
.params { position:relative; width:534px; height:62px; margin:0; padding:0; }
.littleParams { position:relative; width:230px; height:28px; margin:0; padding:0;margin-left:20px; margin-top:3px;}
#mainAdress { position:relative; float:left; width:48px; height:62px; background-image:url(../images/mainAdressActive.png); }
#alias { position:relative; float:left; width:48px; height:62px; background-image:url(../images/aliasActive.png);}
#accessCode { position:relative; float:left; width:48px; height:62px;background-image:url(../images/accessCodeActive.png);}
#language { position:relative; float:left; width:48px; height:62px;background-image:url(../images/languageActive.png); }
#digestFrequence { position:relative; float:left; width:48px; height:62px;background-image:url(../images/digestFrequenceActive.png);}
#quarantaineTime{ position:relative; float:left; width:48px; height:62px;background-image:url(../images/quarantaineTimeActive.jpg);}

#logo1 { position:relative; float:left; width:27px; height:37px; background-image:url(../images/iconParametres.png); margin-top:17px; margin-left:0px; }
#logo2 { position:relative; float:left; width:27px; height:37px; background-image:url(../images/iconVolumetrie.png);  margin-top:17px; margin-left:0px;}
#logo3 { position:relative; float:left; width:27px; height:37px;background-image:url(../images/iconTop10.png);  margin-top:17px; margin-left:0px;}
#logo4 { position:relative; float:left; width:27px; height:37px;background-image:url(../images/iconContacts.png);  margin-top:17px; margin-left:0px; }
#logo5 { position:relative; float:left; width:27px; height:37px;background-image:url(../images/iconBenefices.png);  margin-top:17px; margin-left:0px;}

/* ===================== MENU POPUP ============== */
#root-menu-div ul {
	border: 1px solid #cccccc;
	margin: 2px;
	
}
#root-menu-div li{
	white-space:nowrap;
	margin: 2px;
}
#root-menu-div ul {
	background-color: #ffffff;
	list-style: none;
	margin: 2px;
	padding: 0;
}

/* ===================== SCROLL PANE ============== */
.holder
{
	float: left;
	margin: 10px;
}

.scroll-pane
{
	overflow: auto;
	background: #ffffff;
	float: left;
}

#pane
{
	height: 200px;
}

#paneguide
{
	height: 200px;
}

#paneabout
{
	height: 250px;
	
}

#paneImport
{
	height: 200px;
}

#pane-title {
	position:relative;
	width:600px;
	float:left;
	margin : 10px auto 10px 500px;
	}
.osX .jScrollPaneTrack {
	background: url(../images/line.png) repeat-y;

}
.osX .jScrollPaneDrag {
	background: url(../images/button_scrollbar.png) no-repeat ;
	margin-left:3px;
}

.osX a.jScrollArrowUp {
	background: url(../images/round.png) no-repeat 0 0;
}

.osX a.jScrollArrowDown {
	background: url(../images/round.png) no-repeat 0 0;
}



 .title-search-auto { margin-top:10px; margin-left:30px; padding-bottom:15px;}


				#contenu-search { width:393px; height:263px;  }
				.ligne_info {width:auto; padding-bottom:25px; padding-left:38px; !padding-bottom:25px; }
				.ligne_info2 {width:auto; padding-bottom:15px; padding-left:38px; !padding-bottom:15px; }
				.ligne_libelle {width:105px; !width:95px;float:left; text-align:left; }
				.ligne_input { width:240px;float:left; text-align:left; height:5px;}
				.button-search { padding-left:135px; !margin-left:-115px;padding-top:25px;}

/* typography */

.phrase-titre { font-family:Verdana; font-size:10px; font-weight:bold; color:#5e6d70;}
.police-normale { font-family:Verdana; font-size:10px; font-weight:normal; color:#5e6d70;}
.password { font-family:Verdana; font-size:10px; font-weight:normal; color:#ff822e; }

/* liens */

/* lists, images, etc. */
input.modal  { margin-bottom:5px; margin-left:80px; text-align:center; border: solid 1px #e7e6e1; font-family:Verdana; font-size:10px; color:#5e6d70; }
input.modal-special  { margin-bottom:5px; margin-left:80px; text-align:center; border: solid 1px #e7e6e1; font-family:Verdana; font-size:10px; color:#ff822e; }
input.search {border: solid 1px #afa89e; font-family:Verdana; font-size:10px; color:#5e6d70; height:14px; width:131px; background-image:url(../images/input-s.png);}
input.search_date {border: solid 1px #afa89e; font-family:Verdana; font-size:10px; color:#ff822e; height:13px; width:80px; margin-right:8px;
background-repeat: no-repeat; background-position:right;background-image:url(../images/input-s.png);}


#modalContainerSearch {position:absolute; width:393px; height:263px; left:50%;top:15%; margin-left:-266px; margin-top:100px; background-image:url(../images/search-bg.png);background-repeat:no-repeat;}
#modalContainerSearch a.modalCloseImg { background:url(../images/button-close.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute;cursor:pointer; margin-top:-5px; margin-left:370px; }
#modalContainerSearch .params_title { position:relative; text-align:left; padding-top:18px; margin-left:50px;}

#modalCondition {width:856px; height:372px; left:38%;top:23%; margin-left:-300px;background-image:url(../images/bg_modal_conditions.png);background-repeat:no-repeat; text-align:left;}
#modalCondition a.modalCloseImg { background:url(../images/button-close.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute;cursor:pointer; margin-top:15px; margin-left:815px; }
#modalCondition .params_title { position:relative; text-align:left; padding-top:18px; margin-left:50px;}

#modalGuide {width:856px; height:372px; left:38%;top:23%; margin-left:-300px;background-image:url(../images/bg_modal_conditions.png);background-repeat:no-repeat; text-align:left;}
#modalGuide a.modalCloseImg { background:url(../images/button-close.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute;cursor:pointer; margin-top:15px; margin-left:815px; }
#modalGuide .params_title { position:relative; text-align:left; padding-top:18px; margin-left:50px;}


.title-search { margin-top:auto; margin-left:-220px; padding-bottom:15px;}

.ligne_select { border: solid 1px #afa89e;
 			     font-family:Verdana; font-size:10px;
 				 color:#5e6d70;
 			     height:17px;
 			     !margin-left:7px;
 				 background:url(../images/input-s.png;)}
 				 
 				 .ligne_select2 { border: solid 1px #afa89e;
 			     font-family:Verdana; font-size:10px;
 				 color:#5e6d70;
 			     height:17px;
 				 background:url(../images/input-s.png;);
 				 width:205px;
 				 }

#bodylogin {text-align:center; background-image:url(../images/bg-full.jpg); background-repeat:repeat-x; height:100%;margin-top:8px; !margin-top:15px; }
#containerV2 {  width:750px; height:100%; margin: 0px auto; background-color: #ffffff; font-size: 10px; font-family: verdana; margin-top:0px; padding-top:0px; }
#headerV2{ width:750px; height:252px; background-image:url(../images/idee3fgfffff_#{cst.localeImageSuffix}.png); background-repeat:no-repeat; margin:0;!margin-top:-7px; padding:0;}
#login-table { position:absolute; margin-top:185px; margin-left:340px; width:280px;}
#login-table { position:absolute; margin-top:185px; margin-left:340px; !margin-left:-30px; width:290px;}
#login-top { width:750px; height:83px; background-image:url(../images/idee3fgfffff_02.png); background-repeat:no-repeat; margin:0px;!margin-top:0px; padding:0px;}
#login { width:750px; height:135px; margin-top: 30px;  }
.logo-firm { width:360px; height:auto; text-align:left; margin: 0;margin-left: auto; margin-right: auto;}
#bottom { width:auto; height:auto; padding:0; margin:0; margin-bottom:0px;}
input.login {border: solid 1px #afa89e; font-family:Verdana; font-size:10px; color:#5e6d70; height:17px; width:131px; background-image:url(../images/input-s.png);}
.police-button { font-family:Verdana; font-size:10px; font-weight:normal; color:#ff822e;}
.name_entreprise{ font-family:"Century Gothic"; color:#FFFFFF; font-size:10px; }
.legale { font-family:Verdana; color:#999999; font-size:9px;}
#modalContainerLogin .params_title { position:relative; text-align:left; padding-top:18px; margin-left:50px;}
#modalContainerLogin {width:515px; height:470px; left:50%;top:15%; margin-left:-300px;background-image:url(../images/bg_modal.png);}
#modalContainerLogin a.modalCloseImg { background:url(../images/button-close.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute;cursor:pointer; margin-top:12px; margin-left:217px; }
.selectstyle { textAlign:center;width:70px;font-family:Tahoma;font-size:11px;font-weight:normal; color:#807F7F; }

.infobulle{
		  width: 240px;
          position: absolute;   
          visibility : hidden;
          border: 1px solid #ff6600;
          padding: 10px;
          font-family: Tahoma, Arial;
          font-size: 10px;
		  text-align:justify;
          background-color: white;
		  color:#807F7F;
      }
.alignR { text-align:right; }
.alignL { text-align:left; }

#content.edit {
   width: 100%;
   height: auto;
   color: #333333;
   background: #FFFFFF;
}

/* fake checkbox : unchecked (default/base) state */
.fakewhitecheck {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	background: url(../images/checkbox.gif) no-repeat;
	height: 16px;
	width: 40px;
	display: block;
	float: left;
	padding: 1px 0px 0px 20px;
	color: #666666;
}
/* fake checkbox : hover state */
.fakewhitecheck:hover {
	color:#0066FF;
	text-decoration: underline;
}
/* fake checkbox : checked state */
.fakewhitechecked {
	background-position: left -25px;
}

/* fake checkbox : unchecked (default/base) state */
.fakeblackcheck {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	background: url(../images/checkbox.gif) no-repeat;
	height: 16px;
	width: 40px;
	display: block;
	float: left;
	padding: 1px 0px 0px 20px;
	color: #666666;
}
/* fake checkbox : hover state */
.fakeblackcheck:hover {
	color:#0066FF;
	text-decoration: underline;
}
/* fake checkbox : checked state */
.fakeblackchecked {
	background-position: left -25px;
}

/* fake checkbox : unchecked (default/base) state */
.fakegreycheck {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	background: url(../images/checkbox.gif) no-repeat;
	height: 16px;
	width: 40px;
	display: block;
	float: left;
	padding: 1px 0px 0px 20px;
	color: #666666;
}
/* fake checkbox : hover state */
.fakegreycheck:hover {
	color:#0066FF;
	text-decoration: underline;
}
/* fake checkbox : checked state */
.fakegreychecked {
	background-position: left -25px;
}