@import url('global.css');

div#global {background: transparent url(bg_accueil.gif) top left repeat-y;}
div#top {background: transparent url(top_accueil.png) top left no-repeat;}
div#foot {background: transparent url(foot_accueil.png) top left no-repeat;}

div#left {
	width: 290px;
	padding: 0 14px 0 23px; 
}


div#left img {
	border: 3px solid #fff;
}

div#left .actu {
	padding: 0 18px 18px 18px;
	margin: 0 0 18px 0;
	background: transparent url(sep.gif) bottom center no-repeat;
}

div#left .actu a {
	color: #565656;
	text-decoration: none;
}


div#left .actu a:hover {
	text-decoration: underline;
}

div#left p {
	margin: 0;
}

div#left p.date {
	color: #C00;
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 3px;
}

div#left h1 {
	color: #039; 
	font-size: 1.1em;
	font-style: italic;
}


div#content {
	background: transparent url(bg.jpg) top left no-repeat;
	margin-top: -30px;
	width: 654px;
	padding: 0px 0 0 35px; 
	text-align: justify;
}

div#content a.sismique {
	position: absolute;
	display: block;
	width: 677px;
	height: 300px;
	left: 351px;
	top: 357px;
	background: transparent url(bg.jpg) -701px -99px no-repeat;
	text-indent: -5000px;
}

div#content a.reference {
	position: absolute;
	display: block;
	width: 677px;
	height: 147px;
	left: 351px;
	top: 486px;
	background: transparent url(bg.jpg) -701px -228px no-repeat;
	text-indent: -5000px;
}

div#content a.reference:hover {	background-position: -12px -228px;}
div#content a.sismique:hover {	background-position: -12px -99px;}


div#content h1 {
	
	
}

div#content h2 a {
	background: transparent url(decouvrir.gif) top left no-repeat;
	text-indent: -5000px;
	display: block;
	width: 150px;
	height: 16px;
	margin: 30px 0 0 0;
}

div#content p {
	margin: 5px 0 0 0;
}

div#content strong {
	color: #039;
	font-size: 1.1em;
	font-style: italic;
}