/* ---------------------------------------------------------------- */
/* STRUCTURE/TEMPLATE --------------------------------------------- */

body{
	margin:0;
	padding:0;
	color:#d4d4d4;
	background:#1d1d20;
	font-family:trebuchet MS, Arial, Helvetica;
	}
	#conteneur_global{
		margin:0;
		padding:0;
		width:100%;
		background:url(image/sidebar_bg.gif) left top repeat-y;
		}
		
#conteneur_central{
	clear:both;
	margin:0; padding:0;	
	width:930px;
	background:url(image/sidebar_bg.gif) left top repeat-y;
	}
#contenu{
	float:right;
	width:613px;
	margin:0;	
	padding:0 0 50px 0;
	}
	
/* HEADER ***********************************/
#header{
position: relative;
	height:248px;
	margin:0;padding:0;
/*	background:url(image/header_stripes.png) left top repeat-x !important;
	background:none;*/
	}
	
/*	
	div#change_url_link{
		position: absolute;
		top: 40px;
		left: 300px;
		margin:0;padding:0;
		}
	div#change_url_link a{
		display: block;
		width: 610px;
		height: 100px;
		background: url(move_box/urlChange_link.png) left top no-repeat;
		}	
*/	
	
#header_left{
	width:283px; height:248px;
	float:left;
	}
	#header_left h1{
		display:none;
		text-indent:-5000px;
		margin:0;padding:0;
		line-height:0;
		}
		
#header_right{
	width:647px; height:248px;
	float:left;
	background:url(image/filet.gif) right bottom no-repeat;
	}
	#header_right p{ 
		font-size:10px;
		font-family:arial,Helvetica,sans-serif;
		font-weight:bold;
		color:#CCCC00;
		padding:0 0 0 34px; margin:0;
		position: absolute;
		bottom :17px;
		}
		#header_right a{
			display:inline;
			color:#C7C7C7;
			}
		#header_right a:hover{
			text-decoration:none;
			}
		#header_right  span.pageActuelle{
			color:#C7C7C7;
			}
	
	
/* SIDEBAR_MENU ***********************************/
#sidebar_menu{
	float:left;
	margin:0;
	padding:0;
	width:283px;
	}
	
/* MENU  background:#1d1d20;   text-transform: uppercase; */
#menu{
	width:192px;
	margin:5px auto 24px 33px;
	border-top:1px #cccc00 solid;
	border-bottom:1px #CCCC00 solid;
	}
	#menu ul{
		list-style-type:none;
		margin:24px 5px;
		padding:0;
		}
		#menu li{
			display:inline;
			list-style-type:none;
			margin:0;
			padding:0;
			}
			#menu li a{
				display:block;
				height:24px; 
				width: auto;
				line-height: 24px;		
				margin:6px 0 6px 0;
				padding:0 0 0 18px;			
				text-decoration:none;
				font-family: arial, sans-serif;			
				font-size:14px;
				color: #efefef;
				background:#1d1d20 url(image/puce_bbbb00_li.gif) 5px 50% no-repeat;
				}
			#menu li a:hover{
				text-decoration:none;
				color: #cccc00;
				background:#1d1d20;
				}
				
			#menu li a#current{	
				text-decoration:none;
				color: #cccc00;
				background:#1d1d20 url(image/bg_current.gif) 170px 10px no-repeat;
				}
			#menu li a#current:hover{	
				text-decoration:none;
				color: #efefef;
				}	
	
/* ANCRE ***********************************/
#ancre{
	position:fixed;
	top:60%;
	left:260px;
	}
#ancre span{
	display:none;
	text-indent:-5000px;
	margin:0;padding:0;
	line-height:0;
	}
#ancre a{
	display:block;
	width:23px;
	height:25px;
	background:url(image/ancre.png) no-repeat;
	}	
	
/* FOOTER ************************************/
/* ---------- Structure ---------- */
#footer{		
	position: relative;
	clear:both;
	height:280px;
	margin:0; padding:0;
	background: url(image/footer_bg.png) right top repeat-x;
	font-family:tahoma,arial,sans-serif;
	font-size:12px;
	}
	/* -----  ----- */
	#footer #footer_left_box{	
		float: left;
		margin:0; padding:0;
		background: url(image/footer_split.png) right center no-repeat;
		width: 260px;
		height:240px;
		}
	#footer #footer_news_box{	
		float: left;
		margin:0; padding:0;
		background: url(image/footer_split.png) right center no-repeat;
		width: 246px;
		height:240px;		
		}
	#footer #footer_img_box{	
		float: left;
		margin:0; padding:0;
		background: url(image/footer_split.png) right center no-repeat;
		width: 244px;
		height:240px;		
		}
	#footer #footer_link_box{	
		float: left;
		margin:0; padding:0;
		width: 180px;
		height:240px;		
		}	
	/* ----- footer_bottom ----- */
	#footer #footer_bottom{		
		position: absolute; 
		bottom: 0;
		clear:both;
		margin:0; padding:0;
		width: 100%;
		height:54px;		
		}	
		#footer_bottom #footer_bottom_left{		
			background: url(image/footer_bottom_corner.png) 216px bottom no-repeat;	
			float: left;
			margin:0; padding:0;
			width: 296px;
			height:54px;		
			}		
		#footer_bottom #footer_bottom_right{		
			background: url(image/footer_bottom_bg.png) 0 bottom repeat-x;				
			margin:0 0 0 296px; 
			padding:0;				
			height:54px;	
			}		

