@font-face {
	font-family: everett;
	src: url('font/everett-light.otf'), url('font/everett-regular.otf');
}
body {
  font-family: everett;
  padding: 0px;
  background: #80a4ff;
  overflow-x: hidden;
  width: 100%;
  margin: 0px;
}
.source{
	text-align:center;
	background: #80a4ff;
	margin:0px;
	padding:5px;
	font-size:13px;
	line-height: 11px;
	/*font-style: Light;*/
	letter-spacing: 1px;
	}

#texte-bleu{
	color: #80a4ff;
	}

.source2{
	text-align:center;
	background: white;
	margin:0px;
	padding:350px;
	height:1vw;
	border: thick black solid;
	border-width:1px;
	line-height: 20px;
	font-style: Light;
	letter-spacing: 1.5px;
	font-size:17px;
	}

#clique{
	overflow:hidden;
	background: #80a4ff;
	
	}


.header {
  padding: 10px 20px 10px 20px;
  font-size: 15px;
  letter-spacing: 10px;
  color: black;
  text-align: center;
  background-color: #80a4ff;
  margin-bottom: 0px;
  margin-top: 0px;
	}

.case {
border: thick black solid;
border-width:1px;
  overflow: auto;
  background-color: #f3f2ec;
  padding: 0px;
  margin-right: 0px;
  letter-spacing: 1.5px;
  column-count: 2;
  column-width: auto;
  margin-bottom: 0px;
  padding-bottom:0;
    display: grid;
  	width: 100%;
  grid-template-columns: 68% 32%;
    grid-auto-rows: minmax(100px, auto);
	background-color:#fff159;
	line-height:0;
	overflow:hidden;
	}
	
img {
	grid-column: 1;
  width: 100%;
  padding: 0px;
  margin: 0;
  line-height:0;
  	background-color:#fff159;
	}
	
.image{
	line-height:0;
	background-color:#fff159;
	height:100%;
	}
	
.texte {
	grid-column: 2;
	padding: 20px;
	margin: 0px 20px 20px 20px;
	color: black;
	line-height: 22px;
	font-style: Light;
	letter-spacing: 1.5px;
	font-size:15px;
	}

.footer {
  padding: 0px;
  text-align: center;
  background: #fff159;
  margin-top: 0px;
  color: black;
  width:100%;
	}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 900px) {
 
.case {
	column-count: 1;
	 grid-template-columns: 100%;
	}
	
.texte{
	grid-column: 1;
	}


.source2{
	padding:50px;
	height:40vw;
	}

br{
	display:none;	
	}  

}