#menu
{
position : absolute;
top : 180px;
left : 250px;
}
div#menu a {color: black; font-family: Trebuchet MS, Arial; font-size: small; font-weight:bold;}
div#menu ul {padding: 0; margin:0px; background: rgb(225,225,225); text-align:center; width:760px;line-height:1em;list-style:none;text-align:center;}
div#menu li {background: rgb(175,175,175); width: 190px; float:left;position:relative;border-top:1px solid #33CCFF;}
div#menu li:hover {background:rgb(225,225,225);}
div#menu li.sousmenu:hover {background: rgb(175,175,175);}
/* rejout couleur de fond */
div#menu li.sousmenu {background-color: rgb(225,225,225);}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu li.plop { background-color: rgb(175,175,175);}
 
/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none;  float:left; border-top:1px solid ; color: black;}
 
div#menu ul ul {position: absolute;display:none; width:90px;left:0px;}
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:90px}
div#menu ul.niveau1 li:hover ul.niveau2 {display: block; top:23px;} 
div#menu ul.niveau2 li:hover ul.niveau3 {display:block;top:-1px; left: 60px;}
div#menu ul.niveau3 li:hover ul.niveau4 {display:block;top:-1px; left: 60px;}
div#menu ul.niveau4 {top:-1px; left: 60px;}
 
/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background: rgb(175,175,175);}
div#menu ul.niveau3 li:hover {display: block; background: rgb(175,175,175);}
 
 
/* rajout de couleur de fond et de survol */
div#menu ul.niveau4 li { background: rgb(175,175,175);}
div#menu ul.niveau4 li:hover {display: block; background: rgb(175,175,175);}

body
{
   background : #A9C5EF;
   background-position : center;
   margin-top : 20px;
   margin-bottom : 25px;
   width : 760px;
  
}
#livredor
{
  position : absolute;
 top : 730px;
 left : 520px;
 width : 420px;
 }


/* L'en-tête */
#haut
{
   background-image : url('images/mur.png');
   width: 760px;
   height: 160px;
   position : absolute;
  top : 20px;
  left : 250px;
 }
 table 
{
   margin: auto; 
   border: 1px solid black; 
   border-collapse: collapse; 
}
td 
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; 
   padding: 5px; 
   color : white;
   background-color : black;
  }
  #suite
  {
  position : absolute;
 top :1125px;
 left : 650px;
 width : 420px;
 font-size:120%;
 }

  #corps
 {
 width : 760px;
 height : 1000px;
 position : absolute;
 top : 214px;
 left : 250px;
  background-image : url('images/fondimage.gif');

 }
 #formulaire
 {
  position : absolute;
 top : 225px;
 left : 600px;
 width : 380px;
 }
 #murporteur
 {
  position : absolute;
 top : 730px;
 left : 520px;
 width : 420px;
 }
#murporteur2
 {
  position : absolute;
 top : 670px;
 left : 750px;
 width : 220px;
 }
#isolation
 {
  position : absolute;
 top : 710px;
 left : 400px;
 width : 460px;
 }
#isolation2
 {
  position : absolute;
 top : 640px;
 left : 710px;
 width : 460px;
 }
#carrelage
 {
  position : absolute;
 top : 640px;
 left : 810px;
 width : 460px;
 }
#briquesilex
 {
  position : absolute;
 top : 540px;
 left : 780px;
 width : 460px;
 }

 #implantation
 {
  position : absolute;
 top : 730px;
 left : 620px;
 width : 420px;
 }
 #fouille
 {
  position : absolute;
 top : 1100px;
 left : 620px;
 width : 420px;
 }
#beton
 {
  position : absolute;
 top : 750px;
 left : 620px;
 width : 420px;
 }
#plancher
 {
  position : absolute;
 top : 1080px;
 left : 320px;
 width : 690px;
 }
#plancher2
 {
  position : absolute;
 top : 700px;
 left : 320px;
 width : 690px;
 }
#plancher3
 {
  position : absolute;
 top : 1080px;
 left : 320px;
 width : 690px;
 }
#fleche
 {
  position : absolute;
 top :1080px;
 left : 630px;
 width : 690px;
 }
 #movie
 {
  position : absolute;
 top : 980px;
 left : 370px;
 width : 600px;
 }

 fieldset
 {
 margin-bottom : 20px;
 background-color : #E2D49B;
 border : 2px solid black; 

 }
 legend
 {
 font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
 color : red;
 border : 2px solid black; 
}
 label
 {
 font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
}

 p.annonce
 {
  position : absolute;
 top : 290px;
 left : 600px;
 text-align : justify;
 width : 380px;
 }
 p.annonce2
 {
 position : absolute;
 top : 450px;
 left : 480px;
 text-align : justify;
 width : 480px;
}
#betondesactive
 {
  position : absolute;
 top : 700px;
left : 270px;
 font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
color : red;
}

