*{
	border:0px none;
	margin:0pt;
	padding:0pt;
}
html, body{
	height:100%;
}
body {
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size:11px;
	background: #2e2e2e; 
	color:#FFFFFF;
}
ol, ul {
	list-style-position:inside;	 
}
li {
	list-style-position:inside;
	margin:0pt;
}



/***************************/
/*    Colone de gauche     */
/**************************/
#colLeft{
	padding-top:10px;
	width:220px;
	background:#FFFFFF;
	color:#000000
}

#colLeft ul {
	margin: 0pt auto;
	width:180px;
} 
  
#colLeft li{
	height:17px;
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
}
#colLeft h3 {
	padding-top:10px;
	margin: 0px auto;
	width:180px;
	color:#ff8933;
	font: bold 14px Tahoma,arial,serif; 
	border-bottom: solid 1px #ededed;
}
 


#colLeft li.art {
	background: url(../images/icon/art.gif) no-repeat 0 0; 
	padding:3px 3px 0pt 17px;
}	
#colLeft li.rub {
	background: url(../images/icon/rub.gif) no-repeat 0 0; 
	padding:3px 3px 0pt 17px;
}	
#colLeft li.rss {
	background: url(../images/icon/rss.gif) no-repeat 0 0; 
	padding:3px 3px 0pt 17px;
}	
#colLeft li.link {
	background: url(../images/icon/lien.gif) no-repeat 0 0; 
	padding:3px 3px 0pt 17px;
}
#colLeft li.img {
	background: url(../images/icon/img.gif) no-repeat 0 0; 
	padding:3px 3px 0pt 17px;
}
#colLeft a{
	color:#7a7a7a;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
  
  

#search{
	margin: 0pt auto;
	height:65px;
	width:200px;
	background: #f4f4f4 ;
	margin-bottom:3px
} 
 

#search form{
	margin: 7px auto 0pt auto;
	width:180px;
	height:18px;
	border:1px solid #d8d8d8;
	background:#FFF;
 	font: 12px Tahoma,Arial,Helvetica,sans-serif;
}
#search input{
	float:left;
	height: 18px;
	color:#B0B0B0;
	border:none;
 	background:none;
 	font: 12px Arial, Helvetica, sans-serif;
} 

#search .bt_search{
	float:right;
	cursor:pointer;
	background:#d8d8d8 url(../images/bt_search.jpg) no-repeat center center;
	height: 18px;
	width: 20px;
}
span.search_cache{
	background:#fe6b01; 
	color:#FFF;
}



#news{
	margin: 0pt auto;
	height:220px;
	width:200px;
	background: #f4f4f4 ;
	margin-bottom:3px;
}
#news h3{
	border-bottom:1px solid #d8d8d8;	
	margin-bottom:3px;
}	 

	#newsContent{
		margin: 0pt auto;
		height:180px;
		width:180px;
		overflow:hidden;
		position:relative;
	}
	#newsContent .bloc{ 
		position: relative;
		left:0px;
		width:100%;
		height:53px;
		margin-bottom:5px;
		border-bottom:1px solid #d8d8d8;
		cursor:pointer;
	} 
	#newsContent .label{ 
		color:#747474;
		font-weight:bold;
		font-size:9pt;
		text-transform:capitalize;
	}
	#newsContent .desc{
		color:#999999;
		font:8pt Tahoma,Arial,Helvetica,sans-serif;
		margin-bottom:5px;
	}
		


