body {
  background-color: #EDEDEE;
  font-family: Arial,Helvetica,sans-serif;
}

a {
  text-decoration: none;
}

#container {
  background: url('http://www.zeagency.com/images/contenu/layout/cercles.jpg');
  margin: 0px auto;
  position: relative;
  width: 950px;
}

#top {
  height: 175px;
  width: 950px;
}

#choixLangue {
  position: absolute;
  top: 20px;
  right: 10px;
}

#menuSecondaire {
  margin-top: 70px;
}

#menuSecondaire a {
  color: #555555;
  font-size: 1.1em;
  margin-right: 10px;
  padding-left: 20px;
}

#menuSecondaire a.fushia {
  background: url('http://www.zeagency.com/images/contenu/layout/cible-rose.png') no-repeat;
}
#menuSecondaire a.vert {
  background: url('http://www.zeagency.com/images/contenu/layout/cible-verte.png') no-repeat;
}
#menuSecondaire a.mauve_fonce {
  background: url('http://www.zeagency.com/images/contenu/layout/cible-mauve.png') no-repeat;
}
#menuSecondaire a.orange_clair {
  background: url('http://www.zeagency.com/images/contenu/layout/cible-orangeclair.png') no-repeat;
}
#menuSecondaire a.orange_fonce {
  background: url('http://www.zeagency.com/images/contenu/layout/cible-orangefonce.png') no-repeat;
}


#menuPrincipal  {
  background: url('http://www.zeagency.com/images/contenu/fond_menu.jpg');
  height: 23px;
}
#menuPrincipal ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
#menuPrincipal li {
 float:left; /*pour IE*/
 }
#menuPrincipal  ul li a {
  background: url(http://www.zeagency.com/images/contenu/layout/sep.jpg) no-repeat right;
  color: white;
  display:block;
  float:left; 
  font-size: 1.1em;
  font-weight: bold;
  line-height:23px; /*hauteur de l'image de fond*/
  padding: 0px 7px;
  text-align:center;
}
#menuPrincipal  a:hover {
  background-color: #0c6389;
}

#menuPrincipal #recherche {
  float: right;
  height: 23px;
  margin: 1px 5px;
}
#menuPrincipal #recherche input{
  font-size: 0.8em;
}

/* Contenu */

#contenu #gauche {
  float: left;
  margin: 0px 10px 5px 0px;
  width: 300px;
}

#contenu #milieu {
  margin: 10px 0px 5px 417px;
  width: 300px;
}

#contenu #droite {
  float: right;
  margin: 0px;
  width: 300px;
}

/*  Bloc */

div.hautgauche, div.hautdroit, div.basgauche, div.basdroit {
  height: 10px;
  width: 10px;
  position: absolute;
}

div.hautgauche {
  top: 0px;
  left: 0px;
}

div.hautdroit {
  top: 0px;
  right: 0px;
}

div.basgauche {
  bottom: 0px;
  left: 0px;
}

div.basdroit {
  bottom: 0px;
  right: 0px;
}

div.content {
  margin: 10px;
}

/* Bleu */
#contenu div.bleu {
  background-color: #ededee;
  border: 10px solid #088FC9;
  margin-bottom: 10px;
  position: relative;
}
#contenu div.bleu h1, #contenu div.bleu h2, #contenu div.bleu  a { color: #088FC9; }
#contenu div.bleu div.hautgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-hg-bfonce.jpg); }
#contenu div.bleu div.hautdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-hd-bfonce.jpg); }
#contenu div.bleu div.basgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-bg-bfonce.jpg); }
#contenu div.bleu div.basdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-bd-bfonce.jpg); }

/* Bleu clair*/
#contenu div.bleu_clair {
  background-color: #ededee;
  border: 10px solid #A5C9DA;
  margin-bottom: 10px;
  position: relative;
}
#contenu div.bleu_clair h1, #contenu div.bleu_clair h2, #contenu div.bleu_clair  a { color: #A5C9DA; }
#contenu div.bleu_clair div.hautgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-hg-bclair.jpg); }
#contenu div.bleu_clair div.hautdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-hd-bclair.jpg); }
#contenu div.bleu_clair div.basgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-bg-bclair.jpg); }
#contenu div.bleu_clair div.basdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-bd-bclair.jpg); }

/* Fushia */
#contenu div.fushia {
  background-color: #ededee;
  border: 10px solid #FC0088;
  margin-bottom: 10px;
  position: relative;
}
#contenu div.fushia h1, #contenu div.fushia h2, #contenu div.fushia a { color: #FC0088; }
#contenu div.fushia div.hautgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-hg-rose.jpg); }
#contenu div.fushia div.hautdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-hd-rose.jpg); }
#contenu div.fushia div.basgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-bg-rose.jpg); }
#contenu div.fushia div.basdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-bd-rose.jpg); }

