html, body 
{
  margin: 0;
  padding: 0;
  background-color: white;
  background-image: url(BackgroundX.png);
  background-repeat: repeat-x;
  overflow: hidden;
  overflow-y: auto;
}
  img
  {
    border: 0;
  }
  #Block
  {
		position: relative;
		width: 959px;
		margin: 0 auto;
		background-color: white;
  }
    #BlockLeft
    {
      position: absolute;
      top: 50px;
      bottom: auto;
      left: auto;
      right: 959px;
      margin-top: auto;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: auto;
      height: 162px;
      width: 330px;
      background-image: url(GensGauche2.png);
    }
    #BlockRight
    {
      position: absolute;
      top: 50px;
      bottom: auto;
      left: 959px;
      right: auto;
      margin-top: auto;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: auto;
      height: 162px;
      width: 330px;
      background-image: url(GensDroite2.png);
    }
    #Header 
    {
      margin: 0;
      padding: 0;
      height: 266px;
      width: 959px;
      background-image: url(bg_header.jpg);
    }
      #Boutons
      {
        position: absolute;
        top: 212px;
        bottom: auto;
        left: auto;
        right: 0px;
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: auto;
        height: 20px;
        width: 190px;
        color: white;
        font-size: small;
        font-family: arial;
        font-weight: bold;
      }
        #Boutons a
        {
          color: white;
          text-decoration: none;
        }
        #Boutons a:hover
        {
          color: white;
          text-decoration: underline;
        }
        #Boutons img
        {
          vertical-align: middle;
        }
        #Boutons img:hover
        {
          vertical-align: middle;
          text-decoration: underline;
          background-color: #005480;
        }
    #Filling
    {
      position: absolute;
      margin: 0;
      top: 266px;
      left: 0px;
      bottom: 0px;
      margin-bottom: 0px;
      width: 206px;
      background-color: #79c0e7;
      /*background-image: url(Filling.png);*/
      background-repeat: repeat;
    } 
    #Menu
    {
      position: absolute;
      top: 352px;
      left: 0px;
      margin-bottom: 0px;
      width: 206px;
      min-height: 326px;
      background-color: #005480;
      background-image: url(Degrade.png);
      background-repeat: repeat-x;
    }
      #SubHeader
      {
        position: absolute;
        top: 266px;
        left: 0px;
        margin: 0;
        height: 86px;
        width: 206px;
        background-image: url(SubHeader.jpg);
        background-repeat: no-repeat;
      }
      #basic-accordian
      {
        margin: 0;
        height: 100%;
        width: 100%;
      }
      #Degrade
      {
        /*
        margin: 0;
        height: 326px;
        width: 100%;
        background-image: url(Degrade.png);
        background-repeat: repeat-x;
        */
      }
        #EcoResponsable
        {
          position: absolute;
          Top: auto;
          Bottom: 30px;
          Left: auto;
          Right: auto;
          margin: 0px 0px 0px 0px;
          height: 62px;
          width: 100%;
          background-image: url(EcoResponsable.png);
          background-repeat: no-repeat;
          background-position: center center;
        }
      #BasMenu
      {
        margin-top: -25px;
        height: 85px;
        width: 206px;
        background-image: url(BasMenu.png);
        background-repeat: repeat-x;
      }

    #Corner
    {
      position: absolute;
      top: 266px;
      bottom: auto;
      left: 206px;
      right: auto;
      margin-top: auto;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: auto;
      height: 5px;
      width: 11px;
      background-image: url(corner.jpg);
    }
    #Titre
    {
      margin-top: 4px;
      margin-left: 228px;
      margin-right: auto;
      margin-bottom: auto;
      padding-left: 8px;
      height: 38px;
      width: auto;
      color: #005480;
      font-size: x-large;
      font-family: arial;
      font-weight: bold;
      background-image: url(Bande.png);
      background-position: left bottom;
      background-repeat: no-repeat;
    }
    #TXTZone
    {
      margin-top: 20px;
      margin-left: 228px;
      margin-right: 22px;
      margin-bottom: auto;
      padding-bottom: 70px;
      min-height: 400px;
      width: auto;
      text-align: justify;
      font-size: small;
      font-family: arial;
      overflow: hidden;
    }
  
  #BigFooter
  {
		position: relative;
		width: 959px;
		margin: 0 auto;
		background-color: red;
    height: auto;
  }
    
    #Footer
    {
      position: absolute;
      top: auto;
      bottom: 0px;
      left: auto;
      right: 8px;
      height: 50px;
      width: 753px;
      color: #005480;
      text-align: center;
      font-size: x-small;
      font-family: arial;
      background-image: url(LigneBas.png);
      background-position: center top;
      background-repeat: no-repeat;
    }
      #Footer a
      {
        color: #005480;
        font-size: x-small;
        text-decoration: none;
      }  
      #Footer a:hover
      {
        color: #005480;
        font-size: x-small;
        text-decoration: underline;
      }    
  
  
  







