body{
background-color:black;
margin: 0;
display: table;
height: 100%;
width: 100%;
}
#texteblanc{
color:white;
list-style-type:none;
font-size:1.8em;
}
footer{
height: 1px;
background-color:white;
display: table-row;
width: 100%;
}
header{
height: 1px;
background-color:white;
display: table-row;
}
.centre{
text-align:center;
color:white;
font-size:1.5em;
font-family: Courier new;
}
.tabled{
float:right
}
.tablec{ 
margin:auto;
border-collapse:separate;
border-spacing: 5rem 0rem;
}
#img{
max-width: 40%;
width: 100%;
}
a{
text-decoration:none;
color: blue;
text-align: right;
}
.deuxvaleurs {
border-collapse: separate;
}
.note {
margin:auto;
background-color:white;
border:1px dotted #CCCCCC;
padding:0.5em;
text-align:center;
}
@media (max-width: 50em) {
#menu{
background-color:red;
}
.menu {
display: none;
flex-basis:100%;
list-style:none;
}
.menu-checkbox:checked ~ .menu {
display: block;
} 
.menu-checkbox {
opacity: 0;
position: absolute;
top: -1000px;
}
.menu-checkbox:focus + .menu-toggle {
outline: #00A1A1 auto 5px;
}
.menu-toggle {
padding: .5em 1em;
color: blue;
}
.container {
height: auto;
color: black;
width: 350px;  
padding-top:10px; 
padding-bottom:10px;
border: 3px solid #A0A0A0; 
text-align: left;
background: white;
margin: 0 auto;
font-size:1em;
overflow-wrap: break-word;
}
.contenue {
height: auto;
color: white;
list-style-type:none;
font-size:1.8em;
padding: 25px;
}
.projet {
width:70%;
}}
@media screen and (min-width: 50em) {
.menu {
flex-basis: auto;
margin: 0;
max-height: 1000px;
opacity: 1;
padding: 0;
visibility: visible;
text-align:center;
font-size:1.8em;
}
.menu-toggle,
.menu-checkbox {
display: none;
}
.menu li {
border: none;
display: inline-block;
}
.menu li a {
padding: .5em;
}
.container {
height: auto;
color: black;
width: 1100px;  
padding-top:10px; 
padding-bottom:10px;
border: 3px solid #A0A0A0; 
text-align: left;
background: white;
margin: 0 auto;
font-size:1.8em;
}
.contenue {
height: auto;
color: white;
list-style-type:none;
font-size:1.8em;
padding: 100px;
}
.projet {
width:70%;
}}
#agauche {
text-align: left;
}
#adroite {
text-align: right;
}
#centrétab {
text-align: center;
width:100%;
}
iframe {
background-color:white;
}
.img {
width: 100%;
}
#center {
text-align:center;
color:white;
font-size:1em;
font-family: Courier new;
}
.margeprojet{
margin-left:7%;
margin-right:7%;
}
@media print {
body {
width: auto;
margin: auto;
font-family: serif;
font-size: 12pt;
background-color: #fff;
color: #000;
}
p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, div {
color: #000;
margin: auto;
}
.print {
display: block;
}
p, blockquote {
orphans: 3;
widows: 3; 
}
blockquote, ul, ol {
page-break-inside: avoid;
}
h1 {
page-break-before: always;
}
h1, h2, h3, caption {
page-break-after: avoid;
}
a {
color: #000;
text-decoration: underline;
}
.container {
height: auto;
color: black;
width: 99%;  
padding-top:150px; 
padding-bottom:10px;
border:none; 
text-align: left;
background: white;
margin:auto;
font-size:1.75em;
overflow-wrap: break-word;
}
.contenue {
padding-top:150px;
height: auto;
color: black;
font-size:1.8em;
}
.projet {
width:80%;
}
header {
display: none;
}
footer {
position: absolute;
top: 10px;
}
#agauche {
text-align: left;
}
#adroite {
text-align: right;
}
#centrétab {
text-align: center;
width:100%;
}}