body {
background-image:url(images/background.jpg);
max-height: 580px;
margin: 0 auto;  /*Coller le header en haut*/
margin-left: 15px; /*Centrer meme en 1024*768 */
}

#header{
background-image:url(images/header.jpg);
background-repeat: no-repeat;
width: 950px;
height: 45px;
margin: auto; 
padding-right: 30px; /*Bien centrer header*/
padding-top: 159px; /*Aligner bouttons avec le fond*/
}

#menu{
background-image:url(images/heure.png);
background-repeat: no-repeat;
height: 39px;
margin-left: 21px;
padding-left: 38px; /*Afficher l'heure au bonne endroit (horizontal)*/
}

#header a img{
padding-right: 1px; /*Laisser un espace de 1px entre les bouttons*/
}

#menu p{
text-align: center;
margin:0;
padding-top: 9px;
}

#boutons{
padding-right: 11px;
float:right;
width: 651px;
}

#corps{
background-image:url(images/corps.png);
background-repeat: no-repeat;
width: 962px;
height: 487px;
padding-top: 19px;
padding-left: 19px;
margin: auto;
}

#accueil{
background-image:url(images/accueil_background.png);
background-repeat: no-repeat;
width: 546px; 
height: 401px;
margin-left: 375px;
padding-top:55px;
}

#sourcier77{
background-image:url(images/accueil_sourcier77.png);
background-repeat: no-repeat;
width: 357px; 
height: 268px;
}

#accueil_texte{
margin:0;
margin-left: 70px;
font-size: 17px;
padding-top: 170px;
}

#accueil_num{
font-size: 18px;
margin:0;
margin-left: 85px;
margin-top: 11px;
}

#accueil_mail{
font-size: 18px;
margin:0;
margin-left: 68px;
margin-top: 10px;
}

#accueil_mail a{
color: black;
text-decoration: none;
}

#formulaire{
background-image:url(images/formulaire_background.png);
background-repeat: no-repeat;
width: 545px; 
height: 456px;
padding-top:35px;
}

#formulaire form{
padding-top: 6px;
padding-left: 20px;
padding-bottom:40px;
margin-top: 0;
}

#formulaire form label{ 
padding-left: 30px; /*Décalé texte vers la droite*/
padding-right: 7px; /*Eloigner case du titre*/
}

#formulaire form td{ 
padding-bottom: 10px; /*Séparé les champs verticalement*/
}

#formulaire form table input, #formulaire form textarea, #formulaire form table select{ 
border: solid 1px black;
}

#formulaire form table input:hover, #formulaire form textarea:hover, #formulaire form table select:hover{ 
border: solid 1px #484848;
}

#formulaire form table input:focus, #formulaire form textarea:focus, #formulaire form table select:focus{ 
border: solid 1px brown;
}

#boutons_formulaire{
text-align: center;
margin:0;
padding-top: 11px;
}

#erreur{
font-size: 13px;
font-weight: bold;
color: red;
padding-left: 10px;
}

#me_contacter{
background-image:url(images/me_contacter.png);
background-repeat: no-repeat; 
width: 357px;
height: 166px;
padding-top: 100px;
}

#contact_num{
margin-left: 137px;
font-size: 22px;
margin-top:0;
margin-bottom: 83px;
}

#contact_mail{
margin-left: 137px;
font-size: 21px;
}

#contact_mail a{
color: black;
text-decoration: none;
}

.photo_aleatoire{
background-image:url(images/photo_aleatoire.png);
background-repeat: no-repeat;
width: 357px;
height: 173px;
margin-top: 13px; /*séparé du bloc me contacter*/
padding-top: 40px;
}

.photo_aleatoire a{
padding-left: 14px;
}

#projets{
background-image:url(images/projets_background.png);
background-repeat: no-repeat;
width: 930px; 
height: 248px;
padding-top:55px;
padding-bottom: 10px;
}

#projets p, #services p, #accueil p{
text-align: justify;
padding-left: 35px;
padding-right: 35px;
margin-top: 0;
}

#puits_traditionnel{
background-image:url(images/projets_puits_traditionnel.png);
background-repeat: no-repeat; 
width: 226px;
height: 142px;
}

#puits_traditionnel_ie{
background-image:url(images/projets_puits_traditionnel.png);
background-repeat: no-repeat; 
width: 226px;
height: 142px;
float: right;
}

#anciens_puits{
background-image:url(images/projets_anciens_puits.png);
background-repeat: no-repeat; 
width: 226px;
height: 142px;
float: right;
margin-left: 6px;
}

#geothermie{
background-image:url(images/projets_geothermie.png);
background-repeat: no-repeat; 
width: 226px;
height: 142px;
float: right;
margin-left: 6px;
}

#bien_etre{
background-image:url(images/projets_bien_etre.png);
background-repeat: no-repeat; 
width: 226px;
height: 142px;
float: right;
margin-left: 6px;
padding-right: 41px;
}

#contact_droite{
float: right;
padding-right: 42px;
width: 357px;
height: 494px;
}

#services_droite{
float: right;
padding-right: 41px;
width: 361px;
}

#accueil_gauche{
float: left;

width: 361px;
}

.bas p{
font-size: 14px;
text-align: justify;
padding-top: 37px;
padding-left: 12px;
padding-right: 10px;
margin: 0;
}

.bas p:hover{
color: #391e00;
}

#services_droite p{
font-size: 14px;
text-align: justify;
padding-top: 27px;
padding-left: 12px;
padding-right: 10px;
margin: 0;
}

#puits_traditionnel, #puits_traditionnel_ie, #anciens_puits, #geothermie, #bien_etre{
cursor: pointer;
}

#photos{
background-image: url(images/photo_background.png);
background-repeat: no-repeat;
width: 920px; 
height: 401px;
padding-top:55px;
padding-left: 48px;
position: relative;
}

#miniatures img{
padding-right: 10px;
}

#photos p{
position: absolute;
margin:0;
bottom: 0;
right: 0;
padding-right: 398px;
padding-bottom: 25px;
}

#photos span:hover{
color: #391e00;
}

#photos span{
cursor: pointer;
}

.pages{
font-size: 14px;
}

#services{
background-image:url(images/services_background.png);
background-repeat: no-repeat;
width: 546px; 
height: 432px;
padding-top:55px;
}

#localisation{
background-image:url(images/services_localisation.png);
background-repeat: no-repeat; 
}

#profondeur{
background-image:url(images/services_profondeur.png);
background-repeat: no-repeat; 
}

#debit{
background-image:url(images/services_debit.png);
background-repeat: no-repeat; 
padding-top: 1px;
}

#conseils{
background-image:url(images/services_conseils.png);
background-repeat: no-repeat;
padding-top: 1px; 
}

#localisation, #profondeur, #debit, #conseils{
width: 361px;
height: 106px;
padding-top: 10px;
}

a:visited{
color: black;
}

img{
border: none;
}

#footer{
color: white;
text-align: center;
font-size: 12px;
width: 860px; /*Defini une largueur fixe*/
margin: auto;
padding: 7px 0px 7px 65px; /*Recentrer*/
}

#footer span{
float: right;
width: 87px;
}