* {font-family: Verdana, Geneva, Helvetica narrow, Helvetica, Arial,Sans-serif;}

h1,h3,h4,h5,h6,p {font-size:10px;}


body {
	background: #222;
	margin: 0 auto;
	
	}
#footer {
	display:block;
	height:100px;
	width:700px;
	background:url(data/footer.png) top left;
	margin-bottom:20px;
}
#header {
	margin-top:20px;
	display: block;
	height: 100px;
	width: 700px;
	background: url(data/header.png) top left;
}

#total {
	position: absolute;
	display:block;
	left: 50%;
	width: 700px;
	margin-left: -350px;
	}

.paper {
	display:block;
	width: 600px;
	background: #fff;
	padding-left:50px;
	padding-bottom:40px;
	padding-right:50px;
	
}
	
img {
	border: 0px;
	margin: 0px;
}

.diaporama {
}
.thumb {
	border: 0px;
	float: left;
	width: 119px;
	height: 80px;
	margin-right: 1px;
	margin-bottom: 1px;
}
.spacer {clear: both;}

#menu{
	display:block; 
	float: right;
	margin-right:50px;}

a#menu_actualite{
	display:block;
	width:100px;
	height:16px;
	background: url(data/menu.png) top left no-repeat;
	margin-bottom: 0px;
		}
a#menu_actualite:hover{
	background: url(data/menu.png) top left no-repeat;
	background-position: 0px -80px;	
	}
a#menu_portfolio{
	display:block;
	width:100px;
	height:16px;
	background: url(data/menu.png) top left no-repeat;
	background-position: 0px -16px;
	margin-bottom: 0px;
		}
a#menu_portfolio:hover{
	background: url(data/menu.png) top left no-repeat;
	background-position: 0px -96px;	
	}
a#menu_realisations{
	display:block;
	width:100px;
	height:16px;
	background: url(data/menu.png) top left no-repeat;
	background-position: 0px -32px;
	margin-bottom: 0px;
		}
a#menu_realisations:hover{
	background: url(data/menu.png) top left no-repeat;
	background-position: 0px -112px;	
	}
a#menu_agence{
	display:block;
	width:100px;
	height:16px;
	background: url(data/menu.png) top left no-repeat;
	background-position: 0px -48px;
	margin-bottom: 0px;
		}
a#menu_agence:hover{
	background: url(data/menu.png) top left no-repeat;
	background-position: 0px -128px;	
	}
a#menu_publications{
	display:block;
	width:100px;
	height:16px;
	background: url(data/menu.png) top left no-repeat;
	background-position: 0px -64px;
	margin-bottom: 0px;
		}
a#menu_publications:hover{
	background: url(data/menu.png) top left no-repeat;
	background-position: 0px -144px;	
	}



a#realisations{
	display:block;
	width:600px;
	height:30px;
	background: url(data/realisations.png) top left no-repeat;
	margin-bottom: 20px;
}
a#realisations:hover{
	background: url(data/realisations.png) top left no-repeat;
	background-position: 0px -30px;
	
}
a#actualite{
	display:block;
	width:600px;
	height:30px;
	background: url(data/actualite.png) top left no-repeat;
	margin-bottom: 20px;
}
a#actualite:hover{
	background: url(data/actualite.png) top left no-repeat;
	background-position: 0px -30px;
	
}
a#agence{
	display:block;
	width:600px;
	height:30px;
	background: url(data/agence.png) top left no-repeat;
	margin-bottom: 20px;
	
}
a#agence:hover{
	background: url(data/agence.png) top left no-repeat;
	background-position: 0px -30px;
	
}
a#publications{
	display:block;
	width:600px;
	height:30px;
	background: url(data/publications.png) top left no-repeat;
	margin-bottom: 20px;
	
}
a#publications:hover{
	background: url(data/publications.png) top left no-repeat;
	background-position: 0px -30px;
	
}
a#portfolio{
	display:block;
	width:600px;
	height:30px;
	background: url(data/portfolio.png) top left no-repeat;
	margin-bottom: 20px;
	
}
a#portfolio:hover{
	background: url(data/portfolio.png) top left no-repeat;
	background-position: 0px -30px;
}
a#retour{
	display:block;
	width:600px;
	height:30px;
	background: url(data/retour.png) top left no-repeat;
	margin-left:50px;
	
}
a#retour:hover{
	background: url(data/retour.png) top left no-repeat;
	background-position: 0px -30px;
	
}





.barretitre{
	display:block;
	width:600px;
	height:20px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 20px;
	padding-top: 3px;
	background: url(data/barre.png) top left no-repeat;
	margin-bottom:10px;
	line-height:normal;

}

	
//TEXTES


h1 {font-size: 10px;}
h2 {color: #444; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-bottom:5px;}
h3 {font-size: 10px;}
h4 {font-size: 10px;}
h5 {font-size: 10px;}
h6 {font-size: 10px;}

.bold{font-weight: bold;}




p.texte{

	color: black; 
	font-size: 10px;
	line-height:120%;
	text-align:justify;
}

.titre{color: #444; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom:5px; }


a.lien {font-weight: bold; text-decoration:none; color: #f00;}


.date{width:25px; float:left; font-weight: bold; text-align:right; padding-right: 10px; display:block; color: #444}
.line{font-weight: none;}



.snap{display:block; height:25px;}
.barre{
	display:block;
	height:1px;
	width:600px;
	background: #ccc;
	
}


p.revues{
	font-size: 10px;
	color: black;
	line-height:200%;
}
.rtitle{
	font-weight: bold;
}