img {
      max-width: 100%;
    }
.cards {
      display: grid;
       grid-template-columns: repeat( auto-fill,minmax(230px, 1fr));
       grid-gap: 20px;
      max-width: 1170px;
      margin: 1em auto;
    }

    .card {
      display: grid;
      grid-template-rows: max-content 200px 1fr;
      border: 1px solid #999;
      border-radius: 5px;
      
    }

    .card img {
   object-fit: cover;
      width: 100%;
      height: 100%;
    }

    .card h2 {
      margin: 0;
     padding: .5rem;
    }

    .card .content {
      padding: .5rem;
    }

    .card footer {
      background-color: #1b0a72;
      color: #fff;
      padding: .5rem;
    }
.conteneur {
   border: 1px solid rgb(100, 132, 215);
   border-radius: .5em;
   padding: 20px;
   width: 500px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-gap: 20px;
 }

 .conteneur>* {
   padding: 10px;
   border: 1px solid rgb(128, 131, 156);
   border-radius: .5em;
   margin: 0;
 }#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px groove #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
/**
 * Voici une feuille de style type, bien entendu vous pouvez ajouter
 * ou supprimer des propriétés CSS en fonction de vos besoins.
 */

/**
 * Éléments principaux
 */


/*
* Grille du site
* Barres et page
*/
#contentLeft {
}
#contentRight {
}
#contentSite {
}

/* Bannière */
header {
  background-image: url("./site/file/source/header.png");
}

/* Titre de la bannière */
header span {
}

/* Menu */
nav {
}

/* Items du menu */
nav a {
}

/* Items au survol du menu */
nav a:hover {
}

/* Item courant du menu */
nav a.active {
}

/* Menu latéral */
/* aspect des puces */
ul #menuSide  {
}
/* Block menu à droite */
#menuSideRight {
}
/* Block menu à gauche */
#menuSideLeft {
}


/* Bas de page */
footer {
}

footer #footersite, #footerbody {
}

/* Liens du bas de page */
footer #footersite, #footerbody a {
}

/* footer bloc gauche */
footer #footersiteLeft, #footerbodyLeft  {
}

/* footer bloc central */
footer #footersiteCenter, #footerbodyCenter {
}

/* footer bloc droite */
footer #footersiteRight, #footerbodyRight {
}



/**
 * Éléments de contenu
 */

/* Titres */
h1,
h2,
h3,
h4 {
}

/* Liens */
a {
}

/* Liens au survol */
a:hover {
}

/* Liens au clic */
a:active {
}

/* Boutons */
.button,
button[type='submit'],
.pagination a {
}

/* Boutons au survol */
.button:hover,
button[type='submit']:hover,
.pagination a:hover {
}

/* Boutons au clic */
.button:active,
button[type='submit']:active,
.pagination a:active {
}

/* Cases à cocher */
input[type='checkbox']:checked + label:before {
}

/* Cases à cocher au survol */
input[type='checkbox']:not(:active):checked:hover + label:before,
input[type='checkbox']:active + label:before {
}

/* Champs de formulaire */
input[type='text'],
input[type='password'],
.inputFile,
select,
textarea {
}

/* Champs de formulaire au survol */
input[type='text']:hover,
input[type='password']:hover,
.inputFile:hover,
select:hover,
textarea:hover {
}

/* Modules News et Blog */

.blogDate {
}

.blogPicture {
}

.blogPicture img {
}

.blogComment {
}

.blogTitle {
}

.blogContent {
}

.newsTitle {
    /*background-color: grey;*/
}

.newsContent {
}

.newsSignature {
    color: 	#404040;
}

/* Consentement aux cookies */

/*

#cookieConsent {

  width: 80%;

  color: #FFF;

  background: #212223;

  opacity: 0.9;

}

#cookieConsent a{

  color : yellow;

}

#cookieConsent h3{

  color : red;

}

#cookieConsentConfirm {

  background: rgba(0,0,255,1);

  color: rgba(255,255,255,1);

}

#cookieConsentConfirm:hover {

  background: rgba(0,50,255,1);

  color: rgba(255,255,255,1);

}

*/