/*----------------------------Initialisation-----------------------------*/

*{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	background:#1A171B;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

a img{
	border:none;	
}




/*------------------------------Structure-----------------------------*/
#container{
	width:980px;
	position:absolute;
	left:50%;
	top:2%;
	margin-left:-490px;
}
	
	#header{
		height:215px;
		
	}
		#bloc_logo{
			height:215px;
			width:652px;
			float:left;
		}
		
		#bloc_acces{
			height:215px;
			width:325px;
			float:right;
		}
	
	#content{
		clear:both;
	}		
		#bloc_top{
			height:280px;
			width:980px;			
			padding:20px 0 20px 0;
		}
		
		#bloc_menu{
			
		}
		
			#bloc_menu a{				
				font-family: 'bebas_neueregular', verdana;	
				font-size:55px;
				color:#B9AB99;
				text-decoration:none;
			}

		
			#bloc_menu a.about{
				width:306px;
				height:145px;
				padding:65px 0 0 20px;
				background: url(../images/graphisme/menu-index-about.jpg) no-repeat;
				display:block;
				float:left;
			}
				#bloc_menu a.about:hover{
					background: url(../images/graphisme/menu-index-about-2.jpg) no-repeat;
				}
			
			#bloc_menu a.documentation{
				width:297px;
				height:145px;
				padding:65px 0 0 30px;
				background: url(../images/graphisme/menu-index-documentation.jpg) no-repeat;
				display:block;
				float:left;
			}
				#bloc_menu a.documentation:hover{
					background: url(../images/graphisme/menu-index-documentation-2.jpg) no-repeat;
				}
			
			#bloc_menu a.colloques{
				width:286px;
				height:145px;
				padding:65px 0 0 40px;
				background: url(../images/graphisme/menu-index-colloques.jpg) no-repeat;
				display:block;
				float:left;
			}
				#bloc_menu a.colloques:hover{
					background: url(../images/graphisme/menu-index-colloques-2.jpg) no-repeat;
				}
	
	#footer{
		clear:both;
		text-align:right;
	}
		#footer p{
			color:#948C65;
			font-size:11px;
			padding:15px 0 0 0;
		}
			#footer p a{
				color:#948C65;
			}
			#footer p a:hover{
				color:#676636;
			}


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

div.recherche{
	width:325px;
	height:35px;
}



div.membre{
	background:#676636;	
	width:295px;
	height:150px;
	padding:15px;
}

		
	div.membre h1{
		color:#3E3D16;
		font-size:30px;
		font-weight:normal;
		font-family: 'bebas_neueregular';
		margin:0 0 10px 0;
	}
	
form.membre{

}

	form.membre input[type="text"], form.membre input[type="password"]{
		width:280px;
		padding:2px;
		margin:0 0 14px 0;
		border:none;		
		height:18px;	
	}
	
	form.membre input[type="submit"]{
		width:80px;
		padding:3px;
		border:none;	
		background:#3E3D16;
		color:#FFF;		
	}
	
	a.membre{
		color:#948C65;
		font-size:11px;			
	}
	
	
	
form.recherche{
	
}

	form.recherche input[type="text"]{
		background:#A9A58A url(../images/graphisme/loupe.jpg) no-repeat right;
		border:solid 1px #3E3D16;
		border-radius: 6px;
		color:#3E3D16;
		font-size:11px;
		width:145px;
		height:16px;
		padding:2px 12px 2px 3px;
	}

	
ul.langue{
	position:absolute;
	top:2px;
	right:100px;
}

	ul.langue li{
		list-style-type:none;
		display:inline;	
		border-right:solid 1px #948C65;	
	}
	
		ul.langue li a{
			color:#948C65;	
			text-decoration:none;
			margin:0 4px 0 4px;
			font-size:10px;
		}
		ul.langue li a:hover{
			color:#676636;	
		}
		
	
	
ul.menu2{
	position:absolute;
	top:2px;
	right:2px;
}

	ul.menu2 li{
		list-style-type:none;
		display:inline;	
		border-right:solid 1px #948C65;	
	}
	
		ul.menu2 li a{
			color:#948C65;	
			text-decoration:none;
			margin:0 4px 0 4px;
			font-size:10px;
		}
		ul.menu2 li a:hover{
			color:#676636;	
		}

	
	
		
	
	

