html {
  position: relative;
  min-height: 100%;
}
body { 
  margin: 0 0 55px;
  padding: 0;
  color: #000;
  font-size: 18px;
  font-family: 'Source Sans Pro', sans-serif;
}

a { color: #3399cc; text-decoration: none; }
a:visited { color: #3399cc; text-decoration: none; }
a:hover { color: #3399cc; text-decoration: none; }

a img { border: 0; }

.respimg { max-width: 100%; height: auto; }
.logo-main {max-width: 40%; height: auto; }
#main { text-align: center; }
#footer {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 55px;
  width: 100%;
  padding-top: 15px;
  font-size: 18px;
  text-align: center;
  background-color: #3399cc;
  color: white;
}
#footer a, a:visited, a:hover { color: white;}

/* Divers 
#3399cc; #3F80C4
*/

a.linkcli { color: #3f80c4; text-decoration: none; font-weight: bold; }
a:hover.linkcli { color: #120091; font-weight: bold; }

.gras { font-weight: bold }
.sites { font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 28px; }