/* ----- CSS reset ----- */

* {
  margin :0;
  padding: 0;
}

/* ----- sections de la page ----- */

body {
  background-color: #27408B;
  text-align :center;
  font-family:Verdana;
}

#page {
  background-color :#fff;
  text-align :left;
  margin :0 auto;
  width :800px;

}

#header {
  position :relative;
  height :150px;
  background-image : url('/images/charte/ciel-blog.png');

}

#content {
  height :300px;
  padding-top : 30px;
}

#footer {
  height :150px;
  clear :both;
}

div.colonne-gauche {
  float :left;
  width:50%;
}

div.colonne-droite {
  float :right;
  width :50%;
}

/* ----- éléments de texte ----- */

h1 {
  font-family : Tahoma, Verdana, Arial, "Sans Serif";
  font-weight : normal;
  padding: 40px 20px 20px 20px;
  text-align :center;
  color :#fff;
}

h2 {
  color : #3A5FCD;
  padding: 30px 20px 10px 20px;
}

p {
  padding : 10px 20px 10px 20px;
  font-weight :bold;
  text-align :justify;
}



#footer p {
  text-align:center;
  font-size :0.8em;

}