body {
  background-color:white;
  width:1000px;
  background-image:url("../images/fondBody.jpg");
  background-repeat:repeat-x;
  margin:auto;
}


#ban {
  display:block;
  background-image: url("../images/ban2.jpg");
  background-repeat:no-repeat;
  height:152px;
  margin:auto;

}

#menu {
  display:block;
  width:240px;
  float:left;
}


#menu .navigation {
  /*margin-top: 10px;*/
  margin:auto;
  padding: 0;
  list-style: none;
  /*background: #000;*/
  color: #000;
  width: 240px;
  font: 1.2em "Trebuchet MS", sans-serif;
  font-style:italic;
}
#menu .navigation a, #menu .navigation span {
  background: #000 url(menu-item.png) left bottom no-repeat;
  display: block;
  /*padding: 4px 10px;*/
  color: #fff;
  text-decoration: none;
  background: url(menu-item.png) left bottom no-repeat;
  padding-left:25px;
  padding-top:10px;
}

#menu .navigation > li > a{ 
  height:30px;
}

#menu .navigation .toggleSubMenu a, #menu .navigation .toggleSubMenu span, #menu .navigation > li a{
  background-image: url(../images/menu-item-deroule.png);
}
#menu .navigation .open a, #menu .navigation .open span {
  background-image: url(../images/menu-item-enroule.png);
}
#menu .navigation .subMenu {
  background: #ffffcc url(../images/subMenu.png) 0 0 repeat-x;
  font-size: .9em;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #666;
  border:solid 1px black;
  list-style:none;
  width:200px;
  margin-left:20px;
}
#menu .navigation ul.subMenu a {
  background: none;
  padding: 5px 20px;
  color:#464646;
}
#menu .navigation ul.subMenu a:hover {  
  color:#149c12;
}




#blocTexte {
  background-image:url("../images/fondCorps2.png");
  background-color:#c4f7c4;
  width:750px;
  float:right;
  background-repeat:no-repeat;
}



#blocTexteAdmin {
  background-image:url("../images/fondBlocTexteLogin.png");
  background-color:white;
  background-repeat:no-repeat;
  width:960px;
  height:670px;
  padding-left:40px;

}




#titreTexte h1 {
  width:500px;
  height:60px;
  margin-left:240px;
  margin-top:14px;
  font-style:italic;
  color:#ccffcc;
  font-size: 1.7em;
}

#titreTexteAdmin{
  width:500px;
  height:60px;
  margin-left:240px;
  margin-top:0px;
  font-style:italic;
  
  color:#ccffcc;
  font-size: 1.7em;
  padding-top:14px;
  padding-left:0px;
}




#corpsTexte{
  width:700px;
  margin-top:25px;
  margin-left:20px;
}


#corpsTexteAdmin{
  width:900px;
  margin-top:30px;
  margin-left:20px;
}  


#blocNews{
  float:left;
  width:240px;
  margin-top:30px;
  border:thin double black;
  /*background-image:url("../images/fondNews.png");*/
  background-repeat:no-repeat;
  background-color:#88bc88;
}



#titreBlocNews{
  background-image:url("../images/titreNews.jpg");
}

#titreBlocNews{
  height:38px;
  border:thin double black;
  font-size:20px;
}

#titreBlocNews p {
  list-style:none;
  font-family: "Trebuchet MS", sans-serif;
  font-size:24px;
  font-weight:bold;
  font-style:italic;
  color:white;
  margin-left:20px;
  margin-top:5px;
}


#listeNews  {
  margin-top:20px;
  list-style:none;
}

#listeNews li.news {
  margin-top:20px;
  width:160px;
  display:block;
  border:thin double black;
  /*background-color:#3b8a3b;*/
  background-color:white;
  background-repeat:no-repeat;
}

#listeNews li.promo{
  margin-top:20px;
  width:160px;
  display:block;
  border:thin double black;
  /*background-color:#3b8a3b;*/
  background-color:white;
  background-repeat:no-repeat;
}



.promo .titreNews{
  display:block;
  background-color:#ffe29d;
  text-align:center;
  padding-top :5px;
  font-family: times, verdana, sans-serif ;
  font-size:20px;
  font-variant:small-caps;
  padding-bottom:10px;
}

.promo .corpsNews{
  display:block;
  margin-top:5px;
  background-repeat:no-repeat;
  background-color:white;
  margin-left:5px;
  margin-right:5px;
  background-image:url("../images/fondPromo.png");
}



.news .titreNews{
  display:block;
  background-color:#ccffcc;
  text-align:center;
  padding-top :5px;
  font-family: times, verdana, sans-serif ;
  font-size:20px;
  font-variant:small-caps;
  padding-bottom:10px;
}

.news .corpsNews{
  display:block;
  margin-top:5px;
  background-repeat:no-repeat;
  background-color:white;
  margin-left:5px;
  margin-right:5px;
  background-image:url("../images/fondBlocNews.png");
}



#pied {
  margin-top:15px;
  float:left;
  width:1000px;
  height:50px;
  display:block;
  border:black solid 1px;
  background:url("../images/fondPied.png");
  text-align:center;
  font-size:18px;
  color:black;
}



#loginPass{
  margin-left:60px;
  width:145px;
}

.login{
  width:145px;
  text-align:center;

  background-image:url("../images/fondLoginPass.png");
  font-size:14px;
  background-repeat:no-repeat;
  display:block;
}

.pass{
  width:145px;
  text-align:center;
  background-image:url("../images/fondLoginPass.png");
  font-size:14px;
  background-repeat:no-repeat;
  display:block;
}


#validHtml{
  background-image:url("../images/validHtml.png");
  width:88px;
  height:31px;
  display:block;
  float:left;
  margin-left:25px;
}

#validCss{
  background-image:url("../images/validCss.png");
  width:88px;
  height:31px;
  display:block;
  float:right;
  margin-right:25px;
}


#corpsTexteVisite{
  width:700px;
  margin-top:50px;
  margin-left:20px;
}


#pano{ 
  width: 700px;
  height:550px;
  overflow: auto;
  margin-bottom:50px;
  background-color:black;
  padding-top:50px;
  margin-top:20px;
}

#pano img{ 
  border:none;
}


#plan{ 
  margin-bottom:30px;
}


#boutongauche{ 
  display:block;
  position:absolute;
  width:100px;
  height:500px;
  margin-top:55px;
}



#boutondroite{ 
  display:block;	
  position:absolute;
  width:100px;
  height:500px;
  margin-left:600px;
  margin-top:55px;
}

#textepano{ 
  position:absolute;
  font-size:18px;
  color:white;
  margin-top:567px;
  margin-left:30px;
}


#contact { 
  margin-top:20px;
  margin-left:30px;
  width:400px;
  
}

#email{ 
  width:415px;
}


#adresse{ 
  width:415px;
}

#codepostal{ 
  width:100px;
}

#visite{ 
  margin-top:15px;
}

#visite a span{ 
  display:none;
}

#visite a{ 
  display:block;
  width:240px;
  height:161px;
  background-image: url("../images/visite.png");
}

#contacter{ 
  margin-top:15px;
}

#contacter a span{ 
  display:none;
}

#contacter a{ 
  display:block;
  width:240px;
  height:80px;
  background-image: url("../images/contact.png");
}