* {
    margin: 0;
    padding: 0;
}

body {
	background-color: #FAF0E6;


}

#contenu {
  position : absolute;
  top:300px;
  left:300px;
  color:#f9d4c2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: medium;
 /* z-index: 1;  */
}

#defaultCube {
      position: absolute;
      top:200px;
      left:50%;
      width: 200px;
      height: 150px;
      margin-left: 575px;
}

#defaultCube2 {
      position: absolute;
      top:50px;
      left:50%;
      width: 200px;
      height: 150px;
      margin-left: -667px;
}


#parent {
  position: relative;
}

#entete  {
  position : absolute;
  top : 0px;
  left: 50%;
  margin-left: -442px;

}

#fr {
  position : absolute;
  top : 20px;
  left: 1295px;
}

#en {
  position : absolute;
  top : 20px;
  left: 1401px;
}

#fond {
  position : absolute;
  top : 232px;
  left: 50%;
  margin-left: -442px;
}

#imageAccueil {
  position : absolute;
  top : 310px;
  left: 50%;
  margin-left: -442px;
}

#messageAccueil {
  position : absolute;
  top : 310px;
  left : 50%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#f4d0ba;
  max-width:475px;
  margin-left: -422px;
  text-align:justify;
}

#piedDePage {
  position: absolute;
  top : 1100px;
  left: 50%;
  text-align:center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #735555;
  margin-left: -422px;
}

#detailMenu {
  position:absolute;
  top : 236px;
  left:50%;
  margin-left: -313px;

}
#detailMenu2 {
  position:absolute;
  top : 236px;
  left:50%;
  margin-left: -145px;

}
#detailMenu3 {
  position:absolute;
  top : 236px;
  left:50%;
  margin-left: 5px;

}
#detailMenu4 {
  position:absolute;
  top : 236px;
  left:50%;
  margin-left: 160px;

}
#detailMenu5 {
  position:absolute;
  top : 236px;
  left:50%;
  margin-left: 291px;

}
#detailMenu6 {
  position:absolute;
  top : 236px;
  left:50%;
  margin-left: 414px;

}



#page-wrap {
    position:absolute;
    left:50%;
    top:232px;
    width: 1100px;
    margin-left: -442px;

}

#page-wrap2 {
    position:absolute;
    left:50%;
    top:232px;
    width: 1100px;
    margin-left: -442px;

}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

p {
    margin: 15px 0;
}

/*
 LEVEL ONE
 */
 #barreCouleur {
  background-color:#735555;
  position:absolute;
  width:995px;
  height:41px;
  left:50%;
  margin-left: -442px;
  top:232px;

}

ul.dropdown {
    position: relative;
}

ul.dropdown li {
    float: left;
    zoom: 1;
    background: #735555; /*couleur du menu que l'on voit */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin:0px;    /*Remettre 1 si echec */
    text-shadow: 0 2px 1px rgba(0,0,0,0.2);
    font-size: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;



}

ul.dropdown a:hover {
    color: #f9d4c2;;
}

ul.dropdown a:active {
    color: #ffa500;
}

ul.dropdown li a {
    display: block;
    padding: 10px 36.0px; /* espace entre chaque rubrique  */
    color: #fff;
    text-shadow: 0 2px 1px rgba(0,0,0,0.2);
}

ul.dropdown li:last-child a {
    border-right: none;
}
 /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {
    background: #CD853F; /* couleur case menu quand souris dessus */
    color: black;
    position: relative;
    color:#fff;
}

ul.dropdown li.hover a {
    color: #fff;
}

/*
 LEVEL TWO
 */
ul.dropdown ul {
    width: 150px;
    visibility: hidden;
    position: absolute;
    top: 40px;   /*si pb un jour remettre 100% */
    left: 0px;
    z-index:2;
}

ul.dropdown ul li {
    font-weight: normal;
    background: #A0522D;  /* couleur case interieur menu */
    color: #000;
    float: none;
    z-index:2;
}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
    border-right: none;
    width: 20px;  /*si pb un jour remettre 100% */
    display: inline-block;
}

/*
 LEVEL THREE
 */
ul.dropdown ul ul {
    left: 20px;   /* si pb un jour remettre 100% */
    top: 0px;
}

ul.dropdown li:hover > ul {
    visibility: visible;
}


#connexion {
  position:absolute;
  top:450px;
  left:500px;
}

#messageRubrique {
  position : absolute;
  top:300px;
  left:50%;
  color:#f9d4c2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  text-align:center;
  max-width:900px;
  text-align:center;
  margin-left:-397px;
}

#messageRubriqueMonumentClassique {
  position : absolute;
  top:300px;
  left:50%;
  color:#f9d4c2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  text-align:center;
  max-width:900px;
  text-align:center;
  margin-left:-49px;
}

#messageRubriqueMonumentReligieux {
  position : absolute;
  top:300px;
  left:50%;
  color:#f9d4c2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  text-align:center;
  max-width:900px;
  text-align:center;
  margin-left:-41px;
}

#messageRubriqueMonumentDouble {
  position : absolute;
  top:300px;
  left:50%;
  color:#f9d4c2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  text-align:center;
  max-width:900px;
  text-align:center;
  margin-left:-39px;
}

#messageRubriqueCreation {
  position : absolute;
  top:300px;
  left:50%;
  color:#f9d4c2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  text-align:center;
  max-width:900px;
  text-align:center;
  margin-left:-134px;
}

