#portailfond {
  margin: 0 auto;
  padding: 0;
  background-color : black;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#portailbox {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 900px;
  font-family: Arial;
  font-size: 15px;
   color: rgb(211, 165, 59);
  text-align: center;
}
#portailanimation {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 600px;
  height: 600px;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: center;
}
#portailentrez {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 900px;
  height: 160px;
}
#portailentrez a {
  min-height: 200px;
  background-image: url(images/portail/portail-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-decoration: none;
  outline: none;
}
#portailentrez a:hover {
  min-height: 200px;
  background-image: url(images/portail/portail-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-decoration: none;
  outline: none;
}
#portailpied {
  float: none;
  background-color: black;
  margin: 0;
  padding: 0;
  font-family: Arial;
  text-align: center;
  right: 0;
  left: 0;
  color: black;
  font-size: 0.8em;
  top: 0;
  bottom: 0;
  height: 500px;
}
#bandeau180 {
  margin: 0 auto;
  padding: 0;
  background-color: black;
  background-image: url(images/fond/fond-bandeau-180-190.jpg);
  background-position : center;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 190px;
  position: fixed;
  text-align: center;
}
#bandeau220 {
  margin: 0 auto;
  padding: 0;
  background-color: black;
  background-image: url(images/fond/fond-bandeau-220-230.jpg);
  background-position : center;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 230px;
  position: fixed;
  text-align: center;
}
#menu {
  margin: 0 auto;
  padding: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 900px;
  height: 60px;
}
#casevide {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 10px;
  min-height: 60px;
  background-color: black;
  font-family: Arial;
  font-size: 5px;
  color: black;
}
#menuaccueilsanslien {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 172px;
  min-height: 60px;
  background-image: url(images/menu/menuaccueil-fixe.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
}
#menuaccueil {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 172px;
  height: 60px;
}
#menuaccueil a {
  min-height: 60px;
  background-image: url(images/menu/menuaccueil-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
  text-decoration: none;
  outline: none;
}
#menuaccueil a:hover {
  min-height: 60px;
  background-image: url(images/menu/menuaccueil-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
  text-decoration: none;
  outline: none;
}
#menuecrituresanslien {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 172px;
  height: 60px;
  background-image: url(images/menu/menuecriture-fixe.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
}
#menuecriture {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 172px;
  height: 60px;
}
#menuecriture a {
  min-height: 60px;
  background-image: url(images/menu/menuecriture-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
  text-decoration: none;
  outline: none;
}
#menuecriture a:hover {
  min-height: 60px;
  background-image: url(images/menu/menuecriture-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
  text-decoration: none;
  outline: none;
}
#menudessinssanslien {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 172px;
  height: 60px;
  background-image: url(images/menu/menudessins-fixe.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
}
#menudessins {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 172px;
  height: 60px;
}
#menudessins a {
  min-height: 60px;
  background-image: url(images/menu/menudessins-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
  text-decoration: none;
  outline: none;
}
#menudessins a:hover {
  min-height: 60px;
  background-image: url(images/menu/menudessins-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
  text-decoration: none;
  outline: none;
}
#menudiverssanslien {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 172px;
  height: 60px;
  background-image: url(images/menu/menudivers-fixe.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
}
#menudivers {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 172px;
  height: 60px;
}
#menudivers a {
  min-height: 60px;
  background-image: url(images/menu/menudivers-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
  text-decoration: none;
  outline: none;
}
#menudivers a:hover {
  min-height: 60px;
  background-image: url(images/menu/menudivers-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
  text-decoration: none;
  outline: none;
}
#menuamissanslien {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: right;
  width: 172px;
  height: 60px;
  background-image: url(images/menu/menuamis-fixe.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
}
#menuamis {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: right;
  width: 172px;
  height: 60px;
}
#menuamis a {
  min-height: 60px;
  background-image: url(images/menu/menuamis-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
  text-decoration: none;
  outline: none;
}
#menuamis a:hover {
  min-height: 60px;
  background-image: url(images/menu/menuamis-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 80px;
  text-decoration: none;
  outline: none;
}
#fleches {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 480px;
  height: 40px;
}
#flechegauche {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 240px;
  height: 40px;
}
#flechegauche a {
  min-height: 40px;
  background-image: url(images/fleches/flechegauche-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: right;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flechegauche a:hover {
  min-height: 40px;
  background-image: url(images/fleches/flechegauche-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: right;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flechedroite {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: right;
  width: 240px;
  height: 40px;
}
#flechedroite a {
  min-height: 40px;
  background-image: url(images/fleches/flechedroite-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flechedroite a:hover {
  min-height: 40px;
  background-image: url(images/fleches/flechedroite-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flechesbis {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 720px;
  height: 40px;
}
#flechegauchebis {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 240px;
  height: 40px;
}
#flechegauchebis a {
  min-height: 40px;
  background-image: url(images/fleches/flechegauche-off-bis.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: right;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flechegauchebis a:hover {
  min-height: 40px;
  background-image: url(images/fleches/flechegauche-on-bis.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: right;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#revenirapo {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 240px;
  height: 40px;
}
#revenirapo a {
  min-height: 40px;
  background-image: url(images/fleches/revenir-apo-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#revenirapo a:hover {
  min-height: 40px;
  background-image: url(images/fleches/revenir-apo-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#revenirpasse {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 240px;
  height: 40px;
}
#revenirpasse a {
  min-height: 40px;
  background-image: url(images/fleches/revenir-passe-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#revenirpasse a:hover {
  min-height: 40px;
  background-image: url(images/fleches/revenir-passe-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#revenircreatures {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 240px;
  height: 40px;
}
#revenircreatures a {
  min-height: 40px;
  background-image: url(images/fleches/revenir-creatures-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#revenircreatures a:hover {
  min-height: 40px;
  background-image: url(images/fleches/revenir-creatures-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#reveniria {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 240px;
  height: 40px;
}
#reveniria a {
  min-height: 40px;
  background-image: url(images/fleches/revenir-ia-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#reveniria a:hover {
  min-height: 40px;
  background-image: url(images/fleches/revenir-ia-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flechedroitebis {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: right;
  width: 240px;
  height: 40px;
}
#flechedroitebis a {
  min-height: 40px;
  background-image: url(images/fleches/flechedroite-off-bis.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flechedroitebis a:hover {
  min-height: 40px;
  background-image: url(images/fleches/flechedroite-on-bis.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flechesecriture {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 480px;
  height: 40px;
}
#flecheecrituregaucheromans {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 240px;
  height: 40px;
}
#flecheecrituregaucheromans a {
  min-height: 40px;
  background-image: url(images/fleches/fleches-ecriture/flechegauche-ecritureromans-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: right;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flecheecrituregaucheromans a:hover {
  min-height: 40px;
  background-image: url(images/fleches/fleches-ecriture/flechegauche-ecritureromans-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: right;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flecheecrituredroiteromans {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: right;
  width: 240px;
  height: 40px;
}
#flecheecrituredroiteromans a {
  min-height: 40px;
  background-image: url(images/fleches/fleches-ecriture/flechedroite-ecritureromans-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flecheecrituredroiteromans a:hover {
  min-height: 40px;
  background-image: url(images/fleches/fleches-ecriture/flechedroite-ecritureromans-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flecheecrituregauchenouvelles {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 240px;
  height: 40px;
}
#flecheecrituregauchenouvelles a {
  min-height: 40px;
  background-image: url(images/fleches/fleches-ecriture/flechegauche-ecriturenouvelles-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: right;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flecheecrituregauchenouvelles a:hover {
  min-height: 40px;
  background-image: url(images/fleches/fleches-ecriture/flechegauche-ecriturenouvelles-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: right;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flecheecrituredroitenouvelles {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: right;
  width: 240px;
  height: 40px;
}
#flecheecrituredroitenouvelles a {
  min-height: 40px;
  background-image: url(images/fleches/fleches-ecriture/flechedroite-ecriturenouvelles-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flecheecrituredroitenouvelles a:hover {
  min-height: 40px;
  background-image: url(images/fleches/fleches-ecriture/flechedroite-ecriturenouvelles-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flecheecrituregauchepoemes {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 240px;
  height: 40px;
}
#flecheecrituregauchepoemes a {
  min-height: 40px;
  background-image: url(images/fleches/fleches-ecriture/flechegauche-ecriturepoemes-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: right;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flecheecrituregauchepoemes a:hover {
  min-height: 40px;
  background-image: url(images/fleches/fleches-ecriture/flechegauche-ecriturepoemes-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: right;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flecheecrituredroitepoemes {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: right;
  width: 240px;
  height: 40px;
}
#flecheecrituredroitepoemes a {
  min-height: 40px;
  background-image: url(images/fleches/fleches-ecriture/flechedroite-ecriturepoemes-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#flecheecrituredroitepoemes a:hover {
  min-height: 40px;
  background-image: url(images/fleches/fleches-ecriture/flechedroite-ecriturepoemes-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#boitevide180 {
  margin: 0 auto;
  padding: 0;
  background-color: black;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 180px;
}
#boitevide220 {
  margin: 0 auto;
  padding: 0;
  background-color: black;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 220px;
}
#fond {
  margin: 0 auto;
  padding: 0;
  background-color : black;
  background-image: url(images/fond/fond-bandeau-900.jpg);
  background-position : center;
  background-position : top;
  background-repeat: repeat-y;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#box {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 900px;
}
#contenu {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#carreecriture {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 900px;
  height: 300px;
}
#carreecritureromans {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 300px;
  height: 300px;
}
#carreecritureromans a {
  min-height: 300px;
  background-image: url(images/ecriture/carres-ecriture/carre-ecriture-romans-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#carreecritureromans a:hover {
  min-height: 300px;
  background-image: url(images/ecriture/carres-ecriture/carre-ecriture-romans-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#carreecriturenouvelles {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: left;
  width: 300px;
  height: 300px;
}
#carreecriturenouvelles a {
  min-height: 300px;
  background-image: url(images/ecriture/carres-ecriture/carre-ecriture-nouvelles-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#carreecriturenouvelles a:hover {
  min-height: 300px;
  background-image: url(images/ecriture/carres-ecriture/carre-ecriture-nouvelles-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#carreecriturepoemes {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: right;
  width: 300px;
  height: 300px;
}
#carreecriturepoemes a {
  min-height: 300px;
  background-image: url(images/ecriture/carres-ecriture/carre-ecriture-poemes-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#carreecriturepoemes a:hover {
  min-height: 300px;
  background-image: url(images/ecriture/carres-ecriture/carre-ecriture-poemes-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#tableau {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#tableau a {
  font-family: arial;
  color: rgb(255, 204, 51);
  font-size: 0.9em;
  text-decoration: none;
}
#tableau a:hover {
  font-family: Arial;
  color: rgb(255, 204, 51);
  font-size: 0.9em;
  text-decoration: underline;
}
#fondplanete {
  background-image: url(images/fond/fond-planete.jpg);
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  top: 0;
  right : 0;
  bottom: 0;
  left: 0;
  height: 540px;
}
#presentation {
  margin: 0;
  padding-left: 30px;
  padding-right: 320px;
  padding-top: 20px;
  padding-bottom: 10px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 400px;
  font-family: Arial;
  color: rgb(204, 204, 102);
  font-size: 18px;
  font-weight: none;
  text-align: justify;
}
#presentation a {
  font-family: Arial;
  color: rgb(109, 207, 246);
  font-size: 18px;
  font-weight: none;
  text-decoration: none;
}
#presentation a:hover {
  font-family: Arial;
  color: rgb(109, 207, 246);
  font-size: 18px;
  font-weight: none;
  text-decoration: underline;
}
#compteur {
  margin: 0;
  padding: 0;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width: 50px;
  float: right;
  font-family: Arial;
  color: rgb(66, 101, 134);
  font-size: 12px;
  text-align: right;
}
#listecentrale {
  margin: 0;
  padding: 10px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: Arial;
  color: white;
  font-size: 1em;
  text-align: center;
}
#listecentrale a {
  font-family: Arial;
  color: rgb(211, 165, 59);
  font-size: 1em;
  text-align: center;
  text-decoration: none;
}
#listecentrale a:hover {
  font-family: Arial;
  color: rgb(211, 165, 59);
  font-size: 1em;
  text-align: center;
  text-decoration: underline;
}
#listecentraleavecfond {
  margin: 0;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 900px;
  font-family: Arial;
  color: rgb(104, 91, 90);
  font-size: 1em;
  text-align: center;
}
#infos {
  float: none;
  background-color: black;
  margin: 0;
  padding: 10pt 0 0;
  font-family: Arial;
  text-align: center;
  right: 0;
  left: 0;
  color: white;
  font-size: 0.8em;
  top: 0;
  bottom: 0;
  height: 30px;
}
#infos a{
  font-family: Arial;
  text-align: center;
  font-size: 1em;
  color: white;
}
#infosaccueil {
  float: none;
  background-color: black;
  margin: 0;
  padding: 12pt 0 0;
  font-family: Arial;
  text-align: center;
  right: 0;
  left: 0;
  color: white;
  font-size: 0.8em;
  top: 0;
  bottom: 0;
  height: 200px;
}
#infosaccueil a{
  font-family: Arial;
  text-align: center;
  font-size: 1em;
  color: white;
}
#lienversportfolio {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: right;
  width: 900px;
  height: 100px;
}
#lienversportfolio a {
  min-height: 100px;
  background-image: url(images/divers/lien-vers-portfolio-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#lienversportfolio a:hover {
  min-height: 100px;
  background-image: url(images/divers/lien-vers-portfolio-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#lienverscartespostales {
  margin: 0 auto;
  padding: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  float: right;
  width: 900px;
  height: 100px;
}
#lienverscartespostales a {
  min-height: 100px;
  background-image: url(images/divers/lien-vers-cartes-postales-off.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}
#lienverscartespostales a:hover {
  min-height: 100px;
  background-image: url(images/divers/lien-vers-cartes-postales-on.jpg);
  background-repeat: no-repeat;
  background-position: middle;
  display: block;
  font-family: Arial;
  font-size: 5px;
  color: black;
  text-align: left;
  text-indent: 40px;
  text-decoration: none;
  outline: none;
}