/***
*    ########  ########  ######  ######## ######## 
*    ##     ## ##       ##    ## ##          ##    
*    ##     ## ##       ##       ##          ##    
*    ########  ######    ######  ######      ##    
*    ##   ##   ##             ## ##          ##    
*    ##    ##  ##       ##    ## ##          ##    
*    ##     ## ########  ######  ########    ##    
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
a {
  text-decoration: none;
  cursor: pointer;
}
html {
  -webkit-font-smoothing: antialiased;
}
* {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
a,
span,
li {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -o-user-select: text;
}
input,
textarea,
select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
a,
a *,
input[type="submit"] {
  cursor: pointer;
}
img {
  max-width: 100%;
  height: auto !important;
}
p sup,
h3 sup,
#items-vedettes span sup,
strong sup {
  vertical-align: super;
  font-size: smaller;
  text-transform: lowercase;
  line-height: 1em;
}
p:empty {
  display: none;
}
/***
*     ######   #######  ##     ## ##       ######## ##     ## ########   ######  
*    ##    ## ##     ## ##     ## ##       ##       ##     ## ##     ## ##    ## 
*    ##       ##     ## ##     ## ##       ##       ##     ## ##     ## ##       
*    ##       ##     ## ##     ## ##       ######   ##     ## ########   ######  
*    ##       ##     ## ##     ## ##       ##       ##     ## ##   ##         ## 
*    ##    ## ##     ## ##     ## ##       ##       ##     ## ##    ##  ##    ## 
*     ######   #######   #######  ######## ########  #######  ##     ##  ######  
*/
.gris_bouton {
  background-color: #7f7f7f !important;
}
/***
*    ########   #######  ##       ####  ######  ########  ######  
*    ##     ## ##     ## ##        ##  ##    ## ##       ##    ## 
*    ##     ## ##     ## ##        ##  ##       ##       ##       
*    ########  ##     ## ##        ##  ##       ######    ######  
*    ##        ##     ## ##        ##  ##       ##             ## 
*    ##        ##     ## ##        ##  ##    ## ##       ##    ## 
*    ##         #######  ######## ####  ######  ########  ######  
*/
@font-face {
  font-family: "Gotham Book";
  src: url("../polices/gotham/gotham-book.eot?#iefix");
  src: url("../polices/gotham/gotham-book.eot?#iefix") format("eot"), url("../polices/gotham/gotham-book.woff") format("woff"), url("../polices/gotham/gotham-book.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham Bold";
  src: url("../polices/gotham/gotham-bold.eot?#iefix");
  src: url("../polices/gotham/gotham-bold.eot?#iefix") format("eot"), url("../polices/gotham/gotham-bold.woff") format("woff"), url("../polices/gotham/gotham-bold.ttf") format("truetype");
}
/***
*     ######   ##        #######  ########     ###    ##       
*    ##    ##  ##       ##     ## ##     ##   ## ##   ##       
*    ##        ##       ##     ## ##     ##  ##   ##  ##       
*    ##   #### ##       ##     ## ########  ##     ## ##       
*    ##    ##  ##       ##     ## ##     ## ######### ##       
*    ##    ##  ##       ##     ## ##     ## ##     ## ##       
*     ######   ########  #######  ########  ##     ## ######## 
*/
html {
  height: 100%;
  font-family: 'Lato';
  color: #474747;
}
body {
  height: 100%;
}
body:after {
  content: '';
  display: block;
  clear: both;
  height: 1px;
}
::selection {
  background-color: #5cafd9;
  color: white;
}
.jaune *::selection {
  background-color: #f1b650;
}
.vert *::selection {
  background-color: #649081;
}
.bleu-fonce *::selection {
  background-color: #517d98;
}
.anterieur *::selection {
  background-color: #878787;
}
h1 {
  font-size: 3rem;
  font-family: 'Gotham Bold';
  line-height: 1.5em;
}
h2 {
  font-size: 1.5rem;
  font-family: 'Gotham Book';
  /*border-bottom: 1px solid #ccc;*/
  color: #474747;
  padding-bottom: 0.2rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  -ms-transform: translatey(0) !important;
  /* IE 9 */

  -webkit-transform: translatey(0) !important;
  /* Chrome, Safari, Opera */

  transform: translatey(0) !important;
}
h2 > strong {
  font-family: 'Gotham Bold';
}
h2:after {
  content: '';
  display: block;
  width: 0%;
  background-color: #ccc;
  height: 1px;
  top: 2px;
  position: relative;
  -webkit-transition: width 1000ms ease-in-out;
  -moz-transition: width 1000ms ease-in-out;
  -o-transition: width 1000ms ease-in-out;
  -ms-transition: width 1000ms ease-in-out;
  transition: width 1000ms ease-in-out;
}
h3 {
  font-size: 1.2rem;
  font-family: 'Lato';
  line-height: 0.5em;
}
h3 > strong {
  font-weight: 700;
}
h2.animated {
  opacity: 1;
}
h2.animated:after {
  width: 100%;
}
p {
  font-family: 'Lato';
  color: #777;
  line-height: 1.4em;
}
p > span {
  text-transform: uppercase;
}
p + p,
p + a {
  margin-top: 1rem;
}
.error {
  border-bottom: 2px solid #e74c3c;
}
.resultat {
  padding: 2rem;
  background-color: #eee;
  text-align: center;
}
.cta a {
  color: white;
}
.cta {
  text-transform: uppercase;
  line-height: 1rem;
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  background: #5cafd9;
  color: white;
  font-family: 'Lato';
  padding: 0.5rem 2.2rem 0.5rem 1rem;
}
.cta:hover:after {
  padding: .55rem 1.2rem;
}
.cta:after {
  -webkit-transition: padding 200ms ease-in-out;
  -moz-transition: padding 200ms ease-in-out;
  -o-transition: padding 200ms ease-in-out;
  -ms-transition: padding 200ms ease-in-out;
  transition: padding 200ms ease-in-out;
  content: "\f0da";
  font-family: FontAwesome;
  color: white;
  padding: 0.55rem 1rem;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
.cta.vert {
  background: #649081;
}
.cta.jaune {
  background: #f1b650;
}
.cta.bleu-pale {
  background: #5cafd9;
}
.cta.bleu-fonce {
  background: #517d98;
}
.fa.vert,
h1.vert,
h2.vert,
h3.vert,
.actif.vert,
p.vert {
  color: #649081;
}
.fa.jaune,
h1.jaune,
h2.jaune,
h3.jaune,
.actif.jaune,
p.jaune {
  color: #f1b650;
}
.fa.bleu-pale,
h1.bleu-pale,
h2.bleu-pale,
h3.bleu-pale,
.actif.bleu-pale,
p.bleu-pale {
  color: #5cafd9;
}
.fa.bleu-fonce,
h1.bleu-fonce,
h2.bleu-fonce,
h3.bleu-fonce,
.actif.bleu-fonce,
p.bleu-fonce {
  color: #517d98;
}
.fleche {
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid #474747;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -13px;
  z-index: 1;
}
.fleche.jaune {
  border-top: 15px solid #f1b650;
}
.fleche.vert {
  border-top: 15px solid #649081;
}
.fleche.bleu-pale {
  border-top: 15px solid #5cafd9;
}
.fleche.bleu-fonce {
  border-top: 15px solid #517d98;
}
ul li.jaune:before {
  background: #f1b650;
}
ul li.vert:before {
  background: #649081;
}
ul li.bleu-pale:before {
  background: #5cafd9;
}
ul li.bleu-fonce:before {
  background: #517d98;
}
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  color: #999999;
}
::-moz-placeholder {
  /* Firefox 19+ */

  color: #999999;
}
:-ms-input-placeholder {
  /* IE 10+ */

  color: #999999;
}
:-moz-placeholder {
  /* Firefox 18- */

  color: #999999;
}
form br {
  display: none;
}
textarea {
  resize: none;
  color: white !important;
}
select,
textarea {
  border: none;
  background: #5d5d5d;
  display: inline-block;
  padding: 0.4rem 3rem 0.4rem 0.4rem;
  vertical-align: middle;
  font-size: 1rem;
  color: #999999;
  font-family: 'Lato';
  margin: 0 0.3rem;
  cursor: pointer;
}
select option {
  border: none;
  background: #474747;
  color: white!important;
}
.select {
  display: inline-block;
}
.select:after {
  content: "\f0d7";
  font-family: FontAwesome;
  color: white;
  padding: 0.55rem 1rem;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}
select::-ms-expand {
  display: none;
}
input {
  border: none;
  background: #5d5d5d;
  display: inline-block;
  padding: 0.4rem;
  vertical-align: middle;
  font-size: 1rem;
  color: white;
  font-family: 'Lato';
  margin: 0 0.3rem;
}
.slider-overlay {
  background-color: rgba(71, 71, 71, 0.25);
  height: 100%;
}
#map {
  width: 100%;
  height: 300px;
  background-color: #f5f5f5;
}
#map .infobox {
  max-width: 100% !important;
  text-align: center;
}
#map .infobox p {
  font-size: 0.9rem;
  color: #ffffff;
  display: inline-block;
  padding: 0.6rem 0rem;
  white-space: nowrap;
}
#map .infobox.jaune {
  background-color: #f1b650;
}
#map .infobox.vert {
  background-color: #649081;
}
#map .infobox.bleu-pale {
  background-color: #5cafd9;
}
#map .infobox.bleu-fonce {
  background-color: #517d98;
}
#slider {
  width: 100%;
  text-align: center;
  color: white;
  overflow: hidden;
}
#slider .mask {
  width: 0px;
  -webkit-transition: all 1000ms ease-in-out;
  -moz-transition: all 1000ms ease-in-out;
  -o-transition: all 1000ms ease-in-out;
  -ms-transition: all 1000ms ease-in-out;
  transition: all 1000ms ease-in-out;
  background-color: #cccccc;
}
#slider .thumbs {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 100;
  overflow: hidden;
  -ms-transform: translatey(1rem);
  /* IE 9 */

  -webkit-transform: translatey(1rem);
  /* Chrome, Safari, Opera */

  transform: translatey(1rem);
  -webkit-transition: transform 500ms ease-in-out;
  -moz-transition: transform 500ms ease-in-out;
  -o-transition: transform 500ms ease-in-out;
  -ms-transition: transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out;
}
#slider .thumbs > a {
  margin: -2px 0.2rem;
  width: 2rem;
  height: 0.5rem;
  display: inline-block;
}
#slider .thumbs > a:hover {
  height: 0.75rem;
}
#slider .thumbs > a.actif {
  height: 1rem;
}
#slider .thumbs > a.vert {
  background-color: #649081;
}
#slider .thumbs > a.jaune {
  background-color: #f1b650;
}
#slider .thumbs > a.bleu-pale {
  background-color: #5cafd9;
}
#slider .thumbs > a.bleu-fonce {
  background-color: #517d98;
}
#slider .contenu {
  display: none;
}
#slider .conteneurCSS > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-in-out;
  -moz-transition: opacity 1000ms ease-in-out;
  -o-transition: opacity 1000ms ease-in-out;
  -ms-transition: opacity 1000ms ease-in-out;
  transition: opacity 1000ms ease-in-out;
}
#slider .conteneurCSS > div > .slider-overlay > div {
  padding-top: 10%;
  position: relative;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
}
#slider .conteneurCSS > div > .slider-overlay > div > * {
  opacity: 0;
  -ms-transform: translatey(2rem);
  /* IE 9 */

  -webkit-transform: translatey(2rem);
  /* Chrome, Safari, Opera */

  transform: translatey(2rem);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transition-property: opacity, transform;
  /* Safari */

  transition-property: opacity, transform;
}
#slider .conteneurCSS h1,
#slider .conteneurCSS h3 {
  text-transform: uppercase;
}
#slider.animated .mask {
  width: 100%;
}
#slider.animated .mask .conteneurCSS > div {
  opacity: 1;
  -webkit-transition-delay: 1000ms;
  /* Safari */

  transition-delay: 1000ms;
}
#slider.animated .mask .conteneurCSS > div > .slider-overlay > div > * {
  -ms-transform: translatey(0rem);
  /* IE 9 */

  -webkit-transform: translatey(0rem);
  /* Chrome, Safari, Opera */

  transform: translatey(0rem);
  opacity: 1;
}
#slider.animated .mask .conteneurCSS > div > .slider-overlay > div > *:nth-child(1) {
  -webkit-transition-delay: 1000ms;
  /* Safari */

  transition-delay: 1000ms;
}
#slider.animated .mask .conteneurCSS > div > .slider-overlay > div > *:nth-child(2) {
  -webkit-transition-delay: 1200ms;
  /* Safari */

  transition-delay: 1200ms;
}
#slider.animated .mask .conteneurCSS > div > .slider-overlay > div > *:nth-child(3) {
  -webkit-transition-delay: 1400ms;
  /* Safari */

  transition-delay: 1400ms;
}
#slider.animated .mask .conteneurCSS > div > .slider-overlay > div > *:nth-child(4) {
  -webkit-transition-delay: 1600ms;
  /* Safari */

  transition-delay: 1600ms;
}
#slider.animated .mask .conteneurCSS > div > .slider-overlay > div > *:nth-child(5) {
  -webkit-transition-delay: 1800ms;
  /* Safari */

  transition-delay: 1800ms;
}
#slider.animated .thumbs {
  -ms-transform: translatey(0rem);
  /* IE 9 */

  -webkit-transform: translatey(0rem);
  /* Chrome, Safari, Opera */

  transform: translatey(0rem);
  -webkit-transition-delay: 1000ms;
  /* Safari */

  transition-delay: 1000ms;
}
.formulaire_horizontal {
  width: 0%;
  margin: 1rem 0rem;
  background: #474747;
  padding: 0.5rem 0;
  text-align: center;
  -webkit-transition: width 1000ms ease-in-out;
  -moz-transition: width 1000ms ease-in-out;
  -o-transition: width 1000ms ease-in-out;
  -ms-transition: width 1000ms ease-in-out;
  transition: width 1000ms ease-in-out;
  overflow: hidden;
}
.formulaire_horizontal:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1rem;
  right: 1rem;
  height: 2px;
  background: #7f7f7f;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
