/* reset*/
html, body, div, span, p, h1, h2, h3, h4, h5, h6, ul, li
{
  margin: 0;
  padding: 0;
}

ul
{
  list-style-type: none;
}

/* ============================== */

body
{
  font-family: Arial, sans-serif;
    text-align: center;
}

#header
{
  width: 1024px;
  height: 146px;
  position: relative;
}

#header a.logo
{
  display: block;
  height: 45px;
  width: 300px;
  background: transparent url(../images/logo.png) no-repeat top left;
  position: absolute;
  top: 25px;
  left: 10px;
  text-indent: -999em;
}

#header #ie6-no-js
{
  display: none;
}

#updated_date
{
  position: absolute;
  bottom: 5px;
  left: -10px;
  width: 295px;
  text-align: center;
  color: #6F615B;;
  font-size: 15px;
}

#container
{
  position: relative;
  width: 1024px;
  margin: auto;
  text-align: left;
  background: transparent url(../images/header.jpg) no-repeat left top;
}

#sidebar
{
  padding: 4px 0 0 6px;
  font-size: 15px;
  float: left;
  height: 525px;
}

#actualites, #info
{
  width: 256px;
  height: 245px;
  padding: 5px 20px;
  overflow: hidden;
}

#actualites a, #info a
{
  padding: 8px 0;
  display: block;
  color: #6F615B;
  font-weight: bold;
  text-decoration: none;
}

#actualites a:hover, #info a:hover
{
  color: #B4B7BA;
}

#actualites a
{
  background: transparent url(../images/actudiv.png) no-repeat center bottom;
}

#info a
{
  background: transparent url(../images/infodiv.png) no-repeat center bottom;
}

#actualites a.last, #info a.last
{
  background-image: none;
}

#actualites
{
  background: transparent url(../images/actualites.png) no-repeat left top;
  margin: 0 0 10px;
} 

#info
{
  background: transparent url(../images/info.png) no-repeat left top;
} 

#actualites h3, #info h3
{
  padding: 10px 0 0;
}

#actualites h3
{
    color: #003B79;
}

#info h3
{
  color: #00782A  
}

#main
{
  float: left;
  width: 710px;
  display: inline;
}

#footer
{
  width: 1024px;
  height: 93px;
  background: transparent url(../images/footer.png) no-repeat left top;
  position: relative;
  margin-top: 3px;
  font-size: 15px;
  clear: left;
  z-index: 2;
}

#address
{
  color: white;
  width: 230px;
  position: absolute;
  bottom: 0;
  left: 50px;
  text-align: center;
  padding-bottom: 3px;
}

#address strong, #address span
{
  display: block;
}

#plan
{
  position: absolute;
  text-align: center;
  left: 460px;
  width: 400px;
  top: 20px;
}

#plan a, #plan a:link, #plan a:visited
{
  color: #6F615B;
  font-size: 15px;
  text-decoration: none;
}

#plan a:hover, #plan a:active
{
  text-decoration: underline;
}

/* TEA overrides */
.tea #container
{
   background-image: url(../images/tea/teaheader.png);
}

.tea #info
{
  display: none;
}

#tea-boules
{
  position:absolute;
  left: 10px;
  bottom: 85px;
  width: 295px;
  height: 206px;
  display: none;
  background-image: url(../images/tea/boules.png);
}

.tea #tea-boules
{
  display: block;
}

.tea #header a
{
  display: none;
}

.tea #updated_date
{
  bottom: -5px;
}



/* ----- The Menu ------ */
#home-menu
{
  width: 708px;
  height: 525px;
  background: transparent url(../images/index-bg.jpg) no-repeat left top;
}

#home-menu
{
  list-style-type: none;
  position: relative;
  font-size: 15px;
  color: #535353;
  margin-top: 4px;
}

#home-menu li.menu-block
{
  height: 300px;
  width: 230px;
}

#home-menu .category
{
 
  display: block;
  width: 50%;
  position: absolute;
  z-index: 2;
}

.category h2
{
  font-size: 18px;
  color: #6F615B;
  font-weight: bold;
  text-align: center;
}


/* ----- Pop up menus ----- */
.menu li .pages
{
  display: none;
}

.pages
{
  width: 219px;
  padding-bottom: 35px;
  position: absolute;
  top: 20px;
  left: -95px;
  z-index: 1;
}
    
.menu-bottom
{
 background: transparent url(../images/menus/buscephale.png) no-repeat bottom left;
 height: 15px;
 padding: 0 17px 0 3px;
}

.pages ul
{
 background: transparent url(../images/menus/buscephale.png) no-repeat top left;
 list-style-type: none;
 padding: 10px 17px 0 3px;
 margin: 0;
 text-align: left;
 z-index: 1;
}

.pages ul li
{
 border-bottom: 1px solid white;
 padding: 2px 0;
}

.pages ul li.last
{
  border-bottom: none;
}

