/* CSS document for Eclairage_Telecom website */
	
/*----------------------------------------------------------------------------------------------
################################################################################################
GENERAL PROPERTIES
################################################################################################
----------------------------------------------------------------------------------------------*/
body { background-color: #ffffff; color: #000000; margin-left: 0; margin-top: 0;}
body, form, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
body, input, select, textarea {color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
h1 {font-size:16px; line-height:16px; color:#D10019; padding:20px 0; display:block;}
h2 {font-size:12px; font-weight:bold}
h3 {font-size:15px; color:#a3a3a3; background:url(../imgs/ar3.gif) left 2px no-repeat; padding:0 0 10px 20px; margin:10px 0 0 0;}
h3 a:link,h3 a:visited{color:#a3a3a3; text-decoration:none;}
h4 {font-size:11px; color:#000000;}
h4 a:visited{color:#000000;}
h5 {font-size:12px; text-transform:uppercase; color:#6f0141; }
h5 a {color:#6f0141; }
form {margin:10px 0 0 0;}
img {margin:0; padding:0; border:0;}
a {color:#4d4d4d; text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:15px 0;}

/*--------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------
################################################################################################
COMMON CLASSES
################################################################################################
----------------------------------------------------------------------------------------------*/
	/*special format*/
	.hideDiv{display:none;}
	.sepshadow { background:url(../imgs/sepshadow.gif) left top repeat-x; height:21px; clear:both;}
	.tit2 {height:30px; padding:0 0 0 25px; font-size:15px; color:#666; background:url(../imgs/titbg.gif) left top no-repeat; }
	.pbullet {background:url(../imgs/greyarrow.gif) left 4px no-repeat; margin:0; padding:0; padding-left:12px;}
	.clear {clear:both;  margin:70px 0 0 0; line-height:0; font-size:0;}
	.iLeft {float:left; margin:0 10px 0 0;}

	/*text alignment*/
	.leftover {background-image:url(../imgs/bgr_navi1.gif); background-repeat:repeat-x; height:21px; padding-left:8px;}
		.leftover a {color: #FFFFFF;}
	.leftover1 {background-image:url(../imgs/bgr_navi2.gif); background-repeat:repeat-x; height:21px; padding-left:8px;}
	.leftover2 {background-image:url(../imgs/bgr_navi4.gif); background-repeat:repeat-x; height:21px; padding-left:8px; margin:0;}

	.left1 { background-color: #74A5CD; border-bottom:1px dotted #FFFFFF; height:22px; padding-left:8px; padding-top:3px}
		.left1 a {color: #FFFFFF;}
	.left2 { background-color: #E3EDF5; border-bottom:1px dotted #74A5CD; height:22px; padding-left:8px; padding-top:3px;}
	.form1 { padding: 10px 0px 20px 5px;}
 	.btn {margin:1px 0 0 0;}
	.forminput { font-family:Arial, Helvetica, sans-serif; color:#666666; width:100px; vertical-align:top; padding: 3px 5px 0 0 ;}
	.forminput2 { font-family:Arial, Helvetica, sans-serif; color:#666666; vertical-align:top; padding: 3px 5px 0 0 ;}
	.formselect { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:360px; margin:0;}
	
	/* DEFINE FOR ID */
	#date {width:154px; height:55px; background:url(../imgs/date_bg.gif) repeat-x;}
	#leftcolumn {width:154px; font-size:11px;float:left; padding:0; margin:0;}
	#leftcolumn li {margin:0; padding:0; background-color:transparent; text-indent:0; display:inline;}
	#leftcolumn ul {margin:0; padding:0; list-style:none;}
	.activeSubmenu  {color: #6f0141; font-weight:bold;}
	#leftcolumn a {padding:3px 5px 3px 10px; background-color:#FFFFFF; border-bottom:1px solid #74A5CD; display:block; text-decoration:none}
	#leftcolumn a:hover {background-color:#BDD5E8}
	#leftcolumn .navi {padding:2px 5px 2px 10px; background-color:#74A5CD; display:block;border-bottom:1px solid #FFFFFF; color:#FFFFFF; font-weight:bold; text-decoration:none}
	#leftcolumn .navi:hover {background-color:#4889BD}
	#leftcolumn .navia {padding:2px 5px 2px 10px; color: #ffffff; font-weight:bold; display:block; text-decoration:none}
	#leftcolumn .navia:hover { color: #ffffff;}	
	#leftcolumn li a {padding-left:20px;}
	
	#bloc3 {_height:200px;}
	
	.violet{ width:700px; height:25px; background:#D10019;}
	p.precedent {float:left;padding:0px;margin:3px 0 0 10px;_margin:3px 0 0 10px;}
	p.precedent a {color:#FFFFFF; }
	p.suivant {float:left;padding:0px; margin:3px 0 0 630px;_margin:3px 0 0 630px;}
	p.suivant a {color:#FFFFFF;}

	.aCenter {text-align:center;}

	/*padding*/	
	.pad1 {padding:0 12px;}
	.padd1 {padding:0 0 0 35px;}
	.pad2 {padding:10px 0 0 0;}
	.pad3 {padding:15px;}
	.pad4 {padding:15px 0;}
	.pad5 {padding:0 0 10px 0;}
	.pad6{padding:0 10px;}/*maquee*/
	/*margin*/
	.margin1 {margin-top:40px;_margin-top:35px;}
	.margin2 {margin:35px 50px 0 12px;}
	.margin3 {margin:30px 0;}
	.margin4 {margin:0 30px 0 0;}
	.margin5 {margin-top:10px;}
	.margin6 {margin-bottom:10px;}
	.margin7 {margin-bottom:20px;}
	
	/*custom border */
	.borderb {border-bottom:1px solid #ccc;}
	.brd1 {border:1px solid #000000;}
	.brd2 {border-bottom:1px solid #000000;}
	.brd3 {border-left:1px solid #000000;}
	.clor1 {color:#000000;}
	/*image alignment*/
	.fleft {float:left;}
	.fright {float:right;}
	
	.wide1 {width:457px;}
	
	
	/*links*/
	a.greyarr {color:#000000; padding-left:10px;} 
	
	/* form */
	.simfrm label, .simfrm input {float:left;}
/*--------------------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------------------
################################################################################################
PAGE OBJECTS
################################################################################################
----------------------------------------------------------------------------------------------*/
	#container {width:970px; padding:0 0 0 0; margin:auto; text-align:left;}
	#content   {background-color:#ffffff;}
	#long_content {width:587px; float:left; padding:0 10px; margin-top:5px}
	#articlecontent {width:700px;}
	#header {height: 101px;}
	#middle {float:left; width:580px; padding-left:10px; padding-right:10px; margin-top:5px;text-align:justify}
	#listyle {list-style:none; margin:0; padding:0}
	#right {float:left; width:201px; color:#000000; font-size:11px; color:#000000; padding:0 0 30px 0;}
	#icon {background:#FFFFFF; text-align:right; padding:18px 14px 0 0;}
	#icon img {margin:0 0 77px 20px;}
	.hili {background:#cccccc; padding:5px 4px;}
	#right a { text-decoration:underline; color:#000000; font-weight:bold;}
	#rightimage { float:left}
	#righText	{float:right;}
  #JL_BAL_123456 {background-color:#000000;}
			
	
	/*HOMEPAGE------------------------------------------------------------------------------------------------------*/
		#rowmid {width:533px; border:1px solid #666; float:left;}
			.dossier {width:533px; padding-top:110px; color:#000000; padding-left:15px; float:left; }
			
		#rowright {width:152px; height:220px; color:#000; padding:15px 0 0 12px; background-color:#cdcdcd; float:left;}
			#faccesabon input {width:100px;}
			#faccesabon p {margin:0;padding:0; clear:both;}
			#faccesabon .btnok {width:19px; height:17px;}
			#faccesabon a {text-decoration:underline; color:#000;}
			#faccesabon a:hover {text-decoration:none;}
			#runtext {width:607px; font-size:11px; padding:4px 0; line-height:18px; float:left;}
			  	  #date_index   {width:970px; height:58px;  background:url(../images/index_fond_date.gif) no-repeat;}
  	  #search_index {width:970px; height:315px; background:url(../images/index_fond_search.gif) no-repeat;}
  	  #rowsearch1   {width:11px;  height:315px; position:relative; float:left; background-color:transparent;}
  	  #rowsearch2   {width:218px; height:315px; position:relative; float:left;}
.index_input {
  border:1px solid white;
  background-color:#ffffff;
  font-family:verdana, Arial, sans-serif;
  font-size:8pt;
  color:black;
}
  	  #rowsearch3   {width:39px;   height:315px; position:relative; float:left;}
  	  #rowsearch4   {width:685px;  height:315px; position:relative; float:left;}
  	  #rowsearchmenu{width:227px;  height:528px; position:relative; float:left; background:url(../images/rowsearch5.gif) no-repeat;}
  	  #rowsearch51  {width:10px;   height:528px; position:relative; float:left;}
  	  #rowsearchdech{width:226px;  height:528px; position:relative; float:left; background-color:#ffffff;}
  	  #rowsearch61  {width:20px;   height:528px; position:relative; float:left;}
  	  #rowsearchdec {width:226px;  height:528px; position:relative; float:left; background-color:#ffffff;}
  	  #rowsearch71  {width:19px;   height:528px; position:relative; float:left;}
  	  #rowsearchant {width:226px;  height:528px; position:relative; float:left; background-color:#ffffff;}
  	  #cat_index    {width:970px;  height:334px; background:url(../images/index_fond_cat.gif)}

		#r2 {color:#000;}
			.bgcol3 {background:url(../imgs/home_col3.gif) left top repeat-y;}
			.col3 {width:273px; float:left;display:inline;}
				.colcont {margin-top:0px; min-height:76px; _height:76px; padding-bottom:15px; clear:both; background:url(../images/index_fond_article.gif) no-repeat;}
				.colcont img {float:left;margin-top:8px; margin-left:8px;}
				.colcont p { width:147px; margin-top:3px; margin-left:75px;}
				.colcont a { color:#000000; font-size:10px;}
		#r3 {color:#000; margin-top:25px;}
			.r3colcont {width:600px; float:left;}
			#cleft {margin-left:15px; display:inline;}
				#cleft h5 {margin-left:12px;}
				#cleft p {margin-bottom:5px;}
			#cright {margin-left:30px;}		
	/*HOMEPAGE------------------------------------------------------------------------------------------------------*/
/* DECHIFFRER */
  #dechleft   {width:240px;  min-height:1200px; position:relative; float:left; color:#000000;  background-color:#FFFFFF; background:url(../images/dech_menu.gif) no-repeat;}
  #dechright  {width:730px;  min-height:1200px; position:relative; float:left;  background-color:#FFFFFF;}
	#dechleft   .navia {color: #000000; font-weight:bold; text-decoration:none}
	#dechleft   .navia:hover { color: #000000;}
  #dech_fond1 {height:403px;background:url(../images/dech_fond1.gif) no-repeat;clear:both}
  #dech_fond1 a {text-decoration:none; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
	.idech_fond1 {float:left; padding:65px 0 0 57px;}
	.idech_fond2 {float:left; padding:81px 0 0 111px;}
	.idech_fond2 {float:left; padding:81px 0 0 111px;}

  #decider_fond1 {height:403px;background:url(../images/decider_fond1.gif) no-repeat;clear:both}
  #decider_fond1 a {text-decoration:none; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
	.idecider_fond1 {float:left; padding:65px 0 0 57px;}
	.idecider_fond2 {float:left; padding:81px 0 0 111px;}

  #anticiper_fond1 {height:403px;background:url(../images/anticiper_fond1.gif) no-repeat;clear:both}
  #anticiper_fond1 a {text-decoration:none; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
	.ianticiper_fond1 {float:left; padding:65px 0 0 57px;}
	.ianticiper_fond2 {float:left; padding:81px 0 0 111px;}

	/*SUBPAGE-------------------------------------------------------------------------------------------------------*/
	
	/*eclairage_article-------------------------------------------------------------------------------------------------------*/
		
		#icon2 {float:right; padding:13px 0 0 0; width:80px;}
			#icon2 div{ float:left;}
			#left_icon {padding:0 20px 0 0;}
			
		.block {border:1px solid #000000; }
			#block_img {width:120px; background:url(../imgs/bg_block.gif) 115px top repeat-y; float:left;}
			#block_txt {color:#000000; padding:10px 0 5px 15px; width:362px; float:left;}
		
		.sub_bg {background:url(../imgs/background.gif) left top repeat-y;}
		.col {width:238px; float:left; color:#000000;}
			.col h3 {border-bottom:1px solid #cccccc;}
			.col a {color:#000000;}
			.row {padding:10px 0; border-bottom:1px solid #cccccc; _height:58px;}
				.row_text {width:167px; display:inline;}
				.row_ar {background:url(../imgs/arrow1.gif) left 5px no-repeat; padding:0 0 10px 10px;}
			#col_left{margin:0 48px 0 0;}
		
		.col1 {width:120px; float:left;}
		.col2 {width:330px; padding:0 0 0 10px; float:left;}
			
		
	/*END eclairage_article-------------------------------------------------------------------------------------------------------*/

	/*lexique.html-------------------------------------------------------------------------------------------------------*/
	.choice {font-size:15px; text-align:center; width:420px; margin:auto;}
		.choice div {float:left;}
		.choice a{padding:3px 0; background:#000000; color:#FFFFFF; font-weight:bold; width:60px;display:block;}
		.choice a:hover { background:#000000; text-decoration:none;}
	
	.page {width:420px; margin:auto; padding:20px 0 0 0;}
		 .page div {background:#D10019; color:#FFFFFF; float:left; padding:3px 10px;}
		 .page a{margin:0 0 0 0; color:#FFFFFF;}
		 
	/*END lexique.html-------------------------------------------------------------------------------------------------------*/
	/*print*/
	.printText{float:left;}
	.printAlign{float:left; margin:10px 0 0 5px;}
	/*archive.html*/
	/*END archive.html*/
	/*SUBPAGE-------------------------------------------------------------------------------------------------------*/
	/*form layout*/
		#support  {}
		#support form { padding:0px;margin:10px 0 0 0;}
		#support input, #support form img {}
		#support select {width:187px;float:left;display:inline;margin:5px 0 0 10px;padding:0;}
		#support input, #support textarea{ width:120px;float:left;display:inline;margin:5px 0 0 10px;padding:0;}
		#support label{text-align:right;width:180px;float:left;display:inline;margin:5px 0 0 0px;padding:2px 0 0 0;}
		#support .archiveText{width:auto;}
		#support .aLign{ text-align:left; width:auto;padding:2px 0 0 3px;}
		#support .special { width:auto;text-align:left;margin:0 0 10px 10px;padding:0px;}
		#support .opt {margin:8px 0 0 10px; _margin-top:5px;padding:0; width:10px; float:left;}
		#support .optText {margin:6px 0 0 5px;padding:0; text-align:left;}
		#support .checked {margin:5px 0 0 5px;padding:0; width:20px;}
		#support .bottomText{margin:0px;padding:10px 0 0 10px;}
		#support .labelChecked{ text-align:left; width:auto;float:left;display:inline;margin:5px 0 10px 10px;padding:0 0 0 0;}
		#support .selectSub {margin:0px 0 0 5px;}
		#support .textWidth{width:60px;}
		#support .specialLabel{ margin:0 0 0 138px; padding:0;}
		#support .specialCheck{ margin:7px 2px 0 190px; _margin-left:185px;width:auto;}
		#support .specialCheckText{margin:5px 0 0 3px;_margin-top:7px;text-align:left;}

	/*end of form layout*/
	/*footer*/
	#footer0 {height:20px; background:#ffffff; text-align:left; clear:both}
	#footer {height:77px; background:#ffffff; text-align:center;clear:both}
	#footer, #footer a {font-size: 7pt;font-family: verdana, Arial, sans-serif;color: #aaaaaa; line-height:18px;text-align:center;}

	#header_menu{
	height:94px;
	width:970px;
	font-size: 7pt;
	font-family: verdana, Arial, sans-serif;
	color: #aaaaaa;
	background:url(../images/bienvenue.gif) no-repeat;
	text-align:left;
	clear:both;
	background-color: #FFFFFF;
}
	#header_menu img {margin-top:28px; margin-left:18px;}