.formulaire_horizontal form {
  z-index: 1;
  display: inline-block;
  background: #474747;
  padding: 0 1rem;
  white-space: nowrap;
}
.formulaire_horizontal form > * {
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
.formulaire_horizontal form h3 {
  color: white;
  display: inline-block;
  vertical-align: middle;
  font-weight: 300;
  margin-right: 0.5rem;
  text-transform: uppercase;
}
.formulaire_horizontal form .cta {
  margin-left: 0.5rem;
}
.formulaire_horizontal.animated {
  width: 100%;
}
.formulaire_horizontal.animated:after {
  opacity: 1;
  -webkit-transition-delay: 1000ms;
  /* Safari */

  transition-delay: 1000ms;
}
.formulaire_horizontal.animated form > * {
  opacity: 1;
}
.formulaire_horizontal.animated form > *:nth-child(1) {
  -webkit-transition-delay: 1000ms;
  /* Safari */

  transition-delay: 1000ms;
}
.formulaire_horizontal.animated form > *:nth-child(2) {
  -webkit-transition-delay: 1100ms;
  /* Safari */

  transition-delay: 1100ms;
}
.formulaire_horizontal.animated form > *:nth-child(3) {
  -webkit-transition-delay: 1200ms;
  /* Safari */

  transition-delay: 1200ms;
}
.formulaire_horizontal.animated form > *:nth-child(4) {
  -webkit-transition-delay: 1300ms;
  /* Safari */

  transition-delay: 1300ms;
}
.formulaire_horizontal.animated form > *:nth-child(5) {
  -webkit-transition-delay: 1400ms;
  /* Safari */

  transition-delay: 1400ms;
}
.formulaire_horizontal.animated form > *:nth-child(6) {
  -webkit-transition-delay: 1500ms;
  /* Safari */

  transition-delay: 1500ms;
}
.formulaire_horizontal.animated form > *:nth-child(7) {
  -webkit-transition-delay: 1600ms;
  /* Safari */

  transition-delay: 1600ms;
}
.formulaire_horizontal.animated form > *:nth-child(8) {
  -webkit-transition-delay: 1700ms;
  /* Safari */

  transition-delay: 1700ms;
}
.formulaire_horizontal.animated form > *:nth-child(9) {
  -webkit-transition-delay: 1800ms;
  /* Safari */

  transition-delay: 1800ms;
}
#items-vedettes {
  margin: 3rem -1rem 0 -1rem;
}
#items-vedettes > h2 {
  margin: 0 1rem 1rem 1rem;
}
#items-vedettes > div {
  display: inline;
}
#items-vedettes > * > .item-vedette {
  display: inline-block;
  padding: 0 1rem;
  vertical-align: top;
  margin-bottom: 1rem;
  opacity: 0;
  -ms-transform: translatey(1rem);
  /* IE 9 */

  -webkit-transform: translatey(1rem);
  /* Chrome, Safari, Opera */

  transform: translatey(1rem);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transition-property: opacity, transform;
  /* Safari */

  transition-property: opacity, transform;
}
#items-vedettes > * > .item-vedette > div {
  width: 100%;
  overflow: hidden;
  height: 27rem;
}
#items-vedettes > * > .item-vedette > div > .image-vedette {
  height: 15rem;
  background-size: cover;
  background-position: center center;
  background-color: white;
}
#items-vedettes > * > .item-vedette > div > .info-item-vedette {
  border-top: 2px solid #eee;
  -webkit-transition: margin-top 500ms ease-in-out;
  -moz-transition: margin-top 500ms ease-in-out;
  -o-transition: margin-top 500ms ease-in-out;
  -ms-transition: margin-top 500ms ease-in-out;
  transition: margin-top 500ms ease-in-out;
}
#items-vedettes > * > .item-vedette > div > div {
  height: 12rem;
  background: #474747;
  padding: 1rem;
}
#items-vedettes > * > .item-vedette > div > div > h2 {
  margin-bottom: 0;
  border-bottom: none;
  color: #5cafd9;
  text-transform: uppercase;
  font-family: 'Gotham Bold';
  opacity: 1;
}
#items-vedettes > * > .item-vedette.vert > div > div > h2 {
  color: #649081;
}
#items-vedettes > * > .item-vedette.jaune > div > div > h2 {
  color: #f1b650;
}
#items-vedettes > * > .item-vedette.bleu-pale > div > div > h2 {
  color: #5cafd9;
}
#items-vedettes > * > .item-vedette.bleu-fonce > div > div > h2 {
  color: #517d98;
}
#items-vedettes > * > .item-vedette > div > div > p {
  color: white;
  line-height: inherit;
  margin-top: 0.2rem;
  font-size: 0.85rem;
  line-height: 1.2em;
}
#items-vedettes > * > .item-vedette > div > div > div {
  color: white;
  position: absolute;
  bottom: 1.5rem;
  left: 1rem;
  right: 1rem;
}
#items-vedettes > * > .item-vedette > div > div > div span + span {
  float: right;
  text-transform: uppercase;
}
#items-vedettes > * > .item-vedette > div > div > div i {
  color: #5cafd9;
  margin-right: 0.5rem;
}
#items-vedettes > * > .item-vedette.vert > div > div > div i {
  color: #649081;
}
#items-vedettes > * > .item-vedette.jaune > div > div > div i {
  color: #f1b650;
}
#items-vedettes > * > .item-vedette.bleu-pale > div > div > div i {
  color: #5cafd9;
}
#items-vedettes > * > .item-vedette.bleu-fonce > div > div > div i {
  color: #517d98;
}
#items-vedettes > * > .item-vedette .cta,
.projet:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.5rem;
  width: 100%;
  background: #5cafd9;
}
#items-vedettes > * > .item-vedette.vert .cta,
.projet.vert:after {
  background: #649081;
}
#items-vedettes > * > .item-vedette.jaune .cta,
.projet.jaune:after {
  background: #f1b650;
}
#items-vedettes > * > .item-vedette.bleu-pale .cta,
.projet.bleu-pale:after {
  background: #5cafd9;
}
#items-vedettes > * > .item-vedette.bleu-fonce .cta,
.projet.bleu-fonce:after {
  background: #517d98;
}
#items-vedettes > * > .item-vedette .cta {
  height: initial;
  bottom: -1.5rem;
}
#items-vedettes > a > .item-vedette:hover .info-item-vedette {
  margin-top: -1.5rem;
}
#items-vedettes > * > .item-vedette.animated {
  opacity: 1;
  -ms-transform: translatey(0);
  /* IE 9 */

  -webkit-transform: translatey(0);
  /* Chrome, Safari, Opera */

  transform: translatey(0);
}
#a-propos {
  margin: 3rem 0rem 0 0rem;
}
#a-propos > div {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  color: #7f7f7f;
}
#a-propos > div:first-child {
  padding-right: 1rem;
}
#a-propos > div:first-child > * {
  opacity: 0;
  -ms-transform: translatey(1rem);
  /* IE 9 */

  -webkit-transform: translatey(1rem);
  /* Chrome, Safari, Opera */

  transform: translatey(1rem);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transition-property: opacity, transform;
  /* Safari */

  transition-property: opacity, transform;
}
#a-propos > div:first-child > *.animated {
  opacity: 1;
  -ms-transform: translatey(0);
  /* IE 9 */

  -webkit-transform: translatey(0);
  /* Chrome, Safari, Opera */

  transform: translatey(0);
}
#a-propos > div:first-child ul {
  width: 50%;
  display: inline-block;
  margin: 1rem 0rem;
  margin-bottom: 2.5rem;
  vertical-align: text-top;
}
#a-propos > div:nth-child(2) {
  padding-left: 1rem;
}
#a-propos ul li {
  padding: 0.2rem 1rem;
}
#a-propos ul li:before {
  border-radius: 50%;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0;
  top: 10px;
}
.bureau-ventes {
  margin-bottom: 1rem;
}
.bureau-ventes > div {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.bureau-ventes > div > p {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */

  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */

  display: -ms-flexbox;
  /* TWEENER - IE 10 */

  display: -webkit-flex;
  /* NEW - Chrome */

  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-align-items: baseline;
  -webkit-box-align: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
.bureau-ventes > div > p + p {
  margin-top: 0.5rem;
}
.bureau-ventes > div > p > i {
  margin-right: 0.5rem;
  width: 20px;
  text-align: center;
}
/***
*    ######## ##    ## ######## ######## ######## ######## 
*    ##       ###   ##    ##    ##          ##    ##       
*    ##       ####  ##    ##    ##          ##    ##       
*    ######   ## ## ##    ##    ######      ##    ######   
*    ##       ##  ####    ##    ##          ##    ##       
*    ##       ##   ###    ##    ##          ##    ##       
*    ######## ##    ##    ##    ########    ##    ######## 
*/
header {
  width: 100%;
  z-index: 1;
  text-align: center;
}
header > a {
  position: absolute;
  left: 1rem;
  max-width: 25%;
  -ms-transform: translatey(-10rem);
  /* IE 9 */

  -webkit-transform: translatey(-10rem);
  /* Chrome, Safari, Opera */

  transform: translatey(-10rem);
  -webkit-transition: transform 1000ms ease-in-out;
  -moz-transition: transform 1000ms ease-in-out;
  -o-transition: transform 1000ms ease-in-out;
  -ms-transition: transform 1000ms ease-in-out;
  transition: transform 1000ms ease-in-out;
}
header > a img:first-child {
  position: absolute;
  top: 1rem;
  left: 1.5rem;
  z-index: 1;
  max-width: 84%;
}
header.animated_with_delay > a {
  -ms-transform: translatey(0rem);
  /* IE 9 */

  -webkit-transform: translatey(0rem);
  /* Chrome, Safari, Opera */

  transform: translatey(0rem);
}
header > p {
  font-size: 0.8em;
  position: relative;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
header > p > a.bleu-fonce {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  color: #517d98;
  font-size: 0.8rem;
  font-weight: bolder;
  text-transform: uppercase;
}
header > p > a.bleu-fonce:hover {
  text-decoration: underline;
}
header.animated_with_delay > p {
  opacity: 1;
}
header > div {
  position: absolute !important;
  right: 1rem;
  position: relative;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
header > div div a {
  color: #474747;
  margin-right: 0.3rem;
}
header > div div a:first-child {
  margin-left: 1rem;
}
header.animated_with_delay > div {
  opacity: 1;
}
header > div div a:first-child:hover {
  color: #5cafd9;
}
header > div div a:nth-child(2):hover {
  color: #649081;
}
header > div div a:nth-child(3):hover {
  color: #517d98;
}
header > div div a:nth-child(4):hover {
  color: #f1b650;
}
header > nav .current-menu-item {
  background-color: white!important;
}
header > nav .current-menu-item a {
  color: #474747 !important;
}
header > nav ul li a,
.menu-mobile > a {
  color: #fff;
  text-transform: uppercase;
}
header > nav ul li:first-child,
.menu-mobile > a:first-child {
  background: #649081;
}
header > nav ul li:nth-child(2),
.menu-mobile > a:nth-child(2) {
  background: #5cafd9;
}
header > nav ul li:nth-child(3),
.menu-mobile > a:nth-child(3) {
  background: #f1b650;
}
header > nav ul li:nth-child(4),
.menu-mobile > a:nth-child(4) {
  background: #517d98;
}
header > nav ul li:nth-child(5),
.menu-mobile > a:nth-child(5) {
  background: #649081;
}
header > nav {
  position: absolute;
  right: 0;
  top: 4rem;
  text-align: right;
  overflow: hidden;
}
header > nav li {
  cursor: pointer;
  float: right;
  clear: right;
  margin-bottom: 0.5rem;
  padding: 0.5rem 1rem !important;
  right: -100%;
  -webkit-transition: right 1000ms ease-in-out, padding-right 100ms ease-in-out;
  -moz-transition: right 1000ms ease-in-out, padding-right 100ms ease-in-out;
  -o-transition: right 1000ms ease-in-out, padding-right 100ms ease-in-out;
  -ms-transition: right 1000ms ease-in-out, padding-right 100ms ease-in-out;
  transition: right 1000ms ease-in-out, padding-right 100ms ease-in-out;
}
header > nav li.animated {
  right: 0;
}
header > div > a.langue {
  position: relative;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
  color: #474747;
  font-size: 0.8rem;
}
header > div > a.langue:hover {
  color: #5cafd9;
}
header > nav > a:after {
  display: none;
}
header > nav li:hover {
  padding-right: 1.5rem !important;
}
header .nav-reseaux-sociaux {
  display: inline-block;
}
#burger {
  display: none;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  transition-property: transform;
  height: 18px;
  z-index: 1;
  float: right;
  top: 0.6rem;
  padding: 1.5rem;
}
#burger span {
  top: 14px;
}
#burger span,
#burger span:before,
#burger span:after {
  border-radius: 1px;
  cursor: pointer;
  height: 4px;
  width: 3rem;
  background: #7f7f7f;
  position: absolute;
  display: block;
  content: '';
  left: 0;
}
#burger span:before {
  top: -8px;
}
#burger span:after {
  bottom: -8px;
}
#burger span,
#burger span:before,
#burger span:after {
  transition: all 500ms ease-in-out;
}
body.menu_principal_ouvert #burger {
  -webkit-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
  -moz-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
  -o-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
  -ms-transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
  transform: rotate(90deg) scale(1) skew(0deg) translate(0px);
}
body.menu_principal_ouvert #burger span {
  background-color: transparent;
}
body.menu_principal_ouvert #burger span:before,
body.menu_principal_ouvert #burger span:after {
  top: 0;
}
body.menu_principal_ouvert #burger span:before {
  -webkit-transform: rotate(-45deg) scale(1) skew(0deg) translate(0px);
  -moz-transform: rotate(-45deg) scale(1) skew(0deg) translate(0px);
  -o-transform: rotate(-45deg) scale(1) skew(0deg) translate(0px);
  -ms-transform: rotate(-45deg) scale(1) skew(0deg) translate(0px);
  transform: rotate(-45deg) scale(1) skew(0deg) translate(0px);
}
body.menu_principal_ouvert #burger span:after {
  -webkit-transform: rotate(45deg) scale(1) skew(0deg) translate(0px);
  -moz-transform: rotate(45deg) scale(1) skew(0deg) translate(0px);
  -o-transform: rotate(45deg) scale(1) skew(0deg) translate(0px);
  -ms-transform: rotate(45deg) scale(1) skew(0deg) translate(0px);
  transform: rotate(45deg) scale(1) skew(0deg) translate(0px);
}
.menu-mobile {
  display: none;
  margin: 0rem -0.5rem;
}
.menu-mobile > a {
  width: 100%;
  display: block;
  padding: 1rem;
  text-align: center;
}
.small-height {
  height: 16rem;
  text-align: center;
  background-size: cover;
  background-position: center;
  margin-bottom: 1rem;
  width: 0%;
  -webkit-transition: width 1000ms ease-in-out;
  -moz-transition: width 1000ms ease-in-out;
  -o-transition: width 1000ms ease-in-out;
  -ms-transition: width 1000ms ease-in-out;
  transition: width 1000ms ease-in-out;
  background-color: #cccccc;
  overflow: hidden;
}
.small-height > div {
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
.small-height h1 {
  color: white;
  font-size: 4rem;
  line-height: inherit;
  text-transform: uppercase;
  position: absolute;
  bottom: -0.75rem;
  left: -2rem;
  text-align: center;
  width: 100vw;
  white-space: nowrap;
  -ms-transform: translatey(10rem);
  /* IE 9 */

  -webkit-transform: translatey(10rem);
  /* Chrome, Safari, Opera */

  transform: translatey(10rem);
  -webkit-transition: transform 500ms ease-in-out;
  -moz-transition: transform 500ms ease-in-out;
  -o-transition: transform 500ms ease-in-out;
  -ms-transition: transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out;
}
.medium-height {
  height: 50vh !important;
  text-align: center;
  background-size: cover;
  background-position: center;
  margin-bottom: 1rem;
}
.medium-height h1 {
  color: white;
  font-size: 4rem;
  line-height: inherit;
  text-transform: uppercase;
}
.medium-height h1 {
  position: relative;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
}
.medium-height.page-erreur {
  height: 70vh !important;
}
.medium-height div.non-trouve {
  position: relative;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
  width: 80%;
  display: inline-block;
  margin: auto;
}
.medium-height div.non-trouve > h1 {
  padding-top: inherit;
  margin-bottom: 1rem;
  position: relative;
  top: inherit;
  -webkit-transform: translatey(0%);
  -ms-transform: translatey(0%);
  transform: translatey(0%);
  font-size: 3rem;
}
.small-height.animated {
  width: 100%;
}
.small-height.animated > div {
  opacity: 1;
  -webkit-transition-delay: 800ms;
  /* Safari */

  transition-delay: 800ms;
}
.small-height.animated h1 {
  -ms-transform: translatey(0rem);
  /* IE 9 */

  -webkit-transform: translatey(0rem);
  /* Chrome, Safari, Opera */

  transform: translatey(0rem);
  -webkit-transition-delay: 1000ms;
  /* Safari */

  transition-delay: 1000ms;
}
/***
*    ########     ###     ######   ########    ########  ####    ###     ######   ######  ##     ## ######## #### ##       
*    ##     ##   ## ##   ##    ##  ##          ##     ## ####   ## ##   ##    ## ##    ## ##     ## ##        ##  ##       
*    ##     ##  ##   ##  ##        ##          ##     ##  ##   ##   ##  ##       ##       ##     ## ##        ##  ##       
*    ########  ##     ## ##   #### ######      ##     ## ##   ##     ## ##       ##       ##     ## ######    ##  ##       
*    ##        ######### ##    ##  ##          ##     ##      ######### ##       ##       ##     ## ##        ##  ##       
*    ##        ##     ## ##    ##  ##          ##     ##      ##     ## ##    ## ##    ## ##     ## ##        ##  ##       
*    ##        ##     ##  ######   ########    ########       ##     ##  ######   ######   #######  ######## #### ######## 
*/
#guide-achat {
  -webkit-transition: width 500ms ease-in-out;
  -moz-transition: width 500ms ease-in-out;
  -o-transition: width 500ms ease-in-out;
  -ms-transition: width 500ms ease-in-out;
  transition: width 500ms ease-in-out;
  width: 0%!important;
}
#guide-achat a {
  overflow: hidden;
  display: block;
  background-color: #cccccc;
}
#guide-achat a > div:hover {
  background-size: 105%;
}
#guide-achat a > div {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transition-property: opacity, background-size;
  /* Safari */

  transition-property: opacity, background-size;
  background-size: 100%;
  height: 17rem;
  background-position: center center;
  opacity: 0;
}
#guide-achat a > div > div {
  z-index: 1;
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  width: 40%;
}
#guide-achat a > div > div h2 {
  color: white;
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
  border: none;
}
#guide-achat a > div > div h2:after {
  display: none;
}
#guide-achat a > div > div p {
  color: white;
}
#guide-achat a > div > div > * {
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
#guide-achat a > div > div + div {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  width: 65%;
  border-right: 15rem solid transparent;
  border-bottom: 17rem solid rgba(0, 0, 0, 0.5);
  -webkit-transition: transform 500ms ease-in-out;
  -moz-transition: transform 500ms ease-in-out;
  -o-transition: transform 500ms ease-in-out;
  -ms-transition: transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out;
  -ms-transform: translatex(-100%);
  /* IE 9 */

  -webkit-transform: translatex(-100%);
  /* Chrome, Safari, Opera */

  transform: translatex(-100%);
}
#guide-achat.animated {
  width: 50%!important;
}
#guide-achat a.animated_with_delay > div {
  opacity: 1;
}
#guide-achat a.animated_with_delay > div > div + div {
  -ms-transform: translatex(0rem);
  /* IE 9 */

  -webkit-transform: translatex(0rem);
  /* Chrome, Safari, Opera */

  transform: translatex(0rem);
}
#guide-achat a.animated_with_delay > div > div > * {
  opacity: 1;
}
#guide-achat a.animated_with_delay > div > div > *:nth-child(1) {
  -webkit-transition-delay: 200ms;
  /* Safari */

  transition-delay: 200ms;
}
#guide-achat a.animated_with_delay > div > div > *:nth-child(2) {
  -webkit-transition-delay: 400ms;
  /* Safari */

  transition-delay: 400ms;
}
#guide-achat a.animated_with_delay > div > div > *:nth-child(3) {
  -webkit-transition-delay: 600ms;
  /* Safari */

  transition-delay: 600ms;
}
#guide-achat a.animated_with_delay > div > div > *:nth-child(4) {
  -webkit-transition-delay: 800ms;
  /* Safari */

  transition-delay: 800ms;
}
#guide-achat a.animated_with_delay > div > div > *:nth-child(5) {
  -webkit-transition-delay: 1000ms;
  /* Safari */

  transition-delay: 1000ms;
}
/***
*     ######  #### ##    ##  ######   ##       ########    ########  ########   #######        ## ######## ######## 
*    ##    ##  ##  ###   ## ##    ##  ##       ##          ##     ## ##     ## ##     ##       ## ##          ##    
*    ##        ##  ####  ## ##        ##       ##          ##     ## ##     ## ##     ##       ## ##          ##    
*     ######   ##  ## ## ## ##   #### ##       ######      ########  ########  ##     ##       ## ######      ##    
*          ##  ##  ##  #### ##    ##  ##       ##          ##        ##   ##   ##     ## ##    ## ##          ##    
*    ##    ##  ##  ##   ### ##    ##  ##       ##          ##        ##    ##  ##     ## ##    ## ##          ##    
*     ######  #### ##    ##  ######   ######## ########    ##        ##     ##  #######   ######  ########    ##    
*/
.single-projet #a-propos {
  padding-bottom: 2rem;
}
.single-projet .bloc_map {
  opacity: 0;
  -ms-transform: translatey(2rem);
  /* IE 9 */

  -webkit-transform: translatey(2rem);
  /* Chrome, Safari, Opera */

  transform: translatey(2rem);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transition-property: opacity, transform;
  /* Safari */

  transition-property: opacity, transform;
}
.single-projet .bloc_map.animated {
  opacity: 1;
  -ms-transform: translatey(0rem);
  /* IE 9 */

  -webkit-transform: translatey(0rem);
  /* Chrome, Safari, Opera */

  transform: translatey(0rem);
}
.proximite {
  background-color: #474747;
  color: #ffffff;
  padding: 1rem;
}
.proximite h2 {
  color: #ffffff;
  opacity: 1;
}
.proximite h2:after {
  width: 100%;
}
.proximite ul li {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0.2rem 0;
  color: #e5e5e5;
}
#unite {
  margin-top: 1.5rem;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */

  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */

  display: -ms-flexbox;
  /* TWEENER - IE 10 */

  display: -webkit-flex;
  /* NEW - Chrome */

  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

}
#unite p + p {
  margin: 0rem;
}
#unite .liste-etages {
  opacity: 0;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -ms-transform: translatey(2rem);
  /* IE 9 */

  -webkit-transform: translatey(2rem);
  /* Chrome, Safari, Opera */

  transform: translatey(2rem);
  -webkit-transition-property: opacity, transform;
  /* Safari */

  transition-property: opacity, transform;
  z-index: 1;
}
#unite .liste-unites {
  opacity: 0;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -ms-transform: translatey(2rem);
  /* IE 9 */

  -webkit-transform: translatey(2rem);
  /* Chrome, Safari, Opera */

  transform: translatey(2rem);
  -webkit-transition-property: opacity, transform;
  /* Safari */

  transition-property: opacity, transform;
}
#unite .liste-etages .actif,
#unite .liste-unites .actif {
  color: white;
}
#unite .liste-unites .actif {
  pointer-events: none;
}
#unite .liste-etages .actif:hover a,
#unite .liste-unites .actif:hover a {
  color: white;
}
#unite .liste-etages .actif:after,
#unite .liste-unites .actif:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.6rem solid #474747;
  bottom: -0.5rem;
  position: absolute;
  left: 50%;
  margin-left: -0.5rem;
  z-index: 1;
}
#unite .liste-unites .actif:after {
  border-top: 0.6rem solid #5b5b5b;
}
#unite > div {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
#unite > div:first-of-type {
  text-align: center;
  border-bottom: 1px solid rgba(127, 127, 127, 0);
  border-left: 1px solid rgba(127, 127, 127, 0);
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */

  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */

  display: -ms-flexbox;
  /* TWEENER - IE 10 */

  display: -webkit-flex;
  /* NEW - Chrome */

  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: column;
  -webkit-box-direction: column;
  -moz-box-orient: column;
  -moz-box-direction: column;
  flex-direction: column;
  -webkit-transition: border-color 500ms ease-in-out;
  -moz-transition: border-color 500ms ease-in-out;
  -o-transition: border-color 500ms ease-in-out;
  -ms-transition: border-color 500ms ease-in-out;
  transition: border-color 500ms ease-in-out;
}
#unite > div:first-of-type > .image {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */

  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */

  display: -ms-flexbox;
  /* TWEENER - IE 10 */

  display: -webkit-flex;
  /* NEW - Chrome */

  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

}
#unite > div:first-of-type > .image > div {
  margin: 2rem auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
