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

#global {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 95%;
  font: 0.9em "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: -20.5em;
  top: 10%;
  width: 20em;
  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;
  font-size: 0.8em;
}

#menu a {
  outline: none;
  text-decoration: none;
}
#menu:hover { right: 0 }

#menu {transition: 0.2s}

#menu li {
  list-style: none;
  padding-top: 0.5em;
  color: #ffffff;
}

#menu li a {
  color: #ffffff;
}


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

/*.columns li a {
  color: #000000;
}*/

.columns {
  column-width: 12em;
}

.rouge {
  color: #ff0000;
}





/*
.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;
} 
*/