/* CSS Document */

body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font-size: 80%;
    font-family:"Bitstream Vera Sans", verdana, Arial, Helvetica, serif ;
	background: #cc9933 ;
}
/* On a ajouté de quoi mettre une police de caractère et une couleur de fond */

#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #996600 ;
	background: #fff ;
}
/* Une bordure autour de l'ensemble de la page, et couleur blanche pour le fond de celle-ci */

h1#header
{
	height: 100px;
	background: url(../img/headpanthere.jpg) no-repeat left top;
}
/* Une image de fond correspondant aux 258 pixels de tout à l'heure, attention à bien compresser vos images */

  img#header{
float :left;
margin: 0px 0px 0px 0px;
}

dl, dt, dd, ul, li {
margin: 0 1em;
padding: 0;
list-style-type: none;
}

#menu{
float:left;
width:15em;
padding: 0.5em 0 50em 0;
margin:  0px ;
background: #fff bottom left no-repeat;
}


#menu dt {
cursor: pointer;
list-style-type: none;
text-align: left;
color:#996600;
font-weight:bold;
font-size:120%;
padding: 0;
margin:  0  1em;
}

#menu dd {
text-align: left;
}

#menu li {
text-align: left;
background:  #fff;
}

#menu dt a {
text-decoration: none;
height:1.4em;
line-height:1.4em; /*pour centrer verticalement le texte dans le bouton de lien*/
color:#996600;
}

#menu li a  {
color: #996600;
text-decoration: none;
display: #fff;
border: 0 none;
height:1.4em;
}

#menu dt a:hover {
background: #ffff;
color:#996600;
}

#menu li a:hover {
font-weight:bold;
color:#996600;
}

 
div#contenu
{
	padding: 0 30px 0 200px ;

}
/* On ajoute un petit élément décoratif sur le côté de la page et on crée un espace à gauche et à droite du contenu */


div#contenu h1{
font-weight:bold;
font-size:150%;
padding-bottom:0.2em;
border-bottom: 3px solid #996600;
font-variant: small-caps;
text-indent:0px;
color:#250;
}

div#contenu h2
{
	line-height: 15px ;
	font-size: 1.4em ;
  	color: #996600 ;
	border-bottom: 1px solid #996600 ;
}


div#contenu h3
{
	margin-left: 15px ;
    font-size: 1em ;
	color: #00 ;
}


div#contenu p
{
	text-align: justify ;
	line-height: 1.7em ;
}


div#contenu a
{
	color: #996600 ;
}

div#contenu a:hover
{
	color: #996600;
}
/* On met en forme les liens contenu dans la page */

p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #996600 ;
}
/* Mise en forme de la partie pied de page */


p#comment
{
	margin: 0 ;
	padding-right: 10px ;
    line-height: 30px ;
	font-size: 1.2em ;
    font-weight:bold;
	text-align: right ;
	color: #996600;
}

#comment a
{
	text-decoration:none;
	color: #996600;
}
pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police et un léger espace entre le texte et les bords du pre */

* html pre
{
	width: 636px ;
}

pre span
{
	color: #996600 ;
}
/* Couleur de texte des éléments compris dans des span eux mêmes compris dans un pre */

pre span.comment
{
	color: #996600 ;
}
/* Couleur différente pour les span.comment, les span utilisés pour les commentaires */


 #menuhaut{
margin:  0 ;
padding: 0.1em 0.5em 0.1em 0;
list-style-type: none;
background-color: #996600 ;
font-weight:bold;
text-align:right;
font-size:100%;
color:#fff;
}

#menuhaut li {
display: inline ;
}

#menuhaut a{
color:#fff;
text-decoration: none;
}


table#sample {
    background-color:white;
    border: solid #000 3px;
    width: 500px; 

}

table#sample td {
    padding: 5px;
    border: solid #000 1px;

}

.data {
    color: #000000;
    text-align: center;
    background-color: white;

}

.toprow {
    font-style: italic;
    font-weight: bold;
    text-align: center;
    background-color: #FFFFCC;

}

.leftcol {
    font-weight: bold;
    text-align: left;
    width: 150px;
    background-color: #FFFFCC;

}

.rightcol {
    font-weight: bold;
    text-align: right;
    width: 50px;
    background-color: #FFFFCC;

}


ul#menuevt{
float:left;
width:30em;
padding: 0;
margin:  0;
font:bold 1em Georgia, Times, serif;
list-style-type: none ;
}

#menuevt  a {
display:block;
margin:5px 0;
text-decoration: none;
line-height:25px;
width:200px;
border: 2px solid black;
text-align: center;
border-color: #cecece #4a4a4a #4a4a4a #cecece;
border-style:solid;
}

#menuevt  a:hover {
border-width:3px 2px 2px 3px;
border-color: #4a4a4a #cecece #cecece #4a4a4a ;
}

#menuevt  a span {
display:block;
}

#menuevt  a :hover span {
display:none;
}


table#photo {
    float : left;
  }

table#photo td {
      padding: 5px;
      text-align: center;
      background-color: #fff ;
}