#unite > div > .liste-etages,
#unite > div > .liste-unites {
  padding: 0rem 1rem;
  text-align: center;
  opacity: 0;
}
#unite > div > .image:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.6rem solid white;
  bottom: -0.5rem;
  position: absolute;
  right: -0.8rem;
  top: 50%;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  margin-left: -0.5rem;
  z-index: 1;
}
#unite > div > .image > div {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 80%;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
#unite > div > .image > div:after {
  content: '';
  padding-top: 100%;
  display: block;
}
#unite > div > .image svg {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#unite > div > .image svg g {
  cursor: pointer;
  opacity: 0;
}
#unite > div > .image svg g[data-actif="actif"],
#unite > div > .image svg g:hover {
  opacity: 1;
  pointer-events: visible;
}
#unite > div > .image .label {
  position: absolute;
  color: #fff;
  padding: 0.5rem;
  z-index: 1;
  line-height: 1rem;
  margin-top: -1rem;
  width: 3rem;
  margin-left: -1.5rem;
  cursor: pointer;
  opacity: 0;
}
#unite > div > .image .label.actif,
#unite > div > .image .label:hover {
  opacity: 1;
}
#unite .liste-etages {
  background-color: #474747;
}
#unite .liste-etages > p {
  font-family: 'Gotham Bold';
  font-size: 1.2rem;
  text-transform: uppercase;
  display: inline-block;
  padding: 0.75rem 1.3rem;
  cursor: pointer;
}
#unite .liste-etages > p a:hover {
  color: #848484;
}
#unite .liste-unites {
  background-color: #5b5b5b;
}
#unite .liste-unites > p {
  font-family: 'Gotham Bold';
  font-size: 1.1rem;
  text-transform: uppercase;
  display: inline-block;
  padding: 0.75rem 1.2rem;
  cursor: pointer;
}
#unite .liste-unites > p a:hover {
  color: #848484;
}
#unite .informations {
  background-color: #616161;
  color: #ffffff;
  padding: 2rem 0 ;
  padding-bottom: 7rem;
  width: 0%;
  overflow: hidden;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transition-property: width, padding;
  /* Safari */

  transition-property: width, padding;
}
#unite .informations div h3 {
  font-size: 1.8rem;
}
#unite .informations div h3 + p {
  color: white;
}
#unite .informations > .note {
  color: #acacac;
  margin-top: 0.5rem;
  font-size: 0.9rem;
  position: absolute;
  bottom: 2rem;
  width: 90%;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
