body {
  margin: 0; /* pour éviter les marges */
}

#global {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 95%;
  font: 1em "Open Sans", sans-serif;
}

#entete, #menu, #contenu, #footer {
  padding:1px 0;
}

#entete {
  /*background-color:#FFFFF;*/
  text-align:center;
}

#piedpage {
  text-align:center;
  font-size: 0.6em;
}

#content {
  display: inline;
}

#menu {
  position: fixed;
  right: -16.5em;
  top: 10%;
  width: 16em;
  background: hsla(80, 90%, 40%, 0.8);
  color: white;
  margin: -3em 0 0 0;
  padding: 0.5em 0.5em 0.5em 2.0em;
  box-shadow: 0 1px 3px black;
  border-radius: 3em 0.5em 0.5em 3em;
  border-right: none;
}

#menu:hover { right: 0 }

#menu {transition: 0.2s}

li {
  list-style: none;
  padding-top: 0.3em;
}

li a {
  color: #ffffff;
}




/*
.centrage {
  text-align: center;
}

a {
	display:inline-block;
	margin: 0 30px;
  color: #000000;
}
a:hover {
	display: inline;
	list-style: none;
  color: #dc4700;
}

#nav {
	padding: 0; 
  margin: 0;
	text-align: center; 
  margin-top: 30px;
  margin-bottom: 30px;
}
#nav li {
	display: inline;
	list-style: none;
}
#nav a {
	display:inline-block;
	margin: 0 30px;
  color: #000000;
  text-decoration:none;
}
#nav li a:hover {
	display: inline;
	list-style: none;
  color: #dc4700;
}

.txt {
  line-height: 2em;
}

.orange {
  color: #dc4700;
}

p::first-letter {
  font-size: 130%;
  padding-left: 20px;
}

img {
  margin: 10px;
}

.lettre2 {
  font-size: 130%;
}
*/

/*
ul {
  padding:0;
  margin:0;
  list-style-type:none;
}
li {
  margin-left:20px;
  float:center;
}
ul li a {
  display:block;
  float:center; 
  width:auto;
  background-color:#ffffff;
  color:black;
  text-decoration:none;
  text-align:center;
  padding:5px;
  border:2px solid;
  border-color:#DCDCDC #696969 #696969 #DCDCDC;
}
ul li a:hover {
  background-color:#D3D3D3;
  border-color:#696969 #DCDCDC #DCDCDC #696969;
} 
*/