body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: #ffffff;
  color: black;
  padding: 0;
  width: 750px;
}

.feuille {
  width: 750px;
  margin: 0px 0px 0px 0px;

}

img {
  border: 0px;
}

.imgtitre {
  position: relative;
}



.haut-fond {
  margin: 0px 0px 0px 0px;
  float: left;
  width: 750px;
  height: 60;
  background-color: #330066;
  background-image: url('./IMG/fond-haut.jpg');
  border-width: 0px;
  border-style: solid solid solid solid;
  border-color:#ffffff;
}

.haut-nav {
  margin: 10px 10px 0px 0px;
  float: right;
  width: 480px;
  height: 40;
  background: #330066;
  background-image: url('./IMG/fond-haut-nav.jpg');
  border-width: 0px;
  border-style: solid solid solid solid;
  border-color:#ffffff;
}


.haut-texte {
  float: left;
  font-size: 14px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 10px 10px 10px;
  border-width: 0px;
  border-style: solid solid solid solid;
  border-color:#ffffff;
}

.haut-texte a { color: white;}


.menurapid {
  float: right;
  width: 190px;
  padding:  6px 14px 6px 6px;
}


.gauche {
  background-color: #330066;
  float: left;
  width: 220px;
  margin: 0px 0px 0px 0px;
  height: 455px;
}



.menurub {
  background-color: #333399;
  float: left;
  width: 188px;
  height: 313px;
  margin: 10px 0px 50px 15px;
  border-width: 0px;
  font-family: Georgia, Garamond, Times, serif;
  font-size: 14px;
  background-image: url('./IMG/fond-menu.jpg');
  border-width: 0px;
  border-style: solid solid solid solid;
  border-color:#ffffff;
}




.main {
  margin: 0px;
  background-color: #ffffff;
  float: left;
  width: 510px;

}




.bas {
  margin: 0px 20px 0px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
  width: 710px;
}

.bas2 {
  margin: 1px 20px 20px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
  width: 710px;
}

.titremenu {
  font-weight: bold;
  margin: 3px 0px 3px 0px;
}

.itemmenu {
  margin: 0;
}

.surtitre{
  font-weight: bold;
  margin: 3px 0px 3px 0px;
  font-size: 16px;
}

.bttitreart {
  float: right;
  margin: 5px 0px 0px 0px;
  background-image: url('./IMG/fondtitre.jpg');
  width: 370px;
  height: 102px;
  border-width: 0px;
  border-style: solid solid solid solid;
}

.titreart {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333399;
  font-size: 120%;
  font-weight: bold;
  float: left;
  width: 350px;
  text-align: center;
  margin: 25px 0px 0px 15px;
  font-size: 16px;
  border-width: 0px;
  border-style: solid solid solid solid;
}


.btlogorub {
  float: left;
  width: 100px;
  margin: 5px 0px 0px 0px;
  height: 103px;
  border-width: 0px;
  border-style: solid solid solid solid;
}

.btlogoart {
  float: left;
  width: 400px;
  margin: 5px 0px 0px 0px;
  height: 103px;
  border-width: 0px;
  border-style: solid solid solid solid;

}

.stitreart {
  float: right;
  width: 510px;
  font-size: 18px;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  text-align: center;
  color: #333399;
}

.texteart {
  float: left;
  width: 510px;
  font-size: 14px;
  margin: 5px 0px 0px 10px;
  text-align: justify;
  color: #333399;
  border-width: 0px;
  border-style: solid solid solid solid;
}

.forum {
  float: left;
  width: 510px;
  font-size: 14px;
  margin: 5px 0px 0px 10px;
  text-align: justify;
  color: #333399;
  border-width: 0px;
  border-style: solid solid solid solid;
}


.suite-art {
  float: left;
  width: 510px;
  margin: 0px 0px 0px 0px;
  border-width: 0px;
  border-style: solid solid solid solid;
}

.suite-art-gauche {
  float: left;
  margin: 0px 0px 0px 0px;
  width: 165px;
  text-align: left;

}

.suite-art-centre {
  float: left;
  margin: 0px 0px 0px 0px;
  width: 165px;
  text-align: center;

}

.suite-art-droite {
  float: left;
  margin: 0px 0px 0px 0px;
  width: 170px;
  text-align: right;
}


.titrebreve {
  font-weight: bold;
  margin: 3px 0px 3px 0px;
  padding: 3px;
  font-size: 18px;
  border-style: solid solid solid solid;
  background-color: #66C063;
  border-width: 1px;
  width: 350px;
}

.titrerub {
  font-weight: bold;
  margin: 3px 0px 3px 0px;
  padding: 3px;
  font-size: 18px;
  border-style: solid solid solid solid;
  background-color: #DCC161;
  border-width: 1px;
  width: 350px;
}

.titreitem {
  font-weight: bold;
  margin: 3px 0px 3px 0px;
  padding: 3px;
  font-size: 14px;
  border-width: 1px;
  width: 350px;
}


.rubplan {
  float: right;
  width: 510px;
  margin: 5px 0px 0px 0px;
  border-width:0px;
  border-color:#9999FF;
  border-style:dashed;
}


.titrerubplan {
  float: left;
  width: 390px;
  font-weight: bold;
  margin: 5px 0px 0px 0px;
  padding: 3px;
  font-size: 16px;
  background-color: #ffff33;
  border-width: 0px;

}

.titreartplan {
  float: right;
  width: 510px;
  font-size: 14px;
  margin: 0px 0px 0px 10px;
  text-align: justify;
  color: #333399;
  border-width: 0px;
  border-style: solid solid solid solid;
}

.titreartplan li{
  color: #E72716;
}


.spacer {
  clear: both;
  border-width: 0px;
  border-style: solid solid solid solid;
  height: 5px;

}


.texte a{
  color: green;
  text-decoration: none;
  font-weight: bold;
}

a:hover { text-decoration: none; color: #303030; background: #ffff34; }

.titremenu1 {
  font-weight: bold;
  margin: 10px 0px 0px 10px;
  border-width: 0px;
  border-style: solid solid solid solid;
  border-color:#ffffff;
  color: #e58d09;
}


.titremenu {
  font-weight: bold;
  margin: 5px;
}

.titremenu1 a { text-decoration: none; color: #FFFF33; }

.titremenu1 a:hover { text-decoration: none; color: #303030; background: #FFFF33; }


.spip li {
padding: 0px;
margin: 0px;
}

.texte-sommaire {
margin: 0px;
}

img.logosite
{
position:absolute;
left:40px;
top:20px;
z-index:1
}