#unite .informations > .note > p {
  margin: 0!important;
  line-height: 1.2em;
}
#unite .informations > .note > a {
  margin-bottom: 2.5rem;
}
#unite .informations h2 {
  margin-bottom: 3rem;
  color: #ffffff;
}
#unite .informations h2:after {
  width: 100%;
}
#unite .informations > div {
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
#unite .informations > div > p {
  margin: 0.5rem 0rem;
  color: #acacac;
}
#unite .informations > .cta {
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
#unite .informations > table {
  width: 100%;
  margin: 2rem 0rem;
}
#unite .informations > table tr {
  background-color: #565656;
  border-bottom: 2px solid #616161;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
#unite .informations > table tr:nth-child(2n) {
  background-color: #5b5b5b;
}
#unite .informations > table tr > td {
  white-space: nowrap;
  padding: 1rem 0.5rem;
  text-align: center;
  border-right: 1px solid #616161;
}
#unite .informations > table tr > td:last-child {
  border: none;
}
#unite .informations > table .piece > td {
  width: 50% !important;
  text-transform: uppercase;
  text-align: left;
  padding-left: 1.5rem;
}
#unite .informations > table .piece > td strong {
  font-size: 1.2rem;
}
#unite .informations .disponible {
  color: #b9ddb8;
}
#unite .informations .vendu {
  color: #ababab;
}
#unite .informations_unite.actif,
#unite .informations_unite:hover {
  background-color: #474747!important;
}
#unite .liste-etages.animated {
  opacity: 1;
  -ms-transform: translatey(0);
  /* IE 9 */

  -webkit-transform: translatey(0);
  /* Chrome, Safari, Opera */

  transform: translatey(0);
}
#unite .liste-unites.animated {
  opacity: 1;
  -ms-transform: translatey(0);
  /* IE 9 */

  -webkit-transform: translatey(0);
  /* Chrome, Safari, Opera */

  transform: translatey(0);
}
#unite .image.animated > div {
  opacity: 1;
}
#unite .informations.block_width {
  width: 50%;
  padding-left: 2rem;
  padding-right: 2rem;
}
#unite .informations.animated {
  width: 50%;
  padding-left: 2rem;
  padding-right: 2rem;
}
#unite .informations.animated h2 {
  opacity: 1;
  -webkit-transition-delay: 600ms;
  /* Safari */

  transition-delay: 600ms;
}
#unite .informations.animated > div {
  opacity: 1;
  -webkit-transition-delay: 800ms;
  /* Safari */

  transition-delay: 800ms;
}
#unite .informations.animated > .cta {
  opacity: 1;
  -webkit-transition-delay: 800ms;
  /* Safari */

  transition-delay: 800ms;
}
#unite .informations.animated > .note {
  opacity: 1;
  -webkit-transition-delay: 800ms;
  /* Safari */

  transition-delay: 800ms;
}
#unite .informations.animated > table tr {
  opacity: 1;
}
#unite .informations.animated > table tr:nth-child(1) {
  -webkit-transition-delay: 800ms;
  /* Safari */

  transition-delay: 800ms;
}
#unite .informations.animated > table tr:nth-child(2) {
  -webkit-transition-delay: 1000ms;
  /* Safari */

  transition-delay: 1000ms;
}
#unite .informations.animated > table tr:nth-child(3) {
  -webkit-transition-delay: 1200ms;
  /* Safari */

  transition-delay: 1200ms;
}
#unite .informations.animated > table tr:nth-child(4) {
  -webkit-transition-delay: 1400ms;
  /* Safari */

  transition-delay: 1400ms;
}
#unite .informations.animated > table tr:nth-child(5) {
  -webkit-transition-delay: 1600ms;
  /* Safari */

  transition-delay: 1600ms;
}
#unite .informations.animated > table tr:nth-child(6) {
  -webkit-transition-delay: 1800ms;
  /* Safari */

  transition-delay: 1800ms;
}
#unite .informations.animated > table tr:nth-child(7) {
  -webkit-transition-delay: 2000ms;
  /* Safari */

  transition-delay: 2000ms;
}
#unite .informations.animated > table tr:nth-child(8) {
  -webkit-transition-delay: 2200ms;
  /* Safari */

  transition-delay: 2200ms;
}
#unite .informations.animated > table tr:nth-child(9) {
  -webkit-transition-delay: 2400ms;
  /* Safari */

  transition-delay: 2400ms;
}
#unite .informations.animated > table tr:nth-child(10) {
  -webkit-transition-delay: 2600ms;
  /* Safari */

  transition-delay: 2600ms;
}
#unite.animated > div:first-of-type {
  border-color: #7f7f7f;
  -webkit-transition-delay: 600ms;
  /* Safari */

  transition-delay: 600ms;
}
.bloc-cta {
  padding: 5rem 0rem;
  text-align: center;
  padding-bottom: 2rem;
}
.bloc-cta > h2 {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  border: none;
}
.bloc-cta > h2:after {
  display: none;
}
.bloc-cta > div {
  margin-top: 2rem;
  text-transform: uppercase;
}
.bloc-cta > div a {
  color: #474747;
  margin-left: 0.5rem;
  -webkit-transition: color 200ms ease-in-out;
  -moz-transition: color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out;
  -ms-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
}
.bloc-cta.jaune > div a:hover {
  color: #f1b650;
}
.bloc-cta.vert > div a:hover {
  color: #649081;
}
.bloc-cta.bleu-fonce > div a:hover {
  color: #517d98;
}
.bloc-cta.bleu-pale > div a:hover {
  color: #5cafd9;
}
.bloc-cta > div a i {
  font-size: 110%;
}
.bloc-cta > * {
  opacity: 0;
  -ms-transform: translatey(1rem);
  /* IE 9 */

  -webkit-transform: translatey(1rem);
  /* Chrome, Safari, Opera */

  transform: translatey(1rem);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transition-property: opacity, transform;
  /* Safari */

  transition-property: opacity, transform;
}
.bloc-cta > *.animated {
  opacity: 1;
  -ms-transform: translatey(0rem);
  /* IE 9 */

  -webkit-transform: translatey(0rem);
  /* Chrome, Safari, Opera */

  transform: translatey(0rem);
}
/***
 *     ######  #### ##    ##  ######   ##       ########    ##    ##  #######  ##     ## ##     ## ######## ##       ##       ########    
 *    ##    ##  ##  ###   ## ##    ##  ##       ##          ###   ## ##     ## ##     ## ##     ## ##       ##       ##       ##          
 *    ##        ##  ####  ## ##        ##       ##          ####  ## ##     ## ##     ## ##     ## ##       ##       ##       ##          
 *     ######   ##  ## ## ## ##   #### ##       ######      ## ## ## ##     ## ##     ## ##     ## ######   ##       ##       ######      
 *          ##  ##  ##  #### ##    ##  ##       ##          ##  #### ##     ## ##     ##  ##   ##  ##       ##       ##       ##          
 *    ##    ##  ##  ##   ### ##    ##  ##       ##          ##   ### ##     ## ##     ##   ## ##   ##       ##       ##       ##          
 *     ######  #### ##    ##  ######   ######## ########    ##    ##  #######   #######     ###    ######## ######## ######## ########    
 */
