* {
  box-sizing: border-box;
}

 

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 15px;
  border: 5px  ;
}



/* taille des colonnes par défaut --------------------------------------------- */
.col-0 {width: 12.5%;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.col-13 {width: 1%;}
.col-14 {width: 16.16%;}
.col-15 {width: 0%;}
.col-16 {width: 0%;}
.col-17 {width: 0%;}

/* pour les ecrans avec une largeur inf à 795 px tous tes colonnes ont une taille de 100%  */
@media only screen and (max-width: 795px) { 
  [class*="col-"] {
    width: 100%;
      }
  }


/* taille des colonnes pour les ecrans avec une largeur  comprise entre  795 px  et 1200 px */
@media only screen and (min-width: 796px) and (max-width: 1200px) {
 .col-8 {width: 100%;  }
 .col-5 {width: 47%;} 
 .col-2 {width: 6%;}
.col-4 {width: 100%;}
.col-15 {width: 15%;}
.col-16 {width: 15%;}
.col-17 {width: 15%;}

}  


/* taille des colonnes pour les ecrans avec une largeur  comprise entre  1201 px  et 1520 px */
@media only screen and (min-width: 1201px) and (max-width: 1520px) {
.col-8 {width: 100%;  }
.col-5 {width: 41.66%;}
.col-2 {width: 16.66%;}
.col-4 {width: 33.33%;}
.col-15 {width: 15%;}
.col-16 {width: 15%;}
.col-17 {width: 15%;}

}  


/* taille des colonnes pour les ecrans superieux à 1400 px  :  valeurs par défaut */




@media only screen and (max-width: 1400px) {
/*= pas affiché sur ecran de moin de 1400px  ------ */
  div.nonesurpetitecran {
    display: none;
  }
}

@media only screen and (min-width: 1401px){
  div.nonesurgdecran {
    display: none;
  }
}






@media only screen and (max-width: 999px){
  div.blpassurtel {
    display: none;
  }
}

@media only screen and (min-width: 1000px){
  div.blpassurtab {
    display: none;
  }
}

@media only screen and (min-width: 501px){
  div.blsurtabvert {
    display: none;
  }
}


@media only screen and (max-width: 500px){
  div.blsurtelpassurtab {
    display: none;
  }
}


blsurtelpassurtab




/* taille des colonnes --------------------------------------------- */



.blmargin {
  margin  35px;
}



hr {
    border: none;
    border-top: 3px double #2095F2;
    color: #2095F2;
    overflow: visible;
    text-align: center;
    height: 5px;
}


.txtcenter{
 text-align: center;
}


.imgcenter{

  margin-left: auto;
  margin-right: auto;
}




.floatleft-mo {
float:left;
display: table;
}



/* Clear floats after the columns */
.row-mo:after {
  content: "";
  display: table;
  clear: both;
}



.blw3-card {
    box-shadow:0 2px 5px 0 rgba(148,00,211,0.16)     
}


.couleur-mo {
  color: DarkViolet
}

.couleur-noir {
  color: black
      }


.blbox {
  height: 550px;
}


.blboxbas {
  height: 350px;
}


.bltext-block {
  position: absolute;
  bottom: 5px;
  right: 20px;

  color: black;
  padding-left: 20px;
  padding-right: 20px;
}


.blcontainer {
  position: relative;
}


.blrond {
  border-radius: 50%;
}


.imgettexte {
/*  background-color: yellow; */
      text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.imgettexte li {
  display: inline-block;
 /*  font-size: 20px;
  padding: 20px; */
}