#annonce3
{
font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
position : absolute;
top : 610px;
left : 650px;
width : 380px;
}
#reglement
{
font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
position : absolute;
top : 750px;
left : 300px;
width : 700px;
}
#reglement1
{
font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
position : absolute;
top : 650px;
left : 270px;
width : 300px;
}
#annonce15
 {
 position : absolute;
 top : 360px;
 left : 580px;
 text-align : justify;
 width : 300px;
}

p.annonce4
 {
 position : absolute;
 top : 700px;
 left : 370px;
 text-align : justify;
 width : 600px;
}
p.annonce5
 {
 position : absolute;
 top : 970px;
 left : 300px;
 text-align : justify;
 width : 620px;
}
#annonce5
 {
 position : absolute;
 top : 970px;
 left : 300px;
 text-align : justify;
 width : 620px;
}

#annonce6
{
text-align : center;
font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
font-size : 22px;
text-decoration : underline;
}
#annonce7
{
text-align : center;
font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
font-size : 22px;
text-decoration : underline;
}
p.annonce8
{
text-align : center;
font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
 background-color : #E2D49B;

}
p.annonce9
{
text-align : center;
font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
 background-color : #E2D49B;
 border : 2px solid black; 

}
p.annonce10
 {
 position : absolute;
 top : 430px;
 left : 580px;
 text-align : justify;
 width : 540px;
}
p.annonce11
 {
 position : absolute;
 top : 650px;
 left : 630px;
 text-align : justify;
 width : 620px;
}
p.annonce12
 {
 position : absolute;
 top : 750px;
 left : 330px;
 text-align : justify;
 width : 620px;
}
p.annonce13
 {
 position : absolute;
 top : 980px;
 left : 690px;
 text-align : justify;
 width : 280px;
}
p.annonce14
 {
 position : absolute;
 top : 1020px;
 left : 350px;
 text-align : justify;
 width : 620px;
}
p.annonce15
 {
 position : absolute;
 top : 300px;
 left : 550px;
 text-align : justify;
 width : 380px;
}

p.annonce16
 {
 position : absolute;
 top : 300px;
 left : 550px;
 text-align : justify;
 width : 380px;
}

p.annonce17
 {
 position : absolute;
 top : 300px;
 left : 550px;
 text-align : justify;
 width : 380px;
}

p.annonce18
 {
 position : absolute;
 top : 720px;
 left : 550px;
 text-align : justify;
 width : 380px;
}
p.annonce19
 {
 position : absolute;
 top : 240px;
 left : 500px;
 text-align : justify;
 width : 500px;
}



#bas_de_page
{
font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
font-size : 14px;
position : absolute;
 top : 1151px;
 text-align : center;
left : 240px;
width : 760px;
}

h1
{
font-size : 36px;
font-family  : "Trebuchet MS", Georgia, serif;
position : absolute;
top : 230px;
left :600px;
text-decoration : underline;
color: black; 
width : 620px;
}
ul.carre
{
font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
position : absolute;
top : 650px;
left : 650px;
width : 380px;
list-style-position: inside;
list-style-type: square;
}
ul.rectangle
{
font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
position : absolute;
top : 590px;
left : 230px;
width : 380px;
list-style-position: inside;
}
ul.rond
{
font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
position : absolute;
top : 330px;
left : 580px;
width : 380px;
list-style-position: inside;
list-style-type: square;
}
em
{
color : #808080;
}
 p.image
 {
 position : absolute;
 top : 213px;
 left :250px;
 }
p.image_ec
{
position : absolute;
 top : 220px;
 left : 300px;
}
p.image_par
{

position : absolute;
 top : 220px;
 left : 300px;
}
p.image_lie
{

position : absolute;
 top : 220px;
 left : 300px;
}
p.image_rea
{

position : absolute;
 top : 220px;
 left : 300px;
}
 
 
p.image2
{

position : absolute;
 top : 179px;
 left : 272px;
}
 p.image3
 {
 position : absolute;
 top : 30px;
left : 440px;
 }
 p.image4
 {
  position : absolute;
 top : 650px;
left : 490px;
}
p.image5
 {
  position : absolute;
 top : 280px;
left :588px;
}
p.image6
 {
  position : absolute;
 top : 530px;
left : 390px;
}
p.image7
 {
  position : absolute;
 top : 530px;
left : 650px;
}
p.image8
 {
  position : absolute;
 top : 770px;
left : 720px;
}
p.image9
 {
  position : absolute;
 top : 900px;
left : 350px;
}
#logo
 {
  position : absolute;
 top : 710px;
left : 235px;
}

