* { font-family:Arial, Helvetica, sans-serif; font-size:12px; outline:none; }
body { background:url(f.gif) repeat-x #0f294f; margin:10px; margin-top:20px; }

h1 { text-indent:-9999px; width:970px; margin:0px; margin-left:auto; margin-right:auto; padding:0px; background:url(logo.jpg) left no-repeat; height:90px; line-height:90px; }

.hautGauche { background:url(gh.png); height:30px; }
.hautDroite { background:url(dh.png); height:30px; }
	.centreGauche { background:url(gc.png); padding-top:10px; text-align:center; }
		.centreGauche img { border:none; }
	.centreDroite { background:url(dc.png); }
		#conteneur { margin-top:5px; width:760px; margin-left:20px; }
			.zone { width:740px; padding-left:10px; padding-right:10px; background:url(ofond.gif); }
.basGauche { background:url(gb.png); height:20px; }
.basDroite { background:url(db.png); height:20px; }

a.bouton { display:inline-block; width:128px; height:128px; color:#000; text-decoration:none; padding:10px; text-align:center; vertical-align:top; }
	a.bouton div.texte { display:inline-block; width:128px; height:32px; cursor:pointer; }
a.bouton:hover { background:url(oselect.gif); }
	a.bouton img { border:none; }

div#contact { position:absolute; left:50%; margin-left:140px; top:20px; cursor:pointer; }
	div#contact div.haut { text-indent:-9999px; display:block; height:30px; width:320px; background:url(ch.png); }
	div#contact div.centre { width:300px; padding-left:10px; padding-right:10px; background:url(cc.png); }
		img.photo { border-right:1px solid #666; border-bottom:1px solid #666; }
		span.nom { font-size:14px; }
	div#contact div.pied { height:20px; width:320px; display:block; background:url(cb.png); }

#footer { margin:auto; width:970px; margin-top:10px; text-align:center; }

a.mail { color:#0174a9; font-weight:bold; text-decoration:none; }
a.mail:hover { text-decoration:underline; }

span.tel { color:#0174a9; font-weight:bold; text-decoration:none; }