.menu-nouvelle {
  background-color: #474747;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */

  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */

  display: -ms-flexbox;
  /* TWEENER - IE 10 */

  display: -webkit-flex;
  /* NEW - Chrome */

  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  padding: 1rem 0rem;
  margin-bottom: 3rem;
  text-align: center;
  width: 0%;
  -webkit-transition: width 1000ms ease-in-out;
  -moz-transition: width 1000ms ease-in-out;
  -o-transition: width 1000ms ease-in-out;
  -ms-transition: width 1000ms ease-in-out;
  transition: width 1000ms ease-in-out;
  white-space: nowrap;
}
.menu-nouvelle > a {
  color: white;
  text-transform: uppercase;
  font-size: 1.1rem;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  margin: 0 1rem;
}
.menu-nouvelle > a i {
  margin: 0 0.5rem;
}
.info-nouvelle > div {
  display: inline-block;
  vertical-align: top;
  opacity: 0;
  -ms-transform: translatey(2rem);
  /* IE 9 */

  -webkit-transform: translatey(2rem);
  /* Chrome, Safari, Opera */

  transform: translatey(2rem);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transition-property: opacity, transform;
  /* Safari */

  transition-property: opacity, transform;
}
.info-nouvelle > div:first-child {
  width: 33.33%;
}
.info-nouvelle > div:last-child {
  padding-left: 4rem;
  width: 66.67%;
}
.info-nouvelle > div > div {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.info-nouvelle > div .grosse-image {
  border: 1px solid #ddd;
  margin-bottom: 1rem;
  width: 100%;
  min-height: 400px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0;
}
.info-nouvelle > div .petite-image {
  margin-bottom: 1rem;
  height: 7rem;
  background-size: cover;
}
.info-nouvelle > div > div > a {
  padding: 0rem 0.5rem;
  width: 25%;
  display: inline-block;
}
.menu-nouvelle.animated {
  width: 100%;
}
.menu-nouvelle.animated > * {
  opacity: 1;
}
.menu-nouvelle.animated > *:nth-child(1) {
  -webkit-transition-delay: 800ms;
  /* Safari */

  transition-delay: 800ms;
}
.menu-nouvelle.animated > *:nth-child(2) {
  -webkit-transition-delay: 1000ms;
  /* Safari */

  transition-delay: 1000ms;
}
.menu-nouvelle.animated > *:nth-child(3) {
  -webkit-transition-delay: 1200ms;
  /* Safari */

  transition-delay: 1200ms;
}
.info-nouvelle.animated > div {
  -ms-transform: translatey(0);
  /* IE 9 */

  -webkit-transform: translatey(0);
  /* Chrome, Safari, Opera */

  transform: translatey(0);
  opacity: 1;
}
.info-nouvelle.animated > div:nth-child(2) {
  -webkit-transition-delay: 200ms;
  /* Safari */

  transition-delay: 200ms;
}
/***
 *    ########     ###     ######   ########    ########  ########   #######        ## ######## ########  ######  
 *    ##     ##   ## ##   ##    ##  ##          ##     ## ##     ## ##     ##       ## ##          ##    ##    ## 
 *    ##     ##  ##   ##  ##        ##          ##     ## ##     ## ##     ##       ## ##          ##    ##       
 *    ########  ##     ## ##   #### ######      ########  ########  ##     ##       ## ######      ##     ######  
 *    ##        ######### ##    ##  ##          ##        ##   ##   ##     ## ##    ## ##          ##          ## 
 *    ##        ##     ## ##    ##  ##          ##        ##    ##  ##     ## ##    ## ##          ##    ##    ## 
 *    ##        ##     ##  ######   ########    ##        ##     ##  #######   ######  ########    ##     ######  
 */
.page-template-page-projets #items-vedettes.anterieur {
  margin-top: 3rem;
}
.page-template-page-projets #items-vedettes {
  margin: 1rem -1rem 0 -1rem;
}
.page-template-page-projets #items-vedettes.anterieur .item-vedette .cta {
  margin-left: 0;
}
.page-template-page-projets #items-vedettes.anterieur .info-item-vedette {
  height: 13rem;
}
.page-template-page-projets #items-vedettes.anterieur .item-vedette.anterieur > div {
  height: 28rem;
}
.page-template-page-projets #items-vedettes.anterieur .info-item-vedette h2 {
  font-size: 1.25rem;
}
.page-template-page-projets #items-vedettes.anterieur .info-item-vedette p {
  font-size: .8rem;
}
.page-template-page-projets .image-vedette.recherche {
  background-size: contain!important;
  background-repeat: no-repeat !important;
  border: 1px solid #ddd;
}
.page-template-page-projets .item-vedette.anterieur h2,
.page-template-page-projets .item-vedette.anterieur i {
  color: #878787 !important;
}
.page-template-page-projets .item-vedette.anterieur .cta {
  background-color: #878787 !important;
}
.projet {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */

  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */

  display: -ms-flexbox;
  /* TWEENER - IE 10 */

  display: -webkit-flex;
  /* NEW - Chrome */

  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  margin-bottom: 1rem;
  margin-top: 3rem;
  overflow: hidden;
}
.projet:after {
  width: 0%;
  -webkit-transition: width 1000ms ease-in-out;
  -moz-transition: width 1000ms ease-in-out;
  -o-transition: width 1000ms ease-in-out;
  -ms-transition: width 1000ms ease-in-out;
  transition: width 1000ms ease-in-out;
}
.projet > * {
  display: inline-block;
  padding: 3rem;
  background-color: #474747;
  overflow: hidden;
  width: 33.33%;
  -ms-transform: translatey(100%);
  /* IE 9 */

  -webkit-transform: translatey(100%);
  /* Chrome, Safari, Opera */

  transform: translatey(100%);
  opacity: 0;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transition-property: transform, opacity;
  /* Safari */

  transition-property: transform, opacity;
}
.projet > a > div {
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  height: 100%;
  min-height: 100%;
  width: 100%;
}
.projet > div:last-child {
  background-color: #545454;
}
.projet > div > h1 {
  line-height: inherit;
  font-size: 2rem;
  text-transform: uppercase;
}
.projet > div > h2 {
  border-color: #878787;
  opacity: 1;
}
.projet > div > h2:after {
  display: block;
  width: 100%;
  background-color: #878787;
}
.projet > div > h1 + p {
  font-size: 0.85rem;
  line-height: 1.2em;
}
.projet > div > p {
  color: white;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */

  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */

  display: -ms-flexbox;
  /* TWEENER - IE 10 */

  display: -webkit-flex;
  /* NEW - Chrome */

  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-align-items: baseline;
  -webkit-box-align: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
.projet > div:last-child > p + p {
  margin-top: 0.5rem;
}
.projet > div > p > i {
  margin-right: 0.5rem;
  width: 20px;
  text-align: center;
}
.projet.animated:after {
  width: 100%;
}
.projet.animated > * {
  -ms-transform: translatey(0%);
  /* IE 9 */

  -webkit-transform: translatey(0%);
  /* Chrome, Safari, Opera */

  transform: translatey(0%);
  opacity: 1;
}
.projet.animated > *:nth-child(1) {
  -webkit-transition-delay: 1000ms;
  /* Safari */

  transition-delay: 1000ms;
}
.projet.animated > *:nth-child(2) {
  -webkit-transition-delay: 1200ms;
  /* Safari */

  transition-delay: 1200ms;
}
.projet.animated > *:nth-child(3) {
  -webkit-transition-delay: 1400ms;
  /* Safari */

  transition-delay: 1400ms;
}
/*
*    ########     ###     ######   ########       ###    ########  ########   #######  ########   #######   ######  
*    ##     ##   ## ##   ##    ##  ##            ## ##   ##     ## ##     ## ##     ## ##     ## ##     ## ##    ## 
*    ##     ##  ##   ##  ##        ##           ##   ##  ##     ## ##     ## ##     ## ##     ## ##     ## ##       
*    ########  ##     ## ##   #### ######      ##     ## ########  ########  ##     ## ########  ##     ##  ######  
*    ##        ######### ##    ##  ##          ######### ##        ##   ##   ##     ## ##        ##     ##       ## 
*    ##        ##     ## ##    ##  ##          ##     ## ##        ##    ##  ##     ## ##        ##     ## ##    ## 
*    ##        ##     ##  ######   ########    ##     ## ##        ##     ##  #######  ##         #######   ######  
*/
.pourquoi-struktur {
  margin-bottom: 1.5rem;
}
.equipe {
  margin-top: 3rem;
}
.equipe .membre {
  border-bottom: 5px solid #474747;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */

  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */

  display: -ms-flexbox;
  /* TWEENER - IE 10 */

  display: -webkit-flex;
  /* NEW - Chrome */

  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: row;
  -webkit-box-direction: row;
  -moz-box-orient: row;
  -moz-box-direction: row;
  flex-direction: row;
  background-color: #474747;
  margin-bottom: 2rem;
  opacity: 0;
  -ms-transform: translatey(2rem);
  /* IE 9 */

  -webkit-transform: translatey(2rem);
  /* Chrome, Safari, Opera */

  transform: translatey(2rem);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transition-property: opacity, transform;
  /* Safari */

  transition-property: opacity, transform;
}
.equipe .membre.jaune {
  border-color: #f1b650;
}
.equipe .membre.vert {
  border-color: #649081;
}
.equipe .membre.bleu-pale {
  border-color: #5cafd9;
}
.equipe .membre.bleu-fonce {
  border-color: #517d98;
}
.equipe .membre.vert h3 {
  color: #649081;
}
.equipe .membre.jaune h3 {
  color: #f1b650;
}
.equipe .membre.bleu-pale h3 {
  color: #5cafd9;
}
.equipe .membre.bleu-fonce h3 {
  color: #517d98;
}
.equipe .membre > div h3 {
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: bolder;
  line-height: inherit;
}
.equipe .membre > div h3 + p {
  font-size: 1rem;
}
.equipe .membre > div p {
  color: white;
  font-size: 0.9rem;
}
.equipe .membre > div a {
  color: white;
  font-size: 1rem;
  margin-top: 1rem;
  display: inline-block;
}
.equipe .membre > div a > i {
  margin-right: 0.3rem;
}
.equipe .membre > div:first-child {
  width: 40%;
  background-size: cover;
  background-position: center;
}
.equipe .membre > div:last-child {
  width: 100%;
  padding: 3rem;
}
#a-propos > div > .partenaires > .partenaire {
  padding: 1rem;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.partenaire {
  opacity: 0;
  -ms-transform: translatey(2rem);
  /* IE 9 */

  -webkit-transform: translatey(2rem);
  /* Chrome, Safari, Opera */

  transform: translatey(2rem);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transition-property: opacity, transform;
  /* Safari */

  transition-property: opacity, transform;
}
.partenaire.animated {
  opacity: 1;
  -ms-transform: translatey(0);
  /* IE 9 */

  -webkit-transform: translatey(0);
  /* Chrome, Safari, Opera */

  transform: translatey(0);
}
.equipe .membre.animated {
  opacity: 1;
  -ms-transform: translatey(0);
  /* IE 9 */

  -webkit-transform: translatey(0);
  /* Chrome, Safari, Opera */

  transform: translatey(0);
}
/***
*    ########     ###     ######   ########     ######   ##     ## #### ########  ########       ###     ######  ##     ##    ###    ######## 
*    ##     ##   ## ##   ##    ##  ##          ##    ##  ##     ##  ##  ##     ## ##            ## ##   ##    ## ##     ##   ## ##      ##    
*    ##     ##  ##   ##  ##        ##          ##        ##     ##  ##  ##     ## ##           ##   ##  ##       ##     ##  ##   ##     ##    
*    ########  ##     ## ##   #### ######      ##   #### ##     ##  ##  ##     ## ######      ##     ## ##       ######### ##     ##    ##    
*    ##        ######### ##    ##  ##          ##    ##  ##     ##  ##  ##     ## ##          ######### ##       ##     ## #########    ##    
*    ##        ##     ## ##    ##  ##          ##    ##  ##     ##  ##  ##     ## ##          ##     ## ##    ## ##     ## ##     ##    ##    
*    ##        ##     ##  ######   ########     ######    #######  #### ########  ########    ##     ##  ######  ##     ## ##     ##    ##    
*/
.titre-liste {
  background-color: #474747;
  padding: 1rem 0rem;
  margin-bottom: 3rem;
  text-align: center;
  width: 0%;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: width 1000ms ease-in-out;
  -moz-transition: width 1000ms ease-in-out;
  -o-transition: width 1000ms ease-in-out;
  -ms-transition: width 1000ms ease-in-out;
  transition: width 1000ms ease-in-out;
}
.titre-liste:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1rem;
  right: 1rem;
  height: 2px;
  background: #7f7f7f;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
.titre-liste > a {
  color: white;
  background-color: #474747;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: bolder;
  padding: 0rem 0.7rem;
  margin: 0rem 1rem;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
.liste-contenus {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */

  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */

  display: -ms-flexbox;
  /* TWEENER - IE 10 */

  display: -webkit-flex;
  /* NEW - Chrome */

  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  margin-bottom: 0.7rem;
  min-height: 200px;
  opacity: 0;
  -ms-transform: translatey(2rem);
  /* IE 9 */

  -webkit-transform: translatey(2rem);
  /* Chrome, Safari, Opera */

  transform: translatey(2rem);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transition-property: opacity, transform;
  /* Safari */

  transition-property: opacity, transform;
}
.liste-contenus > div {
  width: 50%;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */

  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */

  display: -ms-flexbox;
  /* TWEENER - IE 10 */

  display: -webkit-flex;
  /* NEW - Chrome */

  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
  padding: 2rem 4rem;
  background-color: #f5f5f5;
}
.liste-contenus > div.jaune a {
  color: #f1b650;
}
.liste-contenus > div.vert a {
  color: #649081;
}
.liste-contenus > div.bleu-fonce a {
  color: #517d98;
}
.liste-contenus > div.bleu-pale a {
  color: #5cafd9;
}
.liste-contenus > div > p > a {
  text-decoration: underline;
}
.liste-contenus > div > h3 {
  font-family: 'Gotham Bold';
  font-size: 1.8rem;
  font-weight: bolder;
  text-transform: uppercase;
  line-height: inherit;
  text-align: center;
}
.liste-contenus > div:nth-child(2) {
  background-color: #eee;
}
.liste-contenus > div:first-child > .decoration {
  font-family: 'Gotham Bold';
  position: absolute;
  font-size: 10rem;
  font-weight: bolder;
  opacity: 0.15;
  width: 100%;
  top: 50%;
  margin-top: -5rem;
  right: 0;
  line-height: 10rem;
  text-align: center;
}
.liste-contenus.long-titres h3 {
  width: 65%;
}
.liste-contenus.sans-titres {
  width: 50%;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  vertical-align: top;
}
.liste-contenus.sans-titres > div {
  width: 100%;
}
.liste-contenus.sans-titres:nth-of-type(2) > div {
  background-color: #eee !important;
}
.liste-contenus.sans-titres + .liste-contenus.sans-titres:nth-of-type(3n) > div {
  background-color: #eee;
}
.conteneur-liste > p {
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
.titre-liste.animated {
  width: 100%;
}
.titre-liste.animated > a {
  opacity: 1;
}
.titre-liste.animated > a:nth-child(1) {
  -webkit-transition-delay: 1000ms;
  /* Safari */

  transition-delay: 1000ms;
}
.titre-liste.animated > a:nth-child(2) {
  -webkit-transition-delay: 1200ms;
  /* Safari */

  transition-delay: 1200ms;
}
.titre-liste.animated > a:nth-child(3) {
  -webkit-transition-delay: 1400ms;
  /* Safari */

  transition-delay: 1400ms;
}
.titre-liste.animated > a:nth-child(4) {
  -webkit-transition-delay: 1600ms;
  /* Safari */

  transition-delay: 1600ms;
}
.titre-liste.animated > a:nth-child(5) {
  -webkit-transition-delay: 1800ms;
  /* Safari */

  transition-delay: 1800ms;
}
.titre-liste.animated:after {
  opacity: 1;
  -webkit-transition-delay: 2000ms;
  /* Safari */

  transition-delay: 2000ms;
}
.liste-contenus.animated {
  opacity: 1;
  -ms-transform: translatey(0);
  /* IE 9 */

  -webkit-transform: translatey(0);
  /* Chrome, Safari, Opera */

  transform: translatey(0);
}
.conteneur-liste > p.animated {
  opacity: 1;
}
/***
*    ########     ###     ######   ########     ######   #######  ##    ## ########    ###     ######  ######## 
*    ##     ##   ## ##   ##    ##  ##          ##    ## ##     ## ###   ##    ##      ## ##   ##    ##    ##    
*    ##     ##  ##   ##  ##        ##          ##       ##     ## ####  ##    ##     ##   ##  ##          ##    
*    ########  ##     ## ##   #### ######      ##       ##     ## ## ## ##    ##    ##     ## ##          ##    
*    ##        ######### ##    ##  ##          ##       ##     ## ##  ####    ##    ######### ##          ##    
*    ##        ##     ## ##    ##  ##          ##    ## ##     ## ##   ###    ##    ##     ## ##    ##    ##    
*    ##        ##     ##  ######   ########     ######   #######  ##    ##    ##    ##     ##  ######     ##    
*/
.page-template-page-contact .bureau-ventes {
  margin-bottom: 2rem;
}
.page-template-page-contact #a-propos {
  margin: 0;
  margin-top: 3rem;
}
.page-template-page-contact #map {
  width: 0%;
  -webkit-transition: width 1000ms ease-in-out;
  -moz-transition: width 1000ms ease-in-out;
  -o-transition: width 1000ms ease-in-out;
  -ms-transition: width 1000ms ease-in-out;
  transition: width 1000ms ease-in-out;
  overflow: hidden;
}
.page-template-page-contact #map > div {
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
.nous-contacter {
  background-color: #474747;
  padding: 2rem !important;
  opacity: 0;
  -ms-transform: translatey(2rem);
  /* IE 9 */

  -webkit-transform: translatey(2rem);
  /* Chrome, Safari, Opera */

  transform: translatey(2rem);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transition-property: opacity, transform;
  /* Safari */

  transition-property: opacity, transform;
}
.nous-contacter h2 {
  color: white;
  margin-bottom: 1.5rem !important;
}
#formulaire_contact input,
#formulaire_contact select,
#formulaire_contact > textarea {
  margin: inherit;
  width: 100%;
  margin-bottom: 1rem;
}
#formulaire_contact label {
  width: 100%;
}
#formulaire_contact textarea {
  cursor: inherit;
}
#formulaire_contact p {
  margin: inherit;
  width: 50%;
  display: inline-block;
}
#formulaire_contact p:first-child {
  padding-right: 1rem;
}
textarea {
  height: 10rem;
}
.nous-contacter.animated {
  opacity: 1;
  -ms-transform: translatey(0);
  /* IE 9 */

  -webkit-transform: translatey(0);
  /* Chrome, Safari, Opera */

  transform: translatey(0);
}
.page-template-page-contact #map.animated {
  width: 100%;
}
.page-template-page-contact #map > div.animated {
  opacity: 1;
  -webkit-transition-delay: 400ms;
  /* Safari */

  transition-delay: 400ms;
}
/***
*     #######  ##     ## ######## ########  ##          ###    ##    ## 
*    ##     ## ##     ## ##       ##     ## ##         ## ##    ##  ##  
*    ##     ## ##     ## ##       ##     ## ##        ##   ##    ####   
*    ##     ## ##     ## ######   ########  ##       ##     ##    ##    
*    ##     ##  ##   ##  ##       ##   ##   ##       #########    ##    
*    ##     ##   ## ##   ##       ##    ##  ##       ##     ##    ##    
*     #######     ###    ######## ##     ## ######## ##     ##    ##    
*/
.overlay {
  overflow-x: hidden;
  overflow-y: scroll;
  background: rgba(255, 255, 255, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
  padding-top: 80px;
  padding-bottom: 80px;
  -webkit-overflow-scrolling: touch;
}
.overlay::-webkit-scrollbar {
  display: none;
}
.overlay .message {
  box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.4);
  border: 20px solid white;
  background-color: #eee;
  display: inline-block;
  z-index: 520;
  position: relative;
  max-width: 650px;
  width: 100%;
  padding: 3.5rem 1rem;
  text-align: center;
}
.overlay .message h2 {
  border: none;
  font-weight: bolder;
  font-family: 'Gotham Bold';
}
.overlay .message p {
  text-transform: uppercase;
  font-size: 1.4rem;
  display: inline-block;
  width: 75%;
  line-height: 1.1em;
}
.overlay .message p.infolettre-popup {
  width: 64%;
  margin-bottom: 1rem;
}
.overlay .message p.infolettre-popup + h2 {
  margin-bottom: 0rem;
}
.overlay .close_btn {
  position: absolute;
  top: -40px;
  right: 5px;
  top: 1px;
  cursor: pointer;
}
.overlay .close_btn i {
  font-size: 150%;
  color: #ccc;
}
.overlay .valign > div {
  padding: 1rem;
}
.overlay .valign {
  position: relative;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
  z-index: 10000;
}
/***
*    ########  #### ######## ########     ########  ########    ########     ###     ######   ######## 
*    ##     ##  ##  ##       ##     ##    ##     ## ##          ##     ##   ## ##   ##    ##  ##       
*    ##     ##  ##  ##       ##     ##    ##     ## ##          ##     ##  ##   ##  ##        ##       
*    ########   ##  ######   ##     ##    ##     ## ######      ########  ##     ## ##   #### ######   
*    ##         ##  ##       ##     ##    ##     ## ##          ##        ######### ##    ##  ##       
*    ##         ##  ##       ##     ##    ##     ## ##          ##        ##     ## ##    ##  ##       
*    ##        #### ######## ########     ########  ########    ##        ##     ##  ######   ######## 
*/
#infolettre {
  margin-top: 3rem;
}
footer {
  height: 200px;
  padding: 1rem 0;
  margin: 1rem 0 0 0;
  text-align: center;
  background-color: #474747;
  background-image: url(../img/background-logo.jpg);
  background-position: center bottom;
  background-repeat: repeat-x;
  -webkit-transition: width 500ms ease-in-out;
  -moz-transition: width 500ms ease-in-out;
  -o-transition: width 500ms ease-in-out;
  -ms-transition: width 500ms ease-in-out;
  transition: width 500ms ease-in-out;
  width: 0px;
  overflow: hidden;
}
footer > * {
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
footer > a {
  position: absolute;
  left: 1rem;
  z-index: 1;
}
footer > a img {
  max-width: 100%;
}
footer > a + div {
  position: absolute;
  right: 1rem;
  top: 2rem;
  z-index: 1;
}
footer > a + div a {
  color: white;
  margin-right: 0.3rem;
}
footer > a + div a:first-child {
  font-size: 0.8em;
  margin-right: 1rem;
}
footer > a + div a:first-child:hover {
  color: #5cafd9;
}
footer > a + div a:nth-child(2):hover {
  color: #5cafd9;
}
footer > a + div a:nth-child(3):hover {
  color: #649081;
}
footer > a + div a:nth-child(4):hover {
  color: #517d98;
}
footer > a + div a:nth-child(5):hover {
  color: #f1b650;
}
footer > nav {
  margin-top: 1rem;
}
footer > nav a {
  color: white;
  text-transform: uppercase;
}
footer > nav a span:hover {
  text-decoration: underline;
}
footer > nav a:after {
  content: "•";
  margin: 0 2rem;
  color: #5cafd9;
}
footer > nav a:nth-child(2):after {
  content: "•";
  margin: 0 2rem;
  color: #649081;
}
footer > nav a:nth-child(3):after {
  content: "•";
  margin: 0 2rem;
  color: #517d98;
}
footer > nav a:nth-child(4):after {
  content: "•";
  margin: 0 2rem;
  color: #f1b650;
}
footer > nav a:last-child:after {
  display: none;
}
footer > nav br {
  display: none;
}
footer > span {
  display: block;
  font-size: 1.6rem;
  color: white;
  font-family: 'Kaushan Script';
  margin-top: 3rem;
}
footer.animated {
  width: 100%;
}
footer > *.animated {
  opacity: 1;
}
#copyright {
  left: 0;
  right: 0;
  height: 2rem;
  background: white;
  font-size: 0.8em;
  opacity: 0;
  -webkit-transition: opacity 500ms ease-in-out;
  -moz-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  -ms-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
}
#copyright p {
  position: absolute !important;
  top: 0;
  left: 1rem;
  position: relative;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
}
#copyright p + p {
  position: absolute !important;
  top: 0;
  text-align: right;
  right: 1rem;
  margin: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
}
#copyright p a {
  color: #474747;
  text-decoration: underline;
  -webkit-transition: color 200ms ease-in-out;
  -moz-transition: color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out;
  -ms-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
}
#copyright p a:first-child:hover {
  color: #f1b650;
}
#copyright p a:last-child:hover {
  color: #5cafd9;
}
#copyright.animated {
  opacity: 1;
}
/***
*    ##     ## ######## ########  ####    ###        #######  ##     ## ######## ########  ##    ## 
*    ###   ### ##       ##     ##  ##    ## ##      ##     ## ##     ## ##       ##     ##  ##  ##  
*    #### #### ##       ##     ##  ##   ##   ##     ##     ## ##     ## ##       ##     ##   ####   
*    ## ### ## ######   ##     ##  ##  ##     ##    ##     ## ##     ## ######   ########     ##    
*    ##     ## ##       ##     ##  ##  #########    ##  ## ## ##     ## ##       ##   ##      ##    
*    ##     ## ##       ##     ##  ##  ##     ##    ##    ##  ##     ## ##       ##    ##     ##    
*    ##     ## ######## ########  #### ##     ##     ##### ##  #######  ######## ##     ##    ##    
*/
/***                                                                                
	*    #####  ######  ####  #    # #####  ####  #####      ####  #####    ##   #    # #####  
	*    #    # #      #      #   #    #   #    # #    #    #    # #    #  #  #  ##   # #    # 
	*    #    # #####   ####  ####     #   #    # #####     #  ### #####  ###### #  # # #    # 
	*    #    # #      #    # #   #    #   #    # #         #    # #   #  #    # #   ## #    # 
	*    #####  ######  ####  #    #   #    ####  #          ####  #    # #    # #    # #####  
	*/
