html {
	font-size : 70%;
	font-family : Verdana, Tahoma, Helvetica, Arial, sans-serif;
	text-align: justify;
	background-color: #FFFFFF;
	color: #666;
	}
	
body {
	width : 880px;
	padding : 0;
	margin: 0 auto;
	}
	
#global {
	/*padding : 15px 0 0 0;*/
	/*margin-top: 7px;*/
	background: url("img/bg.png") repeat-y #F7F7F7;
	}
	
/* Styles généraux */
h1 {
	font-size : 1.6em;
	color:#512D99;
	border-bottom: thin dotted #999;
	text-indent: 25px;
	font-family : Arial, sans-serif;
	padding: 0 0 2px 0;
	background: url("img/puce.gif") no-repeat;
	}
	
h2 {
	font-size : 1.2em;
	}
	
h3 {
	font-size : 1.4em;
	padding : 5px 0;
	margin : 0;
	color: #512D99;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	
h4 {
	font-size: 1.2em;
	color: #512D99;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

strong {
	color: #999;
}
	
ul {
	list-style-type: circle;
	margin: 0 0 10px 20px;
}

	
p {
	margin : 0;
	padding : 15px 0 0 0;
	}
	
a {
	color : #512D99;
	}
	
a:hover {
	color : #999;
	}
	
a img {
	border: none;
}

/* Entete */

#header {
	height : 140px;
	background: url("img/bg.png") repeat-y #F7F7F7;
	margin: 0 auto;
	text-align: center;
	}

/* Menu horizontal */
#menu {
	margin: 0 auto;
	height: 44px;
	background: url("img/bg.png") repeat-y #512D99;
}


/* Zone de contenu */
#contenu {
	width : 85%;
	margin: 0 auto;
	padding: 10px 0 0 0;
	}
	


/* Pied de page */
#footer {
	clear: both;
	height: 75px;
	background: url("img/bgfooter.png") no-repeat;
	text-align : center;
	font-size : 1.00em;
	margin: 4px auto;
	}
	
.pfooter {
	border-top: thin solid #999;
	margin: 0 auto;
	width: 85%;
}
/* Images */
.right {
	float: right;
	border: 0;
	padding: 5px 0 5px 10px;
	}

.left {
	float: left;
	border: 0;
	padding: 5px 15px 5px 0;
	z-index: 1;
	}

.adresse {
	float: right;
	border: thin solid #999;
	margin: 0 0 0 10px;
	padding: 3px;
	text-align: center;
	width: 145px;
	height: 118px;
}

.article {
	/*float: left;*/
	border: thin solid #ccc;
	background: #f9f9f9;
	width: 620px;
	margin: 7px 7px 7px 7px;
}

.articleG {
	float: left;
	border: thin solid #ccc;
	background: #f9f9f9;
	width: 42%;
	margin: 10px 15px 10px 15px;
	padding: 3px 5px 3px 5px;
}

.articleD {
	float: right;
	border: thin solid #ccc;
	background: #f9f9f9;
	width: 42%;
	margin: 10px 15px 10px 15px;
	padding: 3px 5px 3px 5px;
}

.plan {
	margin: 5px auto 5px auto;
	text-align: center;
}

.articleContenu {
	float: right;
	margin: 5px 15px 0 0;
	width: 70%;
}

.articleImage {
	float: left;
	width: 25%;
}

/*Descriptif*/
.desc {
	z-index: 2;
}

.desc a {
text-decoration: none;
}

.desc a:hover {
background: none;
}

.desc a span {
display: none;
}

.desc a:hover span {
display: inline;
position: absolute;
left: 50%; 
top: 50%;
width: 630px;
height: 680px;
margin-top: -200px;
margin-left: -315px;
padding: 5px 10px 5px 10px;
background: #f9f9f9;
text-align: justify;
color: #666666;
border:#999 3px solid;
z-index: 10;
}

.desc ul {
	padding-left: 175px;
}
.desc li {
	list-style-type: disc;	
}