body{ color:#000;font-family: 'Questrial', sans-serif;}


#sidebar {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 238px;
  height: 100%;
  background-color:#FFF;
  opacity:0.5; 
  border-width:1px;
  border-style: outset;
  border-color: #999;}

#menu {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 236px;
  height: 100%;
  color:#DB0073;}
	
#nav {
  list-style: none;
  font-size: 1.1em;}
#nav li {
  margin-left:18px;
  margin-bottom:0px;
  margin-top:1px;
}

#contenu{
	top:25px;
	margin-left:260px;
    margin-right: 50px;
	font-size:1em;}
#contenuvert {top:25px;margin-left:242px;}
#contenuvert li {display:inline-block;padding:5px;margin-top:50px;}
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;}

titre{ margin-top:25px; margin-left:3px;font-size:1.8em; color:#DB0073; line-height:1em; font-weight:lighter; font-weight: bold;}
titre2{ margin-top:25px; margin-left:3px;font-size:1.8em; color:#DB0073; line-height:1em; margin-bottom:3px; font-weight: bold;}

ul{ list-style:none; margin-left:8px; padding:3px;line-height:1em;}
li{ font-size:0.8em; margin-top:0px;}


a {	        color: #666; font-weight:normal;}
a:link {	text-decoration: none;}
a:visited {	text-decoration: none;	color: #666;}
a:hover {	text-decoration: none;	color:#DB0073;}
    hr {visibility: collapse;}


@media (max-width: 1600px) {
img  {
   height: 450px; width: auto; 
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;}
#contenu{margin-top:-15px;
	margin-left:260px;
	font-size:0.8em; }
#contenu img {height: 450px;}

#contenuvert li {margin:5px;}
}

@media (max-width: 640px) {

    hr {visibility: visible}
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: 100%;
   -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;}

titre{
    margin-top:50px;
    margin-left:0px;
    visibility:hidden;}
titre2{ margin-top:55px; margin-left:3px;font-size:1.8em; color:#DB0073; line-height:4em; margin-bottom:-15px; font-weight: bold;}
#redline{
visibility:hidden;}
#menu{
    position:absolute;
    top:-25px;
    text-align:center;
    width: 100%;
    margin:0 auto;}

#contenu{
	margin: 0px auto;
	text-align:center;
	padding-left:0px ;
	padding-right:0px;
	padding-top:160px;
	width: 100%;
	margin-left:0px;}
    
#langue{
	position: absolute;
	top:5px;
	right:5px;
	margin:0;
	z-index: 2;}
#contenu img {height: 100%;}

li{list-style-type : none;display:inline;}
ul{list-style-type : none;display:inline;}
#sidebar {visibility: hidden;height:1px;}
}
#contenuvert contenu{margin: 0px auto;text-align:center;padding-left:0px ;padding-right:0px;padding-top:150px;width: 100%;margin-left:0px;}
}
@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;}
}