.bas {
      padding-top:10px;
	  height:260px;
  	  text-align:left;	
	  background-color:#FFFFFF;
	  border-top:1px;
      border-bottom:0px;
	  border-left:0px;
	  border-right:0px;
	  border-style: solid;
	  border-top-color:#d3d2d1;
	  margin-top:2%;
}	

footer {
/* forcer l’affichage sous le contenu et la colonne */
      clear:both;
      background: #ffffff;
      margin-top:1%;
	  width:100%;
}

/* colonnes footer */
.column {
  	float: left;
  	text-align:left;
  	width: 25%;
  	margin-left:2%;
  	margin-top:55px;
	margin-bottom:0px;
  	height: auto; /* Should be removed. Only for demonstration */
}

.column a:link, a:visited {
   color: #584a40;
   text-decoration: none; 
}

.column a:hover, a:active {
   color: #6abfa0;
   text-decoration: none; 
}	

.column h1 {
	  letter-spacing:0px;
	  font-size:1.2em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
}

.column h2 {
	  letter-spacing:0px;
	  font-size:1.2em;
  	  font-family: "Anton SC", serif;
	  font-weight:400;
	  color:#584a40;
}

.column p {
	  letter-spacing:0px;
	  font-size:1.2em;
  	  text-align:center;
  	  font-family: "Noto Sans", serif;
	  font-weight:400;
	  color:#584a40;
 	  line-height:1em;
}

/* Footer */

.footer {
  float: left;
  width: 100%;
  padding: 0 0px;
  background-color:#ffffff;
}

/* Pied de page */
.columnBas {
  background-color:none;
  float: left;
  width: 25%;
  padding-top:2%;	
  padding-left:0%;
  padding-right:0%;
  padding-bottom:2%;	
}

.cardBas a:link {
  color: #584a40;
  text-decoration:none;
}

.cardBas a:visited {
  color: #584a40;
  text-decoration:none;
}

.cardBas a:active {
  color: #584a40;
  text-decoration:none;
}

.cardBas a:hover {
  color: #6abfa0;
  text-decoration:none;
}

.cardBas p {
  color: #584a40;
  text-align: left;
  font-size: 0.6em;
  font-family: "Noto Sans", serif;
  font-weight:400;
  padding-right:5%;
  padding-left:5%;
}

.cardBas h1  {
  color: #584a40;
  font-family: "Anton SC", serif;
  font-weight:400;
  text-align: left;
  font-size: 1.1em;
  margin-bottom:2%;
  padding-left:5%;
}

.cardBas h3  {
  color: #bdbdbd;
  font-family: "Anton SC", serif;
  font-weight:400;
  text-align: left;
  font-size: 1.4em;
  padding-bottom:2%;
  padding-left:5%;
}	

.cardBas img  {
  padding-right:0%;
  margin-top:0%;
  border:0;
  text-align:left;
}

/* Footer logos */
.basCertification {
  padding-top:2%;
  background-color:#FFFFFF;
  height:120px;
  margin-top:0%;
  border:none;
  text-align:left;	
}	

.columnBasL {
  background-color:none;
  float: left;
  width: 25%;
  height:120px;	
  padding-top:0%;	
  padding-left:0%;
  padding-right:0%;
  padding-bottom:0%;	
}

.cardBasL a:link {
  color: #584a40;
  text-decoration:none;
}

.cardBasL a:visited {
  color: #584a40;
  text-decoration:none;
}

.cardBasL a:active {
  color: #584a40;
  text-decoration:none;
}

.cardBasL a:hover {
  color: #6abfa0;
  text-decoration:none;
}

.cardBasL p {
  color: #584a40;
  text-align:center;
  font-size: 0.7em;
  font-family: "Noto Sans", serif;
  font-weight:400;
  padding-right:0%;
  padding-left:0%;
}

.cardBasL h1  {
  color: #584a40;
  font-family: "Anton SC", serif;
  font-weight:400;
  text-align:center;
  font-size: 1.1em;
  margin-bottom:2%;
  padding-left:0%;
  padding-right:0%;
}

