/* generalites */
html,body {
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  background-color: #E0E0E0;
}

.clear {
  clear: both;
}

#generalites {
  font-family: "Garamond", "Georgia", "serif";
  font-size: 14px;
  color: #0000BB;
  font-weight: normal;
  font-style: normal;
  text-align: justify;
  text-indent: %;
  width: 100%;
  min-width: 300px;
  background-color: #E0E0E0;
  padding: 10px;
}

/* misenpage */
.page {
  position: absolute;
  margin-top: 0px;
  left: 50%;
  width: 900px;
  margin-left: -450px;
  border-left: none 0px #444488;
  border-top: none 0px #444488;
  border-right: none 0px #444488;
  border-bottom: none 0px #444488;
  padding: 0px 0px 0px 0px;
  min-width: 460px;
  background-color: #FFE7E7;
}

.page_interieure {
  background-color: #FFE7E7;
}


/* zones */
#zone_1 {
  width: auto;
  background-color: transparent;
  min-height: 150px;
  height: auto;
  _height: 150px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border-left: none 0px #112233;
  border-top: none 0px #112233;
  border-right: none 0px #112233;
  border-bottom: none 0px #112233;
}

.zone_1_interieure {
  padding: 10px 10px 10px 10px;
  max-height: 130px;
  overflow: hidden;
}


/* zones */
.zone_2_interieure {
  padding: 10px 10px 10px 10px;
  overflow: hidden;
}


/* zones */
#zone_3 {
  float: left;
  position: relative;
  width: 200px;
  min-height: 600px;
  height: auto;
  _height: 600px;
  background-color: transparent;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: -205px;
  margin-right: 5px;
  border-left: none 1px #112233;
  border-top: none 1px #112233;
  border-right: none 1px #112233;
  border-bottom: none 1px #112233;
}

* html #zone_3 {
  margin-left: 2px;
}

* #zone_3 {
  background-color: ;
}

.zone_3_interieure {
  padding: 10px 10px 10px 10px;
  max-height: 580px;
  overflow: hidden;
}


/* zones */
#zone_4 {
  float: left;
  min-height: 600px;
  height: auto;
  _height: 600px;
  position: relative;
  width: 100%;
  background-color: transparent;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 0px;
z-index:500;
  border-left: none 0px #112233;
  border-top: none 0px #112233;
  border-right: none 0px #112233;
  border-bottom: none 0px #112233;
}

* html #zone_4 {
  width: 100%;
  height: 200px;
}

.zone_4_interieure {
  padding: 10px 10px 10px 10px;
  max-height: 554px;
  overflow: auto;
}


/* zones */
.zone_5_interieure {
  padding: 10px 10px 10px 10px;
  overflow: hidden;
}


/* zones */
.zone_6_interieure {
  padding: 10px 10px 10px 10px;
  overflow: hidden;
}

#inner {
  margin: 0;
  width: 100%;
  background-color: transparent;
}

#outer {
  border-left-width: 210px;
  border-left-color: transparent;
  border-left-style:solid;
  border-right-width: 0px;
  border-right-color: transparent;
  border-right-style:solid;
  background-color: transparent;
  width: auto;
}

#outer_sans_3 {
  border-left-width: 0px;
  border-left-color: transparent;
  border-left-style:solid;
  border-right-width: 0px;
  border-right-color: transparent;
  border-right-style:solid;
  background-color: transparent;
  width: auto;
}

#outer_sans_5 {
  border-left-width: 210px;
  border-left-color: transparent;
  border-left-style:solid;
  border-right-width: 0px;
  border-right-color: transparent;
  border-right-style:solid;
  background-color: transparent;
  width: auto;
}

#outer_sans_3_sans_5 {
  border-left-width: 0px;
  border-left-color: transparent;
  border-left-style:solid;
  border-right-width: 0px;
  border-right-color: transparent;
  border-right-style:solid;
  background-color: transparent;
  width: auto;
}

* html #outer {
  border-left-width: 0px;
}

#outer>#inner {
  border-bottom:0px;
}

.titre {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #E1E1E1;
  padding: 5px;
  margin-bottom: 5px;
  white-space: nowrap;
}