@media screen and (min-width: 1500px) {
  body {
    margin: 0 2rem;
  }
  header {
    height: 2rem;
  }
  #slider {
    height: 70vh;
  }
  .item-vedette {
    width: 25%;
  }
  #infolettre form input {
    width: 300px;
  }
}
/***                                                                                 
	*     #####  ######  ####  #    # #####  ####  #####     #   #  ####  #   # ###### #   # 
	*     #    # #      #      #   #    #   #    # #    #    ## ## #    #  # #  #      ##  # 
	*     #    # #####   ####  ####     #   #    # #####     # # # #    #   #   #####  # # # 
	*     #    # #      #    # #   #    #   #    # #         #   # #    #   #   #      #  ## 
	*     #####  ######  ####  #    #   #    ####  #         #   #  ####    #   ###### #   # 
	*/
@media screen and (max-width: 1500px) {
  body {
    margin: 0 2rem;
  }
  header {
    height: 2rem;
  }
  #slider {
    height: 70vh;
  }
  .item-vedette {
    width: 25%;
  }
  #a-propos > div {
    width: 50%;
  }
  #infolettre form input {
    width: 250px;
  }
}
@media screen and (min-width: 1350px) and (max-width: 1500px) {
  footer > nav a:after {
    margin: 0 1rem;
  }
}
@media screen and (min-width: 1151px) and (max-width: 1350px) {
  footer {
    height: 175px;
  }
  footer > nav a:after {
    margin: 0 1rem;
  }
  footer > nav {
    margin-top: 8rem;
  }
  footer > span {
    margin-top: -8rem;
  }
}
/***
	*     #####   ##   #####  #      ###### ##### ##### ######    #####    ##   #   #  ####    ##    ####  ###### 
	*       #    #  #  #    # #      #        #     #   #         #    #  #  #   # #  #       #  #  #    # #      
	*       #   #    # #####  #      #####    #     #   #####     #    # #    #   #    ####  #    # #      #####  
	*       #   ###### #    # #      #        #     #   #         #####  ######   #        # ###### #  ### #      
	*       #   #    # #####  ###### ######   #     #   ######    #      #    #   #    ####  #    #  ####  ###### 
	*/