.cardBasL h3  {
  color: #bdbdbd;
  font-family: "Anton SC", serif;
  font-weight:400;
  text-align: center;
  font-size: 1.4em;
  padding-bottom:2%;
  padding-left:5%;
}	

.cardBasL img  {
  padding-right:0%;
  margin-top:0%;
  border:0;
  text-align: center;
}

/* Footer Comptage */
h2 {
  letter-spacing:0px;
  font-size:1.2em;
  text-align:left;
  font-family: "Anton SC", serif;
  font-weight:400;
  color:#584a40;
  padding-left:5%;
  line-height:1em;
}

.columnAvBas {
  background-color:#68976d;
  height:170px;
  float: left;
  width: 25%;
  padding-top:10px;
  padding-bottom:5px;
}

.cardAvBas {
  padding-top:2%px;
  padding-bottom:2%px;
}

.cardAvBas p  {
  color: #ffffff;
  text-align: center;
  font-size: 1.2em;
  padding-left:2%;
  font-family: "Anton SC", serif;
  font-weight:400;
  margin-bottom:10px;
}

.cardAvBas h1  {
  color: #ffffff;
  text-align: center;
  font-size: 1.2em;
  font-family: "Anton SC", serif;
  font-weight:400;
  margin-bottom:10px;
}

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

/* Remove extra left and right margins, due to padding */
.row {margin: 0 10àpx;}


/* Responsive columns */
@media screen and (max-width: 600px) {

/* Footer logos */
	
.columnBasL {
  width: 98%;
  padding-left:1%;
  padding-right:1%;
  display: block;
  margin-bottom: 0%;
}
	
	
/* Style the counter cards */
.cardBasL {
  text-align: center;
}

.cardBasL {
  background-color:#ffffff;
  text-align: center;
  height:auto;
  float: left;
  width: 100%;
  padding-top:0%;
  padding-bottom:0%;
}

.cardBasL h1  {
  color: #ffffff;
  font-family: "Anton SC", serif;
  font-weight:400;
  font-size: 1.1em;
  margin-top:0%;
  margin-bottom:0%;
  text-align:center;	
  padding-left:0%;	
}

.cardBasL p {
  color: #ffffff;
  font-size: 0.6em;
  font-family: "Noto Sans", serif;
  font-weight:400;
  text-align:center;	
  padding-left:0%;	
}	

.cardBasL h3  {
  color: #bdbdbd;
  font-family: "Anton SC", serif;
  font-weight:400;
  text-align: left;
  font-size: 1.4em;
  padding-bottom:2%;
  padding-left:0%;
}	

.cardBasL img  {
  padding-right:0%;
  border:0;
  width:auto;
  text-align:center;
}	
	
/* Footer Pied de page */
.columnBas {
    width: 100%;
    display: block;
    margin-bottom: -10px;
}

/* Style the counter cards */
.cardBas {
  padding: 16px;
  text-align: left;
}

.columnAvBas {
  background-color:#68976d;
  text-align: center;
  height:auto;
  float: left;
  width: 100%;
  padding-top:1%;
  padding-bottom:1%;
}

.cardAvBas h1  {
  color: #ffffff;
  font-family: "Anton SC", serif;
  font-weight:400;
  font-size: 1.1em;
  margin-bottom:2px;
  text-align:center;	
  padding-left:2%;	
}

.cardAvBas p {
  color: #ffffff;
  font-size: 1em;
  font-family: "Anton SC", serif;
  font-weight:400;
  text-align:center;	
  padding-left:2%;	
  padding-bottom:5%;
}	

.cardBas h3  {
  color: #bdbdbd;
  font-family: "Anton SC", serif;
  font-weight:400;
  text-align: center;
  font-size: 1.4em;
  padding-bottom:2%;
  padding-left:5%;
}	

.cardBas img  {
  padding-right:2%;
  border:0;
  width:auto;
  text-align:center;
}	
}