/* Gris Foncé */
#contenu div.gris_fonce {
  background-color: #ededee;
  border: 10px solid #737476;
  margin-bottom: 10px;
  position: relative;
}
#contenu div.gris_moyen h1, #contenu div.gris_moyen h2, #contenu div.gris_moyen a { color: #737476; }
#contenu div.gris_fonce div.hautgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-hg-gris-fonce.jpg); }
#contenu div.gris_fonce div.hautdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-hd-gris-fonce.jpg); }
#contenu div.gris_fonce div.basgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-bg-gris-fonce.jpg); }
#contenu div.gris_fonce div.basdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-bd-gris-fonce.jpg); }

/* Gris Moyen */
#contenu div.gris_moyen {
  background-color: #ededee;
  border: 10px solid #9C9D9F;
  margin-bottom: 10px;
  position: relative;
}
#contenu div.gris_moyen h1, #contenu div.gris_moyen h2, #contenu div.gris_moyen a { color: #9C9D9F; }
#contenu div.gris_moyen div.hautgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-hg-gris-moyen.jpg); }
#contenu div.gris_moyen div.hautdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-hd-gris-moyen.jpg); }
#contenu div.gris_moyen div.basgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-bg-gris-moyen.jpg); }
#contenu div.gris_moyen div.basdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-bd-gris-moyen.jpg); }

/* Orange clair */
#contenu div.orange_clair {
  background-color: #ededee;
  border: 10px solid #F29039;
  margin-bottom: 10px;
  position: relative;
}
#contenu div.orange_clair h1, #contenu div.orange_clair h2, #contenu div.orange_clair a { color: #F29039; }
#contenu div.orange_clair div.hautgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-hg-olclair.jpg); }
#contenu div.orange_clair div.hautdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-hd-olclair.jpg); }
#contenu div.orange_clair div.basgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-bg-olclair.jpg); }
#contenu div.orange_clair div.basdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-bd-olclair.jpg); }

/* Orange foncé */
#contenu div.orange_fonce {
  background-color: #ededee;
  border: 10px solid #EE4723;
  margin-bottom: 10px;
  position: relative;
}
#contenu div.orange_fonce h1, #contenu div.orange_fonce h2, #contenu div.orange_fonce a { color: #EE4723; }
#contenu div.orange_fonce div.hautgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-hg-ofonce.jpg); }
#contenu div.orange_fonce div.hautdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-hd-ofonce.jpg); }
#contenu div.orange_fonce div.basgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-bg-ofonce.jpg); }
#contenu div.orange_fonce div.basdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-bd-ofonce.jpg); }

/* Mauve clair */
#contenu div.mauve_clair {
  background-color: #ededee;
  border: 10px solid #9588C6;
  margin-bottom: 10px;
  position: relative;
}
#contenu div.mauve_clair h1, #contenu div.mauve_clair h2, #contenu div.mauve_clair a { color: #9588C6; }
#contenu div.mauve_clair div.hautgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-hg-mclair.jpg); }
#contenu div.mauve_clair div.hautdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-hd-mclair.jpg); }
#contenu div.mauve_clair div.basgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-bg-mclair.jpg); }
#contenu div.mauve_clair div.basdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-bd-mclair.jpg); }

/* Mauve foncé */
#contenu div.mauve_fonce {
  background-color: #ededee;
  border: 10px solid #5B4894;
  margin-bottom: 10px;
  position: relative;
}
#contenu div.mauve_fonce h1, #contenu div.mauve_fonce h2, #contenu div.mauve_fonce a { color: #5B4894; }
#contenu div.mauve_fonce div.hautgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-hg-mfonce.jpg); }
#contenu div.mauve_fonce div.hautdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-hd-mfonce.jpg); }
#contenu div.mauve_fonce div.basgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-bg-mfonce.jpg); }
#contenu div.mauve_fonce div.basdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-bd-mfonce.jpg); }

/* Vert */
#contenu div.vert {
  background-color: #ededee;
  border: 10px solid #B5CA15;
  margin-bottom: 10px;
  position: relative;
}
#contenu div.vert h1, #contenu div.vert h2, #contenu div.vert a { color: #B5CA15; }
#contenu div.vert div.hautgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-hg-vert.jpg); }
#contenu div.vert div.hautdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-hd-vert.jpg); }
#contenu div.vert div.basgauche { background: url(http://www.zeagency.com/images/contenu/layout/coin-bg-vert.jpg); }
#contenu div.vert div.basdroit { background: url(http://www.zeagency.com/images/contenu/layout/coin-bd-vert.jpg); }

h4.newsTitleBloc {
  display: inline;
}

ul#nonee {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
}

ul#nonee li, ul#nonee a {
  display: inline;
}

ul#nonee a.style1 {
  color: #FC0088;
  font-size: 1.2em;
}
ul#nonee a.style2 {
  color: #9C9D9F;
  font-size: 1.3em;
}
ul#nonee a.style3 {
  color: #088FC9;
  font-size: 1.4em;
}
ul#nonee a.style4{
  color: #EE4723;
  font-size: 0.9em;
}
ul#nonee a.style5{
  color: #9588C6;
  font-size: 1.1em;
}

#footer {
  clear: both;
  margin-top: 10px;
  text-align: right;
}