@media screen and (max-width: 1150px) {
  body {
    margin: 0 1.5rem;
  }
  header {
    height: 3rem;
  }
  header > nav {
    top: 5rem;
  }
  .titre-liste > a {
    padding: 0rem .3rem;
    margin: 0rem .6rem;
  }
  #a-propos > div > .partenaires > .partenaire {
    width: 50%;
  }
  .projet > div {
    padding: 2rem;
  }
  #map {
    height: 200px;
  }
  .info-nouvelle > div .grosse-image {
    min-height: 300px;
  }
  footer {
    height: 150px;
  }
  footer > a {
    max-width: 25%;
  }
  footer > nav {
    margin-top: 8rem;
  }
  footer > div {
    font-size: 1.5rem;
  }
  footer > span {
    margin-top: -8rem;
  }
}
/***
	*     #####   ##   #####  #      ###### ##### ##### ######    #####   ####  #####  ##### #####    ##   # ##### 
	*       #    #  #  #    # #      #        #     #   #         #    # #    # #    #   #   #    #  #  #  #   #   
	*       #   #    # #####  #      #####    #     #   #####     #    # #    # #    #   #   #    # #    # #   #   
	*       #   ###### #    # #      #        #     #   #         #####  #    # #####    #   #####  ###### #   #   
	*       #   #    # #####  ###### ######   #     #   ######    #       ####  #    #   #   #    # #    # #   #   
	*/