/***************************/
/*    Colone de droite     */
/**************************/
#colRight{
	width:600px;
	background: url(../images/ombre_col_left.jpg) repeat-y 0px 0px ;
}	
	
	/***************************/
	/*       Swith Theme      */
	/**************************/  
	#switchTheme{
		cursor:pointer;
		margin-left:500px;
		width:100px;
		height:20px;
		background: url(../images/switchtheme/bg.jpg) no-repeat 0px 0px ;	
		padding-top:1px; 
		padding-left:3px;
	}
	#switchTheme img{
		margin:0px;
		padding:0px;
	}  
	
	/***************************/
	/*       Navigateur       */
	/**************************/  
	
	#zoneOmglet{
		position:absolute;
		overflow:hidden;
		height:27px;
		margin-left:8px;  
	} 
	#zoneOmglet a{
		text-decoration:none; 
	} 

	#onglet{
		float:left;
		position:relative;
		top:0px; 
		height:54px;
	}
	#onglet .left{
		margin-top:27px;
		background: url(../images/nav/orange/onglet_left.png) no-repeat 0px 0px ;	
		width:10px;
		height:27px;
		float:left
	} 
	* html #onglet .left {
		background: url(../images/nav/orange/onglet_left.gif) no-repeat 0px 0px ;	
	}
	#onglet .center{
		margin-top:27px;
		background: url(../images/nav/orange/onglet_center.png) repeat-x 0px 0px ;
		height:27px;
		float:left
	}  
	* html #onglet .center {
		background: url(../images/nav/orange/onglet_center.gif) repeat-x 0px 0px ;
	}
	#onglet .right{
		margin-top:27px;
		background: url(../images/nav/orange/onglet_right.png) no-repeat 0px 0px ;
		width:12px;
		height:27px;
		float:left
	}
	* html #onglet .right {
		background: url(../images/nav/orange/onglet_right.gif) no-repeat 0px 0px ;
	}
	
	#nav{
		height:27px;
		width:600px;
		background: url(../images/bg_nav.jpg) repeat-x 0px 4px ;
		color:#000000;
		
	} 
		#nav .ombre{
			margin-top:4px;
			height:20px;
			width:8px;
			background: url(../images/ombre_nav.jpg) repeat-y 0px 0px; 
			float:left;
		}
		
		#nav li {
			padding-top:4px;
			display:block;
			height:24px;
			float:left;	
			margin: 0 12px 0 10px;	
			
		} 
		#nav li, #onglet .center {
			color:#7a7a7a;
			font-size:12px;
			font-weight:bold;
			line-height:20px;
			text-decoration:none; 
			cursor:pointer
		}
	
		#onglet .center {
			padding-top:4px;
			color:#FFF;	 
		}
		
		
	
	/***************************/
	/*         Baniere        */
	/**************************/
	#banniere{
		height:250px;
		width:600px;
		position:relative;
		top:-1px;
		background: url(../images/banniere-orange.png) no-repeat;
	}
	/* IE7*/
	*+html #banniere{
		top:0px;
	}		
	
	
	/***************************/
	/*      Content Page      */
	/**************************/
  	#content{
		margin: 0px 10px;
		margin-bottom: 50px;
		width:580px; 
		/*font: normal 12px Tahoma,Arial,Helvetica,sans-serif; */
	}
	#content ol,#content ul {
		list-style-position:inside;	 
		padding-left:25px;
	}
	
	#content .titre{
	
		margin-bottom:10px;
		text-transform:uppercase;
		border-bottom: dotted 1px #CCCCCC;
		margin: 0 0 3px;
		color:#ff6c00;
		font: bold 18px Tahoma,Arial,Helvetica,sans-serif; 
		
	} 
	#content .titre a, #content .titre a:visited{
		text-decoration:none;
	} 
	
	#content .cat{
		background: url(../images/icon/icon_rub.gif) no-repeat;
		padding-left: 18px;	
		float: left;
	}
	#content .cat a, #content .cat a:visited,#content .cat a:hover {
		text-decoration:none;
		color:#FFF;
	} 
	#content .cat a:hover{	
		color:#ff6c00;
	}
	#content .date {
		padding-left: 12px;
		float: right;
	} 
	
	#content a , #content a:link, #content a:visited {
		color:#EBEBEB;
	}
	#content a:hover {
		color:#FF6C00;
		/*color:#FF6C00;*/
	}
	#content img {
		margin: 3px 3px 3px 3px;
	} 
	#content .cadre_photo{
		border:1px solid #555555;
		padding:5px;
	}
	
	#content .sous-titre, #content .sous-titre a{

		margin-bottom:10px;
		text-transform:uppercase;
		border-bottom: dotted 1px #CCCCCC;
		margin: 0 0 3px;
		font: bold 14px Arial, Helvetica, sans-serif; 
		text-decoration:none;
	} 	
	
	
	/***********************/
	/*  Syndication RSS   */
	/**********************/
	
	#content li.rss_element{
		list-style:none;
		margin:0px;
		
		padding: 2px 0pt 2px 20px; 
		background: transparent url(../images/icon/puce_rss.gif) no-repeat scroll left center; 		
	}
	#content li.rss_element a{
		text-decoration:none;
		font: bold 12px Arial, Helvetica, sans-serif;
	}  
	      					 
	/***********************/
	/*  Plan du site   */
	/**********************/
	#content div.plan_rub{
		float:left;
		display:block;
		width:40%;
		border-right:dotted 1px #CCCCCC;
	}
	#content div.plan_page{
		float:right;
		display:block;
		width:40%  
	}
	
	#content .plan_titre{
		
		 font: bold 14px Arial, Helvetica, sans-serif;
		 margin-bottom:10px; 
		 text-decoration: underline;
	}
	#content li.plan_element_rub{
		list-style:none;
		margin:5px 0;
		
	}
	#content li.plan_element_rub a{
	
		text-decoration:none;
		background: url(../images/icon/icon_rub.gif) no-repeat;
		padding-left: 18px;	
	}       
	
	#content li.plan_element_page{
		
		list-style:none;
		margin:5px 0;
		
	} 
	#content li.plan_element_page a{
		text-decoration:none;
			
		background: url(../images/icon/icon_page.gif) no-repeat;
		padding-left: 18px;	
	} 
	/***********************/
	/*    Formulaire       */
	/**********************/
	#content input,#content textarea, select{
		background: #242424 url(../images/background_form.jpg) no-repeat left top;
		padding: 5px 5px 0px 5px;
		border: none;
		border-bottom:1px solid #363636;
		border-right:1px solid #363636; 
		color:#FFFFFF	
		
	} 
	#content select{
		padding: 3px;
		padding-top: 4px;
	 	height: 25px;
		width:260px;
	}
	
	 
	#content input{
		height: 20px;
		width:250px;	
	} 
	
	#content textarea{
		padding: 5px;
	 	height: 150px;
		width: 516px;
		overflow:auto;
	}
		
	#content input.bt{
		border:none;
	 	height:26px;
		width:120px;
		border-bottom: 1px solid #000; 
		border-right: 1px solid #000;
		border-top:	1px solid #363636; 
		border-left: 1px solid #363636;
		background: #252525 ;
		color:#FFF;
		font: bold 12px Arial, Helvetica, sans-serif; 
		padding:0px;
		padding-bottom:2px;
		cursor:pointer;	 
		margin-bottom:30px;
				
	}  
	/***********************/
	/*  commentaire   */
	/**********************/
	#comment a:link {
		background:none;
		margin:0px;
		padding:0px;
	}
	#comment{
	 margin:20px 0;
	}
	
	#comment .comment-head{
	 font-size:13px;
	}
	
	#comment blockquote{
		margin:10px;
		padding:5px;
	}  
	#commentAdd p{
		line-height:40px; 
	}
	
	
	
	/***************************/
	/*      page contact       */
	/**************************/
	/*nom  act  mail	tel	desc*/							
	#listContact .elContact{
	cursor:pointer;
	
	}
	#listContact .nom{
	 	font: bold 16px Arial, Helvetica, sans-serif;
	}
	#listContact .act{
	 	font: bold 13px Arial, Helvetica, sans-serif;
	}
	#listContact .tel, #listContact .mail{
	 	font: bold 12px Arial, Helvetica, sans-serif;
	} 
	#listContact .photo{
		background: url(../images/profil.jpg) no-repeat center center;
		width:90px;
		height:85px;
		border:1px solid #555555;
		padding:5px;
	}
	#listContact img{
		margin:0px;
	}
	
	#formContact{
		visibility: hidden;
		top:0;
		position:absolute;
		z-index:100;
	
					
	}
	#formContact p {	 
		margin: 5px 2px;
		line-height:40px; 
	} 
	#contentUser p{	 
		margin: 0px;
		line-height:normal; 
	}	 	 
	
	
	#formOverlay {
		position: absolute;
		z-index:99;
		left: 0;
		width: 100%;
		background:#2e2e2e url(../images/bg_form_contact.jpg) no-repeat center center;
	}
	

	 /***********************/
	/*   glossaire BULL    */
	/**********************/
	acronym {
	color: #fff;
	cursor: help;
	background: url(../images/tips.png) no-repeat 100% 0;
	padding: 0 17px 0 0;
	font-weight:bold;
	}
	* html acronym {
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/images/tips.png', sizingMethod='scale');
	}  
	
	
	.tipz{
	 	position: absolute; 
		top: 0px; 
		left: 0px;
		visibility:hidden;
	}
	.tip{
		font-family:tahoma,arial; 
		background:url(../images/tip/center.png) top left repeat-y;
		width:284px;
	} 
	* html .tip {
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/images/tip/center.png', sizingMethod='scale');
	}  
	.tip-top{
		background:url(../images/tip/top.png) top left no-repeat;
		height:9px;
		width:284px;
	}
	* html .tip-top {
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/images/tip/top.png', sizingMethod='scale');
	}   
	.tip-bottom{
		background:url(../images/tip/bottom.png) top left no-repeat;
		width:284px;
		height:66px;
	}
	* html .tip-bottom {
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/images/tip/bottom.png', sizingMethod='scale');
	}    
	
	.tip-title{
		text-transform: uppercase;
		color:#b9b9b9;
		font: bold 15px tahoma, arial;
		padding:0px 10px 0px 40px;
		height:20px;
		width:234px;
	}  

	.tip-text{
		color:#686868;
		padding:5px 10px 5px 50px;
		width:224px;
		font:11px tahoma,arial;
	}
		
	/***********************/
	/*      glossaire     */
	/**********************/
	#glossaire .menu{
		display:block;
		font: bold 14px Arial, Helvetica, sans-serif; 
		line-height:20px;
		text-align:center;
		margin-bottom:20px;
		color:#C2C2C2;
	}  
	#glossaire .liste .label{
		display:block;
		text-transform:uppercase;  
		border-bottom:1px solid #C2C2C2;
		font: bold 13px Arial; 
		margin:20px 0px 5px 0px;
	} 
	#glossaire .liste .desc{
		display:block; 
		font: 12px Arial; 
		margin:5px 5px 5px 10px;
	}  


	
	
	
