/* ## lbn CSS
12.07.15
*/

/* Lexique
t: title
l: label

*/

/* ## Index ## */

	/* => DEDICATED */
	/* => COMMON (All pages) */
			/* form */
			/* font */
			/* format */
			/* ## Login  */			
			/* tmp */		
	
/* ## Index - End */


/* ## DEV ## */
	
	.tmp{font-size:0.8em; color:red;}

	.titleSub{width:350px;}
	
/* ------------------	
   ## BALISES HTML ## 
 ------------------ */	

	body{
	background-color:#1a1a1a;
	color:#fff;
	font-family: Arial, "Courier New",Courier,monospace;
	font-size:0.8em;
	}
	
/* Title */

	h1{font-size:1.4em; font-style:italic; font-weight:lighter; margin:0px;}	
	h2{font-style:italic; font-size:1.2em; font-weight:lighter;}	
	h3{font-style:italic; font-size:0.9em; font-weight:lighter; margin:0px;}	
		
	h5{display:inline; font-weight:normal;} /* List of members in contact */	
	
/* Title - End */	
/* List */

	ul{
		margin-top:0px;
		margin-bottom:2px;
		padding-left:0px;
		list-style-type:none;
		font-style:italic;
	}
	
/* List - End */
/* Img */	
	

	img{border:none; vertical-align: middle;} /***** see block img */

/* Img - End */		
/* <a> */

	a{text-decoration:none; color:#aaa;}
	a:hover{color:#3aa6d0;}
	
/* <a> - End */	
/* Form */

	label{
		font-size:0.8em;
		color:#999;
		font-style:italic;
	}

	form input{
		background-color:#111;
		color:#fff;
		border:1px solid #555;
		/* padding:1px; */
		margin-right:5px
	}
	
	textarea{background-color:#111; color:#fff; border: 1px solid #999;}
	
	select{
		background-color:#111;
		color:#fff;
		border:1px solid #555;
		width:400px;
	}
/* Form - End */	
/* Table */
	
	table{width:100%;}	
	tr{background-color:#222;}

/* Table - End */	
/* Other */
	
/* Other - End */

/* ----------	
 ## CUSTOM ##
---------- */

	#main{
		position:relative;
		width:990px;
		min-height:768px;
		margin-left:auto;
		margin-right:auto;
	}	
	
/* Menu */

	#navigator{
		/* float:right; */
		position:absolute;
		top:50px;
		right:0px;
		width:170px;
		padding-left:20px;
	}
	
	#navigator li{
		font-size:1.2em;
		/*height:14px;*/
	}

/* Menu - End */	
/* Content */	
	
	#header{width:800px;
	/*background-color:#1d1d1d;*/
	background-color:#1a1a1a;

	}	
	
	#content{width:800px;
		/*background-color:#1f1f1f;*/
		background-color:#1a1a1a;
	}
	
	#contentLeft, #contentRight{float:left; margin-left:20px;}
	
	#contentRight{width:260px;}
	
	#List_Gal_Txt{min-height:100px;}
	
	.img_list{float:left; margin-right:20px;}
	
/* Content - End */

	#hourglass{display:none;}
	
	/* #tools_menu1{position:relative; left:480px;} */


/* -> Current page ***** */
	#cPage{ 
		/*font-weight:bold;*/
		color:#fff;
	}	
	
	#dataImg, #dataList{/* To del -> contentLeft and Right */
		float:left;
		margin-left:20px;
	}
	
	#dataList{ width:260px;} /* To del -> contentRight */	
	
	#bkFaq, #bkGal{ width:700px; float:left;}

	/*.bkFaqIllu{float:left; margin-right:20px;} /* img_list */
	
	#bkImg{
		width:400px;
		text-align:center;
		/*border:1px solid #000;*/
	}
	
	/*.pGall{min-height:50px;}*/

	ul.list li{float:left; width:80px;} /* list radio inline */

	#footer{
		padding-top:80px;
		width:800px;
		text-align:center;
		color:#555;
		font-size:0.8em;
		/*background-color:#1d1d1d;*/
		background-color:#1a1a1a;
	}	
	
	.debug{
	font-size:0.8em;
	font-family: "Courier New", Courier, monospace;
	color:#a02c2c;
	}
	
