.bas {
      padding-top:10px;
  	  background-color:#ffffff;
	  height:335px;
	  margin-top:0px;
  	  text-align:left;	
}	

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

/*  Nouveau Header & footer */

.columnPiedLarge {
  background-color:#ffffff;
  border:0px;
  border-style: dashed;
  height:auto;
  text-align:left;
  width: 90%;
  margin-top:0%;
  margin-left:5%;
  margin-right:5%;
  margin-bottom:0%;
}

.columnPied {
  background-color:#ffffff;
  border-bottom:3px;
  height:auto;
  float: left;
  width: 23%;
  text-align:left;
  margin-top:0%;
  margin-left:1%;
  margin-right:1%;
  margin-bottom:7%;
}

.cardPied {
  text-align:left;
  padding-left:2%;
  padding-right:2%;
  background-color:#ffffff;	
}

.cardPied p  {
  color: #584a40;
  text-align:left;
  font-size: 0.8em;
  font-family: 'PT Serif', serif;
  font-weight:300;
  margin-bottom:5%;
}

.cardPied h1  {
  color: #584a40;
  text-align: left;
  font-size: 0.9em;
  font-family: 'PT Serif', serif;
  font-weight:600;
  margin-bottom:10px;
}

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

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

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

.cardPied a:hover {
  color: #e8a85b;
  text-decoration:none;
}



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


/* Footer */

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

/* Footer Comptage */

.columnAvBasLarge {
  background-color:#ffffff;
  border:0px;
  border-style: dashed;
  height:auto;
  text-align:center;
  width: 90%;
  margin-top:0%;
  margin-left:5%;
  margin-right:5%;
  margin-bottom:0%;
}

.columnAvBas {
  background-color:#ffffff;
  border:5px;
  border-top-style: dashed;
  border-top-color:#eaebf0;
  border-left-style: dashed;
  border-left-color:#eaebf0;
  border-right-style: dashed;
  border-right-color:#eaebf0;
  border-bottom-style: dashed;
  border-bottom-color:#eaebf0;
  height:auto;
  float: left;
  width: 23%;
  text-align:center;
  margin-top:0%;
  margin-left:1%;
  margin-right:1%;
  margin-bottom:7%;
}

.cardAvBas {
  text-align:center;
  padding-left:2%;
  padding-right:2%;
  background-color:#ffffff;	
}

.cardAvBas p  {
  color: #584a40;
  text-align:center;
  font-size: 1.2em;
  font-family: 'PT Serif', serif;
  font-weight:400;
  margin-bottom:5%;
}

.cardAvBas h1  {
  color: #e8a85b;
  text-align: center;
  font-size: 1.5em;
  font-family: 'PT Serif', serif;
  font-weight:300;
  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) {

.columnPied {
    width: 100%;
    display: block;
    background-color:#FFFFFF;
    margin-bottom: 1%;
  }

	/* Style the counter cards */
	
.cardPied {
  padding: 16px;
  text-align: left;
  background-color:#ffffff;
}

/* Footer Comptage */

.columnAvBas {
  background-color:#ffffff;
  height:auto;
  float: left;
  width: 98%;
  padding-top:2%;
  padding-bottom:2%;
  padding-left:1%;	
  padding-right:1%;	
  margin-bottom:4%;
  margin-left:1%;
  margin-right:1%;
}
	
.cardAvBas h1  {
  color: #584a40;
  font-family: 'PT Serif', serif;
  font-weight:400;
  font-size: 1.4em;
  margin-bottom:10px;
  text-align:center;	
}
	
.cardAvBas p {
  color: #584a40;
  font-size: 1.4em;
  font-family: 'PT Serif', serif;
  font-weight:400;
  text-align:center;	
}	
	
}