* {
margin:0;
padding:0;
}

body {
font-family:  'Arial' 'Times New Roman' 'Georgia' 'Trebuchet MS';
font-size: 15px;
text-align: justify;
}

#ensemble {
width: 1364px;
height: 1000px;
}

#partiegauche {
width: 160px;
height: 1000px;
background-image: url(http://www.lesclesdutemps.fr/Images/site_01.gif);
background-repeat: no-repeat;
background-position: right;
float: left;
}

#conteneur {
width: 1024px;
height: 1000px;
background-color: white;
float: left;
}

#partiedroite {
width: 160px;
height: 1000px;
background-image: url(http://www.lesclesdutemps.fr/Images/site_03.gif);
background-repeat: no-repeat;
float: left;
}

#banniere {
width: 1024px;
height: 232px;
background-image: url(http://www.lesclesdutemps.fr/Images/site_02.gif);
background-repeat: no-repeat;
}


#menu {
width: 1024px;
height: 53px;
}

#accueil a {
width: 170px;
height: 53px;
background-image: url(http://www.lesclesdutemps.fr/Images/site_04.gif);
background-repeat: no-repeat;
float: left;
}

#accueil a:hover {
background-image: url(http://www.lesclesdutemps.fr/Images/hover_04.gif);
background-repeat: no-repeat;
}

#fonctionnement a {
width: 171px;
height: 53px;
background-image: url(http://www.lesclesdutemps.fr/Images/site_05.gif);
background-repeat: no-repeat;
float: left;
}

#fonctionnement a:hover {
background-image: url(http://www.lesclesdutemps.fr/Images/hover_05.gif);
background-repeat: no-repeat;
}

#avantages a {
width: 171px;
height: 53px;
background-image: url(http://www.lesclesdutemps.fr/Images/site_06.gif);
background-repeat: no-repeat;
float: left;
}

#avantages a:hover {
background-image: url(http://www.lesclesdutemps.fr/Images/hover_06.gif);
background-repeat: no-repeat;
}

#particuliers a {
width: 170px;
height: 53px;
background-image: url(http://www.lesclesdutemps.fr/Images/site_07.gif);
background-repeat: no-repeat;
float: left;
}

#particuliers a:hover {
background-image: url(http://www.lesclesdutemps.fr/Images/hover_07.gif);
background-repeat: no-repeat;
}

#nosprestations a {
width: 171px;
height: 53px;
background-image: url(http://www.lesclesdutemps.fr/Images/site_08.gif);
background-repeat: no-repeat;
float: left;
}

#nosprestations a:hover {
background-image: url(http://www.lesclesdutemps.fr/Images/hover_08.gif);
background-repeat: no-repeat;
}

#contact a {
width: 171px;
height: 53px;
background-image: url(http://www.lesclesdutemps.fr/Images/site_09.gif);
background-repeat: no-repeat;
float: left;
}

#contact a:hover {
background-image: url(http://www.lesclesdutemps.fr/Images/hover_09.gif);
background-repeat: no-repeat;
}

#block {
width: 1024px;
height: 715px;
background-image: url(http://www.lesclesdutemps.fr/Images/site_09b.gif);
background-repeat: no-repeat;
position: absolute;
}

#texte {
padding-left: 30px;
margin-top: 30px;
position: absolute;
}

#para1{
margin: 25px 0 0 40px;
font-size: 18px;
width: 880px;
}
#para1 a{
color:#623bd0;
text-decoration:none;
}

#liste {
margin-left: 50px;
width: 593px;
margin-top: -20px;
}

#liste p {
font-size: 15px;
position: relative;
margin-top: -20px;
margin-left: 40px;
}

#para2{
font-size: 20px;
margin-left: 260px;
margin-top: 30px;
}

#para3{
text-align: justify;
width: 351px;
margin-left: 550px;
}

#frase {
font-size: 17px;
font-style: italic;
margin-left: -10px;
}

#frase2 {
font-size: 17px;
font-style: italic;
margin: 20px 0 0 50px;
}

#image {
position: relative;
}

#image1 {
width: 133px;
height: 200px;
background-image: url(http://www.lesclesdutemps.fr/Images/accueil1.gif);
background-repeat: no-repeat;
margin: 100px 0 0 790px;
}

#image2 {
width: 230px;
height: 153px;
background-image: url(http://www.lesclesdutemps.fr/Images/accueil2.gif);
background-repeat: no-repeat;
margin: 80px 0 0 40px;
}

#fin {
font-size: 12px;
margin: 700px 0 0 380px;
}