/* GENERAL */

* {
  font-family: 'Montserrat', sans-serif;
  /* font-weight: 100!important;   */
  /* font-weight: 1000; */
  /* font-style: italic; */
}

.index1 {
  z-index: 998;
}

.dislog {
  display: flex;
  justify-content: center;
  align-items: center;
}

.index2 {
  z-index: 999;
}

.fleche-droite {
  font-size: 2rem;
}

h6 a{
  color: rgb(227, 255, 68);
}

h6 a:hover{
  color:rgb(74, 70, 66)!important;
}

.pointer {
  cursor: pointer;
}

.navi li {
  list-style: none;
  display: inline-block;
  margin: 0 10px;
  
}

.act {
  border-bottom: 2px solid rgb(170, 202, 0);
  padding-bottom: 7px;

}

.navi li a {
  color: rgb(170, 202, 0);
  font-size: 1rem;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.2s ease;
}

/* h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif!important;
  font-weight: 100!important;  
} */

.maj {
  text-transform: uppercase;
}

.pos {
  top: 0;
}

.font-white {
  color: white;
}

.bg-white {
  background-color: white;
}


.bg_grey {
    background-color: #605C5C;
}

.bot-ul {
  bottom: 3%;
}

.r-0 {
  right: 0;
}

.font-title {
  font-size: 4rem;
  font-style: italic;
}

.font-title1 {
  font-size: 2.3rem;
  font-style: italic!important;
}

.font-xxs ul li p {
  font-size: .7rem;
  padding-right: 0px;
}

.font-xs {
  font-size: 1.1rem;
}

.font-sm {
  font-size: 1.3rem;
}

.font-md {
  font-size: 1.5vw;
}

.font-xl {
  font-size: 2vw;
}

.mt_neg {
  margin-top: -1rem;
}

.index {
  z-index: 1;
}

#top-menu {
  list-style: none;
  bottom: 20%;
}


.mt-top {
  margin-top: 0!important;
}

.bot-ul li a:hover {
  color: rgb(153, 184, 0);
  /* font-weight: bold; */
  /* font-weight: 300; */
}

.gallery-nav li a:hover {
  color: rgb(153, 184, 0);
  font-weight: bold;
}






/* TITLES*/

.fw-100 {
  font-weight: 100!important;
} 


.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-700{
  font-weight: 700;
}



#illustrationImmobiliere {
  text-transform: uppercase;
  font-weight: 400;
}

.illustrateur {
  font-size: 4.5vw;
  font-weight: 100;
  line-height: 0.8;
  margin-right: 10%;
  font-style: italic;
}

.formation_pub {
  font-size: 1.2rem;
  margin-right: 10%;
  letter-spacing: -1px;
  
}

.plus_de_20ans {
  font-weight: bold;
  margin-left: 10%;
  margin-top: 2rem;
  font-size: 2vw;
}

.au_service {
  margin-left: 30%;
  font-size: 1.2rem;
}

.visualisation {
  margin-left: 40%;
  font-size: 1.2rem;
}

.contact-mb {
  margin-bottom: 1px!important;
}

.py-form {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* COLORS */

.font_white {
  color: white;
}

.font_orange {
  color: rgb(255, 136, 0);
}

.bg_orange {
  background-color: rgb(255, 136, 0);
}

.font_green {
  color: rgb(170, 202, 0);
}

.bg_green {
  background-color: rgb(170, 202, 0);
}

.font_green_light {
  color: rgb(227, 255, 68);
}

.font_grey_dark {
  color: rgb(74, 70, 66);
}

.bg_grey_dark {
  background-color: rgb(74, 70, 66);
}

.font_grey_med {
  color: rgb(94, 91, 87);
}

.bg_grey_med {
  background-color: rgb(94, 91, 87);
}

.font_grey_light {
  color: rgb(150, 144, 134);
}

.bg_grey_light {
  background-color: rgb(150, 144, 134);
}

.font_grey_extra_light {
  color: rgb(209, 207, 203);
}

.bg_grey_extra_light {
  background-color: rgb(209, 207, 203);
}  

.font_black {
  color: black;
}

.font_white {
  color: white;
}



/* SCROLLBAR */

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgb(128, 128, 128, 0.1); 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #707070; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #707070; 
}


