body {
	font-family:Inter,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
  color: #3E3E3E;
  line-height: 1.3;
  margin-left: 1.25em;
  /*font-family: Roboto, Arial, sans-serif;*/
   background: #fff;
}
#haut {
  display: block;
  height:235px;
  background: #000;
  width: 100%;
  padding: 5px 10px 5px 20px;
}
#entete {
  display: block;
  width:100%;
  height:100%;
}
#contenu {
	margin-left:280px;
  width: 55%;
   padding: 30px;
  position: flex;
 }
 .tab1{width:100%;font-size:15px;margin:0 auto;}
 
 .clear{clear:both;}
 #gauche{
	 
 float:left;
 width:210px;
  top:400px;
  display: block;
  padding: 10px 10px 20px 35px;
  background-color: #FF7900;
  border-radius: 10px;
  height:auto;
  font-size:14px;
    }
	#gauche a {
  color: white;
  text-decoration: underline;
  text-decoration-color: grey;
}
 #droite {
  position: absolute;
  top: 300px;
  right: 0;
  padding: 15px;
  background: #FFA07B;
  border-radius: 10px;
  width: 22%;
  height: auto;
  
}
 .date{
	display:inligne-flex;
 font-size:0.75em;
 }
.image {
  float: left;
  margin-left: 0;
  vertical-align: top;
  padding:0 10px 0 0;
}
.mini {
  line-height: 1.0;
  margin-left: 1.25em;
  font-size: 1em;
  font-family: Roboto, Arial, sans-serif;
  color: gray;
}
h1{
display:flex;
font-size:25px;
padding:0;
margin: 0;
top:0;
text-align: right;
}
h2{
	color:dark;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
}
h3{font-size:14px;
	font-style:normal;
	}
.artiste {
  width: 370px;
  margin-top: -508px;
  margin-left: 415px;
  padding: 10px;
  box-shadow: 2px 5px 15px blue;
}
a{
	text-decoration:none;
	color: blue;
}

.gsc-search-box .gsc-input {
  height: 10px;
}
#pied{font-size:13px;}

@media (max-width: 768px) {
	.date{
	display:bloc;
	font-size:0.5em;
 
 }
  
  .image {
  float: left;
  margin-left: 0;
  vertical-align: top;
  
  max-width:44%;
  max-height:44%;
}
.logo{
	display:flex;
	font-size:0.7em;
	font-family: Arial, sans-serif;
	padding:0;
margin: 0;
top:0;
text-align: left;
		}
		.tab1{font-size:13px;}
.tab2{
	width:90%;}
 h1{
display: flex;
padding:0;
margin: 0;
top:0;
text-align: left;
font-size: 0.90em;
}
h2{
	font-size:16px;
font-style:bold;
}
 #reseaux{
	width:50%; 
	 height:50%;
 }
 #haut {
  display: block;
  height:80%;
  background: #000;
  width: 86%;
  padding: 0 50px 0 10px;
}
  
  #contenu {
    margin-left: 0px;
    width: 100%;
    padding: 20px;
    position: flex;
    flex-direction: column;
  }
  #droite {
 display:none;
  
}
.non-texte{
	display:none;
}
#gauche{
	width:90%;
	clear:both;
}
 .artiste{margin-left:0px;margin-top:40px;padding:10px}
  
  
}