body {
  background: #978E39;
  font-family: Helvetica,Arial,sans-serif;
  margin: 0 0 1em 1em;
  padding: 1em 0;
}

h1 {
  font-size: 18px;
  margin: 0;
  padding: 17px 0 3px;
  color: #0;
  text-align: left;
  font-weight: bold; 
}

h2 {
  font-size: 17px;
  color: #0;
  margin: 0;
}

p {
  font-size: 16px;
  margin: 0;
}

a {
  color: #716A28;
}


  div#page {
    text-align: left;    
    margin: 0 auto;    
    width: 1008px;
    padding: 0;
/*    border: 1px solid black;  */
  }

  div#entete {
    margin: 0 auto; 
    width: 1008px;
    height: 92px;
    padding: 0;
    background: #978E39 url(images/brana.gif) no-repeat;
  }

  div#espace {
    margin: 0 auto; 
    width: 1008px;
    height: 22px;
    padding: 0;
    background: #978E39;
  }

  div#hautcadre {
    margin: 0 auto;   
    width: 1008px;
    height: 26px;
    padding: 0;
    background: #978E39 url(images/ligne_haut_cadre.gif) no-repeat;
  }

  div#menu {
    margin: 0 auto;
    float: left;
    width: 213px;
    padding: 0;
    background: #978E39 url(images/ligne_menu.gif) repeat;
    height: 780px;
  }

  div#milieu {
    margin: 0 auto;
    float: left;
    width: 449px;
    padding: 0;
    background: #FFFFFF;
    height: 780px;
/*    border: 1px solid black;  */
  }


  div#colonne_droite {
    margin: 0 auto;
    float: left;
    width:346px;
    vertical-align:top;
    background: #978E39 url(images/ligne_basphoto.gif) repeat;
    height: 780px;
  }
  
  
  div#texte {
    margin: 0 auto;
    width: 440px;
/*    height:544px;*/
    padding: 0;
    background: #FFFFFF;
  }

  
  div#diaporama {
    margin: 0 auto;
    width: 440px;
    text-align: center;
    padding: 0;
    background: #FFFFFF;
  }

  div#fondnoir {
    margin: auto;
    width: 300px;
    height: 209px;
    padding: 0;
    vertical-align:middle;
    background: #000000;
  }

  div#lignenoire {
    margin: auto;
    width: 300px;
    height: 20px;
    padding: 0;
    vertical-align:middle;
    background: #000000;
  }


  div#titre_page {
    margin: 20px 0 30px 0;
    width: 449px;
    height:47px;
    text-align: center;
    vertical-align:middle;
    padding: 0;
    background: #FFFFFF;
  }

  div#outils {
	border:1px solid #D7D7D7;
	float:right;
	padding:10px;
    margin: 0;
    text-align: left;
    vertical-align:middle;
    font-size: 12px;
  }
  
  div#lignevide {
    clear: both;
  }

  
  div#centreimg {
    text-align: center;
  }

  
  div#haut_milieu {
    margin: 0 auto;
    width: 449px;
    height:18px;
    padding: 0;
    background: #FFFFFF url(images/haut_milieu.gif) repeat;
/*    border: 1px solid black; */  
  }


  div#bas_milieu {
    margin: 0 auto;
    width: 449px;
    height:29px;
    padding: 0;
    background: #FFFFFF url(images/bas_milieu.gif) repeat;
  }


  div#haut_menu {
    margin: 0 auto;
    width: 213px;
    height:18px;
    padding: 0;
    background: #FFFFFF url(images/haut_gauche.gif) repeat;
/*    border: 1px solid black;*/  
  }

  div#inter_menu {
    margin: 0 auto;
    width: 213px;
    height:20px;
    padding: 0;
    background: #FFFFFF url(images/inter_menu.gif) repeat;
/*    border: 1px solid black;*/  
  }


  div#ombre {
    float: left;
    margin: 0 auto;
    width:346px;
    height: 595px;
    padding: 0;
    background:url(images/fond_ombre2.gif) left top no-repeat ; 
  }

  div#photo {
    margin-top: 70px;
    margin-left: 77px;
    width:191px;
    padding: 0;
  }

  div#fond_droite {
    margin: 0 auto;
    float: left;
    width:310px;
    height:12px;
    padding: 0;
    background:url(images/fond_droite.gif) left top repeat ; 
  }


