@charset "UTF-8";
/* CSS Document */


/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }


body {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #45170A;
	margin: 0px;
	padding: 0px;
	background-image: url(images/background.png);
	background-repeat: repeat;
	height:100%;
}

ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
	p.metadata { background: #fff9a7; padding: 3px;} 
a { outline: none; }
a img { border: none; }

/* FIN RESET */


/* TOOLBOX */

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

/* END TOOLBOX */


/* STRUCTURE ET CONTENU */

#container {
	position: relative;
			/* permet au bloc de servir de référent pour
			   ses descendants positionnés en absolu */
	width:760px; 
	margin:0 auto;
	min-height:100%;
	}
	
#logo{
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	width:auto; 
	display:block; 
	height:117px;
	margin-top: 0;
	}
	



/* NEW Menu */

#navbar {
	height:113px;
	width: 760px;
	background-image: url(images/navigation.png);
	background-repeat: no-repeat;
	padding-left:23px;
	padding-right:0px;
	padding-top:0px;	
}	


ul#menu {
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
	ul#menu li {
		margin:0;
		padding-left: 8px;
	}
	
	ul#menu li a {
		display:block;
		width:135px;
		height:62px;
		text-decoration:none;
		float:left;
	}



		#b_home{
			background: url(images/b_home.png) top left no-repeat;
			display: block;
			float:left;
		}
		
		#b_home_active{
			background: url(images/b_home.png) bottom left no-repeat;
			display: block;
			float:left;
		}
		 
		#b_home:hover{
			background-position: center left;
		}
		
		#b_home:active {
			background-position: bottom left;

		}		
		
		#b_company{
			background: url(images/b_company.png) top left no-repeat;
			display: block;
			float:left;
		}
		
		#b_company_active{
			background: url(images/b_company.png) bottom left no-repeat;
			display: block;
			float:left;
		}
		 
		#b_company:hover{
			background-position: center left;
		}		
		
		#b_blog{			
			background: url(images/b_blog.png) top left no-repeat;
			display: block;
			float:left;
		}
		
		#b_blog_active{
			background: url(images/b_blog.png) bottom left no-repeat;
			display: block;
			float:left;
		} 
		 
		#b_blog:hover{
			background-position: center left;
		}
		
		#b_donate{
			background: url(images/b_donate.png) top left no-repeat;
			display: block;
			float:left;
		}
		
		#b_donate_active{
			background: url(images/b_donate.png) bottom left no-repeat;
			display: block;
			float:left;
		}
		 
		#b_donate:hover{
			background-position: center left;
		}
		
		#b_contact{
			background: url(images/b_contact.png) top left no-repeat;
			display: block;
			float:left;
		}
		
		#b_contact_active{
			background: url(images/b_contact.png) bottom left no-repeat;
			display: block;
			float:left;
		}
		 
		#b_contact:hover{
			background-position: center left;
		}		
		
		
			


#main{
	width:760px;
	display:block;
	float:left;
	position:relative;
	margin: 0 auto;
	min-height: 100%;
	}
	
	.content_box {
		background-image: url(images/content_middle.png);
		background-repeat: repeat-y;
	}
	
	.content_pages {
		background-image: url(images/content_middle.png);
		background-repeat: repeat-y;
		padding-left:50px;
		padding-right: 30px;
	}

	
#column_left{
	width:330px; 
	margin-right:20px; 
	float:left;
	}
	
#column_right{
	width:330px; 
	float:left;
	margin-left:30px;
	}

/*
div.spacer, permet de faire deux colonne dans #container
*/

div.spacer{clear:both; height:10px; display:block;}


#thumbs {
	padding-top: 15px;	
}



#dernier-element {
	margin-bottom: 0;
	padding-bottom: 4em;
}

#footer{
	width:100%;
	display:block;
	height:24px;
	text-align:center;
	position: absolute;
	bottom: 0; left: 0;
}

.content_left {
		padding-right: 10px;
		padding-left: 65px;
		padding-bottom: 10px;
	}
	

	
.txt_right {
	text-align: right;	
}

table {
	background-repeat:no-repeat;
	padding:20px;
}

td {
	vertical-align:top;
}

.content_right {
	padding-left:15px;
}

.contain_v {
		float: left;
		padding-left:65px;
		width:100%;
	}
	
.vignette {
	float: left;
	padding-top: 10px;
	padding-right: 30px;
	}
	
	.vignette span {
		width: 130px;
		height: 110px;
		display: block;
		position: absolute;
		top: 10;
		left: 10;
		background: url(images/border_small.png) no-repeat;
	}

.vignette img {
	border: none;
	padding: 0;
}
	
hr {
	clear: both;
	visibility: hidden;
}