@import url("polices.css");

@import url("polices_IE.css");

@import url("admin/css/menus.css");

body {
  background-color: #CCCCCC;
  padding: 0;
  margin: 0;
  border: 0;
}

img {
  border: 0;
}
/* PRINCIPAL*/

#principal {
  width: 790px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #FFFFFF;
  text-align: left;
  border-left: #999999 solid 1px;
  border-right: #999999 solid 1px;
}
/*NAVIGATION*/

#menu {
  width: 780px;
  height: 180px;
  padding: 0;
  margin: 0;
  border: 0;
}
/* ACCEUIL */

#site_EBD{
  float: left;
  width: 780px;
  margin: 5px 0 0 0;
  padding: 0 0 0 0;
}
/*-------------- edito ---------------------*/

#edito{
  float: left;
  width: 730px;
  margin: 10px 0 0 10px;
  padding: 0;
  line-height: 1.3em;
}

#edito_photo{
  float: left;
  margin: 0 40px 0 0;
}

#edito_signature{
  float: right;
}
/*-------------- livre ---------------------*/

#actu_livre{
  float: left;
  width: 240px;
  margin: 10px 0 0 0;
  padding: 0 10px 0 10px;
}
/*-------------- agenda ---------------------*/

#actu_agenda{
  float: left;
  width: 240px;
  margin: 10px 0 0 5px;
  padding: 0 10px 0 10px;
}
/*-------------- cdc ---------------------*/

#actu_cdc{
  float: left;
  width: 240px;
  margin: 10px 0 0 0;
  padding: 0 10px 0 10px;
}
/* CONTENU */

#select{
  float: left;
  width: 780px;
  text-align: right;
  padding: 0 10px 10px 0;
}

#contenu{
  float: left;
  width: 700px;
  margin: 20px 0 10px 40px;
}

#contenu_livres{
  float: left;
  width: 780px;
  margin: 20px 0 10px 0;
}

#retour{
  float: left;
  width: 700px;
}
/*--------------- pied de page up --------------*/

#pied_up{
  background: url(layout/bandeau/bas.gif);
  width: 780px;
  float: left;
  height: 55px;
  margin: 10px 0 0 0;
}

#pied{
  float: left;
  width: 780px;
  margin-top: 10px;
}

#bas-page{
  width: 822px;
  height: 29px;
  margin: auto;
  background: url(layout/bandeau/bas-page.gif);
  background-repeat: no-repeat;
  background-position: top;
}

.actu {
  font-family: "Trebuchet MS";
}

.actu .passed {
  background-color: #FFFBFB;
}
.actu .passed td {
  border-left: 60px solid #E6DDDD;
}
.actu .passed.limit div {
 color:#707070;
padding:10px 20px;
text-transform:uppercase;
}


.actu .fond {
  background-image: url(layout/bandeau/fond_gris.gif);
  background-repeat: repeat-x;
}
.actu .passed .fond {
  background-image: url(layout/bandeau/fond_passed.gif);
  background-repeat: repeat-x;
}

.actu_item {
  padding: 20px;
}

.actu_genre {
  color: #767676;
  text-transform: uppercase;
  font-size: 11px;
}

.actu_genre .actu_pudate {
  text-transform: none;
  font-size: 10px;
  margin: 0px 10px;
}

.actu_item div.text_small,.actu_item div.infos,.actu_item div.cours {
  margin: 10px 0;
}

.actu_titre {
  font-size: 20px;
  letter-spacing: 0.2em;
}

.actu_lieu, .actu_date {
  font-size: 10px;
  color: #767676;
}

.actu_lieu span, .actu_date span {
  font-size: 10px;
  color: black;
}

#submenu {
  font-family: "Trebuchet MS";
  color: #990066;
}

#submenu a {
  color: #990066;
  text-decoration: none;
}

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

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

#submenu li {
  display: block;
  float: left;
  margin-left: 10px;
}

#submenu li.active {
  font-weight: bold;
}

#gallery {
  clear: both;
  font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#gallery #header {
  clear: both;
  color: #333333;
  display: block;
  height: 46px;
  padding: 6px 0px;
}

#gallery #header.livre {
  min-height: 80px;
}

#gallery #header img {
  float: left;
}

#gallery #header .label {
  display: : block;
  float: left;
  padding-left: 10px;
  line-height: 1.7em;
}

#gallery #header .label span.titre {
  padding: 0;
  margin: 0;
  letter-spacing: 0em;
}

#gallery #content {
  clear: both;
}

#gallery .fillet {
  background-image: url("layout/bandeau/fond_gris.gif");
  background-repeat: repeat-x;
  clear: both;
  display: block;
  height: 10px;
}

#gallery #galleries {
  display: block;
  margin: auto;
  width: 634px;
}