#messageRubriqueMonumentCineraire {
  position : absolute;
  top:300px;
  left:50%;
  color:#f9d4c2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  text-align:center;
  max-width:900px;
  text-align:center;
  margin-left:-63px;
}

#messageRubriqueObjet {
  position : absolute;
  top:300px;
  left:50%;
  color:#f9d4c2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  text-align:center;
  max-width:900px;
  text-align:center;
  margin-left:-247px;
}

#afficherImageRubrique {
  position : absolute;
  top:420px;
  left:50%;
  max-width: 1000px;
  margin-left:-367px;
}

#afficherImageRubriqueGrand {
  position : absolute;
  top:420px;
  left:50%;
  max-width: 1000px;
  margin-left:-338px;
}

  

#afficherPage {
  position : absolute;
  top : 1070px;
  left : 50%;
  font-size: medium;
  font-weight: bold;
  margin-left:43px;
}

#blocAccueil {
  position:absolute;
  left:250px;
  background-color:#CD853F;
  width:120px;
  height:40px;

}

#blocTitreAccueil {
  position:absolute;
  left:250px;
  top:226px;
  width:120px;
  height:40px;
  color:#fff;
  text-align:center;
  font-size:16px;
}

#blocMonument {
  position:absolute;
  left:371px;
  background-color:#CD853F;
  width:147px;
  height:40px;

}

#blocTitreMonument {
  position:absolute;
  left:386px;
  top:226px;
  width:120px;
  height:40px;
  color:#fff;
  text-align:center;
  font-size:16px;
}
#blocCreation {
  position:absolute;
  left:519px;
  background-color:#CD853F;
  width:130px;
  height:40px;

}

#blocTitreCreation {
  position:absolute;
  left:519px;
  top:226px;
  width:120px;
  height:40px;
  color:#fff;
  text-align:center;
  font-size:16px;
}

#blocMonumentCineraire {
  position:absolute;
  left:650px;
  background-color:#CD853F;
  width:211px;
  height:40px;

}

#blocTitreMonumentCineraire {
  position:absolute;
  left:678px;
  top:226px;
  width:160px;
  height:40px;
  color:#fff;
  text-align:center;
  font-size:16px;
}

#blocGranitheque {
  position:absolute;
  left:862px;
  background-color:#CD853F;
  width:150px;
  height:40px;

}

#blocTitreGranitheque {
  position:absolute;
  left:855px;
  top:226px;
  width:160px;
  height:40px;
  color:#fff;
  text-align:center;
  font-size:16px;
}

#blocDivers {
  position:absolute;
  left:1013px;
  background-color:#CD853F;
  width:111px;
  height:40px;

}

#blocTitreDivers {
  position:absolute;
  left:989px;
  top:226px;
  width:160px;
  height:40px;
  color:#fff;
  text-align:center;
  font-size:16px;
}

#blocContact {
  position:absolute;
  left:1126px;
  background-color:#CD853F;
  width:119px;
  height:40px;

}

#blocTitreContact {
  position:absolute;
  left:1106px;
  top:226px;
  width:160px;
  height:40px;
  color:#fff;
  text-align:center;
  font-size:16px;
}

#titreContact {
  position : absolute;
  top : 610px;
  left : 50%;
  font-weight: bold;  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#f4d0ba;
  margin-left:-152px;
}

#formulaireMail{
  position : absolute;
  top : 710px;
  left : 50%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#f4d0ba;
  margin-left:-137px;
}

#messageAccueil2 {
  position : absolute;
  top : 310px;
  left : 280px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#f4d0ba;
  max-width: 600px;
  text-align: justify;
}

#afficherImageHaut {
  position : absolute;
  top:280px;
  left:830px;
}

#afficherImageBas {
  position : absolute;
  top:700px;
  left:830px;
}

#etoileAccueil {
  position:absolute;
  left : 50%;
  top : 235px;
  z-index:1;
  margin-left: -347px;
}

#etoileMonument {
  position:absolute;
  left : 50%;
  top : 235px;
  z-index:2;
  margin-left: -178px;
}

#etoileCreation {
  position:absolute;
  left : 50%;
  top : 235px;
  z-index:3;
  margin-left: -29px;
}

#etoileCineraire {
  position:absolute;
  left : 50%;
  top : 235px;
  z-index:4;
  margin-left: 125px;
}
#etoileGranitheque {
  position:absolute;
  left : 50%;
  top : 235px;
  z-index:5;
  margin-left: 259px;
}

#etoileDivers {
  position:absolute;
  left : 50%;
  top : 235px;
  z-index:6;
  margin-left: 385px;
}

#etoileContact {
  position:absolute;
  left : 50%;
  top : 235px;
  z-index:7;
  margin-left: 518px;
}

#titreCategorie {
  position : absolute;
  top:280px;
  left:50%;
  color:#f9d4c2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 24px;
  margin-left: -149px;
}

#affichageCategorie {
  position : absolute;
  top:300px;
  left:50%;
  color:#f9d4c2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  margin-left: -59px;
}

#affichageCategorieClassique {
  position : absolute;
  top:305px;
  left:50%;
  color:#f9d4c2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  margin-left: -349px;
}

#affichageCategorieReligieux {
  position : absolute;
  top:580px;
  left:50%;
  color:#f9d4c2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  margin-left: -349px;
}

#affichageCategorieDouble {
  position : absolute;
  top:850px;
  left:50%;
  color:#f9d4c2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 20px;
  margin-left: -349px;
}

#imageContact {
  position : absolute;
  top : 310px;
  left: 50%;
  margin-left: -402px;
}