/** END FONCTIONS **/
#main .owl-carousel {
  position: relative;
}
#main .owl-carousel .owl-controls {
  margin: 0;
}
#main .owl-carousel .owl-controls .owl-nav {
  max-width: 1200px;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  transform: translateY(-50%);
  top: 50%;
  right: 0;
  left: 0;
}
#main .owl-carousel .owl-controls .owl-nav div {
  margin: 0;
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 0;
  position: absolute;
  transform: translateY(-50%);
  background-color: #000000;
  margin: 0 10px;
  border-radius: 50%;
}
#main .owl-carousel .owl-controls .owl-nav div:after {
  content: "";
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  display: block;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
#main .owl-carousel .owl-controls .owl-nav div.owl-prev {
  left: 0;
}
#main .owl-carousel .owl-controls .owl-nav div.owl-next {
  right: 0;
}
/** HAUT **/
#haut_home #slider_home {
  padding: 0 20px;
}
#haut_home #slider_home .slide .visuel {
  height: 260px;
}
#haut_home #slider_home .slide .titre_sstitre {
  text-align: center;
  padding: 20px 0px 20px 0px;
}
#haut_home #slider_home .slide .titre_sstitre > div {
  color: #413B30;
  text-transform: uppercase;
}
#haut_home #slider_home .slide .titre_sstitre .titre {
  font-size: 1.9em;
  letter-spacing: 2px;
  font-weight: bold;
  line-height: 1.3;
}
#haut_home #slider_home .slide .titre_sstitre .sstitre {
  font-size: 0.8em;
  letter-spacing: 4px;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 15px;
}
#services_mobile {
  text-align: center;
  padding: 10px 0 25px 0;
}
#services_mobile #bandeau_services {
  text-align: center;
  position: relative;
}
#services_mobile #bandeau_services:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #C7C7C7;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 18px;
}
#services_mobile #bandeau_services span {
  background: #A7BA0E;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 5px solid #fff;
  transition: all 0.25s;
}
#services_mobile #bandeau_services span:before {
  font-size: 1em;
  font-family: Flaticon;
  content: "\f105";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  transition: all 0.25s;
}
#services_mobile #libelle_services {
  font-weight: bold;
  text-transform: uppercase;
  color: #A7BA0E;
  text-align: center;
  transition: all 0.25s;
  display: block;
  margin-top: 10px;
}
#services_mobile.actif #bandeau_services span {
  background: #C7C7C7;
}
#services_mobile.actif #bandeau_services span:before {
  content: "\f106";
}
#services_mobile.actif #libelle_services {
  color: #C7C7C7;
}
#liste_entrees_home {
  padding: 0 20px;
  position: relative;
  display: flex;
  justify-content: center;
}
#liste_entrees_home:before {
  content: "";
  display: block;
  width: 100%;
  height: 160px;
  background: #ffffff;
  background: linear-gradient(0deg, #ffffff 0%, #e3e9ed 100%);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#liste_entrees_home .une_entree {
  position: relative;
  z-index: 2;
  width: 95px;
  text-align: center;
  padding: 20px 0 15px 0;
}
#liste_entrees_home .une_entree .picto {
  margin: 0 auto;
  height: 55px;
}
#liste_entrees_home .une_entree a {
  font-size: 15px;
}
#liste_entrees_home .une_entree:nth-of-type(1) .picto {
  width: 41px;
}
#liste_entrees_home .une_entree:nth-of-type(2) {
  margin: 0 15px;
}
#liste_entrees_home .une_entree:nth-of-type(2) .picto {
  width: 41px;
}
#liste_entrees_home .une_entree:nth-of-type(3) .picto {
  width: 46px;
}
/** END HAUT **/
/** DECOUVRIR **/
#decouvrir_h1 {
  padding: 0 20px;
}
#decouvrir_h1 #titre_decouvrir {
  text-align: center;
}
#decouvrir_h1 #titre_decouvrir #vert_dec {
  font-weight: bold;
  font-size: 2.3125em;
  line-height: 1.05;
  color: #A7BA0E;
  display: block;
  margin-bottom: 15px;
}
#decouvrir_h1 #titre_decouvrir #mesure_dec {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.5625em;
}
#decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir {
  margin-top: 35px;
}
#decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #decouvrir_txt #depuis {
  color: #1EA4A1;
  text-align: center;
  font-size: 1.625em;
  line-height: 1.3;
  font-weight: 300;
  margin-bottom: 20px;
}
#decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #decouvrir_txt #depuis b {
  font-weight: 700;
}
#decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #decouvrir_txt #depuis span {
  color: #1EA4A1;
}
#decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #photos_decouvrir {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}
#decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #photos_decouvrir #decouvrir1 {
  width: 47%;
}
#decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #photos_decouvrir #decouvrir2 {
  width: 43%;
  margin-top: 55px;
}
/** END DECOUVRIR **/
/** ENGAGEMENTS **/
#engagements_bocaine {
  padding: 30px 20px 50px 20px;
  position: relative;
  z-index: 2;
}
#engagements_bocaine #titre_engagement span {
  display: block;
  font-weight: 300;
  font-size: 2.3125em;
  color: #fff;
  text-align: center;
}
#engagements_bocaine #titre_engagement img {
  width: 268px;
  margin: 25px auto 0 auto;
}
#engagements_bocaine #liste_engagements {
  background: #fff;
  padding: 20px 15px 20px 15px;
  margin: 80px 20px 45px 20px;
}
#engagements_bocaine #liste_engagements .un_engagement {
  text-align: center;
  margin-bottom: 40px;
}
#engagements_bocaine #liste_engagements .un_engagement .picto {
  width: 150px;
  margin: 0 auto;
}
#engagements_bocaine #liste_engagements .un_engagement .txt b,
#engagements_bocaine #liste_engagements .un_engagement .txt strong {
  color: #A7BA0E;
}
/** ENDENGAGEMENTS **/
/** PROJETS **/
.titre_fil {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 5.2em;
  color: #fff;
  -webkit-text-stroke: 2px #D0D9DE;
  text-align: center;
}
#projets_bocaine {
  padding: 80px 20px 20px 20px;
  position: relative;
}
#projets_bocaine #conteneur_projets .titre_fil {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -32px;
}
#projets_bocaine #txt_visuel_projets #gauche_projet #titre_projet {
  color: #A7BA0E;
  font-weight: 300;
  font-size: 2.3125em;
  margin-bottom: 25px;
}
#projets_bocaine #txt_visuel_projets #gauche_projet #txt_projets {
  margin-bottom: 35px;
}
#projets_bocaine #txt_visuel_projets #droite_projet {
  margin-top: 40px;
}
/** END PROJETS **/
/** SEO **/
#seo_bocaine {
  position: relative;
  z-index: 2;
  padding: 20px 0 40px 0;
}
#seo_bocaine:before {
  content: "";
  display: block;
  width: 100%;
  height: 70%;
  background: #E3E9ED;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#seo_bocaine #conteneur_seo {
  position: relative;
  z-index: 2;
}
#seo_bocaine #conteneur_seo .btn_center {
  margin: 0 auto 0 auto;
}
#seo_bocaine #conteneur_seo .btn_center a {
  width: 240px;
  background: #fff;
  text-align: left;
}
#seo_bocaine #conteneur_seo .btn_center a:hover {
  background: transparent;
}
#seo_bocaine #seo_liste_nb {
  display: flex;
  flex-direction: column-reverse;
  padding: 0 20px 10px 20px;
}
#seo_bocaine #seo_liste_nb #seo_liste {
  margin: 40px auto 0 auto;
}
#seo_bocaine #seo_liste_nb #seo_liste .un_bloc {
  margin-bottom: 20px;
}
#seo_bocaine #seo_liste_nb #seo_liste .un_bloc .conteneur_bloc {
  display: flex;
}
#seo_bocaine #seo_liste_nb #seo_liste .un_bloc .conteneur_bloc .visuel_bloc {
  width: 50%;
  height: 160px;
}
#seo_bocaine #seo_liste_nb #seo_liste .un_bloc .conteneur_bloc a {
  flex: 1;
  color: #fff;
  font-size: 1em;
  line-height: 1.25;
  font-weight: normal;
  padding: 0px 0px 0px 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.25s;
}
#seo_bocaine #seo_liste_nb #seo_liste .un_bloc:nth-of-type(1) .conteneur_bloc {
  background: #1EA4A1;
}
#seo_bocaine #seo_liste_nb #seo_liste .un_bloc:nth-of-type(2) .conteneur_bloc,
#seo_bocaine #seo_liste_nb #seo_liste .un_bloc:nth-of-type(5) .conteneur_bloc {
  background: #A7BA0E;
}
#seo_bocaine #seo_liste_nb #seo_liste .un_bloc:nth-of-type(3) .conteneur_bloc {
  background: #fff;
}
#seo_bocaine #seo_liste_nb #seo_liste .un_bloc:nth-of-type(3) .conteneur_bloc a {
  color: #413B30;
}
#seo_bocaine #seo_liste_nb #seo_liste .un_bloc:nth-of-type(4) .conteneur_bloc {
  background: #D0D9DE;
}
#seo_bocaine #seo_liste_nb #seo_liste .un_bloc:nth-of-type(4) .conteneur_bloc a {
  color: #413B30;
}
#seo_bocaine #seo_liste_nb #nb_seo span {
  color: #1EA4A1;
  font-weight: bold;
  display: block;
  text-align: center;
}
#seo_bocaine #seo_liste_nb #nb_seo #plus_nb {
  font-size: 3.3125em;
}
#seo_bocaine #seo_liste_nb #nb_seo #nb_b {
  font-size: 6.9375em;
  line-height: 80px;
  margin-bottom: 10px;
}
#seo_bocaine #seo_liste_nb #nb_seo #maisons {
  font-size: 2.9375em;
}
#seo_bocaine #seo_liste_nb #nb_seo img {
  width: 195px;
  margin: 20px auto 0 auto;
}
/** END SEO **/
/** OFFRES / INSPIRATIONS **/
#offres_inspirations {
  position: relative;
}
/* OFFRES */
#offres_bocaine {
  padding: 80px 20px 20px 20px;
  position: relative;
}
#offres_bocaine #conteneur_offres {
  position: static;
  z-index: 2;
}
#offres_bocaine #conteneur_offres .titre_fil {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -32px;
}
#offres_bocaine #conteneur_offres #titre_offres {
  text-align: center;
  margin-bottom: 25px;
}
#offres_bocaine #conteneur_offres #titre_offres p {
  color: #A7BA0E;
  font-weight: 300;
  font-size: 2.3125em;
  line-height: 1;
}
#offres_bocaine #conteneur_offres #titre_offres p strong,
#offres_bocaine #conteneur_offres #titre_offres p b {
  color: #1EA4A1;
}
#offres_bocaine #conteneur_offres #liste_maisons {
  margin: 50px auto 0 auto;
}
#offres_bocaine #conteneur_offres #liste_maisons .une_maison {
  max-width: 360px;
  margin: 0 auto 40px auto;
  padding: 15px 15px 15px 15px;
  box-shadow: -4px 6px 16px 0px rgba(108, 128, 126, 0.23);
  border-radius: 5px;
  position: relative;
  background: #fff;
}
#offres_bocaine #conteneur_offres #liste_maisons .une_maison .desc {
  padding: 20px 0 20px 0;
}
#offres_bocaine #conteneur_offres #liste_maisons .une_maison .desc .titre {
  font-size: 1.1875em;
  color: #1EA4A1;
  font-weight: normal;
  min-height: 57px;
}
#offres_bocaine #conteneur_offres #liste_maisons .une_maison .desc .titre a {
  color: #1EA4A1;
  transition: all 0.25s;
}
#offres_bocaine #conteneur_offres #liste_maisons .une_maison .desc .titre a:hover {
  color: #A7BA0E;
}
#offres_bocaine #conteneur_offres #liste_maisons .une_maison .desc .resume {
  margin-top: 15px;
  font-size: 1.0625em;
  line-height: 1.5625em;
  font-weight: 300;
}
#offres_bocaine #conteneur_offres #liste_maisons .une_maison .btn {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: -20px;
}
#offres_bocaine #conteneur_offres #liste_maisons .une_maison .btn a {
  background: #1ea4a1;
  background: linear-gradient(180deg, #1ea4a1 0%, #a7ba0e 100%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  transition: all 0.25s;
}
#offres_bocaine #conteneur_offres #liste_maisons .une_maison .btn a:hover {
  transform: rotate(180deg);
}
#offres_bocaine #conteneur_offres #liste_maisons .une_maison .btn a:before {
  font-size: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  transition: all 0.25s;
}
#offres_bocaine .btn_center {
  text-align: left;
}
#offres_bocaine .btn_center a {
  background: #fff;
}
/* END OFFRES */
/* REALISATIONS */
#realisations_bocaine {
  position: relative;
  padding: 0 15px 45px 15px;
}
#realisations_bocaine:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #e3e9ed;
  background: linear-gradient(180deg, #e3e9ed 0%, #ffffff 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#realisations_bocaine #conteneur_realisations {
  position: relative;
  z-index: 2;
  padding: 50px 0px 0px 0px;
}
#realisations_bocaine #conteneur_realisations .titre_fil {
  -webkit-text-stroke: 2px #fff;
  color: transparent;
  font-size: 3em;
  margin-top: 30px;
}
#realisations_bocaine #titre_contenu_realisations #titre_realisations {
  color: #A7BA0E;
  font-weight: 300;
  font-size: 2.3125em;
  line-height: 1;
  text-align: center;
  margin-bottom: 25px;
}
#realisations_bocaine #titre_contenu_realisations #txt_realisations {
  font-size: 1.0625em;
  line-height: 1.5625em;
  font-weight: 300;
}
#realisations_bocaine #liste_realisations {
  display: flex;
  flex-wrap: wrap;
  margin: -5px -2% 0 -2%;
  position: relative;
}
#realisations_bocaine #liste_realisations .une_rea {
  margin: 0 2% 4% 2%;
  width: 46%;
  height: 165px;
}
#realisations_bocaine #liste_realisations .une_rea.rea5 {
  width: 96%;
  height: 330px;
}
#realisations_bocaine #liste_realisations .allreas {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
#realisations_bocaine .btn_center {
  text-align: left;
}
/* END REALISATIONS */
/** END OFFRES / INSPIRATIONS **/
/* Version 768 */
@media (min-width: 768px) {
  /* HAUT */
  #haut_home #slider_home .slide .visuel {
    height: 450px;
  }
  /* END HAUT */
  /* OFFRES */
  #offres_bocaine .btn_center {
    text-align: center;
  }
  /* END OFFRES */
  /* REALISATIONS */
  #realisations_bocaine #liste_realisations {
    margin: -5px auto 0 auto;
    justify-content: center;
  }
  #realisations_bocaine #liste_realisations .une_rea {
    width: 305px;
    height: 280px;
  }
  #realisations_bocaine #liste_realisations .une_rea.rea5 {
    width: 640px;
    height: 600px;
  }
  #realisations_bocaine .btn_center {
    text-align: center;
  }
  /* END REALISATIONS */
}
/* Version > 1024 */
@media (min-width: 1024px) {
  /* HAUT */
  #haut_home #slider_home .slide .visuel {
    height: 550px;
  }
  /* END HAUT */
  /* DECOUVRIR */
  #decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #photos_decouvrir {
    justify-content: center;
    margin-top: 35px;
  }
  #decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #photos_decouvrir #decouvrir1 {
    width: 325px;
  }
  #decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #photos_decouvrir #decouvrir2 {
    width: 290px;
  }
  /* END DECOUVRIR */
  /* ENGAGEMENTS */
  #engagements_bocaine #liste_engagements {
    display: flex;
    padding: 30px 25px 30px 25px;
  }
  #engagements_bocaine #liste_engagements .un_engagement {
    margin-bottom: 0px;
    flex: 1;
  }
  /* END ENGAGEMENTS */
  /* PROJETS */
  #projets_bocaine #droite_projet {
    max-width: 630px;
    margin: 40px auto 0 auto;
  }
  /* END PROJETS */
}
/* Version > 1200 */
@media (min-width: 1200px) {
  /* HAUT */
  #haut_home {
    max-width: 1720px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    position: relative;
    padding-left: 190px;
  }
  #haut_home #slider_home {
    padding: 0;
    max-width: 1530px;
  }
  #haut_home #slider_home .slide .visuel {
    height: 830px;
  }
  #haut_home #slider_home .slide .titre_sstitre {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translate(0%, -50%);
    text-align: left;
  }
  #haut_home #slider_home .slide .titre_sstitre .titre {
    font-size: 4em;
    color: #fff;
    text-shadow: 10px 3px 19px rgba(0, 0, 0, 0.51);
  }
  #haut_home #slider_home .slide .titre_sstitre .sstitre {
    font-size: 1.75em;
    color: #fff;
    text-shadow: 10px 3px 19px rgba(0, 0, 0, 0.51);
    margin-top: 0;
  }
  #haut_home #entrees_home {
    position: absolute;
    left: 20px;
    bottom: 50px;
  }
  #haut_home #entrees_home #liste_entrees_home {
    flex-direction: column;
    padding: 0;
  }
  #haut_home #entrees_home #liste_entrees_home:before {
    content: none;
  }
  #haut_home #entrees_home #liste_entrees_home .une_entree {
    width: 135px;
    padding: 25px 0 25px 0;
  }
  #haut_home #entrees_home #liste_entrees_home .une_entree:not(:last-child) {
    border-bottom: 1px solid #C7C7C7;
  }
  #haut_home #entrees_home #liste_entrees_home .une_entree:nth-of-type(2) {
    margin: 0;
  }
  #haut_home #entrees_home #liste_entrees_home .une_entree .flaticon {
    background: #E3E9ED;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    transition: all 0.25s;
    right: -50px;
    top: 50%;
    transform: translate(0%, -50%);
    border: 2px solid #FFF;
    outline: none;
  }
  #haut_home #entrees_home #liste_entrees_home .une_entree .flaticon:before {
    font-size: 0.9em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #413B30;
    transition: all 0.25s;
  }
  #haut_home #entrees_home #liste_entrees_home .une_entree .flaticon:hover {
    background: #A7BA0E;
  }
  #haut_home #entrees_home #liste_entrees_home .une_entree .flaticon:hover:before {
    color: #fff;
  }
  #haut_home #entrees_home #liste_entrees_home .une_entree a:not(.flaticon) {
    transition: all 0.25s;
  }
  #haut_home #entrees_home #liste_entrees_home .une_entree a:not(.flaticon):hover {
    color: #A7BA0E;
  }
  /* END HAUT */
  /* DECOUVRIR */
  #decouvrir_h1 {
    padding: 90px 0px 70px 0px;
    max-width: 1920px;
    margin: 0 auto;
    background: url(../images/plan-transparent.png) bottom right no-repeat;
    background-size: 610px 681px;
  }
  #decouvrir_h1 #titre_decouvrir #vert_dec {
    font-size: 3.375em;
    margin-bottom: 8px;
  }
  #decouvrir_h1 #titre_decouvrir #mesure_dec {
    font-size: 1.9375em;
  }
  #decouvrir_h1 #decouvrir_txt_photos {
    max-width: 1280px;
    margin: 0 auto;
  }
  #decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir {
    margin-top: 90px;
    display: flex;
  }
  #decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #decouvrir_txt {
    flex: 1;
    padding: 30PX 60px 0 0;
  }
  #decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #decouvrir_txt #depuis {
    font-size: 2.6875em;
    line-height: 1;
    text-align: left;
    margin-bottom: 50px;
  }
  #decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #decouvrir_txt #depuis b {
    font-size: 1.19em;
  }
  #decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #decouvrir_txt #depuis span {
    font-size: 0.75em;
  }
  #decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #photos_decouvrir {
    width: 660px;
    margin-top: 0;
    justify-content: space-between;
  }
  #decouvrir_h1 #decouvrir_txt_photos #conteneur_decouvrir #photos_decouvrir #decouvrir2 {
    margin-top: 110px;
  }
  #decouvrir_h1 #decouvrir_txt_photos .btn_center {
    text-align: left;
    margin: 0;
  }
  /* END DECOUVRIR */
  /* ENGAGEMENT */
  #engagements_bocaine {
    padding: 95px 20px 85px 20px;
    box-shadow: -10px 10px 40px rgba(108, 128, 126, 0.53);
  }
  #engagements_bocaine #titre_engagement {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #engagements_bocaine #titre_engagement span {
    font-size: 3.1875em;
  }
  #engagements_bocaine #titre_engagement img {
    margin: 0 0 0 25px;
  }
  #engagements_bocaine #liste_engagements {
    max-width: 1140px;
    margin: 110px auto 65px auto;
    padding: 45px 25px 45px 25px;
  }
  /* END ENGAGEMENT */
  /* PROJETS */
  #projets_bocaine {
    padding: 180px 20px 20px 20px;
    max-width: 1340px;
    margin: 0 auto;
  }
  #projets_bocaine #conteneur_projets .titre_fil {
    font-size: 13.5em;
    top: -100px;
    right: auto;
  }
  #projets_bocaine #conteneur_projets #txt_visuel_projets {
    display: flex;
    align-items: center;
  }
  #projets_bocaine #conteneur_projets #txt_visuel_projets #gauche_projet {
    flex: 1;
    padding: 0 60px 0 0;
  }
  #projets_bocaine #conteneur_projets #txt_visuel_projets #gauche_projet #titre_projet {
    margin-bottom: 40px;
  }
  #projets_bocaine #conteneur_projets #txt_visuel_projets #gauche_projet .btn_center {
    text-align: left;
  }
  #projets_bocaine #conteneur_projets #txt_visuel_projets #droite_projet {
    width: 630px;
    margin-top: 0;
  }
  /* END PROJETS */
  /* SEO */
  #seo_bocaine {
    padding: 0px 0 80px 0;
    margin: 80px auto 0 auto;
    z-index: 4;
  }
  #seo_bocaine:before {
    height: 640px;
    z-index: 1;
  }
  #seo_bocaine:after {
    content: "";
    display: inline-block;
    width: 870px;
    height: 411px;
    background: url(../images/plan-transparent2.png) center center no-repeat;
    background-size: 870px 411px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
  }
  #seo_bocaine #seo_liste_nb {
    max-width: 1300px;
    flex-direction: row;
    margin: 0 auto;
    position: relative;
    padding: 0;
    align-items: center;
  }
  #seo_bocaine #seo_liste_nb #seo_liste {
    margin: 0;
    width: 1010px;
    height: 585px;
    position: relative;
  }
  #seo_bocaine #seo_liste_nb #seo_liste .un_bloc {
    position: absolute;
    margin: 0;
  }
  #seo_bocaine #seo_liste_nb #seo_liste .un_bloc .conteneur_bloc {
    position: relative;
    display: block;
    height: 100%;
  }
  #seo_bocaine #seo_liste_nb #seo_liste .un_bloc .conteneur_bloc .visuel_bloc {
    width: 100%;
    height: 100%;
  }
  #seo_bocaine #seo_liste_nb #seo_liste .un_bloc .conteneur_bloc .txt_bloc {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    transition: all 0.25s;
    position: absolute;
    background: url(../images/toit-blanc.png) 0px 25px no-repeat #A7BA0E;
    background-size: 199px 35px;
    width: 100%;
    height: 100%;
    display: flex;
    top: 0;
    align-items: center;
    text-align: center;
    font-size: 1.625em;
    padding: 0px 12px;
    color: #fff !important;
  }
  #seo_bocaine #seo_liste_nb #seo_liste .un_bloc .conteneur_bloc .txt_bloc:after {
    content: "";
    display: inline-block;
    width: 140px;
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 50px;
  }
  #seo_bocaine #seo_liste_nb #seo_liste .un_bloc .conteneur_bloc:hover .txt_bloc {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
  #seo_bocaine #seo_liste_nb #seo_liste .un_bloc:nth-of-type(1) {
    width: 230px;
    height: 230px;
    left: 0;
    top: 0;
  }
  #seo_bocaine #seo_liste_nb #seo_liste .un_bloc:nth-of-type(2) {
    width: 230px;
    height: 230px;
    top: 70px;
    left: 260px;
  }
  #seo_bocaine #seo_liste_nb #seo_liste .un_bloc:nth-of-type(3) {
    width: 490px;
    height: 240px;
    left: 0;
    bottom: 0;
  }
  #seo_bocaine #seo_liste_nb #seo_liste .un_bloc:nth-of-type(4) {
    width: 230px;
    height: 285px;
    right: 260px;
    top: 190px;
  }
  #seo_bocaine #seo_liste_nb #seo_liste .un_bloc:nth-of-type(5) {
    width: 230px;
    height: 230px;
    right: 0;
    top: 110px;
  }
  #seo_bocaine #seo_liste_nb #nb_seo {
    flex: 1;
    margin-top: 100px;
  }
  #seo_bocaine #conteneur_seo {
    z-index: 3;
  }
  #seo_bocaine #conteneur_seo .btn_center {
    margin-top: 80px;
  }
  #seo_bocaine #conteneur_seo .btn_center a {
    width: auto;
  }
  /* END SEO */
  /* OFFRES */
  #offres_bocaine {
    padding: 150px 20px 20px 20px;
    box-shadow: -10px 10px 40px rgba(108, 128, 126, 0.53);
    z-index: 3;
  }
  #offres_bocaine #conteneur_offres {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding-bottom: 390px;
  }
  #offres_bocaine #conteneur_offres .titre_fil {
    font-size: 13.5em;
    right: auto;
    top: -240px;
  }
  #offres_bocaine #conteneur_offres #titre_offres {
    text-align: left;
  }
  #offres_bocaine #conteneur_offres #liste_maisons {
    margin: 90px auto 0 auto;
    display: flex;
    justify-content: space-around;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -90px;
  }
  #offres_bocaine #conteneur_offres #liste_maisons .une_maison {
    margin: 0;
  }
  #offres_bocaine .btn_center {
    margin: 80px auto 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -195px;
  }
  #offres_bocaine .btn_center a:hover {
    background-color: transparent;
  }
  /* END OFFRES */
  /* REALISATIONS */
  #realisations_bocaine #conteneur_realisations {
    padding: 310px 0px 0px 0px;
    max-width: 1320px;
    margin: 0 auto;
  }
  #realisations_bocaine #conteneur_realisations #titre_contenu_realisations {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }
  #realisations_bocaine #conteneur_realisations #titre_contenu_realisations #txt_realisations {
    text-align: center;
  }
  #realisations_bocaine #conteneur_realisations .titre_fil {
    font-size: 13.25em;
    letter-spacing: -13px;
    text-align: center;
    margin-top: -50px;
  }
  #realisations_bocaine #liste_realisations {
    margin: -65px auto 0 auto;
    max-width: 1285px;
    height: 630px;
    position: relative;
  }
  #realisations_bocaine #liste_realisations .une_rea {
    position: absolute;
    margin: 0;
    height: 305px;
  }
  #realisations_bocaine #liste_realisations .une_rea:nth-of-type(1) {
    left: 0;
    top: 0;
  }
  #realisations_bocaine #liste_realisations .une_rea:nth-of-type(2) {
    left: 325px;
    top: 0;
  }
  #realisations_bocaine #liste_realisations .une_rea:nth-of-type(3) {
    left: 0;
    bottom: 0;
  }
  #realisations_bocaine #liste_realisations .une_rea:nth-of-type(4) {
    left: 325px;
    bottom: 0;
  }
  #realisations_bocaine #liste_realisations .une_rea.rea5 {
    width: 635px;
    height: 630px;
    right: 0;
  }
  #realisations_bocaine .btn_center {
    margin: 60px auto 130px auto;
  }
  /* END REALISATIONS */
}
/* END Version > 1200 */
/* Version > 1600 */
@media (min-width: 1600px) {
  /* HAUT */
  #haut_home #slider_home .slide .titre_sstitre .titre {
    font-size: 5em;
  }
  #haut_home #slider_home .slide .titre_sstitre .sstitre {
    font-size: 2em;
  }
  /* END HAUT */
}
/* END Version > 1600 */
#haut_home #slider_home .slide .visuel {overflow: hidden;}
#haut_home #slider_home .slide .visuel picture {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#haut_home #slider_home .slide .visuel picture > img {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: inherit;
  object-fit: cover;
}