body{
  background-color: #3688ae;
}

.imageKg {
  float: left;
  margin-right: 10px;
  cursor: pointer;
}

.imageKd {
  float: right;
  margin-left: 10px;
  cursor: pointer;
}

.imageG {
  float: left;
  margin-right: 10px;
}

.imageD {
  float: right;
  margin-left: 10px;
}

.icenter { 
  text-align: center;
  font-style: italic;
}

.lien_priere {
  padding: 0px 20px 10px 20px; /* haut | droite | bas | gauche */
}

/* ----------------- */
/* tableau 2 colones */
/* ----------------- */

section {
  display:flex;
  padding-top:30px;
  padding-bottom:30px;
	/*background:red;*/
}

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

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

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

@media (orientation: portrait) {
  section {flex-direction: column;}
  #sectionB {padding-top:30px};
}