/******************/
/*     FOOTER     */
/******************/

#footer{
  background-color: #1b2024;
  color: #fff;
  text-align: center;
}

#footer p,
#footer a{
  color: #fff;
}

.footer-top {
  text-align: center;
  font-family: Oswald, sans-serif;
  font-weight: 300;
}

.footer-top-coordonnees {
  background-color: rgba(255, 255, 255, 0.03);
  padding: 60px 30px;
}

.footer-top-description {
  padding: 60px 30px;
}

.footer-top-coordonnees h2,
.footer-top-description h2{
font-size: 22px;
text-transform: uppercase;
margin: 0;
font-family: Oswald, sans-serif;
font-weight: 300;
margin-bottom: 20px;
}

.footer-top-coordonnees p,
.footer-top-description p{
  max-width: 400px;
  display: inline-block;
  font-size: 14px;
}

.motscles_liste{
  padding-top: 20px;
}

.footer-top-coordonnees ul{
padding: 0;
}

.footer-top-coordonnees li{
list-style-type: none !important;
display: inline-block;
width: 35px;
height: 35px;
margin-right: 5px;
text-align: center;
}

.footer-top-coordonnees li a{
display: block;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 50%;
font-size: 16px;
color: #fff;
}

.footer-top-coordonnees li a:hover{
color: #fff;
transition: 0.5s;
}


.footer-top img{
  margin: 2px;
}

.footer-top li{
list-style-type: none;
margin-top: 10px;
}

.footer-top p{
  padding-bottom: 10px;
}

.footer-bottom a {
  font-size: 10px;
}


.footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.06);
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
text-transform: uppercase;
}

#motscles .motscles_content {
  text-align: center;
  margin-top: 15px;
  padding: 0px 10px 20px;
}

#motscles .motscles_titre{
  font-size: 18px;
  margin-bottom: 20px;
  text-transform: uppercase;
  margin: 0;
  font-family: Oswald, sans-serif;
  font-weight: 300;
}

#motscles .motscles_liste ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#motscles .motscles_liste li{
  display: inline-block;
}

#motscles .motscles_liste a{
    color: #d2d2d2;
}


#seo_texte{
  background-color: #FFF;
  padding-top: 70px;
  padding-bottom: 70px;
  color: #777;
  text-align: center;
}

#seo_texte h2{
  text-transform: uppercase;
  font-size: 250%;
  font-weight: bold;
  display: block;
  margin: 10px 0;
  color: #222;
  font-family: Oswald, sans-serif;
  font-weight: 900;
}

.seo_h3{
  text-transform: uppercase;
  font-size: 180%;
  font-weight: bold;
  display: block;
  margin: 10px 0;
}