/* Static titles */
	
	.t1{font-style:italic; font-size:1.2em; font-weight:bold;}	
	.t2{font-style:italic; font-size:1em; padding-top:10px; margin-bottom:10px;}	
	.t3{font-style:italic; font-size:1em; margin-top:10px;}	
	.t4{font-style:italic; font-size:0.8em;}
	.t5{color:#ed9224;}
	.t6{color:#3aa6d0;}
	.t7{width:770px;} /* Gallery title */
	
/* Static titles - End */	
/* Dynamic titles */
	
	/* .likeLab{font-size:0.8em; font-style:italic; color:#555;} /* -> l2 */	
	/* .likeLab a{color:#555;}	/* -> a2 */
	/* .likeLab a:hover{color:#3aa6d0;}	/* -> a2 */ 
	
	.td3 a{color:#49c8bf;}
	.td3 a:hover{color:#aaa;}
	
	.td4 a{color:#ed9224;}
	.td4 a:hover{color:#aaa;}
	
/* Dynamic titles - End */	
/* Labels */
	
	.l1{}
	.l2{font-size:0.8em; font-style:italic; color:#555;} /* -> likelab */
	.l3{font-weight:bold; color:#888; font-size:0.8em;}
	
/* Labels - End */
	
	/*.likeH2{font-style:italic; font-size:1.2em; font-weight:bold;} /* *****  -> t1 */
	
/* ## Form */
	
/* buttons */
	
	.b1{ /* Connect */
		background-color:#1a1a1a;
		color:#555;
		font-size:0.9em;
		border:1px solid #333;		
	}	

	.b2{ /* Like Input */
		background-color:#111;
		color:#fff;
		border:1px solid #555;
		padding:1px 5px 1px 5px;
		margin-right:5px
	}

	
/* buttons - End */

	.txb{
		background-color:#111;
		color:#fff;
		border:1px solid #555;
		margin-right:5px;
		text-align:center;
	}	
	
	#slt_ct{width:642px;}
	
/* ## Form - End */
	
/* <a> */

	.a1{
		background-color:#333;
		font-size:0.9em;
		color:#fff;
		border:1px solid #555;
		padding:1px 10px 1px 10px;
		margin-right:10px;
	}
	
	.a2{color:#555;}	
	.a2:hover{color:#3aa6d0;}

	.a3{color:#49c8bf; font-size:0.8em; font-style:italic; font-weight:lighter;}
	.a3:hover{color:#555;}	
	
/* <a> -  End*/
	
	
/* ----------	
 ## FORMAT ##
---------- */

/* ## POSITION */

/* Margin */	
	.mSmallSpace{margin-left:5px; margin-right:5px;} /* to del  ->mlr */
	.mLR_vs{margin-left:5px; margin-right:5px;}
	.mSpace{margin-left:10px; margin-right:10px;}
	.mBigSpace{margin-left:30px; margin-right:30px;}
	
	.mTB_m{margin-top:20px; margin-bottom:20px;}
	
	.mtop{margin-top:5px;} /* to del -> mT_s */

	.mtop_b{margin-top:20px;}/* To del -> mT_b*/
	
	.mT_s{margin-top:5px;}
	.mT_b{margin-top:20px;}
	.mT_x{margin-top:80px;}
	
	.mb_s{margin-bottom:10px;}
	
	.mB_b{margin-bottom:30px;}

	.mL_vs{margin-left:10px;}	
	.mL_s{margin-left:20px;}
	.mL_n{margin-left:40px;}
	.mL_b{margin-left:200px;}

	.mR_vs{margin-right:10px;}	
	.mR_s{margin-right:20px;}
	.mR_n{margin-right:40px;}
	.mR_b{margin-right:200px;}
	
/* Padding */
	.ident{padding-left:10px;}/* **** */
	
	.pT_vs{padding-top:5px;}
	.pT_s{padding-top:10px;}
	.pT_n{padding-top:40px;}
	.pT_b{padding-top:80px;}
	
	.pL_s{padding-left:20px;}
	
	.plr_s{padding-left:10px;padding-right:10px;} /* To del PLR */
	.pLR_s{padding-left:10px;padding-right:10px;}
	
	.pVSpace{padding-top:5px; padding-bottom:5px;}
	.pTB_m{padding-top:10px; padding-bottom:10px;}

	
	.hide{display:none;}
	
/* Float */
	.flt_r{float:right;}
	.flt_l{float:left;}
	.clr{clear:both; border:0pt none; margin:0;height:1px;}	
	.separation{clear:both; height:1px; border:0pt none;visibility:hidden;} /* ***** to del ? -> clr*/
	
	.ligne{clear:both; height:1px; border:0pt none; background-color:#555;}
	.lgn{height:1px; border:0pt none; background-color:#555;}
	
/* ## FONT */

/* Size */
	.fS_vs{font-size:0.7em;}
	.fS_s{font-size:0.8em;}
	.fS_n{font-size:0.9em;}
	.fS_b{font-size:1.2em;}
	.fS_h{font-size:1.8em;}
	
	.fSmall{font-size:0.8em;} /*fS_s */
	.fNormal{font-size:0.9em;}
	.fBig{font-size:1.2em;} /* fS_b */
	
/* Color */
	.fcNormal{color:#000;} /* c1 */
	.fColorLight{color:#555;} /* c12 */
	/* .fC_l{color:#888;}/* c013 */
	/* .fC_ll{color:#aaa;} /* c014 */
	/* .fC_lll{color:#fff;} /* c02 */
	.tColor{color:#3aa6d0;} /* -> t6 */
	
	
	.c1{color:#000;} /* c01 */
	.c01{color:#000;}
	
	.c011{color:#1a1a1a;}
	.c012{color:#555;} 
	.c013{color:#888;}
	.c014{color:#aaa;} 
	
	.c02{color:#fff;}
	
	
	.c2{color:#888;}
	.c3{color:#ed9224;} /* to del ->c03 */
	.c03{color:#ed9224;}
	.c4{color:#24519d;}
	.c5{color:#324b76;}
	.c6{color:#169289;}
	.c7{color:#075f58;}
	.c8{color:#5783ce;}
	.c9{color:#49c8bf;}
	/*
		.t5{color:#ed9224;}
	.t6{color:#3aa6d0;}
	*/
	
	.bc0{background: #000;}
	.bc1{background: #222;}
	
	.fColorYes{color:#078600;} /* agree */
	.warn{color: #a02c2c;}
	.agree{color:#078600;}
	
/* Style */
	
	.fF_b{font-weight:bold;}
	
	/* .fBold{font-weight:bold;} /* Obsolete -> see fF_b */
	.fItal{font-style:italic} /* to del -> fF_I */
	.fF_i{font-style:italic}
	
	.inln{display:inline;} /* Obslete -> line */
	.line{display:inline;}
	
	.bd{border:1px solid #333; padding: 5px 0px 5px 10px; margin-bottom:5px;}
	
	.strcenter{text-align:center;} /* TO DEL */
	.strCtr{text-align:center;}
	
	.strR{text-align:right;}
	
	.vALignM{vertical-align:middle;}

	
/* ====================== */

/* ## Login  */

/*	
	#connect{
	background-color:#eee;
	border:2px solid #aaa;
	padding-top:20px;
	padding-left:30px;
	padding-bottom:10px;
	margin-left:auto;
	margin-top:100px;
	margin-right:auto;
	width:220px;
	}

	#connect label{font-size:0.8em;}
*/

	.tx_inp{border:1px solid #aaa;}

	#login_term{
	margin-left:auto;
	margin-right:auto;
	width:400px;
	color:red;
	font-size:0.8em;
	text-align:center;
	}
	
	/* ## ? ## */
	
	/* Selector */
	
	#selector{
	border:1px solid #ccc;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	margin-bottom:2px;
	}
	
	#selector img{margin-left:5px; margin-right:5px;} /* vertical-align: middle; */
	
	/* current */	
	
	#bk_left{
	border:1px solid #ccc;
	width:18%;
	padding-left:5px;
	float:left;
	}
	
	.inpAddT{width:93%;}	
	
	#term{color: #a02c2c;} /***** voir commun */
	
	.lab{
	font-size:0.6em;
	color:#555;
	}
	
	.val{
	font-weight:bold;
	font-size:0.8em;
	color:#a02c2c;
	}
	
	.bloc_desc{
	width:80%;
	border:1px solid #999;
	padding-left:10px;
	margin-top:5px;
	margin-bottom:20px;
	font-size:0.8em;
	}
	
	.b_copy{	
	background-color:#ccc;
	border: 1px solid rgb(140, 140, 140);
	margin-top:5px;
	margin-left:10px;
	}
	
	/* history */	

	
	#bk_mid{
	width:70%;
	border:1px solid #ccc;
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	float:left;
	}
	
	#n_record{padding-left:20px;}
	
	
	.button{
	background-color:rgb(153, 153, 153);
	color: #fff;
	border: 1px solid #000;
	margin-top:5px;
	margin-left:10px;
	}
	

	
/* ## GALLERY - DETAIL ## */
	
	#blkGalImg{

		width:770px;
		height:770px;
		line-height:770px;
		border: 1px solid rgb(140, 140, 140);
		text-align: center;

	}
	
	.imgGal{

		/*display:block;/*
		margin:auto;
		margin-right:auto;*/
		vertical-align: middle;

	}
	
	.thbImg{
		width:40px;
		height: 40px;
	}	

/* ## GALLERY - EDIT ## */
	
	.imgEdit{
		width:52px;
		height: 52px;
	}
	
	/* table */
	
	.td_img{
		text-align:center;
		width:52px;
	}
	
	.td_del{
		text-align:center;
		width:32px;	
	}
	
	/* Table - End */
	
	.m_tools{
		padding-left:10px;
	}
	
	.sp_lab{padding-top:5px; padding-bottom:5px; font-style:italic;}
	

	
	/* ## APPLICATION ## */
	
	#empty_mid_ap{
	width:100%;
	height:300px;
	line-height:300px;
	text-align:center;
	float:left;
	border: 1px solid #ccc;
	}
	
	#bk_left_ap{
	width:25%;
	float:left;
	}
	
	#bk_mid_ap{
	width:70%;
	margin-left:5px;
	float:left;	
	}
	
	
	.border{
	padding:2px;
	border:1px solid #555;
	}
	
	
	.Nh{ height:16px;}
	
		
	.editTerm{
	border-radius:5px;
	border:1px solid #999;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	background:#b8d2ec;
	
	}
	
	.b_cut{
     /*border:none;*/
     color:#fff;
     background: transparent url('../img/cut.png') no-repeat top center;
     width:28px;
     height:20px;
	}
	
	.b_mod{
	border:none;
    color:#fff;
    background: transparent url('../img/save.png') no-repeat top center;
    width:100%;
    height:20px;
	}	
	
	.b_lock{
     /*border:none;*/
     color:#fff;
     background: transparent url('../img/lock.png') no-repeat top center;
     width:28px;
     height:20px;
	}
	
	.b_unlock{
     /*border:none;*/
     color:#fff;
     background: transparent url('../img/unlock.png') no-repeat top center;
     width:28px;
     height:20px;
	}
	
	.blok_add{
	background-color:#ddd;
	border:1px solid #999;
	border-radius: 6px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	font-size:0.8em;
	width:96%;
	}	
	

	
/* =========================================== */
/*  

  
	.line_grey{border-top: 1px solid rgb(180, 180, 180); border-left: 1px solid rgb(180, 180, 180); border-bottom: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255);}
	.line_grey_inv{border-top: 1px solid rgb(255, 255, 255); border-left: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(180, 180, 180); border-right: 1px solid rgb(180, 180, 180);}

  
	.bc_hgrey{background-image: url("../Contenu/basic/barre_titre.jpg"); background-repeat:repeat-x;}  

	.haute{height:200px; overflow-y:auto;}
	
	html>body .minsize{height:auto;	min-height:100px;}/*CORRECTION BUG IE*/
/*  
	
	html>body .min_profil{height:auto;	min-height:100px;}/*CORRECTION BUG IE*/
/*  
	.minsize p{text-align:justify;} 

*/  

/* ========== GAUCHE ========== */	

	#gauche ul{ list-style:none;}/*LISTE TRAVAUX PHOTO, DOC ET LIENS*/
 
 /* ==========CORRECTION BUG IE ==========	
	html>body .text_list{/*CORRECTION BUG IE*//*
		height:auto;
		min-height:98px;}
*/

	/*.cadre img{display: block;}
	.center img{margin: auto;}  */