/* NAV TOP */



.border_green {
    border-top: 25px solid rgb(170, 202, 0);
}

.border_orange {
  border-top: 25px solid rgb(255, 136, 0);
}

.bg_green {
    background-color: rgb(170, 202, 0);
}






/* SLIDE SHOW */

.carousel-inner img {
  width: 100%;
  height: 100%;
}

.border-top-orange {
  width: 30%;
  border-bottom: 18px solid rgb(255, 136, 0);
  position: absolute;
  right: 0;
  z-index: 999;
}

.border-bot-orange {
  width: 15%;
  border-top: 18px solid rgb(255, 136, 0);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 999;
}

.border-left-orange {
  position: absolute;
  height: 30%;
  border-right: 18px solid rgb(255, 136, 0);
  left: 0;
  bottom: 0;
}

.border-img-top-top {
  width: 100px;
  border-top: 18px solid rgb(255, 136, 0);
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0!important;
}

.border-img-top-right {
  position: absolute;
  height: 50px;
  width: 18px;
  background-color: rgb(255, 136, 0);
  right: 0;
  top: 17px;
  margin-top: 0!important;
}

.border-bot-bot {
  width: 100px;
  border-top: 18px solid rgb(255, 136, 0);
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 0!important;
}

.border-bot-left {
  position: absolute;
  height: 49px;
  border-right: 18px solid rgb(255, 136, 0);
  left: 0;
  bottom: 18px;
  margin-bottom: 0!important;
}

#prestation-div {
  position: absolute;
  top: -7rem;
}

.prestation-div {
  margin-bottom: -1rem;
  font-style: italic;
}

.border-right-orange {
  position: absolute;
  height: 15%;
  border-right: 18px solid rgb(255, 136, 0);
  right: 0;
}



.promotion_immobiliere {
  font-weight: bold;
 
  
  
}

.center-div {
  margin: 0 auto;
  width: 70%;
}



 
.contact-div {
  z-index: 99;
  font-style: italic;
}

.mt-6 {
  margin-top: 5rem;
}



.center-div p {
  color: rgb(74, 70, 66);
}



.center {
  margin: 0 auto;
  
}

.opacity {
  opacity: 100%!important;
}



.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  /* background-color: rgba(155, 155, 155, 0.3); */
  text-align: center;
  opacity: 1!important;
  transition: opacity .15s ease;
}

/* .carousel-control-next:hover, .carousel-control-prev:hover {
  background-color: rgba(155, 155, 155, 0.8);
} */



/*=== PORTFOLIO ===*/ 

.ml-xs {
  margin-left: 5%;
}

.pt-sm {
  padding-top: 7%;
}

.porfolio-title {
  position: absolute;
  padding-left: 4vw;
  font-size: 3.337vw;
  top: 1.5vw;
  font-style: italic;
}

.portfolio-img-left {
  z-index: 1;
  border: 2px solid rgb(170, 202, 0);
  width: 20%;
  height: auto;
}

.portfolio-img-mid {
  z-index: 2;
  border: 2px solid rgb(170, 202, 0);
  width: 40%;
  height: auto;
  position: relative;
  margin-left: 15%;
  top: -1vw;
}

.portfolio-img-right {
  z-index: 3;
  border: 2px solid rgb(170, 202, 0);
  width: 28%;
  height: auto;
  position: absolute;
  margin-left: 38%;
  top: -34vw;
}

.portfolio-promotion_immo {
  position: absolute;
  right: 5vw;
  top: -17vw;
  font-size: 2vw;
  /* font-weight: bold; */
  line-height: 100%;
}

.portfolio-icon-1 {
  position: absolute;
  right: 17.7vw;
  top: -16.8vw;
  font-size: 4vw;
  color: rgb(255, 136, 0);
}

.portfolio-visualisation-archi {
  position: absolute;
  right: 8.5vw;
  top: -10vw;
  font-size: 2vw;
  /* font-weight: bold; */
  line-height: 100%;
}

