@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0; border: 0;}

body {font-family: "trade-gothic-next", sans-serif; line-height: 1.4; color: #5b7e71;}

.div-inner {width: 1500px; margin: 0 auto;}

header {position: relative; background: url("../images/bg-header.jpg") right center no-repeat; background-size: contain;}
header:after {position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0.8), rgba(255,255,255,0)); z-index: 1;}
#header-logo {position: relative; z-index: 2; width: calc(100% / 3); margin-left: 1vw;}
#header-logo img { width: 100%; height: auto;}


#bande-infos {background-color: #5b7e71; text-align: right;}
#btn-rdv {display: inline-block; background-color: #91ab9f; border-radius: 0 0 10px 10px; font-size: 30px; text-align: center; padding: 25px 30px 20px 30px; font-weight: 600; text-transform: uppercase; text-decoration: none; color: #fff;}
#btn-rdv:hover {background-color: #fff; color: #5b7e71;}
#blocs-lieux {display: flex; flex-direction: row; flex-wrap: wrap;}
.bloc-lieu {width: 50%; text-align: center; color: #fff;}
.bloc-lieu-mun {text-transform: uppercase; font-size: 35px; font-weight: 600;}
.bloc-lieu-immeuble { font-size: 30px; }
.bloc-lieu-detail {text-transform: uppercase; font-size: 16px; display: block; height: 50px; font-weight: 300; letter-spacing: 2px;}
.bloc-lieu-horaire {font-size: 20px; letter-spacing: 1px; margin-bottom: 30px;}
.bloc-lieu-adresse { font-weight: 300; font-size: 30px;}


#bande-cloee-contenu {padding: 0 5vw; display: flex; flex-direction: row; flex-wrap: wrap;}
#bande-cloee-photo {width: 28%;}
#bande-cloee-photo img {width: 100%; height: auto;}
#bande-cloee-texte {width: 62%; padding-left: 10%;}


#bande-cv { background-color: #edf0ee;}
#bande-cv-inner { padding: 0 16vw;}
#bande-cv img {position: relative; display: block; width: 450px; padding-bottom: 5vw;}
#bande-cv ul {position: relative;}


h1 {color: #5b7e71; font-size: 50px; line-height: 1 !important; font-weight: normal; margin-bottom: 50px;}
h1 span {font-size: 40px; font-weight: 300;}
p, ul {color: #5b7e71; letter-spacing: 1px; font-size: 22px; margin-bottom: 25px;}
ul {padding-left: 20px;}
ul li {margin-bottom: 8px;}
#bande-cloee-texte a {font-size: 24px; text-decoration: underline; color: #5b7e71;}
#bande-cloee-texte a:hover {color: #fff; background-color: #5b7e71; text-decoration: none;}


footer {background-color: #91ab9f; padding: 2vw 0;}
footer .div-inner {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
#footer-titre, #footer-liens, #footer-adaq { width: calc(100% / 3);}
#footer-titre {text-align: left; color: #fff; font-size: 30px;}
#footer-liens {text-align: center;}
#footer-liens a {display: inline-block; vertical-align: middle;}
#footer-liens a:first-child {color: #fff; text-decoration: none; font-size: 20px; letter-spacing: 1px; font-weight: 300; margin-right: 30px;}
#footer-liens a:last-child {}
#footer-liens a:last-child img {width: 40px; height: auto;}
#footer-adaq {text-align: right;}
#footer-adaq a {color: #42695b; font-size: 25px; text-decoration: none;}
#footer-credit-photo {font-size: 14px; width: 100%; color: #fff; text-align: center; margin-top: 30px;}

#header-logo, #blocs-lieux, #bande-cloee { padding: 5vw 0;}
#btn-rdv, h1, .bloc-lieu-adresse, .bloc-lieu-mun, .bloc-lieu-immeuble, .bloc-lieu-adresse, #footer-titre { font-family: "canto", serif;  letter-spacing: 2px; line-height: 1.2;}


/* marges bandes */

#bande-cloee, #bande-cv {padding: 5vw 0;}



/* Transitions standard */

a, a * {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;}