* {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 15px;
}

body {

  background-color: silver;
  background-position: top center;
  background-image: url(images/background.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed

	}

#principal{
	height:100%;
}


#logo{
margin:3em 0 0 3%;
}

#logo img{
border-color: black;
border-width: thin thin thin thin;
border-style: solid
}

#logo a{
color:#000;
background-color:transparent;
}

#contenu {
	color : #211884;
	padding-top : 50px;
	padding-left:10px;
	padding-right: 30px;
	margin-left:250px;
      text-align: justify;
}


#menu {
	float: left;
	width: 130px;
	padding-top : 100px;
	padding-left:5px;
}

#menu h1 {
color : #6D62FF;
font-size: 16px;
font-weight: bold;
margin-bottom:3px;
}

#menu ul {
margin-left:0px;
margin-top:0px;
padding-left: 15px;

}

#menu li {
padding: 0.5em;
background-color: #ffecce;
color : #6D62FF;
border-color: #666666;
border-width: thin medium medium thin;
border-style: solid;
list-style-type: none
}

#menu li span {
color: white;
}

#menu li a {
color: black;
}
#menu li a:hover {
color:#ff0000;
}


#contenu h1 {
font-size : 20px;
text-align: right;

}

#contenu h2 {
font-size : 30px;
color: red;

}

#contenu hr {
height: 5px;
text-indent: 2em;
}

#contenu a:link { color: #211884; }
#contenu a { color: #211884; }
#contenu a:hover { color: black; }

#contenu img{
border-color: black;
border-width: thin thin thin thin;
border-style: solid
}

#contenu .photos {
text-align:left;
}


#pied{
margin-left:250px;
margin-top:20px;
text-align:center;
}