ul#menuitem {
    padding:0;
    margin:0 auto;
    list-style-type:none;
    list-style: none;
    width:213px;
    background:url(images/interligne_menu.gif) left top repeat ; 
/*    height:544px;*/
  }

ul#menuitem li {
    margin: 0;
    padding:0;
  }
  
ul#menuitem li a.bio {
    display: block ;
    width:213px;
    height:85px;
    }
  
ul#menuitem li a.bio:hover, ul#menuitem li a.bio:focus, ul#menuitem li a.bio:active {
    margin: 0;
    padding:0;
    visibility: visible;
    background:url(images/bio_over.gif) top left no-repeat;
    height:85px;
  }

ul#menuitem li a.bio:hover img {
    visibility: hidden;
   }

ul#menuitem li a.album {
    display: block ;
    width:213px;
    height:87px;
    }
  
ul#menuitem li a.album:hover, ul#menuitem li a.album:focus, ul#menuitem li a.album:active {
    margin: 0;
    padding:0;
    visibility: visible;
    background:url(images/album_over.gif) top left no-repeat;
    height:87px;
  }

ul#menuitem li a.album:hover img {
    visibility: hidden;
   }


ul#menuitem li a.extraits {
    display: block ;
    width:213px;
    height:80px;
    }
  
ul#menuitem li a.extraits:hover, ul#menuitem li a.extraits:focus, ul#menuitem li a.extraits:active {
    margin: 0;
    padding:0;
    visibility: visible;
    background:url(images/extraits_over.gif) top left no-repeat;
    height:80px;
  }

ul#menuitem li a.extraits:hover img {
    visibility: hidden;
   }


ul#menuitem li a.contact {
    display: block ;
    width:213px;
    height:87px;
    }
  
ul#menuitem li a.contact:hover, ul#menuitem li a.contact:focus, ul#menuitem li a.contact:active {
    margin: 0;
    padding:0;
    visibility: visible;
    background:url(images/contacts_over.gif) top left no-repeat;
    height:87px;
  }


ul#menuitem li a.video:hover img {
    visibility: hidden;
   }


ul#menuitem li a.video {
    display: block ;
    width:213px;
    height:91px;
    }
  
ul#menuitem li a.video:hover, ul#menuitem li a.video:focus, ul#menuitem li a.video:active {
    margin: 0;
    padding:0;
    visibility: visible;
    background:url(images/video_over.gif) top left no-repeat;
    height:91px;
  }


ul#menuitem li a.video:hover img {
    visibility: hidden;
   }


ul#menuitem li a.liens {
    display: block ;
    width:213px;
    height:85px;
    }
  
ul#menuitem li a.liens:hover, ul#menuitem li a.liens:focus, ul#menuitem li a.liens:active {
    margin: 0;
    padding:0;
    visibility: visible;
    background:url(images/liens_over.gif) top left no-repeat;
    height:85px;
  }


ul#menuitem li a.liens:hover img {
    visibility: hidden;
   }


  div#baspage {
    margin: 0 auto;   
    clear: both;
    width: 1008px;
    height: 21px;
    padding: 0;
    background:url(images/bas_page.gif) top left no-repeat;
  }



  div#bascadre {
    margin: 0 auto;   
    clear: both;
    width: 1000px;
    height: 24px;
    padding: 0;
    background: #978E39;
  }


  div#footer {
    text-align: center;    
    margin: 0 auto;    
    width: 1008px;
    height: 24px;
    padding: 0;
    background: #978E39;
  }


  div#bloc_lien {
    text-align: left;    
    clear: both;
    margin: 0 auto;    
    height: 90px;
    padding: 0;
  }

#footer a {
  color: #FFFFFF;
}


.img_liens {
	border: 4px solid #978E39;
	padding: 0;
  margin-right: 6px;
  margin-top: 2px;
}

textarea.codecontainer{
	border: 1px dashed gray;
	width: 98%;
	height: 50px;
	background-color: #EFEFEF;
	margin-top: 1em;
	clear: left;
	padding-left: 5px;
}