@import url(../css/new_styles.css);
body {
  background-color: #330000;
}
#news {
  background-image: url(../images/news_rouge.png);
}
#newsletter {
  background-image: url(../images/newsletter_rouge.png);
}
li.en-cours {
  background-color: #660000;
  color: white;
}
#navigation {
  background-color: #990000;
}
ul.navlist li.en-cours {
  background-color: #660000;
  color: white;
}
ul.navlist li a {
  border-right: 1px solid #990000;
  color: black;
  background-color: #ffdddb;
}
ul.navlist li a.en-cours, ul.navlist li a.en-cours:hover {
  color: white;
  background-color: #660000;
}
ul.navlist li a:hover, ul.navlist li a:active {
  color: white;
  background-color: #990000;
}
ul.navlist ul {
  border-top: 2px solid #990000;
  background-color: #ffdddb;
}
ul.navlist ul li a {
  background-color: #ffdddb;
  color: black;
}
ul.navlist ul li a:hover, ul.navlist ul li a:active {
  background-color: #990000;
  color: white;
}
#pied li a:hover, #navigation li a:focus, #navigation li a:active {
  background-color: #660000;
}
#principal, #contenu, #bas, #pied, #news, #newsletter {
  background-color: #ffdddb;
}
#navlist {
  margin: 20px auto;
  height: 40px;
  width: 540px;
  z-index: 99;
}
#navlist ul.navlist a {
  font-family: Comic Sans MS,Verdana,Arial,Helvetica,sans-serif;
  width: 140px;
  text-align: center;
  text-decoration: none;
}
#navlist ul.navlist, #navlist ul.navlist ul, #navlist ul.navlist li {
  margin: 0px;
  padding: 2px;
  list-style-type: none;
}
#navlist ul.navlist li {
  float: left;
}
#navlist ul.navlist li a {
  border: 2px outset #c94b4c;
  padding: 3px 15px;
  display: block;
  background-color: #efb4b4;
  color: #000000;
}
#navlist ul.navlist li a:hover, #navlist ul.navlist li a:active {
  border: 2px inset #660000;
  color: #ffffff;
}
#navlist ul.navlist ul {
  border: 1px inset #660000;
  display: none;
  position: absolute;
  font-size: 1em;
  opacity: 0.85;
  background-color: #ff6666;
}
#navlist ul.navlist ul li {
  float: none;
}
#navlist ul.navlist ul li a {
  border:  none;
  margin: 0;
  padding: 2px;
  display: block;
  width: 10em;
  background-color: #ff6666;
}
#navlist ul.navlist ul li a:hover, #navlist ul.navlist ul li a:active {
  border:  none;
  color: #ffffff;
  background-color: #660000;
  background-repeat: no-repeat;
  background-position:  center center;
}
#navlist ul.navlist li:hover ul {
  display: block;
  z-index: 10;
}
#navlist ul.navlist li.hover ul {
  display: block;
  z-index: 10;
  margin-top: -1px;
}
#un {
  border: 3px solid white;
  margin: 5px;
  width: 400px;
  height: 300px;
  display: block;
  background-position: left bottom;
  background-repeat: no-repeat;
  float: left;
  clear: right;
  background-image: url(images/p1020916+p1030012.jpg);
}
#un:hover {
  background-position: left top;
  background-image: url(images/p1020916+p1030012.jpg);
}
#deux {
  border: 3px solid white;
  margin: 5px;
  width: 400px;
  height: 300px;
  display: block;
  background-position: left bottom;
  background-repeat: no-repeat;
  clear: left;
  float: right;
  background-image: url(images/boulangerie_p1020848+p1020849.jpg);
}
#deux:hover {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(images/boulangerie_p1020848+p1020849.jpg);
}
.divdroite640 {
  float: right;
  clear: left;
  display: block;
  text-align: center;
  width: 648px;
}
.divgauche640 {
  float: left;
  clear: right;
  display: block;
  text-align: center;
  width: 648px;
}
.imgG {
  margin: 5px;
  float: left;
  clear: right;
  display: block;
}
.imgD {
  margin: 5px;
  float: right;
  clear: left;
  display: block;
}
.img_float_right {
  margin: 5px;
  float: right;
}
.img_float_left {
  margin: 5px;
  float: left;
}
.flottante {
  border: 2px solid #611717;
  margin: 2px;
  background-color: transparent;
  text-align: center;
  float: left;
  height: 130px;
  width: 160px;
}
p.flottante {
  margin: 5px;
  text-align: center;
  height: 135px;
  width: 170px;
  font-size: 0.9em;
  background-color: #ffcccc;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
}
p.decalage {
  padding-top: 100px;
}
.flottante2 {
  border: 1px dotted #ff6666;
  margin: 5px 2px;
  background-color: transparent;
  float: left;
  text-align: justify;
  width: 98%;
}
.conteneur {
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 90%;
}
.gauche {
  float: left;
  width: 50%;
}
.droite {
  float: right;
  width: 50%;
}
.flottanted {
  border: 1px dotted #ff6666;
  margin: 2px;
  width: 100%;
  float: right;
}
.phil {
  margin: 2px;
}
h2 {
  text-align: center;
}
#coingh {
  background-image: url(../images/coin_rouge_h_g.png);
}
#coindh {
  background-image: url(../images/coin_rouge_h_d.png);
}
#coingb {
  background-image: url(../images/coin_rouge_b_g.png);
}
#coindb {
  background-image: url(../images/coin_rouge_b_d.png);
}
h1 a:hover {
  color: red;
}