a.nav1, a.nav1:link, a.nav1:visited {
  display: block;
  width: 160px;
  height: 22px;
  background: #FFE7E7;
  border: 1px solid #0000BB;
  margin-top: 0px;
  text-align: left;
  text-decoration: none;
  font-family: "Garamond", "Georgia", "serif";
  font-size: 14px;
  color: #0000BB;
  font-weight: bold;
  font-style: normal;
  line-height: 22px;
  overflow: hidden;
  z-index:100000;
}
a.nav2, a.nav2:link, a.nav2:visited {
  display: block;
  width: 160px;
  height: 22px;
  background: #E84569;
  border: 1px solid #0000BB;
  margin-top: 0px;
  text-align: left;
  text-decoration: none;
  font-family: "Garamond", "Georgia", "serif";
  font-size: 14px;
  color: #0000BB;
  font-weight: bold;
  font-style: normal;
  line-height: 22px;
  overflow: hidden;
}
a.nav1:hover, a.nav2:hover {
  background: #E84569;
  font-weight: bold;
  font-style: normal;
  color: #0000BB;
}

div#menu {
 display: block;
 position: absolute;
 width: 500px;
 z-index: 100000;
 overflow: visible;
}
div#menu a {
  width: 160px;
  height: 22px;
  margin-top: 0px;
  text-align: left;
  text-decoration: none;
  font-family: "Garamond", "Georgia", "serif";
  font-size: 14px;
  color: #0000BB;
  font-weight: bold;
  font-style: normal;
  line-height: 22px;
 color: #0000BB;
}
div#menu ul {
 padding: 0;
 width: 160px;
  border: 1px solid #0000BB;
 margin:0px;
 background: #FFE7E7;
}
div#menu li:hover {
 background:  #E84569;
}
div#menu li.sousmenu:hover {
 background:  #E84569;
}
div#menu li.sousmenu {background: url(/images/fleche_menu.gif) 98% 50% no-repeat;}
div#menu ul li {
position:relative;
list-style: none;
}
div#menu ul ul {
 position: absolute;
 top: -1px;
 left:  160px;
 display:none;
}
div#menu li a {
 text-decoration: none;
 display:block;
 border-left: 0px solid #FFE7E7;
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu li a.courant, div#menu ul ul li a.courant, div#menu ul ul ul li a.courant {
  color: #0000BB;
  font-weight: bold;
  font-style: normal;
border-left-color: #E84569;
}
div#menu li a:hover {
border-left-color: #0000BB;
  color: #0000BB;
  font-weight: bold;
  font-style: normal;
}
div#menu ul ul li a:hover {
border-left-color: #0000BB;
  color: #0000BB;
  font-weight: bold;
  font-style: normal;
}
div#menu ul ul ul li a:hover {
border-left-color: #0000BB;
  color: #0000BB;
  font-weight: bold;
  font-style: normal;
}
#boite_1 {
  background: transparent;
  border: 0px solid transparent;
  margin: 0px;
  padding: 3px;
  width: auto;
  min-height: 150px;
  height: auto;
  _height: 150px;
}

.boite_1_interieure {
  padding: 5px;
  max-height: 150px;
  overflow: hidden;
}

#boite_2 {
  background: transparent;
  border: 0px solid #FFAAAA;
  margin: 0px;
  padding: 0px;
  width: auto;
  min-height: 190px;
  height: auto;
  _height: 190px;
}

.boite_2_interieure {
  padding: 5px;
  max-height: 190px;
  overflow: hidden;
}

#boite_3 {
  background: transparent;
  border: 0px solid transparent;
  margin: 0px;
  padding: 0px;
  width: auto;
  min-height: 174px;
  height: auto;
  _height: 174px;
}

.boite_3_interieure {
  padding: 5px;
  max-height: 200px;
  overflow: hidden;
}


/* encadrement */
.rose_topleft {background-image: url(images/encadrements/rose/rose_1.gif); width: 10px; height: 12px; background-repeat: no-repeat; }
.rose_top {background-image: url(images/encadrements/rose/rose_2.gif); width: auto; height: 12px; background-repeat: repeat-x; }
.rose_topright {background-image: url(images/encadrements/rose/rose_3.gif); width: 10px; height: 12px; background-repeat: no-repeat; }
.rose_left {background-image: url(images/encadrements/rose/rose_4.gif); width: auto; height: auto; background-repeat: repeat-y; }
.rose_right {background-image: url(images/encadrements/rose/rose_5.gif); width: auto; height: auto; background-repeat: repeat-y; }
.rose_bottomleft {background-image: url(images/encadrements/rose/rose_6.gif); width: 10px; height: 12px; background-repeat: no-repeat; }
.rose_bottom {background-image: url(images/encadrements/rose/rose_7.gif); width: auto; height: 12px; background-repeat: repeat-x; }
.rose_bottomright {background-image: url(images/encadrements/rose/rose_8.gif); width: 10px; height: 12px; background-repeat: no-repeat; }

.zone_4_encadrement_hauteur {
  height: 576px;
}
.boite_3_encadrement_hauteur {
  height: 176px;
}