/* Gestion du menu accordéon */


  .accordion_headings
  {
  	padding: 5px 0px 5px 15px;
  	color: white;
  	cursor:pointer;
  	font-size: small;
    font-family: arial;
  	font-weight:bold;
  	background-image: url(WhiteLineX.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-color: transparent;
  }
  
    .accordion_headings a
    {
    	color: white;
    	cursor:pointer;
    	text-decoration:none;
    	background-color: transparent;
    }
    
    .accordion_headings:hover
    {
      color: white;
      background-color: #083C57;
    }

  .accordion_child
  {
    color: white;
    cursor:pointer;
    font-size: 0.7em;
    font-weight: bold;
    font-family: arial;
  	padding: 4px 0px 4px 25px;
  	background-image: url(BlueLineX.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-color: transparent;
  }
  
    .accordion_child a
    {
      color: white;
      text-decoration:none;
    }
    
    .accordion_child:hover
    {
    	background: #083C57;
    }

  .header_open
  {
  	background-image: url(WhiteLineX.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-color: transparent;
  }
  .header_highlight
  {
  	background-image: url(WhiteLineX.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #083C57;
  }
  .child_highlight
  {
    background: #083C57;
  }
  
/* Gestion des tableaux */

  .MaxSize
  {
    min-width: 50px;
    min-height: 50px;
    max-width: 94px;
    max-height: 94px; 
  }
  .LongMaxSize
  {
    max-width: 188px;
    max-height: 188px;
  }  
  .MaxMaxSize
  {
    max-width: 200px;
    max-height: 200px;
  }
  
/* Gestion de la carte */

  #fond
  {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    height: 474px;
    width: 616px;
    border: 1px black solid;
    background-image: url(carte_fond.gif);
    background-repeat: no-repeat;
  }
  #Domaine
  {
    top: 0px;
    left: 0px;
    right: auto;
    bottom: auto;
    margin-top: 70px;
    height: 474px;
    width: 616px;
  }
  #LSJE
  {
    top: 0px;
    left: 0px;
    right: auto;
    bottom: auto;
    margin-top: -543px;
    margin-left: 291px;
    height: 474px;
    width: 616px;
  }
  #Maria
  {
    top: 0px;
    left: 0px;
    right: auto;
    bottom: auto;
    margin-top: -475px;
    height: 474px;
    width: 616px;
  }
  
.triade
{
  /* 86ccef -- a8d8f0 -- c0e0f0 -- d8e8f0            */
  background-color: #d8e8f0;
  padding: 10px 8px 10px 8px;
  margin-left: 36px;
  margin-right: 36px;
  
}
.precedent
{
  position: relative;
  margin-left: 50px;
}
.suivant
{
  position: absolute;
  right: 75px;
}

.journeeTitre
{
  font-size: 1.2em;
}
.journeeTexte
{
  margin-left: 8px;
  margin-right: 8px;
  font-size: 1em;
}
.BlocGras
{
  width: 100px;
  font-weight: bold;
  margin-left: 0px;
}
.BlocText
{
  margin-top: -17px;
  margin-left: 120px;
}
.BlocText li
{
  margin-left: 40px;
}

#albumCAT a{ text-decoration:none; color:#333; float:left; margin:10px; }
#albumCAT a:hover{ text-decoration:none; }
#albumCAT a img{ padding:3px; border:1px #ccc solid; }
#albumCAT a strong{ display:block; text-align:center; width:100px; }