#section{
display: flex;
min-height: 100vh;
align: stretch;


}
.col{width:100%;}
.col:first-child{margin-left:0;}

.un{
float:left;
background-color: #4c0504;



width:18%;
box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.5);





}
.deux{

width:82%;



float:left;






}



.trois{

width:80%;
padding: 15px 0px 10px 65px;




float:left;

-webkit-column-count:2; /* Opera, Safari, Google Chrome */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; /* Internet Explorer */
    column-gap: 30px;



}

.quatre{

width:90%;
margin : 30px;

float:left;






}

div.dt {
  text-indent: -18px;
 padding-bottom: 5px;
 break-inside: avoid-column;

}

div.dt2 {
  text-align: right;
}

 div.dt3 {
  text-align: right;
}


div.dt4 {
  text-indent: -18px;
 padding-bottom: 5px;
 column-break-inside:avoid;

}


div.dt8 {
  text-indent: -18px;
 padding-bottom: 5px;
break-inside: avoid;
 


}



.drap { max-width: 100%;
 }
 
 
j6{
	
	font-size: 14px;
	text-align: left;
	
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #000;
	padding-bottom: 10px;
	line-height: 20px;
	
	
	
	
	
}

j7{
	
	font-size: 18px;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #000;
	padding-bottom: 10px;
	line-height: 25px;
	white-space: pre-line;
	
	
}




hr.style2 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


hr.invisible {
float:left; width:100%; margin:20px 0px; }
 
 

@media screen and (max-width: 860px) {

.un {display: none;}


.trois{

width:80%;


float:left;

-webkit-column-count:1; /* Opera, Safari, Google Chrome */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; /* Internet Explorer */




}


}