/*********************************************************
	 Style principaux et génériques
	 *********************************************************/
	html, body{
		font-family: Helvetica, Arial,Sans-Serif;
		font-size: 9pt;
		color: #000000;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#fff3d5 url(img/bg.gif) 50% 0 repeat-y;		
		height:100%;
	}
	a, a:visited, a:link{
		color:#0d69af;
		text-decoration:none;
	}
	a:hover, a:active{
		color:#0d69af;		
		text-decoration:underline;
	}
	
	/*********************************************************
	 Style des blocs
	 *********************************************************/		
	#center{
		position:relative;
		width: 785px;
		height:100%;
		margin: 0 auto 0 auto;
		/*background: #FFFFFF url(img/bg.gif) 0 0 repeat-y;*/
		padding:0px 0px 0px 0px;
	}
	
	#toolmenu{
		/*float:right;
		width:400px;*/
		height:45px;
		margin:0;
		padding:5px 48px 0px 0px;
	}
	#toolmenu ul{
		list-style: none;
		text-align:right;
		margin:6px 0 0 0;
	}

	#lang_menu_content{
	   float:left;
      margin-left:420px;
/*    border: 1px solid #ff0000;*/
	}
	#toolmenu li#lang_menu #lang_menu_content a.selected img{
	   border: 1px solid #0d69af;
	}
	#toolmenu li#lang_menu{

	}

	#toolmenu li#lang_menu a{
	   padding:0px 0px 0 0;
	}
	#toolmenu li#lang_menu a img{
	   margin-top:0px;
	   border:1px solid #ffffff;
	}
   #toolmenu li#lang_menu a:hover img{
      border: 1px solid #999;
	}	
	#toolmenu li{

		display:inline;
		text-transform: uppercase;
		margin:5px;
	}
	#toolmenu a, #toolmenu a:visited, #toolmenu a:link{
		padding:2px 0px 2px 17px;
		background-position: 0 0;
		background-repeat: no-repeat;
		font-size:8pt;
		text-decoration:none;
		color:#353535;
	}
	#toolmenu a:hover, #toolmenu a:active{
		text-decoration:underline;
	}	
	#toolmenu a#home{
		background-image: url(img/ico_home.gif);
	}
	#toolmenu a#print{
		background-image: url(img/ico_print.gif);
	}
	#toolmenu a#contact{
		background-image: url(img/ico_contact.gif);
	}
	#logo{
		position: absolute;
		width:246px;
		height:36px;
		top:50px;
	}
	#logo img{
		border:none;
		background:none;
	}
	#logo a {
		border:none;
		background:none;	
	}
	#menucontent{
		display:block;
		width:710px;
		height:30px;
		margin:0 0 10px 35px;
		padding-top:29px;
		padding-right:4px;
		background:url(img/cinecas_logo.gif) 0 0 no-repeat;
	}
	#menucontent ul{
		list-style: none;
		text-align:right;
		margin:0;
		padding:0;
		height:25px;
	}
	#menucontent li{
		display:inline;
		text-transform: uppercase;
		margin:1px;
		height:25px;
		padding:0px;
	}
	#menucontent ul a, #menucontent ul a:visited, #menucontent ul a:link{
		padding:2px 3px 15px 7px; /* normalement ne devrait avoir aucun effet, car A-> display:inline; */
		height:30px;
		background-position: 0 0;
		background-repeat: no-repeat;
		font-size:9pt;
		text-decoration:none;
		color:#353535;
		background-image:url(img/bg_menu.gif);
	}
	#menucontent ul a:hover, #menucontent ul a:active{
		color:#0d69af;
	}
	#menucontent ul li.current{
		color:#0d69af;
		font-weight:bold;
	}	
	
	#header{
		float:left;
		width:785px;
		height:163px;
		background:url(img/header_news_cinecas.jpg) 0 0 no-repeat;
		margin:0 0 10px 0;
	}
	
	#news{

		margin: 10px 5px 5px 312px;
		width:220px;
		height:130px;
		padding:4px 0 0 8px;
		background:url(img/bg_px_3.gif) 0 0 repeat-y;
	}
	#news h2{
		color:#353535;
		font-size:9pt;
		text-transform: uppercase;
		margin:0px 0px 2px 0px;
	}
	#news p{
		color:#353535;
		font-size:8pt;			
	}
	#news .newsdate{
		font-size:7pt;
	}
	
	#title{
		float:left;
		width:300px;
		text-align:right;
		margin-top:6px;
	}
	#title h1{
		color:#0d69af;
		font-size:12pt;
		text-transform: uppercase;
		margin:3px 0 0 0;
	}
	
	h4 {
		color:#0e68af;
		font-size:10pt;
		margin-top:14px;
		margin-bottom:7px;
	}
	
	#content{
		float:left;
		width:400px;
		margin:6px 15px 15px 18px;
		padding:0;
		color:#353535;
	}
	#content p{
		margin:3px 0 6px 0;
		line-height:1.2em;
		font-size:8pt;
	}
	#content table{
		width:400px;

	}
	#content th{
		font-size:11px;
		color:#1267b0;
		text-align: left;
		padding:2px 2px 0 2px;
	}
	#content td{
		font-size:10px;
		color:#282828;	
		padding:2px;	
	}
	#content .als{
		margin-top:5px;
		padding:2px;		
		border-top: 1px solid #d0ebff;
		background-color:#ecf7ff;
		border-bottom: 1px solid #f9f9f9;
		color:#1267b0;
	}
	
	#footer{
		float:left;
		clear: both;
		width:710px;
		margin:15px 0 0 35px;
		padding:10px 4px 0 0;
		border-top: 1px solid #ebebeb;
		color:#cacaca;	
		position:relative;		
	}
	#footer:hover{
		color:#353535;			
	}

	#copyright{
		float:left;
		width:277px;
		font-size:8pt;			
	}

	
	#address{
		padding:0 0 0 8px;
		background:url(img/bg_px_3s.gif) 0 0 repeat-y;
		float:left;
		font-size:8pt;
		margin:0 20px 0 0;		
	}
	#address:hover{
		background:url(img/bg_px_3.gif) 0 0 repeat-y;
	}
	#phone{
		float:left;
		font-size:8pt;
		margin:0 20px 0 0;			
	}
   #logo_as{
      margin-top:5px;
     float:left;
     height:10px;
     background: url('img/logo_antistatique_net.png') 0 0px no-repeat;
     cursor: pointer;
     padding:0;
     padding-left:24px;
     color:#cacaca;
     text-transform: uppercase;
     font: 10px Helvetiva, Arial, Verdana, sans-serif;
     text-decoration:none;
   }
   #logo_as:hover{
      color:#e2007a;
     background-position:0 100%;
   }
	
	/* pour la photos de françois Doge */
	.left-img {
		position:absolute;
		display:block;
		left:192px;
		top:330px;
		margin:0;
		padding:0;
	}
	
	/* Pour les titre de colonne dans un tableau (ex date) */
	#content .colonne-titre {
		font-size:11px;
		color:#1267b0;
		text-align: left;
		padding:2px 2px 0 2px;
	}
	
	#content .accroche1 {
		font-size:13px;
		color:#1267b0;
		font-weight:bold;
		font-style: italic;
		margin-top:0px;
		margin-bottom:3px;
		margin-left:22px;
	}
	#content .accroche2 {
		font-size:13px;
		color:#1267b0;
		font-weight:bold;
		font-style: italic;
		padding-left:5px;
		margin-bottom:10px;
		margin-top:0px;
		margin-left:22px;
	}
	
	/**
	 FORM STYLES
	 **/
	label {
		border-bottom:#e6e6e6 1px solid;
		padding-top:2px;
		display: inline;
		float: left;
		width: 100px;
	}
	input,select{font-size:8pt;text-indent:2px;}
	textarea{font-family:Tahoma, Arial,Helvetica,sans-serif;font-size:8pt;background-color:white;width:98%;}
	
	
	/*********************************************************
	 Style tricks (destiné à finter les browsers)
	 *********************************************************/
	#logo{
		/*display:none;
		visibility: hidden;*/
	}
	
	/*********************************************************
	 Style pour l'impression
	 *********************************************************/
	body.print {
		background:#fff;
		margin:0px;
		padding:8px;
	}
	body.print .left-img {
		position:relative;
		display:inline;
		left:auto;
		top:auto;
	}
	body.print h1{
		color:#0d69af;
		font-size:13pt;
		text-transform: uppercase;
	}