html
{ margin: 0px;
  padding: 0px;
  text-align: center;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

body
{ margin: 0px;
  padding: 0px;
  height: 100%;
  background-image: url('images/bkg.gif');
}

#page
{ margin: 0px;
  padding: 0px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 920px;
  height: 100%;
}

div
{ margin: 0px;
  padding: 0px;
  text-align: left;
}

a
{ color: #000000;
}

table
{ border: solid 1px #000000;
}

/* ---------------------------------------------------- header ------------ */

#header1
{ margin-top: 70px;
  width: 139px;
  height: 70px;
  padding: 39px 13px 0px 768px;
  background-image: url('images/header1.gif');
}

#up_recherche label
{ color: #007fb9;
}

#up_recherche input
{ width: 114px;
  height: 16px;
  border: solid 1px #73add2;
  background-color: #e3eff6;
  line-height: 16px;
}

#up_recherche a
{ text-decoration: none;
  display: block;
  width: 17px;
  height: 15px;
  font-size: 10px;
  color: #ffffff;
  background-image: url('images/ok.gif');
  float: right;
  margin: 2px 0px 0px 0px;
  text-align: center;
  padding: 2px 0px 0px 0px;
}

#header2
{ background-image: url('images/header2.gif');
  width: 920px;
  height: 36px;
}

#titre
{ float: left;
  width: 220px;
  font-weight: blod;
  font-size: 10px;
  color: #ffffff;
  padding: 9px 0px 0px 40px;
}

#copyright
{ float: left;
  width: 586px;
  text-align: right;
  font-weight: blod;
  font-size: 10px;
  color: #ffffff;
  padding: 5px 74px 0px 0px;
}

#copyright a
{ text-decoration: none;
  color: #ffffff;
}

/* ---------------------------------------------------- main ------------ */

#main
{ float: left;
  width: 920px;
  background-image: url('images/main.gif');
  background-repeat: repeat-y;
}

/* ---------------------------------------------------- left1 ------------ */

#left1
{ float: left;
  width: 37px;
  background-image: url('images/left1.gif');
  background-repeat: no-repeat;
  padding: 45px 0px 0px 0px;
}

#left1 ul
{ list-style-type: none;
  margin: 0px 0px 0px 9px;
  padding: 0px;
  width: 22px;
}

#left1 ul li
{ margin: 2px 0px 0px 0px;
  padding: 0px;
}

#left1 ul li a
{ text-decoration: none;
  display: block;
  width: 22px;
  height: 22px;
}

#left1 ul li a img
{ border: none;
  width: 22px;
  height: 22px;
}

#menu_accueil
{ background-image: url('images/home.gif');
}

#menu_contact
{ background-image: url('images/contact.gif');
}

#menu_plan_site
{ background-image: url('images/plan_site.gif');
}

#menu_admin
{ background-image: url('images/admin.gif');
}

#menu_accueil:hover
{ background-image: url('images/home_over.gif');
}

#menu_contact:hover
{ background-image: url('images/contact_over.gif');
}

#menu_plan_site:hover
{ background-image: url('images/plan_site_over.gif');
}

#menu_admin:hover
{ background-image: url('images/admin_over.gif');
}

/* ---------------------------------------------------- left2 ------------ */

#left2
{ float: left;
  width: 223px;
  padding-bottom: 100px;
}

ul.empty_menu
{ display: none;
}

ul.menu
{ list-style-type: none;
  padding: 0px;
  margin: 0px;
  border-right: solid 4px #ffa41c;
  line-height: 18px;
}

ul.menu li
{ list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.menu li a
{ text-decoration: none;
  display: block;
  padding-left: 20px;
  width: 199px;
  font-weight: bold;
  color: #ffffff;
  background-image: url('images/menu_li.gif');
  background-repeat: no-repeat;
  background-position: top;
}

ul.menu li a:hover
{ color: #c9dc6e;
  background-image: url('images/menu_li_over.gif');
}

ul.sub_menu
{ list-style-type: none;
  padding: 0px;
  margin: 0px;
  background-image: url('images/sub_menu.gif');
  background-repeat: no-repeat;
  background-position: top;
}

ul.sub_menu li
{ list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.sub_menu li a
{ padding-left: 37px;
  width: 182px;
  font-weight: normal;
  background-image: url('images/sub_menu_li.gif');
  background-repeat: no-repeat;
  background-position: 25px 6px;
}

ul.sub_menu li a:hover
{ text-decoration: underline;
  color: #ffffff;
  background-image: url('images/sub_menu_li.gif');
}

#menu_bottom
{ height: 3px;
  line-height: 3px;
  width: 223px;
  background-image: url('images/menu_down.gif');
  background-repeat: no-repeat;
  background-position: right;
}

/* ---------------------------------------------------- center ------------ */

#center
{ float: left;
  width: 660px;
  background-image: url('images/center.gif');
  background-repeat: no-repeat;
  background-position: top;
}

#ariane
{ font-size: 11px;
  color: #948d85;
}

#ariane a
{ text-decoration: none;
  color: #948d85;
}

#ariane a:hover
{ text-decoration: underline;
}

#intitule
{ font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  padding: 0px 7px 0px 7px;
  margin: 3px 0px 0px 0px;
  height: 20px;
  background-image: url('images/intitule.gif');
  color: #ffffff;
}

#content h1
{ font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  padding: 0px 7px 0px 15px;
  margin: 10px 0px 0px 0px;
  height: 12px;
  background-image: url('images/content_h1.gif');
  background-repeat: no-repeat;
  background-position: 0px 2px;
  color: #007fb9;
}

#content h2
{ font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  padding: 0px 7px 0px 0px;
  margin: 10px 0px 0px 0px;
  height: 12px;
  color: #007fb9;
  text-decoration: underline;
}

#content h3
{ font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  padding: 0px 7px 0px 15px;
  margin: 10px 0px 0px 0px;
  height: 12px;
  background-image: url('images/content_h3.gif');
  background-repeat: no-repeat;
  background-position: 0px 2px;
  color: #000000;
}

#content p
{ color: #000000;
  padding: 0px;
  margin: 10px 0px 0px 0px;
}

a.find
{ text-decoration: none;
  display: block;
  border-bottom: solid 1px #c0c0c0;
  margin-top: 20px;
  font-weight: bold;
  color: #383888;
}

a.find:hover
{ color: #c0c0c0;
}

/* ---------------------------------------------------- footer ------------ */

#footer
{ clear: both;
  height: 52px;
  background-image: url('images/footer.gif');
  background-repeat: no-repeat;
}

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

#footer ul li
{ display: inline;
}

#adresse
{ width: 219px;
  height: 85px;
  position: relative;
  top: -75px;
  left: 37px;
  text-align: center;
  font-size: 11px;
  color: #ffffff;
}

#menu_down
{ position: relative;
  top: -77px;
  left: 390px;
  font-size: 11px;
  width: 500px;
  color: #ffffff;
}

#menu_down a
{ text-decoration: none;
  color: #ffffff;
}

#menu_down a:hover
{ text-decoration: underline;
}