/* ---------- contenu ---------- */
/* span hide content */
	#footer span.hide_content{
		display:none;
		text-indent:-5000px;
		margin:0;padding:0;
		line-height:0;
		}		
	/* ----- bloc gauche : ff ----- */
	#footer_left_box a#link_ff{
		display: block;
		width: 111px;
		height: 131px;
		margin: 50px auto 0;
		background: url(image/footer_logoFF.png) left top no-repeat;
		}	
	/* ----- bloc articles ----- */
	#footer_news_box h1{
		margin: 25px auto 0;
		width: 207px;
		height: 53px;		
		background: url(image/footer_news_title.png) left top no-repeat;
		}
	#footer_news_box ul{		
		margin: 10px 0 0 0;
		padding: 0;	
		list-style-type: none;
		}
	#footer_news_box ul li{		/*	background:#9fa;	*/
		margin: 0;
		padding: 0;	
		list-style-type: none;
		}	
	#footer_news_box ul li a{		
		display: block;
		margin: 0 15px 5px 25px;
		padding: 0 0 0 15px;	
		background: url(image/footer_item_puce.gif) left 5px no-repeat;
		font-size: 13px;
		color: #888;
		text-decoration: none;
		}
		#footer_news_box ul li a:hover{	
			color: #aaa;
			text-decoration: none;
			}		
	/* ----- bloc img portfolio ----- */
	#footer_img_box h1{
		margin: 25px auto 0;
		width: 190px;
		height: 53px;		
		background: url(image/footer_portf_title.png) left top no-repeat;
		}
		#footer_img_box #box_line_1{
			margin: 10px 0 0 0;
			padding: 0;
			text-align: center;
			}
		#footer_img_box #box_line_2{
			margin: 10px 0 0 0;
			padding: 0;
			text-align: center;
			}
		#footer_img_box a{ 
			margin:0; padding:0;
			outline: none;
			}
		#footer_img_box img{ 
			border: 8px #1d1d20 solid;
			width: 40px;
			margin-left: 10px;
			}
		#footer_img_box img:hover{ 
			border: 8px #242424 solid;
			width: 40px;
			margin-left: 10px;
			}
		
	/* ----- bloc menu: footer_link_box ----- */
	#footer_link_box ul{
		margin: 25px 0 0 10px;
		padding: 0;
		width: 168px;
		height: 180px;		
		list-style-type: none;
		}	
		#footer_link_box ul li{
			margin: 0;
			padding: 0;
			list-style-type: none;
			}	
			#footer_link_box ul li a{
				margin: 0; padding: 0;
				display: block;
				width: 168px;
				height: 36px;
				background: url(image/footer_link_list.png) no-repeat;
				}
				#footer_link_box ul li a:hover{
					background-color: #1d1d20;
					}				
				/* contact */
				#footer_link_box ul li a#footer_link_contact{
					background-position: left 0;
					}
					#footer_link_box ul li 	a#footer_link_contact:hover{
						background-position: left -180px;
						}
				/* cv */
				#footer_link_box ul li a#footer_link_cv{
					background-position: left -36px;
					}
					#footer_link_box ul li a#footer_link_cv:hover{
						background-position: left -216px;
						}		
				/* sitemap */
				#footer_link_box ul li a#footer_link_siteMap{
					background-position: left -72px;
					}
					#footer_link_box ul li a#footer_link_siteMap:hover{
						background-position: left -252px;
						}
				/* valid html */
				#footer_link_box ul li a#footer_link_validHtml{
					background-position: left -108px;
					}
					#footer_link_box ul li a#footer_link_validHtml:hover{
						background-position: left -288px;
						}
				/* valid css */
				#footer_link_box ul li a#footer_links_validCss{
					background-position: left -144px;
					}					
					#footer_link_box ul li a#footer_links_validCss:hover{
						background-position: left -324px;
						}
		
	/* ----- footer bottom ----- */
	#footer_bottom_left p{	
		margin: 27px 0 0 0;
		padding: 0 0 0 26px;
		color: #555;
		}
	#footer_bottom_right a{		
		display: block;
		float: left;
		margin: 27px 0 0 0;
		padding: 0 0 0 20px;
		color: #888;
		text-decoration: none;
		}	
		#footer_bottom_right a:hover{	
			color: #aaa;
			}	
	#footer_bottom_right a#footer_link_netvibes{	
		background: url(image/footer_ico_netvibes.png) left center no-repeat;
		}
	#footer_bottom_right a#footer_link_delicious{	
		background: url(image/footer_ico_delicious.gif) left center no-repeat;
		margin-left: 20px;
		}
	#footer_bottom_right p#copyright{	
		float: left;
		margin: 27px 0 0 55px;
		padding: 0;
		color: #555;
		}