/***************************/
/*          Footer        */
/**************************/
#footer{
	height:30px;
	width:100%;
	background: url(../images/ombre_footer.jpg) no-repeat 0px 0px ;
	text-align:center; 
	line-height:30px; 
	color:#6f6f6f;
}	
#footer a, #footer a:link, #footer a:visited {
	line-height:30px;
	text-decoration:none;
	color:#6f6f6f;
}
#footer a:hover {
	 
	text-decoration: underline;
	color:#FFF;
} 


.bgFooterWhite{
	height:30px;
	background: url(../images/bg_footer_white.jpg) repeat-x 0px 0px ;
}
.bgFooterBlack{
	height:30px;
	background: url(../images/bg_footer_black.jpg) repeat-x 0px 0px ;
}

















.link_file_pdf{
	background: url(../images/icon/pdf.gif) 3px center no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif; 
	padding-left:25px;
	cursor:pointer;	
	line-height:17px;
	
}
.link_file_ppt{
	background:  url(../images/icon/ppt.gif) 3px center no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif; 
	padding-left:25px;
	cursor:pointer;
	line-height:17px;	
}
.link_file_xls{
	background:  url(../images/icon/xls.gif) 3px center no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif; 
	padding-left:25px;
	cursor:pointer;
	line-height:17px;	
}
.link_file_doc{
	background:  url(../images/icon/doc.gif) 5px center no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif; 
	padding-left:25px;
	cursor:pointer;
	line-height:17px;	
}
.link_file_zip{
	background: url(../images/icon/zip.gif) 3px center no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif; 
	padding-left:25px;
	cursor:pointer;
	line-height:17px;	
}


a.tag{	 
	background: url(../images/icon/tag.png) 0 0 no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif; 
	padding:3px 3px 0pt 17px;
	cursor:pointer;
}