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

* {
margin: 0px;
padding: 0px;
list-style-type: none;
}

body {
	background-image: url(images/motif.gif);
}

#conteneur {
	list-style-type: none;
	height: 700px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/accueilfondtexture.jpg);
	background-repeat: repeat;
}

#enteteaccueil {
	width: 960px;
	height: 250px;
}

#textesurlisere {
	width: 960px;
	
}

#textesurlisere h2 {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	margin-top: 10px;
	font-size: 14px;
	font-style: normal;
	letter-spacing: 0.3px;
	}


/*fin entête*/

#contenu {
	margin-top: 20px;
	list-style-type: none;
	width: 960px;
	height: 300px;	
}


#contenu ul li a span {
	display:block;
	height:284px;
	width: 218px;
	font-size:0px;
}

#contenu ul li ul li #texte1 {
	font-size: 0px;
	float:left;
}
#contenu ul li ul li #texte2 {
	font-size: 0px;
	float:left;
}
#contenu ul li ul li #texte3 {
	font-size: 0px;
	float:left;
}

#contenu ul li a #initiez {
	background-image: url(images/accueilimageinitiez.jpg);
	float:left;
	margin-left: 57px;	
}

#contenu ul li a:hover #initiez {
	background-image: url(images/initiezover.jpg);
	float:left;
	margin-left: 57px;	
}

/* fin initiez*/

#contenu ul li a #perfectionnez {
	background-image: url(images/accueilimageperfectionnez.jpg);
	float:left;
	margin-left: 94px;	
}

#contenu ul li a:hover #perfectionnez {
	background-image: url(images/accueilimageperfectionnezover.jpg);
	float:left;
	margin-left: 94px;	
}

/* fin perfectionnez*/


#contenu ul li a #realisons {
	background-image: url(images/accueilimagerealisons.jpg);
	float:left;
	margin-left: 95px;	
}

#contenu ul li a:hover #realisons {
	background-image: url(images/accueilimagerealisonsover.jpg);
	float:left;
	margin-left: 95px;	
}

/*fin realisons */

/*fin contenu */


#pied ul li a span {
	font-size:0px;
	margin-top: 20px;
	display:block;
	height: 33px;
}


#pied ul li a #parcours {
	float:left;	
	background-image: url(images/parcours.jpg);
	margin-left: 57px;
	width: 244px;
}

#pied ul li a:hover #parcours {
	float:left;	
	background-image: url(images/parcoursover.jpg);
	margin-left: 57px;
	width: 244px;
}
/*fin parcours */
#pied ul li a #realisation {
	float:left;	
	background-image: url(images/realisation.jpg);
	width: 290px;
}

#pied ul li a:hover #realisation {
	float:left;	
	background-image: url(images/realisationover.jpg);
	width: 290px;
}
/*fin realisons */
#pied ul li a #contact {
	float:left;	
	background-image: url(images/contact.jpg);
	width: 308px;
}

#pied ul li a:hover #contact {
	float:left;	
	background-image: url(images/contactover.jpg);
	width: 308px;
}

/*fin contact */

#refgauche {
	margin-left: 57px;
	margin-top: 22px;	
	float:left;
	text-align:left;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

#refmilieu {
	margin-top: 22px;	
	float:left;
	margin-left: 50px;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}


#refdroite {
	margin-top: 22px;	
	float:left;
	text-align:right;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

#ref {
	margin-top:200px;	
	
}

#ref2 {
	margin-top: 200px;	
	
}
/*fin pied */