html {
overflow: hidden;
}

body {
background-image: url('images/fond.jpg');
background-repeat: repeat-x repeat-y;
background-attachment: fixed;
}

#global {
background-color: #000000;
position: absolute;
left: 50%;
top: 50%;
width: 1068px;
height: 580px;
margin-left: -534px;
margin-top: -290px;
}

#header {
color: #001722;
height: 160px;
background: url(images/logo.gif) no-repeat top left;
padding-bottom: 0px;
}

#img1 {
width: 250px;
height: 250px;
float: left;
padding-left: 12.5px;
}

#img2 {
width: 250px;
height: 250px;
float: left;
margin-left: 12.5px;
}

#img3 {
width: 250px;
height: 250px;
float: left;
margin-left: 12.5px;
}

#img4 {
width: 250px;
height: 250px;
float: left;
margin-left: 12.5px;
}


#contact {
margin-top: 280px;
color: #ffffff;
text-align: center;
font-family: 'trebuchet ms', sans serif;
line-height: 2px;
font-size: 1em;
}

#contact a {
color: #ffffff;
text-decoration: underline;
}

#contact a:hover {
color: #f7941d;
text-decoration: none;
}

#p {
margin-top: 0;
margin-bottom: 0;
color: #ffffff;
text-align: center;
font-family: 'trebuchet ms', sans serif;
font-size: 1em;
}


.tel{
font-family: 'trebuchet ms', sans serif;
font-size: 80%;
color: #62bb46;
}

.mail {
font-family: 'trebuchet ms', sans serif;
font-size: 80%;
color: #0076b7;
text-decoration: none;
}

.mail a {
font-family: 'trebuchet ms', sans serif;
font-size: 100%;
color: #0076b7;
text-decoration: none;
}

.mail a:hover {
font-family: 'trebuchet ms', sans serif;
font-size: 100%;
color: #f7941d;
text-decoration: underline;
}

.infos {
font-family: 'trebuchet ms', sans serif;
font-size: 70%;
color: #f7941d;
margin-bottom: 0;
line-height: 10pt;
}