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



body {
	background:#FFF;
	text-align: left;
	color: #0099ff;
	font: 12px verdana, sans-serif;
	position: center;
}

#wrapper {
	margin: -7px auto 0 auto;
	width: 860px;
	text-align: left;
	background: url(img/bg.jpg) repeat-y;
	position: relative;
	height: 1024px;	
	
	
}

#head-1 {
	width: 725px;
	height: 460px;
	top: 0px;
	left: 65px;
	position:absolute;
	z-index:1;

}

#head-2 {
	width: 178px;
	height: 51px;
	top: 408px;
	left: 65px;
	position:absolute;
	z-index:3;
	
}

#head-3 {
	background: url(img/mperso.png) no-repeat;
	width: 178px;
	height: 218px;
	top: 681px;
	left: 65px;
	position: absolute;
}

#head-4 {
	background: url(img/mq.png) no-repeat;
	width: 178px;
	height: 25px;
	top: 899px;
	left: 65px; 
	position: absolute;
	
	
}



a {
 color: #0099ff;  /*par exemple, pour le comportement standart*/
 text-decoration:none;
}

a:hover {
 color: gray; /* pour le passage de la souris*/
 text-decoration:none;
}


a img {

	border: 0;
	outline: none ;

}

#head-5 {
	width: 500px;
	height: 155px;
	top: 470px;
	left: 285px; 
	position: absolute;
	
}
/* contact */
#head-55 {
	width: 600px;
	height: 155px;
	top: 470px;
	left: 165px; 
	position: absolute;
	
}
#head-56 {
	width: 350px;
	height: 250px;
	background-color:#666;
	top: 570px;
	left: 440px; 
	position: absolute;
	
}
#formulaire {
	width: 358px;
	height: 361px;
	top: 570px;
	left: 70px; 
	position: absolute;
	
}
/* nos prestations */
#head-6 {
	width: 250px;
	height: 230px;
	top: 675px;
	left: 285px; 
	position: absolute;
}

#head-TD {
	width: 250px;
	height: 230px;
	top: 625px;
	left: 285px; 
	position: absolute;
}

#head-7 { 
	width: 165px;
	height: 230px; 
	position: absolute;
	margin-top: 20px;
	
}

/* pro ! */

#head-72 { 
	width: 250px;
	height: 230px; 
	position: absolute;
	margin-top: 30px;
}


#head-73 { 
	width: 230px;
	height: 100px; 
	position: absolute;
	margin-top: -5px;
}

#head-74 { 
	width: 230px;
	height: 100px; 
	position: absolute;
	margin-left: 285px;
	top: 710px;
}

#head-TD2 { 
	width: 230px;
	height: 100px; 
	position: absolute;
	margin-left: 285px;
	top: 660px;
}

/* fin pro ! */


#head-8 {
	width: 125px;
	height: 230px; 
	left: 120px;
	position: absolute;
	margin-top: 20px;
	
}

#Tabtarifs{
	margin-top:750px; 
	margin-left:230px;
	}


/* Google maps Index ! */
#head-9 {
	width: 250px;
	height: 230px;
	top: 675px;
	left: 550px; 
	position: absolute;
	
}

#head-TP {
	width: 250px;
	height: 230px;
	top: 625px;
	left: 550px; 
	position: absolute;
	
}

/* Titres dans l'ordre de la page index */

h1 {
    font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 18px;
    position: relative;
    color: #666666;
	margin-bottom:5px;
}



h2 {
    font:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 16px;
    position: relative;
    color: #0099ff;
	margin-top: 0px;
}

h3 {
    font:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 11px;
    position: relative;
    color: #666666;
	margin-top: 10px;
}

h3 span {
    font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
    position: relative;
    color: #666666;
	margin-top: 10px;
}

h4 {
    font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
    position: relative;
    color: #0099ff;
	margin-bottom:5px;
}

h4 span {
    font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
    position: relative;
    color: #666666;
	margin-bottom:5px;
}

h5 {
    font:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 12px;
    position: relative;
    color: #0099ff;
	margin-top: 5px;
	
}

h6 {
    font:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 10px;
    position: relative;
    color:#999;
	margin-top: 5px;
	left: 180px;
	
}

.menufooter {
	width: 750px;
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:18px;
	
	color: #666666;
	
	top: 978px;
	margin-left: 45px;
	
}


/* Je séléctionne mes <li> par les sélecteurs (<li> est contenu par le <ul>), inutile de lui rajouter une class */
ul#menu_horizontal li { 
display : inline;
padding : 0 1.4em; /* Pour espacer les boutons entre eux */

}
ul#menu_horizontal {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
position:absolute;
font-family:Arial, Helvetica, sans-serif;
text-align:center;

top:945px;
left: 130px;
}


/* Footer head degrader blanc + footer */
#head-10 {
	margin: -7px auto;
	width: 860px;
	text-align: left;
	background: url(img/bgfin.png);
	position: relative;
	height: 57px;
	top: 978px;
}

.footer, .push {
	width: 750px;
	position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:9px;
	color: #999;
	margin-left: 45px;
	
}

/* services chèques */
#head-11 {
	width: 109px;
	height: 52px;
	text-align: left;
	background: url(img/cheque.jpg);
	position: absolute;
	top: 464px;
	margin-left: 680px;
}

#head-12 {
	width: 44px;
	height: 60px;

	background: url(img/padpro.jpg);
	position: absolute;
	top: 835px;
	margin-left: 748px;
}