*
{
  margin: 0;
  padding: 0;
}
body
{
  background-image: url('/img/fond1.png');
  background-attachment: fixed; 
}
A:hover 
{
  color: #ff9000;
}
.A
{
  font-family: "verdana", arial, sans-serif;
  font-size: 1.1em;
  font-weight : bolder;
}
.A li 
{
  display: inline;
  margin-left: 10px;
}
a img 
{
  border: none;
}
#conteneur
{ 
  position: absolute;
  width: 100%;
  background: url('/img/bordure4.png') repeat-y;
}
#header
{
  margin-top: 3px;
  background: url('/img/fond-header.png') repeat-x;
}
#onglet
{
  float: left;
  width: 100%;
  background: #fce864 url('/img/fond_onglet.png') repeat-x bottom;
  font-family: "Comic Sans MS", verdana, arial, sans-serif;
  font-size: 1.0em;
  line-height: normal;
  margin-top: 1px;
}
#onglet ul
{
  margin:0;
  padding: 5px 10px 0px;
  list-style: none;
}
#onglet li
{
  float: left;
  background: url('/img/gauche_2.png') no-repeat left top;
  margin: 0;
  padding: 0 0 0 5px;
  border-bottom: 1px solid #590c0c;
}
#onglet a
{
  float: left;
  display: block;
  width: 1em;
  background: url('/img/droit_2.png') no-repeat right top;
  padding: 5px 10px 3px 4px;
  text-decoration: none;
  font-weight: bold;
  color: #fdf289;
}
#onglet a:hover
{
  color: #590c0c;
}
#onglet li:hover, #onglet li:hover a
{
  background-position: 0% -150px;
  color: #590c0c;
}
#onglet li:hover a
{
  background-position: 100% -150px;
}
#onglet #page
{
  background-position: 0% -150px;
  border-width: 0px;
}
#onglet #page a
{
  background-position: 100% -150px;
  padding-bottom: 5px;
  color: #590c0c;
}
#onglet > ul a
{
  width:auto;
}
#gauche
{
  float: left;
  width: 235px;
  margin-top: 2px;
}
#droite
{
  float: right;
  width: 150px;
  margin-top: 20px;
}
#centre
{
  font-family: "verdana", arial, sans-serif;
  font-size: 0.95em;
  background-color: #ffffff;
  border: #ff9000 2px solid;
  padding: 10px;
  margin-bottom: 5px;
  margin-top: 65px;
  margin-left: 240px;
  margin-right: 160px;
}
#pubG_A
{
  margin-left: 5px;
  margin-top: 10px;
  margin-left: 50px;
}
#pubG_B
{
  margin-left: 5px;
  margin-top: 10px;
  margin-left: 50px;
}
#bouton45
{
  background-image: url('/img/bouton45.png');
  background-repeat: no-repeat; 
  width: 180px;
  height: 100px;
  margin-left: 50px;
  margin-top: 10px;
}
#bouton46
{
  background-image: url('/img/bouton46.png');
  background-repeat: no-repeat; 
  width: 180px;
  height: 150px;
  margin-left: 50px;
  margin-top: 10px;
}
#bouton47
{
  background-image: url('/img/bouton47.png');
  background-repeat: no-repeat; 
  width: 180px;
  height: 200px;
  margin-left: 50px;
  margin-top: 10px;
}
#bouton48
{
  background-image: url('/img/bouton48.png');
  background-repeat: no-repeat; 
  width: 180px;
  height: 250px;
  margin-left: 50px;
  margin-top: 10px;
}
#bouton51
{
  background-image: url('/img/bouton51.png');
  background-repeat: no-repeat; 
  width: 180px;
  height: 400px;
  margin-left: 50px;
  margin-top: 10px;
}
h1
{
  color: #656565;
  font-size: 2.2em;
  text-align: center;
  background: inherit;
}
h2
{
  color: #0017aa;
  font-size: 2.0em;
  text-align: center;
  background: inherit;
}
h3
{
  color: #0017aa;
  font-size: 1.3em;
  text-align: center;
  background: inherit;
}
#map
{
  width: 560px;
  height: 520px;
  margin-left: auto;
  margin-right: auto;
}
.menu
{
  background-repeat: no-repeat;
  font-family: "verdana", arial, sans-serif;
  font-size: 1.05em;
  font-weight : bolder;
  width: 200px;
  height: 180px;
}
.menu li
{
  list-style-type: none;
}
.menu a
{
  text-decoration: none;
  color: #2c2c2c;
  background: inherit;
}
.menu a:hover
{
  color: #ff9000;
  background: inherit;
}
.menu1
{
  font-family: "verdana", arial, sans-serif;
  font-size: 90%;
  margin-left: 5px;
  margin-top: 10px;
  color: #164c2e;
}
.menu1 li
{
  list-style-type: none;
}
.menu1 a
{
  text-decoration: none;
  color: #590c0c;
  background: inherit;
}
.menu1 a:hover
{
  color: #fdf289;
  background: inherit;
}
.menu2
{
  font-family: "verdana", arial, sans-serif;
  font-size: 0.95em;
  font-weight : bolder;
  margin-top: 10px;
}
.menu2 li
{
  list-style-type: none;
}
.menu2 a
{
  text-decoration: none;
  color: #0017aa;
  background: inherit;
}
.menu2 a:hover
{
  color: #ffa500;
  background: inherit;
}
.menu3
{
  font-family: "verdana", arial, sans-serif;
  font-size: 1.0em;
  margin-top: 10px;
}
.menu3 li
{
  list-style-type: none;
}
.menu5
{ 
  font-family: "verdana", arial, sans-serif;
  font-size: 0.8em;
  line-height: normal;
  text-align: center;
  margin-top: 20px;
  clear: both;
}
.menu5 li 
{
  display: inline;
}
.menu6
{
  font-family: "verdana", arial, sans-serif;
  font-size: 0.8em;
  line-height: normal;
  margin-top: 5px;
}
.menu6 li 
{
  display: inline;
}
.couleur1
{
  color: #0017aa;
  background: inherit;
}
.couleur2
{
  color: #656565;
  background: inherit;
}
.couleur3
{
  color: #dd1b05;
  background: inherit;
}
.couleur4
{
  color: #f87909;
  background: inherit;
}
.barre
{
  text-decoration: underline;
}
.center
{
  text-align: center;
  display: block;
}
.fond
{
  padding: 0 5px;
  margin: 0 15px;
  background-color: #fcefee;
  border: #f10c0c 2px solid;
}
.fond1
{
  padding: 0 5px;
  margin: 0 10px;
  background-color: #fffeeb;
  color: #4c3000;
}
.fond2
{
  padding: 0 5px;
  margin: 0 10px;
  background-color: #f1f2f9;
}
.fond3
{
  padding: 0 5px;
  margin: 0 10px;
  background-color: #f2f2f2;
}
#pied
{
  float: left;
  width: 100%;
  background: url('/img/fond_onglet2.png') repeat-x bottom;
  height: 25px;
  margin-top: 11px;
  clear: both;
}
#pied2
{
  font-family: "verdana", arial, sans-serif;
  font-size: 90%;
  margin-left: 23%;
  margin-top: -33px;
}
#cadre5
{
  margin-top: 2%;
  background-repeat: no-repeat;
  text-align: center;
}
.flottement1
{
  float: left;
  margin:  0 50px 0 0;
  border: 1px solid #656565;
  padding: 2px;
}
.flottement2
{
  float: right;
  margin: 10px 0 0 0;
  border: 1px solid #656565;
  padding: 2px;
}
.flottement3
{
  float: left;
  margin:  0 30px 0 0;
}