body, html{ color:#333;font-family: 'EB Garamond', serif; 
	background-color:#fff;
	margin:0;
	padding:0;
}

#menu {
  width:300px; margin: 20px;
    text-align: left;position: fixed;
z-index: 1;}
#langue {text-align: right; margin-right: 25px;margin-top: 0px;}
#article {width: 700px;  margin-left: auto; margin-top: 0px;
  margin-right: auto;
}

h1{margin-bottom: 0px;}
h2{ font-size: 2em; font-weight: bold; }
h3{ color:#DB0073; display: inline; line-height:1.5em}
h4{font-weight: bold;  line-height:0em; margin-bottom: 10px; margin-top:18px;}

bleu{color:#000066;}

ul {}
li {list-style: none;margin: 5px;line-height: -50px;}


a {	        color: #666; font-weight:normal;}
a:link {	text-decoration: none;}
a:visited {	text-decoration: none;	color: #666;}
a:hover {	text-decoration: none;	color:#000066;}

#article a {	        color: #000066; font-weight:normal;}
#article a:link {	text-decoration: none;}
#article a:visited {	text-decoration: none;	color: #000066;}
#article a:hover {	text-decoration: none;	color:#666;}

@media (max-width: 1150px) {


html, body, element1, element2 {
   width: auto;
   margin: 0;
   padding: 0;}

img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%; }

img {
   height: auto; width: 50%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box; }

textarea, table, td, th, code, pre, samp {
   word-wrap: break-word;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;}
    
code, pre, samp {
   white-space: pre-wrap;}

element1, element2 {
   float: none;
   width: auto;}

.hide_mobile {
   display: none !important;}

#article {  margin-top: -20px; width: 100%;
}
	
#menu {
margin-top: 35px; line-height: -10px;width:95%; text-align: center; position: absolute; margin-right: 0px; margin-left: 0px;}
li {display:inline;margin: 2px; margin-top: -10px;}
    #langue {text-align: center; margin-right: 0;margin-top: -20px;width:100%;}
#canvas{
    padding-top: 50px;
    width: 50px;
}
@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;}
}