/* 18/06/2024 JFL */
/* Importation police écriture RALEWAY de Google Font .......... Non utilisé sur cette page ...... Utilisation Police ARIAL */
/* @import url("https://fonts.googleapis.com/css2?family=Raleway&display=swap"); Raleway Bold 400  */
/* @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap'); /* Raleway Bold 700  */

body {
  margin: 0;
  padding: 0;
  font-family: Arial /*"Raleway", sans-serif*/;}
  
header {
  text-align: center;}
header .principal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: White;}
header .principal .title1 {
  padding: 0px 30px;
  color: White;
  background-color: OrangeRed;}

section { /* Section contenant toutes les lignes de vignettes */
  text-align: center;}
section .bloc { /* Lignes de diapositives */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  min-width: 600px;} /* balise min-with pour éviter la déformation du tableuu sur petits écrans comme ceux des smartphones */
  
.tableau {
  float: left;
  width: 600px; /* Largeur maxi pour vision sur smartphone */
  height: 700px;}
.tableau .cellule1 {
  float: left;
  width: 115px;
  height: 120px;
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5em;
  border: #000 1px solid;
  color: #FFF;
  background: DarkBlue;}

.tableau .cellule2 {
  float: left;
  width: 115px;
  height: 100px;
  text-align: center;
  line-height: 1.5em;
  font-size: 0.8em;
  font-weight: bold;
  border: #000 1px solid;
  color: Black;
  background: White;}

footer {
  text-align: left;
  color: white;
  background-color: OrangeRed;
}  
	
footer .ligne-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;	
}	

footer .ligne-footer .bloc {
  min-height: 180px; /* min-height : permet une bonne organisation du bloc lorsque l'image est rétrécie sur les écrans de smartphone. */
  width: 500px;
  margin: 0px 30px 30px 30px; 
}

/* Ligne de logos fournisseurs */
footer .ligne-logo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: AntiqueWhite;  
}

footer .ligne-logo .bloc  img {
  height: 90px;
  width: 180px;
  margin: 10px;
}

img {border: none}