.portfolio-icon-2 {
  position: absolute;
  right: 23vw;
  top: -9.8vw;
  font-size: 4vw;
  color: rgb(255, 136, 0);
}

.hr-img-mid_top {
  position: absolute;
  top: -15%;
  left: 10.5vw;
  z-index: 3;
  width: 10%;
  height: 0.5vw;
  background-color: rgb(170, 202, 0);
}

.hr-img-right-bot {
  position: absolute;
  top: -30%;
  left: 10.5vw;
  z-index: 4;
  width: 10%;
  height: 0.5vw;
  background-color: rgb(170, 202, 0);
}


.logo-bot {
  /* position: absolute; */
  bottom: 0;
} 

.tel {
  font-weight: bold;
  font-size: 2rem;
}


.link-promotion_immo:hover {
  color: rgb(110, 110, 110);
  text-decoration: none;
}

.pb-menu {
  padding-bottom: .2rem;
}

textarea {
  resize: none!important;
}

/* GALLERY PROMOTION IMMBOLIERE */



.title-gallery a:hover {
  color: rgb(74, 70, 66);
  text-decoration: none;
}



/*================ TEST  ==============*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);





/* Navigation */

nav {
  width: 100%;
  height: 60px; 
  /* position: fixed;  */
  top: 0;
  /* background: #1ABC9C; */
}

.gallery-nav li a{
  font-size: 1rem!important;
  font-weight: 400!important;
}

nav ul {
  padding: 20px;
  margin: 0 auto;
  list-style: none;
  /* text-align: center; */
}
nav ul li {
  display: inline-block;
  margin: 0 7px;
}
nav ul li a {
  padding: 10px 0;
  color: rgb(170, 202, 0);
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.2s ease;
}

nav ul li a:hover {
  text-decoration: none;
}

/* nav ul li a.active {
  border-bottom: 2px solid rgb(170, 202, 0);
  color: rgb(170, 202, 0);
} */

nav li.active a {
  border-bottom: 2px solid rgb(170, 202, 0);
  color: rgb(170, 202, 0);
}

.he {
  height: 20rem;
}




/*=== GALLERY === */ 

.nav-top-menu-green li{
  list-style: none;
  display: inline-block;
}

.nav-top-menu-green ul li a {
  color: rgb(227, 255, 68);
}



.nav-top-menu-green ul li a:hover {
  color: rgb(74, 70, 66);
  text-decoration: none;
}

.zindex {
  z-index: 1;
}

.half-div {
  width: 80%;
  height: 10px;
}


.wrapper-gallery {
  width: 1052px;
  height: 100%;
  background-color: white;
  margin: 0 auto;
  padding-top: 160px;
}

.vignette-gallery {
  /* z-index: 0; */
  margin-right: 9px;
  margin-left: 9px;
  margin-bottom: 18px;
  padding: 0!important;
}

.vignette-gallery img {
  padding: 0;
  height: 200px!important;
  width: 300px!important;
}

.top-menu-gallery {
  height: 65px;
  width: 100%;
}

.top-menu-gallery-wrapper {
  width: 1052px;
  height: 65px;
 
}



.wrapper-gallery-top {
  width: 1052px;
  margin: 0 auto;
  height: 100%;
  ;
}

.top-menu-green {
  height: 65px;
  width: 1052px;
  margin: 0 auto;
  padding-left: 58px;
  padding-right: 58px;
}

.wrapper
{
    width: 1052px;
    margin: 0 auto;
    margin-left: 49px;
    padding: 0 10px;
  
}


.perspectives-collectifs {
  margin-top: 10px;
}


.nav-top-menu-green nav ul li.active p {
  color: rgb(74, 70, 66);
}


.menhei {
  height: 65px!important;
}

.btn-color {
 font-weight: 400;
}

.btn-bg {
  background-color: rgb(150, 144, 134)!important;
}

.btn-secondary {
  border-color: rgb(150, 144, 134)!important;
}

.xl {
  font-size: 5rem;
}

/* =========== */


.title-gallery {
  font-weight: bold;
  font-size: 1.3rem;
}