#gallery #galleries .item {
  display: block;
  float: left;
  height: 174px;
  margin: 10px 26px;
  width: 265px;
}

#gallery #galleries .item .image {
  display: block;
  float: left;
  height: 145px;
  overflow: hidden;
  position: relative;
  width: 100px;
  z-index: 100;
}

#gallery #galleries .item .image img {
  display: block;
  float: right;
}

#gallery #galleries .item .label {
  background-color: #EEEEEE;
  display: block;
  height: 66px;
  margin-left: 18px;
  padding-left: 90px;
  padding-right: 6px;
  padding-top: 45px;
  position: relative;
  top: 52px;
  width: 154px;
  z-index: 99;
}

#gallery #galleries .item .label .titre {
  display: block;
  font-size: 1em;
  height: 36px;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
}

#gallery a {
  color: #333333;
  font-size: 0.9em;
  text-decoration: none;
}

.clear {
  clear: both;
}

#gallery #nav {
  background-image: url("layout/bandeau/fond_gris_nav.gif");
  background-repeat: repeat-x;
  clear: both;
  display: block;
  height: 20px;
  padding: 6px;
}

#gallery #nav .retour {
  float: left;
}

#gallery #nav .boutons {
  float: right;
  text-transform: uppercase;
}

#gallery #nav .boutons img {
  vertical-align: text-bottom;
}

#gallery #nav .boutons select {
  text-transform: none;
  font-size: 11px;
}

#gallery #lagalerie {}

#gallery #lagalerie #images {
  width: 326px;
  margin: auto;
}

#gallery #lagalerie #images img {
  margin: 6px;
  border: 1px solid #dddddd;
  display: block;
  float: left;
}

#gallery #lagalerie #images img:hover {
  border: 1px solid #666666;
}

#gallery #lagalerie #images #imagelabel {
  background-color: #f7f7f7;
  margin: 6px;
  display: block;
  min-height: 20px;
  padding: 4px;
  text-align: center;
  color: #333333;
}

#gallery #limage #imagenav {
  position: relative;
  height: 114px;
}

#gallery #limage #imagenav #previmage {
  position: absolute;
  margin: 10px;
  top: 0;
  left: 0;
}

#gallery #limage #imagenav #previmage {
  position: absolute;
  margin: 10px;
  top: 0;
  left: 0;
}

#gallery #limage #imagenav #nextimage {
  position: absolute;
  margin: 10px;
  top: 0;
  right: 0;
}

#gallery #limage #imagenav #prevnav {
  position: absolute;
  top: 20px;
  left: 46px;
}

#gallery #limage #imagenav #nextnav {
  position: absolute;
  top: 20px;
  right: 46px;
}

#gallery #limage #imagenav .shade1 {
  background-color: #ffffff;
  display: block;
  height: 114px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  filter:alpha(opacity=50);
}

#gallery #limage #imagenav .shade2 {
  background-color: #DDDDDD;
  display: block;
  height: 114px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  filter:alpha(opacity=50);
}

#gallery #limage #imagenav #prevlink {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  width: 130px;
  height: 114px;
}

#gallery #limage #imagenav #nextlink {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 130px;
  height: 114px;
}

#gallery #limage #curimage {
  display: block;
  left: 80px;
  margin: 10px auto;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 630px;
  z-index: 1;
}

#gallery #limage #imagelabel {
  background-color: #DDDDDD;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  min-height: 87px;
  padding: 60px 60px 28px;
  position: relative;
  width: 568px;
}

#gallery #limage #imagelabel p {
  margin: 6px 0;
}

#gallery #limage #imagelabel p.imagetitle {
  color: #990066;
  font-size: 1.4em;
}

#gallery #limage #imagelabel p.specs {
  color: #666666;
  font-size: 0.9em;
}

#galleryentrance {
  vertical-align: middle;
  color: #9B125B;
}

#galleryentrance a {
  color: #9B125B;
  text-decoration: none;
}

#galleryentrance img {
  margin: 0 6px;
  vertical-align: middle;
}

#apropos ul {
  margin: auto;
  padding: 6px;
  list-style-type: none;
  clear: both;
  display: block;
  height: 76px;
  cursor: pointer;
}

#apropos ul li {
  font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0px 20px;
  float: left;
  display: block;
  line-height: 64px;
  font-size: 1.5em;
  color: #9B125B;
}

#apropos a {
  text-decoration: none;
  color: #9B125B;
}

#apropos .split {
  display: block;
  width: 176px;
  height: 2px;
  background-color: #cc7fb3;
  float: right;
  position: relative;
}

#apropos {
  display: block;
  width: 396px;
  margin: auto;
}

#bibliographie {
  font-size: 0.7em;
  padding: 10px 20px 10px 206px;
  background-image: url(layout/bandeau/apropos_biblio_bg.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#bibliographie p {
  margin: 1em 0;
  padding: 0;
}