.pages a
{
 font-size: 15px;
 color: #535353;
 padding-left: 10px;
 font-weight: normal;
 display: block;
 text-decoration: none;

}

.pages li a:hover
{
  text-decoration: underline;
}

.menu .category:hover .pages, .menu .hover .pages
{
  display: block;
}

.menu .category:hover, .menu .hover
{
  cursor: default;
}

.first-menu-item .pages ul
{
 background: transparent url(../images/menus/buscephale.png) no-repeat top left;
}

.first-menu-item .menu-bottom
{
 background: transparent url(../images/menus/buscephale.png) no-repeat bottom left;
}

.second-menu-item .pages ul
{
 background: transparent url(../images/menus/tea.png) no-repeat top left;
}

.second-menu-item .menu-bottom
{
 background: transparent url(../images/menus/tea.png) no-repeat bottom left;
}

.third-menu-item .pages ul
{
 background: transparent url(../images/menus/contacts.png) no-repeat top left;
}

.third-menu-item .menu-bottom
{
 background: transparent url(../images/menus/contacts.png) no-repeat bottom left;
}

.fourth-menu-item .pages ul
{
 background: transparent url(../images/menus/bahut.png) no-repeat top left;
}

.fourth-menu-item .menu-bottom
{
 background: transparent url(../images/menus/bahut.png) no-repeat bottom left;
}

.fifth-menu-item .pages ul
{
 background: transparent url(../images/menus/voyages.png) no-repeat top left;
}

.fifth-menu-item .menu-bottom
{
 background: transparent url(../images/menus/voyages.png) no-repeat bottom left;
}

.sixth-menu-item .pages ul
{
 background: transparent url(../images/menus/emploi.png) no-repeat top left;
}

.sixth-menu-item .menu-bottom
{
 background: transparent url(../images/menus/emploi.png) no-repeat bottom left;
}

#home-menu p
{
  width: 210px;
  padding-top: 45px;
  margin-left: 15px;
  height: 112px;
  overflow: hidden;
}

#home-menu .first-menu-item .category,
#home-menu .second-menu-item .category,
#home-menu .third-menu-item .category
{
  bottom: 0;
  left: 0;
  text-align: center;
}

#home-menu .fourth-menu-item .category,
#home-menu .fifth-menu-item .category,
#home-menu .sixth-menu-item .category
{
  right: 0;
  top: 0;
  text-align: center;
}

/*  -----  Position menu blocks  -----  */
#home-menu .first-menu-item
{
  position: absolute;
  top: -30px;
  left: 2px;
  z-index: 1;
}

#home-menu .second-menu-item
{
  position: absolute;
  top: -30px;
  left: 240px;
  z-index: 1;
}

#home-menu .third-menu-item
{
  position: absolute;
  top: -30px;
  left: 476px;
  z-index: 1;
}

#home-menu .fourth-menu-item
{
  position: absolute;
  top: 250px;
  left: 2px;
}

#home-menu .fifth-menu-item
{
  position: absolute;
  top: 250px;
  left: 240px;
}

#home-menu .sixth-menu-item
{
  position: absolute;
  top: 250px;
  left: 476px;
}

.menu
{
  position: relative;
  width: 715px;
  background: transparent url(../images/menus/menu-buttons.png) no-repeat top left;
  height: 35px;
  padding: 13px 0 0 5px;
}

 .menu-block
{
  float: left;
  width: 110px;
  position: relative;
  margin-right: 7px;
}

.menu-block .pages a
{
  text-align: left;
}

.menu .category
{
  width: 110px;
}


/* -----  Main content  ----- */
/* -----  General  ----- */
#content
{
    min-height:500px;
    margin-top: 10px;
    font-size: 13px;
    color: #505254;
    background: transparent url(../images/liserets/generale.png) no-repeat top right;
    padding: 15px 10px 0 15px;
    line-height: 140%;
}

#content p
{
  margin: 10px 0;
}

#content strong
{
  color: #151515;
}

#content ul
{
  list-style-type: disc;
  margin-left: 30px;
}
#content ol
{
  list-style-type: decimal;
}

span.highlight
{
  font-style: italic;
}


/*  ----- Links  ----- */

#content a:link, #content a:visited
{
  font-size: 13px;
  text-decoration: underline;
  color: #505254;
}

#content a:hover, #content a:active
{
  text-decoration: none;
}

/* ----- Lists ----- */
#content ul.sitemap
{
  list-style-image: url(../images/content/amp.png);
  padding-left: 30px;
  font-weight: bold;
  font-size: 15px;
  line-height: 130%;
}

#content ul ul
{
  list-style-image: url(../images/content/blueblob.png);
  font-weight: normal;
  padding-left: 30px;
  margin: 3px 0 20px;
}


/* ----- Headers ----- */
#content h3
{
  color: #B4B6BA;
  font-size: 18px;
  margin-bottom: 15px;
}

#content h4
{
  color: #8BC53F;
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 15px;
}

