* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
  background: #62a1d6 url(../design/fond_bg.jpg) repeat-x top center;
}

/* CONTENANTS------------------------------------------------------------------- */

#conteneur_externe {
  position: relative;
	width: 760px;
  min-height: 100%;
	margin: 0 auto;
  padding: 0 0 2em;
  background: #fff url(../design/fond_contenu.jpg) repeat-y top left;
}

#conteneur_interne {
  margin: 0;
  padding: 0 0;
  overflow : hidden;
}

#header {
  height: 260px;
  margin: 0;
  padding: 0;
  background: url(../design/header.jpg) no-repeat top left;
}

#header a {
  margin: 0 0 0 60px;
  font-size: 0.7em;
  font-weight: 400;
  text-decoration: none;
  text-align: left;
  color: #fff;
}

#header h1, #header p {
  position: absolute;
  top: -9999px;
}

#header a:hover, #header a:active {
  color: #b81014;
}

#header #logo {
  position: absolute;
  top: 23px;
  left: -15px;
}

#navigation {
  width: 180px;
  margin: -10px 10px 100px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
  float: left;
}

#navigation h2 {
  position: absolute;
  top: -9999px;
}

#navigation ul {
  margin: 10px 0 0 15px;
  text-decoration: none;
}

#navigation ul li {
  margin: 0;
  list-style-type: none;
  letter-spacing: 0;
}

#navigation ul li a, #navigation ul li p {
  padding-left: 15px;
  font-size: 0.8em;
  font-weight: 700;
  line-height: 2em;
  color: #62a1d6;
  text-decoration: none;
}

#navigation ul li a#page_active, #navigation ul li p#page_active {
  color: #ef8018;
  background: url(../design/puce_survol.gif) no-repeat center left;
}

#navigation a:hover, #navigation a:active {
  color: #3b6ea8;
}

#contenu {
  margin: 10px 50px 0 200px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: left;
}

#contenu h3 {
  margin: 0 0 5px 20px;
  font-size: 1.35em;
  font-weight: 400;
  color: #ef8018;
}

#contenu h4 {
  margin: 0 0 5px 20px;
  font-size: 1.15em;
  font-weight: 400;
  color: #3b6ea8;
}

#contenu p {
  margin: 0 0 15px 20px;
  font-size: 0.75em;
  font-weight: 400;
  text-align: justify;
  line-height: 1.6em;
  color: #3b6ea8;
}

#contenu p.promotion {
  font-size: 0.85em;
  font-weight: 700;
  color: #ef8018;
  display: block;
}

#contenu p.image {
  margin: 0 0 15px 0;
  text-align: center;
}

#contenu p.image span {
  font-size: 1em;
  font-weight: 700;
  color: #62a1d6;
}

#contenu p.image a {
  margin: 0 0 15px;
  color: #3b6ea8;
  text-decoration: none;
}

#contenu p.image a:hover, #contenu p.image a:active {
  color: #504e53;
}

#contenu p img {
  margin: 0 auto;
  display: block;
}

#contenu p img.nolink {
  margin: 0 auto 10px;
  display: block;
}

#chapeau {
  margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#chapeau h3 {
  margin: 0 0 10px 0;
  font-size: 1.1em;
  font-weight: 400;
  color: #3b6ea8;
}

#chapeau p {
  margin: 0;
  font-size: 0.8em;
  font-weight: 700;
  color: #62a1d6;
}

#contenu ul {
  margin: 0 0 15px 20px;
  line-height: 1.2em;
  color: #3b6ea8;
}

#contenu li {
  margin: 5px 0 5px 20px;
  font-size: 0.75em;
  font-weight: 400;
  text-align: left;
  color: #3b6ea8;
}

#contenu table {
  margin: 0;
}

#contenu td {
  text-align: center;
}

#contenu td h3 {
  margin: 0 0 5px 0;
  text-align: left;
}

#contenu td p {
  width: 200px;
  margin: 0 15px 15px 0;
  text-align: center;
  float: left;
}

#contenu td p a {
  margin: 0 0 15px;
  color: #3b6ea8;
  text-decoration: none;
  text-align: center;
}

#contenu td p a:hover, #contenu td p a:active {
  color: #62a1d6;
}

.vignettes {
  width: 200px;
  margin: 0 25px 0 0;
  text-align: center;
  float: left;
}

span {
  font-size: 1em;
  font-weight: 700;
  color: #3b6ea8;
}

.vignettes h4 {
  font-size: 1em;
  color: #3b6ea8;  
}

.vignettes a {
  width: 200px;
  margin: 0 0 25px;
  font-size: 0.8em;
  color: #3b6ea8;
  text-decoration: none;
  display: block;
}

.vignettes a:hover, #images a:active {
  color: #62a1d6;
}

.vignettes ul {
  list-style-type: none;  
}

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 180px;
  margin-top: 20px;
  text-align: center;
  background: url(../design/footer.jpg) no-repeat bottom left;
}
  
#footer p, #footer span {
  margin: 30px 0 0 35px;
  padding-bottom: 35px;
  font-size: 0.8em;
  font-weight: 400;
  text-align: left;
  color: #3b6ea8;
}

#footer span {
  margin: 0 35px;
}

#footer a {
  font-size: 0.8em;
  font-weight: 400;
  text-align: left;
  color: #3b6ea8;
  text-decoration: none;
}

img {
  margin: 0;
  border: 0;
}

form {
  margin: 0;
}