p.image10
 {
  position : absolute;
 top : 500px;
left : 270px;
}
p.image11
 {
  position : absolute;
 top : 320px;
left :750px;
}
p.image12
 {
  position : absolute;
 top : 400px;
left :500px;
}
p.image13
 {
  position : absolute;
 top : 780px;
left :420px;
}
p.image14
 {
  position : absolute;
 top : 720px;
left :750px;
}
p.image15
 {
  position : absolute;
 top : 260px;
left :650px;
}
p.image16
 {
  position : absolute;
 top : 490px;
left :520px;
}
p.image17
 {
  position : absolute;
 top : 450px;
left :820px;
}
p.image18
 {
  position : absolute;
 top : 750px;
left :800px;
}
p.image19
 {
  position : absolute;
 top : 850px;
left :450px;
}
p.image20
 {
  position : absolute;
 top : 490px;
left :800px;
}
p.image21
 {
  position : absolute;
 top : 790px;
left :300px;
}
p.image22
 {
  position : absolute;
 top : 790px;
left :800px;
}
p.image23
 {
  position : absolute;
 top : 790px;
left :550px;
}
p.image24
{
  position : absolute;
 top : 450px;
left :800px;
}
p.image25
 {
  position : absolute;
 top : 450px;
left :520px;
}
p.image26
{
  position : absolute;
 top : 420px;
left :800px;
}
p.image27
 {
  position : absolute;
 top : 420px;
left :520px;
}
p.image28
 {
  position : absolute;
 top : 290px;
left :745px;
}
p.image29
 {
  position : absolute;
 top : 390px;
left :465px;
}
p.image30
 {
  position : absolute;
 top : 770px;
left :415px;
}
p.image31
 {
  position : absolute;
 top : 570px;
left :435px;
}
p.image32
 {
  position : absolute;
 top : 290px;
left :615px;
}

p.image33
 {
  position : absolute;
 top : 870px;
left :315px;
}
p.image34
 {
  position : absolute;
 top : 830px;
left :675px;
}


p.logo
 {
  position : absolute;
 top : 290px;
left : 500px;
}
p.logo1
 {
  position : absolute;
 top : 390px;
left : 500px;
}
p.logo2
 {
  position : absolute;
 top : 450px;
left : 700px;
}
#logo9
 {
  position : absolute;
 top : 530px;
left : 700px;
width : 300px;
}
#logo10
 {
  position : absolute;
 top : 600px;
left : 700px;
width : 340px;
}
#logo11
 {
  position : absolute;
 top : 670px;
left : 700px;
width : 640px;
}

p.logo3
 {
  position : absolute;
 top : 500px;
left : 500px;
}
p.logo4
 {
  position : absolute;
 top : 580px;
left : 700px;
}
p.logo5
 {
  position : absolute;
 top : 630px;
left : 500px;
}
p.logo6
 {
  position : absolute;
 top : 680px;
left : 700px;
}
p.logo7
 {
  position : absolute;
 top : 730px;
left : 700px;
}
p.logo8
 {
  position : absolute;
 top : 780px;
left : 700px;
}

p
{
font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
font-size : 18px;
}
p:first-letter /* La première lettre de chaque paragraphe */
{
 font-family : calligrapher;
 font-weight: bold; /* En gras */
   font-size: 5em; /* Ecrit légèrement plus gros que la normale */
   color: #BCBCBC; /* En bleu */
}
a.interne
{
text-decoration : none;
font-family  : "Comic Sans MS", "Trebuchet MS", Georgia, serif;
font-size : 14px;
color : black;
}
a img
{
border : none;
}
a.interne:hover
{
color : red;
}
a.interne:visited
{
color : blue;
}

p.artisan
 {
 position : absolute;
 top : 250px;
 left :460px;
 }
 #avantage1
 {
 position : absolute;
 top :  520px;
 left : 480px;
 text-align : justify;
 width : 500px;
}
 #avantage2
 {
 position : absolute;
 top :  580px;
 left : 440px;
 text-align : justify;
 width : 540px;
}
#avantage3
 {
 position : absolute;
 top :  700px;
 left : 400px;
 text-align : justify;
 width : 580px;
}
#avantage4
 {
 position : absolute;
 top :  860px;
 left : 350px;
 text-align : justify;
 width : 630px;
}
#avantage5
 {
 position : absolute;
 top :  920px;
 left : 330px;
 text-align : justify;
 width : 650px;
}
#avantage6
 {
 position : absolute;
 top :  1020px;
 left : 310px;
 text-align : justify;
 width : 670px;
}
#avantage7
 {
 position : absolute;
 top :  1090px;
 left : 460px;
 text-align : justify;
 width : 670px;
}
#avantage8
 {
 position : absolute;
 top :  700px;
 left : 260px;
 text-align : justify;
 width : 670px;
}