@media screen and (max-width: 950px) {
  #recherche form {
    margin-bottom: 0.5rem;
  }
  #recherche form h3 {
    display: block;
    line-height: 2rem;
  }
  #recherche:after {
    display: none;
  }
  #slider {
    height: 450px;
  }
  .item-vedette {
    width: 50%;
  }
  .item-vedette:first-of-type {
    margin-bottom: 2rem;
  }
  .formulaire_horizontal {
    opacity: 0;
    white-space: normal;
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
    width: 100%;
  }
  .formulaire_horizontal.animated {
    opacity: 1;
  }
  .formulaire_horizontal form {
    white-space: normal;
  }
  header {
    height: 5rem;
  }
  header > a {
    max-width: 30%;
  }
  header > p {
    display: none;
  }
  header > nav {
    top: 7rem;
  }
  .small-height h1,
  .medium-height h1 {
    font-size: 3.2rem;
  }
  .small-height > div {
    display: table;
  }
  .small-height > div > h1 {
    white-space: normal;
    bottom: 0;
    left: 0rem;
    vertical-align: middle;
    display: table-cell;
    position: relative;
  }
  #guide-achat > div {
    height: 20rem;
  }
  #guide-achat a > div > div + div {
    width: 80%;
  }
  #guide-achat a > div > div {
    width: 45%;
  }
  .titre-liste {
    white-space: normal;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 1000ms ease-in-out;
    -moz-transition: opacity 1000ms ease-in-out;
    -o-transition: opacity 1000ms ease-in-out;
    -ms-transition: opacity 1000ms ease-in-out;
    transition: opacity 1000ms ease-in-out;
  }
  .titre-liste > a {
    padding: 0.5rem .3rem;
    margin: 0rem .6rem;
    display: inline-block;
    width: 30%;
  }
  .titre-liste:after {
    display: none;
  }
  .titre-liste.animated {
    opacity: 1;
  }
  .projet > a {
    width: 100%;
    height: 22rem;
  }
  .projet > div {
    padding: 1.5rem;
    width: 100%;
  }
  #unite > div:first-of-type {
    display: inline-block;
  }
  #unite > div > .image:after {
    display: none;
  }
  #map {
    height: 200px;
  }
  .proximite ul li {
    width: 50%;
  }
  #unite {
    display: block;
  }
  #unite > div {
    width: 100%;
  }
  #unite > div > .image > img {
    max-width: 70%;
  }
  #unite > div:first-of-type {
    border-right: 1px solid #7f7f7f;
  }
  #unite .informations {
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
  }
  #unite .informations.animated {
    opacity: 1;
    width: 100%;
  }
  #unite .informations.block_width {
    width: 100%;
  }
  #a-propos > div > .partenaires > .partenaire {
    padding: 0.5rem;
    width: 50%;
  }
  #a-propos > div > .partenaires > .partenaire > a > img {
    max-width: 75%;
  }
  .equipe .membre > div:first-child {
    width: 45%;
  }
  .equipe .membre > div:last-child {
    padding: 2rem;
  }
  .info-nouvelle > div .grosse-image {
    min-height: 275px;
  }
  .page-template-page-contact .bureau-ventes h2 {
    font-size: 1.2rem;
  }
  #infolettre form input {
    width: 150px;
  }
}
/***                          
	*     #    #  ####  #####  # #      ###### 
	*     ##  ## #    # #    # # #      #      
	*     # ## # #    # #####  # #      #####  
	*     #    # #    # #    # # #      #      
	*     #    #  ####  #####  # ###### ###### 
	*/
@media screen and (max-width: 700px) {
  body {
    margin: 0 0.5rem;
  }
  #burger {
    display: block;
    top: 0.5rem;
    position: absolute;
    right: 1rem;
  }
  #slider {
    height: 250px;
  }
  #slider .conteneurCSS h3 {
    font-size: 0.9rem;
  }
  #slider .conteneurCSS h1 {
    font-size: 2.5rem;
    line-height: inherit;
    padding: 0.3rem 0rem;
  }
  #a-propos,
  #items-vedettes {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  #a-propos > div {
    padding: 0rem 1rem;
  }
  form {
    text-align: center;
  }
  form br {
    display: block;
  }
  #recherche form .select {
    width: 200px;
    margin-bottom: 0.3rem;
  }
  form .select select {
    width: 100%;
  }
  .bureau-ventes {
    margin-bottom: 1.5rem;
  }
  header {
    height: 4rem;
    font-size: 1.2rem;
  }
  header > a {
    width: 50%;
    left: 0.5rem;
    max-width: 220px;
  }
  header > div {
    right: 0rem;
    position: relative;
    top: inherit;
    -webkit-transform: translatey(0%);
    -ms-transform: translatey(0%);
    transform: translatey(0%);
  }
  header > div > a.langue {
    position: relative;
    top: inherit;
    -webkit-transform: translatey(0%);
    -ms-transform: translatey(0%);
    transform: translatey(0%);
    position: absolute;
    right: 5rem;
    line-height: 3rem;
    top: 0.5rem;
  }
  header > nav {
    display: none;
  }
  header .nav-reseaux-sociaux {
    display: none;
  }
  .small-height h1,
  .medium-height h1 {
    font-size: 3rem;
    padding-top: 0rem;
  }
  .item-vedette {
    width: 100%;
    margin-bottom: 2rem;
  }
  #items-vedettes > * > .item-vedette > div {
    height: 37rem;
  }
  #items-vedettes > * > .item-vedette > div > .image-vedette {
    height: 25rem;
  }
  #items-vedettes > * > .item-vedette > div > div {
    height: 12rem;
  }
  .page-template-page-projets #items-vedettes.anterieur .item-vedette.anterieur > div {
    height: inherit;
  }
  .item-vedette:last-of-type {
    margin-bottom: 0;
  }
  #a-propos > div {
    width: 100%;
  }
  #guide-achat {
    margin-top: 2rem;
  }
  #guide-achat.animated {
    width: 100%!important;
  }
  .titre-liste > a {
    padding: 0.5rem .3rem;
    margin: 0rem;
    display: inline-block;
    width: 100%;
  }
  .liste-contenus.long-titres h3 {
    width: 100%;
  }
  .liste-contenus.sans-titres {
    width: 100%;
  }
  #unite {
    margin-top: 0.5rem;
  }
  #unite .informations {
    padding: 1rem;
  }
  #unite .informations h2 {
    font-size: 1.3rem;
  }
  #unite .informations > table tr > td:nth-child(3) {
    display: none;
  }
  #unite .informations > table tr > td:nth-child(5) {
    display: none;
  }
  #unite .liste-etages > p {
    font-size: 1.1rem;
    padding: 0.5rem;
  }
  #unite .informations > .note {
    bottom: 0;
    position: relative;
    width: 95%;
    margin-top: 2rem;
  }
  #unite .informations > table .piece > td strong {
    font-size: 1rem;
  }
  #unite .informations.animated {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .proximite {
    margin-bottom: 1.5rem;
  }
  .bloc-cta > div a i {
    font-size: 1.4rem;
  }
  .projet {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: column;
    -webkit-box-direction: column;
    -moz-box-orient: column;
    -moz-box-direction: column;
    flex-direction: column;
  }
  .projet > div:first-child {
    min-height: 200px;
  }
  .equipe .membre {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: column;
    -webkit-box-direction: column;
    -moz-box-orient: column;
    -moz-box-direction: column;
    flex-direction: column;
  }
  .equipe .membre > div:first-child {
    width: 100%;
    min-height: 250px;
  }
  .equipe .membre > div:last-child {
    padding: 1.5rem;
  }
  .liste-contenus {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: column;
    -webkit-box-direction: column;
    -moz-box-orient: column;
    -moz-box-direction: column;
    flex-direction: column;
  }
  .liste-contenus > div {
    min-height: 200px;
    width: 100%;
  }
  .menu-nouvelle > a {
    font-size: 0.95rem;
  }
  .info-nouvelle > div .grosse-image {
    min-height: 200px;
  }
  .info-nouvelle > div:first-child {
    width: 100%;
  }
  .info-nouvelle > div:last-child {
    width: 100%;
    padding-left: 0;
    margin-top: 1rem;
  }
  #infolettre form {
    margin-bottom: 0.5rem;
  }
  #infolettre form h3 {
    display: block;
    line-height: 2rem;
    font-size: 1rem;
    margin: 0;
  }
  #infolettre:after {
    display: none;
  }
  footer {
    height: 240px;
  }
  footer > a {
    width: 50%;
    max-width: 200px;
  }
  footer > div {
    font-size: 1.2rem;
  }
  footer > span {
    margin-top: 2rem;
  }
  footer > nav {
    margin-top: 5rem;
  }
  footer > nav a {
    display: block;
    width: 100%;
    line-height: 1.5rem;
    padding: 0.2rem 0;
  }
  footer > nav a:after {
    display: none;
  }
  footer > nav a:nth-child(3):after {
    display: none;
  }
  footer > nav br {
    display: block;
  }
  #copyright p,
  #copyright p + p {
    position: relative !important;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.5rem 0;
  }
}
/***
	*     #####   ####  #      #  ####  ######  ####  
	*     #    # #    # #      # #    # #      #      
	*     #    # #    # #      # #      #####   ####  
	*     #####  #    # #      # #      #           # 
	*     #       ####  ###### #  ####  ######  ####  
	*/
@media screen and (min-width: 1500px) {
  html {
    font-size: 18px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1500px) {
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1400px) {
  html {
    font-size: 14px;
  }
  #a-propos ul li:before {
    top: 8px;
    width: 4px;
    height: 4px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
  html {
    font-size: 13px;
  }
  #a-propos ul li:before {
    top: 5.5px;
    width: 4px;
    height: 4px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
  html {
    font-size: 12px;
  }
  #a-propos ul li:before {
    top: 5.5px;
    width: 4px;
    height: 4px;
  }
}
@media screen and (max-width: 1100px) {
  html {
    font-size: 11px;
  }
  #a-propos ul li:before {
    top: 5.5px;
    width: 4px;
    height: 4px;
  }
}
/***
*    ##       ########  ######   ######     ##     ## #### ##     ## #### ##    ##  ######  
*    ##       ##       ##    ## ##    ##    ###   ###  ##   ##   ##   ##  ###   ## ##    ## 
*    ##       ##       ##       ##          #### ####  ##    ## ##    ##  ####  ## ##       
*    ##       ######    ######   ######     ## ### ##  ##     ###     ##  ## ## ##  ######  
*    ##       ##             ##       ##    ##     ##  ##    ## ##    ##  ##  ####       ## 
*    ##       ##       ##    ## ##    ##    ##     ##  ##   ##   ##   ##  ##   ### ##    ## 
*    ######## ########  ######   ######     ##     ## #### ##     ## #### ##    ##  ######  
*/
.appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
}
.cancel-vertical-align {
  position: relative;
  top: inherit;
  -webkit-transform: translatey(0%);
  -ms-transform: translatey(0%);
  transform: translatey(0%);
}
.flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */

  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */

  display: -ms-flexbox;
  /* TWEENER - IE 10 */

  display: -webkit-flex;
  /* NEW - Chrome */

  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */

}
.inline-flex {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.no-transition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}