body{
  background-color: #3688ae;
}


section {
  display:flex;
	/*background:red;*/
}

#sectionA {
  flex:1;
	/*border:solid 1px green;*/
}

#sectionB {
  flex:1;
	/*border:solid 1px yellow;*/
}

article {
  padding-right:10px;
  padding-bottom:40px;
  overflow:hidden; /* ajuste la hauteur */
	/*background:lightgray;
	border:solid 1px blue;*/
}


img.mec {
  float:left;
  margin-bottom:1px;
}


.italik {
  font-style:italic;
}


/* breakpoints */

/* Extra small (XS) : 576 pixels */

 @media only screen and (min-width: 576px) { 
  .italik{font-size:15px;}
  img.mec {width:150px; margin-right:15px;}
 }
 
@media only screen and (max-width: 576px) { 
  .italik{font-size:13px;}
  img.mec {width:110px; margin-right:11px;}
 }

/* Orientations */

@media (orientation: landscape) {
  section {flex-direction: raw;}
  #sectionB {padding-left:40px};
}

@media (orientation: portrait) {
  section {flex-direction: column;}
}