body {

    background-color: #B6B6AB;

    font-size: 12px;

    font-family: Verdana, Arial, Helvetica, sans-serif;

}



h1 {

    font-size: 14px;

    text-align: center;

}



h2 {

    font-size: 13px;

    text-align: left;

}



a {

    text-decoration: none;

    //color: #70C000;
	color: #FFFFFF;

}



a:hover {

    text-decoration: underline;

}



img {

    border: 0px;

}



ul.puces {

    list-style-image: url(../img/fleche.gif)

}



.centre {

    text-align: center;

    position: relative;

    margin-left: auto;

    margin-right: auto;

}



.commentaire {

    font-size: 11px;

    font-style: italic;

}



#container {

    position: relative;

    color: #505050;

    background-image: url(../img/carte.gif);

    background-repeat: no-repeat;

    width: 700px;

    height: 450px;

    margin-left: auto;

    margin-right: auto;

    text-align: left;

    padding-top: 50px;

    padding-left: 50px;

}



#langue {

    position: relative;

    text-align: left;

    font-size: 10px;

    color: #505050;

    font-style: italic;

}



#langue a {

    font-size: 10px;

    color: #505050;

}



#photo {

    position: absolute;

    background-image: url(../img/robin.jpg);

    background-repeat: no-repeat;

    width: 107px;

    height: 160px;

    left: 440px;

    top: 185px;

}



#texte {

    position: relative;

    text-align: left;

    top: 0px;

    left: 5px;

    width: 550px;

}



#texte p {

    text-align:justify

}



#texte p.gauche {

    text-align: left;

}



#texte p.droite {

    text-align: right;

}



#menu {

    position: absolute;

    text-align: left;

    font-size: 14px;

    font-weight: bold;

    color: #808080;

    top: 6px;

    left: 0px;

    width: 500px;

    height: 14px;

}



#menu ul {

    color: #505050;

}



#menu li {

    display: inline;

    list-style-type: none;

}



#menu a {

    color: #505050;

}



#menu a:hover {

    text-decoration: none;

    color: #A0F000;

}



#menu a span {

    display: none;

}



#menu a:hover span {

    display: inline;

    position: absolute;

    font-size: 12px;

    top: 14px;

    left: 320px;

    width: 305px;

    height: 12px;

    text-align: right;

    color: #505050;

    font-style: italic;

}



#container h1 {

    font-size: 16px;

    text-align: center;

    margin-bottom: 40px;

}



#footer {

    color: #808080;

    position: absolute;

    top: 440px;	

    font-size: 10px;

    width: 550px;

    text-align: center;

}





#centre {

    color: #808080;

    position: absolute;

    top: 150px;	

    font-size: 12px;

    width: 550px;

    text-align: center;

}



#centre a:hover {

    font-size: 14px;

    font-weight: bold;

    text-decoration: none;

}



#footer p {

    margin-bottom: 10px;

    margin-top: -2px;

}



.bouton {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #505050;

    background-color: #FFFFFF;

    font-size: 12px;

}



input, textarea {

    border: 1px solid #B6B6AB;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 12px;

    color: #505050;

}



input:hover, textarea:hover {

    border: 1px solid #70C000;

}