#content h5
{
  padding-left: 1.1em;
  background: transparent url(../images/content/amp.png) no-repeat left 3px;
  font-size: 13px;
  margin-left: 30px;
  clear: both;  
  font-weight: normal;
}

#content h6
{
  padding-left: 0.8em;
  background: transparent url(../images/content/blueblob.png) no-repeat left 5px;
  font-size: 13px;
  margin-left: 60px;
  font-weight: normal;
}
/*---*/

#content hr
{
  margin: 13px 8px;
  border: none;
  height: 1px;
}

#content img
{
  margin: 10px;
}

/* -----  Tables  ----- */
#content table
{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 30px 0;
}

#content table th
{
  font-weight: bold;
  color: #8BC53F;
  text-align: center;
  padding: 0 3px 8px;
}

#content table td.titre
{
  font-weight: bold;
  width: 100px;
}

#content table td.conditions
{
  width: 280px;
  text-align: justify;
  padding-left: 7px;
  padding-right: 7px;
}

table td
{
  border-width: 0 0 1px 0;
  border-style: solid;
}

#content table.layout
{
    margin: 0;
}

#content table.layout td
{
  border-width: 0;
}

#content table td
{
  text-align: center;
  padding: 8px 3px;
  vertical-align: top;
}

#content table td span
{
  display: block;
  text-align: center;
  font-weight: bold;
}



/*-------- Category Specific Content --------*/

/*-------- contacts --------*/
.contacts #content
{
  background: transparent url(../images/liserets/contacts.png) no-repeat top right;
}

.contacts #content h3,
.contacts #content span.highlight
{
  color: #C6006E;
}

.contacts #content hr
{
  color: #C6006E;
  background-color: #C6006E;
}

.contacts #content table td
{
  border-color: #C6006E;
}

/*-------- buscephale --------*/
.buscephale #content
{
  background: transparent url(../images/liserets/buscephale.png) no-repeat top right;
}

.buscephale #content h3,
.buscephale #content span.highlight
{
  color: #E79419;
}

.buscephale #content hr
{
  color:  #E79419;
  background-color: #E79419;
}

.buscephale #content table td
{
  border-color: #E79419;
}

/*-------- voyages --------*/
.voyages #content
{
  background: transparent url(../images/liserets/voyages.png) no-repeat top right;
}

.voyages #content h3,
.voyages #content span.highlight
{
  color: #7C4199;
}

.voyages #content hr
{
  color:  #7C4199;
  background-color: #7C4199;
}

.voyages #content table td
{
  border-color: #7C4199;
}

/*-------- emploi --------*/
.emploi #content
{
  background: transparent url(../images/liserets/emploi.png) no-repeat top right;
}

.emploi #content h3,
.emploi #content span.highlight
{
  color: #FFE512;
}

.emploi #content hr
{
  color: #FFE512;
  background-color: #FFE512;
}

.emploi #content table td
{
  border-color: #FFE512;
}

/*-------- bahut --------*/
.bahut #content
{
  background: transparent url(../images/liserets/bahut.png) no-repeat top right;
}

.bahut #content h3,
.bahut #content span.highlight
{
  color: #BAE1ED;
}

.bahut #content hr
{
  color: #BAE1ED;
  background-color: #BAE1ED;
}

.bahut #content table td
{
  border-color: #BAE1ED;
}

#content a.button:link,
#content a.button:visited,
#content a.button:hover,
#content a.button:active
{
  font-weight: bold;
  display: block;
  height: 46px;
  background: transparent url(../images/content/greenbutton.png) no-repeat top right;
  padding-right: 18px;
  float: left;
  text-decoration: none;
}

#content a.button:link span,
#content a.button:visited span,
#content a.button:hover span,
#content a.button:active span
{
  background: transparent url(../images/content/greenbutton.png) no-repeat;
  padding-left: 20px;
  display: block;
  line-height: 43px;
  padding: 0 0 0 23px;
  text-decoration: none;

}

#content a.button:hover
{
  cursor: pointer;
}

#content a.fixed_width_button:link,
#content a.fixed_width_button:visited,
#content a.fixed_width_button:hover,
#content a.fixed_width_button:active
{
    background: transparent url(../images/content/fw-button.png) no-repeat 0 0;
    display: block;
    height: 42px;
    width: 143px;
    text-align: center;
    padding: 11px 0 0;
    clear: both;
    font-weight: bold;
    text-decoration: none;
}

/*-------- tea --------*/
/* NB There are overrides in the structural CSS for this category
   to change page layout, hide some elements etc*/
.tea #content h3
{
  display: none;
}

.tea #content
{
  background-image: none;
  padding-top: 10px;
}

.tea #content span.highlight
{
  color: #D0DF99;
}

.tea #content hr
{
  color: #D0DF99;
  background-color: #D0DF99;
}

.tea #content table td
{
  border-color: #D0DF99;
}