.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover
	
	
	{
	
	
	background-color: #ebebeb;
	
	
	}
	
	
	
	.nav .nav-tabs .font-alt li.active a:active{
	
	
	background-color: #ebebeb;
	
	
	}
	
	
	
	
	
@media screen and (min-width: 396px) and (max-width: 3395px) {
		.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover
	
	
	{
	
	
	background-color: #ebebeb;
	
	
	}
	
	
	
	.nav .nav-tabs .font-alt li.active a:active{
	
	
	background-color: #ebebeb;
	
	
	}
	
	/*****************************
/* SECTION MAP
*****************************/





#google-container {
  position: relative;
  width: 100%;
  height: 300px;
  background-color: #e7eaf0;
}
	
		#cnx{background: #001e72;
position: relative;
width: 100%;
color: white;
font-weight: bold;
font-size: 18px;
font-family: 'Open Sans';
padding-top: 10px;
padding-bottom: 13px;
padding-left: 12px;

	}
	
	
	
	
		#video{
		
		    width: 720px;
    height: 480px;
		
		
	}
	
	
	
	

	
	
}
	
	
	/*****************************
/* SECTION MAP
*****************************/





#google-container {
  position: relative;
  width: 100%;
  height: 300px;
  background-color: #e7eaf0;
}




@media screen and (min-width: 200px) and (max-width: 395px) {

	
	.description_visite_virtuelle {
    position: absolute;
    margin-left: -223px;
    margin-right: auto;
    width: 348px;
}
	
	
	
	
	#visite_virtuelle{
		
		height: 835px;
		
		
	}
}



@media (min-width: 768px) {
  #google-container {
    height: 300px;
  }
}
@media (min-width: 1170px) {
  #google-container {
    height: 400px;
  }
}

#google-map {
  position: relative;
}


#zoom-in, #zoom-out {
  height: 40px;
  width: 40px;
  cursor: pointer;
  margin-left: 10px;
}

#zoomcn {
  height: 30px;
  width: 30px;
  cursor: pointer;
  margin-left: 10px;
  background:#001e72;
}

#zoom-in i, #zoom-out i{
  font-size: 18px;
  color: white;
  line-height: 40px;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  height: 100%;
  background: rgb(16, 31, 46);
}


 #zoom-in i:hover,  #zoom-out i:hover {
  background: white;
  color: black;
}
@media (min-width: 768px) {
  #zoom-in, #zoom-out {
    margin-left: 50px;
  }
}

#zoom-in {
  margin-top: 10px;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  #zoom-in {
    margin-top: 50px;
  }
}
	
	

	
	.pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #00cae9;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
}
.pin:after {
  content: "";
  width: 14px;
  height: 14px;
  margin: 8px 0 0 8px;
  background: #e6e6e6;
  position: absolute;
  border-radius: 50%;
}

.bounce {
  animation-name: bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
}

.pulse {
  background: #d6d4d4;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 11px 0px 0px -12px;
  transform: rotateX(55deg);
  z-index: -2;
}
.pulse:after {
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  box-shadow: 0 0 1px 2px #00cae9;
  animation-delay: 1.1s;
}

@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }

  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }

  80% {
    transform: translateY(-10px) rotate(-45deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}


.fermer_carousel{
	
	

	
	
position: relative;
    left: right;
    right: 50px;
    top: -11px;
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: lighter;
    color: white;
	
}

#champs_obligatoires{
	
	position: absolute;
    left: 18px;
    font-family: 'Open Sans';
    font-size: 11px;
    font-style: italic;
	
}


.arrondi_droit {
  border-radius: 10px 40px 40px 10px;
  height:4.5em;
}


.arrondi_droit_onglet {
    border-radius: 10px 40px 40px 10px;
    height: 2.8em;
}

/* ---------------------------------------------- /*
 * BEANDEAU BLANC
 /* ---------------------------------------------- */
		 
  #beandeau_blanc{
			 
			position: relative;
    width: 100%;
    height: 10px;
    background: white;
		 }
		 
		 
 /* ---------------------------------------------- /*
 * CAROUSEL
 /* ---------------------------------------------- */

	
	


#image_slider{


display: block;
position: absolute;
background: none;
z-index: 99;
left: 30px;
top: 15px;
}	 
		 
		 


.issy_les_moulineaux{
color: #fb435f;
    font-size: 14px;
    text-transform: CAPITALIZE;
    font-family: 'Montserrat';
    font-weight: 600;
    position: relative;
    top: 8px;
}

.titre_residence_du_paradis_blanc{
	
	
	    color: white;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 28px;
    line-height: 37px;
	
}



.containerTva{
	
	
	    height: 53px;
    width: 53px;
    position: relative;
    background: #001e72;
	
}







 .titre_nous_contacter{
	
	font-family:'Open Sans';
	font-weight:bold;
	font-size:25px;
	color:#001e72;
	
	
}






.titre_section_autour_logement  h4{
	
	
		font-family: "Open Sans";
	font-weight:700;  /***************  BOLD*/
	font-size:22px;
	color:#001e72;
	width:500px;
	
	
}


span .titre_votre_projet{
	
	font-family:OpenSans;
	font-weight:bold;
	font-size:18px;
	color:#001e72;
	
	
}

#checkedHabiterId{
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}
#checkedInvestirId{
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}
#checkedResiderId{
font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}


#checkedMonsieurId{
	
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}


#checkedMadameId{
	
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}

#brochurecn{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	margin-right:92px;
-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}

#rdv{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	    margin-right: 119px;
		-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}


#appel{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	
	-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}

#titre_geolocalisation{
background: #001e72;

position: relative;

width: 100%;

color: white;

font-weight: bold;

font-size: 16px;

font-family: OpenSans;

}


.titre_paradis_blanc{
	
	
	
	
	
}







 /*===============================================================
         SECTION : VISITE VIRTUELLE
         ================================================================*/


		 .bouton_visite_virtuelle{
			 

	
	
	background: #fb4c67;

      border-radius: 0px 40px 40px 0px;

       width: 220px;

      color: white;

       font-size: 13px;

       font-family: 'Open Sans';

      font-weight: normal;

      border: 2px solid #fb4c67;
	
	
	
	
		 }
		 
		 
		 .bouton_visite_virtuelle img{
			 
	position: relative;
    left: -8px;
    top: 0px;
			 
		 }
		 
		 
		 .bouton_visite_virtuelle_rdv img {
    position: relative;
    left: -16px;
    top: 0px;
	
		 }
		 
		 
		 	 .bouton_visite_virtuelle_appel img {
    position: relative;
    left: -16px;
    top: 0px;
	
		 }
		 
		 
		 .titre_bouton_visite_virtuelle{
			 position: absolute;
  
			 
		 }
		 



/********************smartphone : iPhone; Samsung    */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) 
and (orientation : portrait)  {
	
	
		.alert_positif{
		
		
		color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    width: 375px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 99;
    text-align: center;
    /* top: -700px; */
 top: 1307px;
		
		
		
	}
	
	
		.alert_negatif{
		
	
   width: 375px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
      bottom: -1229px;
    position: relative;
    z-index: 11;
    text-align: center;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
		
		
		
	}
	
	
	.arrow{
  width: 20px;
  height: 20px;
  position:absolute;
  top: 0%;
  z-index:5;
 
  cursor:pointer;
  transition:border-color 0.3s ease-out;
}
	
			.titre_axo{
		
		    padding-top: 8px;
    position: relative;
		
	}
	


.wrapper{
  width:100%;
  position:relative;
  margin: -12% auto 0;
}

/**
 * Padding is set relative to the width
 * of the element, so here padding-top:60% is
 * a percentage of the width. This allows us 
 * to set the height as a ratio of the width
 *
 */
.carousel{
	width: 100%;
	position: relative;
	padding-top: 60%;
	overflow: hidden;
}

.inner{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}

/**
 * ==========================
 * Animation styles
 * 
 * Notes:
 * 1. We use z-index to position active slides in-front 
 * of non-active slides
 * 2. We set right:0 and left:0 on .slide to provide us with
 * a default positioning on both sides of the slide. This allows 
 * us to trigger JS and CSS3 animations easily
 *
 */
.slide{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	right:0;
	left:0;
	z-index: 1;
	opacity: 0;
}

.slide.active,
.slide.left,
.slide.right{
	z-index: 2;
	opacity: 1;
}

/**
 * ==========================
 * JS animation styles
 * 
 * We use jQuery.animate to control the sliding animations
 * when CSS3 animations are not available. In order for
 * the next slide to slide in from the right, we need
 * to change the left:0 property of the slide to left:auto
 *
 */

.js-reset-left{left:auto}

/**
 * ==========================
 * CSS animation styles
 * 
 * .slide.left and .slide.right set-up
 * the to-be-animated slide so that it can slide
 * into view. For example, a slide that is about 
 * to slide in from the right will:
 * 1. Be positioned to the right of the viewport (right:-100%)
 * 2. Slide in when the style is superseded with a more specific style (right:0%)
 *
 */
.slide.left{
	left:-100%;
	right:0;
}

.slide.right{
	right:-100%;
	left: auto;
}

.transition .slide.left{left:0%}
.transition .slide.right{right:0%}

/**
 * The following classes slide the previously active
 * slide out of view before positioning behind the 
 * currently active slide
 *
 */
.transition .slide.shift-right{right: 100%;left:auto}
.transition .slide.shift-left{left: 100%;right:auto}

/**
 * This sets the CSS properties that will animate. We set the
 * transition-duration property dynamically via JS.
 * We use the browser's default transition-timing-function
 * for simplicity's sake
 * 
 * It is important to note that we are using CodePen's inbuilt
 * CSS3 property prefixer. For your own projects, you will need
 * to prefix the transition and transform properties here to ensure
 * reliable support across browsers
 *
 */
.transition .slide{
	transition-property: right, left, margin;
}

/**
 * ==========================
 * Indicators
 *
 */
.indicators{
  width:100%;
  position: absolute;
  bottom:0;
  z-index: 4;
  padding:0;
  text-align: center;
}

.indicators li{
	width: 13px;
	height: 13px;
	display: inline-block;
	margin: 5px;
	background: #fff;
	list-style-type: none;
	border-radius: 50%;
  cursor:pointer;
  transition:background 0.3s ease-out;
}

.indicators li.active{   background: #001e72;}

.indicators li:hover{background-color:#2b2b2b}

/**
 * ==========================
 * Arrows 
 *
 */
.arrow{
  width: 20px;
  height: 20px;
  position:absolute;
  top:50%;
  z-index:5;
 
  cursor:pointer;
  transition:border-color 0.3s ease-out;
}

.arrow:hover{border-color:#93278f}

.arrow-left{
  left: 20px;
    /* transform: rotate(225deg); */
    WIDTH: 12px;
    height: 12px;
    background: red;
   width: 37px;
    background: url(assets/images/site/fleche-gauche-slider.png)no-repeat;
}

.arrow-right{
  right:20px;
  


    /* transform: rotate(225deg); */
    WIDTH: 12px;
    height: 12px;
   
    width: 37px;
    background: url(assets/images/site/fleche-droite-slider.png)no-repeat;

}


.slide{
	    padding-top: -5%;
    background-size: cover;
    text-align: center;
    color: #001e72;
    margin-left: auto;
    margin-right: auto;
   font-family: 'Open Sans';
    font-weight: normal;
    font-size: 13px;
text-align:center;





}

h1{
	width: 100px;
    height: 100px;
top: 0px;
    position: absolute;
}

.slide:nth-child(1){
	background-image:url(assets/images/axonometrie/Lot-1-F-HD-PNG.png);
 }

.slide:nth-child(2){
	background-image:url(assets/images/axonometrie/Lot-2-HD-F-PNG.png);
}

.slide:nth-child(3){
	background-image:url(assets/images/axonometrie/Lot-3-F-HD-PNG.png);
 }
.slide:nth-child(4){
	background-image:url(assets/images/axonometrie/Lot-4-F-HD-PNG.png);
 }
.slide:nth-child(5){
	background-image:url(assets/images/axonometrie/Lot-10-RDC-F-HD-PNG.png);
 }
.slide:nth-child(6){
	background-image:url(assets/images/axonometrie/Lot-10-ETAGE-F-HD-PNG.png);
 }
	
			
	.slide:nth-child(7){
	background-image:url(assets/images/axonometrie/Lot-11-RDC-F-HD-PNG.png);
 }
	
.slide:nth-child(8){
	background-image:url(assets/images/axonometrie/Lot-11-ETAGE-F-HD-PNG.png);
 }
	
	

	
	
	
.font-alt_portrait {
font-family: 'Open Sans';
    color: #001e72;
    font-weight: bold;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 0px solid red;
    margin-bottom: 2px;
    position: relative;
    padding-left: 18px;
  width: 349px;
    line-height: 43px
}
	
		
	.en_soumettant{
		
		padding-left: 26px;
		padding-right: 12px;
		
		
	}
	
	.rgpd{
		
	position: relative;
    width: 375px;
    margin-top: 5px;
    float: left;
    padding-right: 2px;
	
	
		
	}
	
	
		* {
    /* overflow-y: scroll; */
    /* overflow-x: hidden; */
    padding: 0px;
	}
	
	
	
	.container_onglet{

    margin-left: auto;
    margin-right: auto;position:relative;
	
}
	
	
	.formulaire_demande{
		
		margin-top: 122px;
		
		
	}
	
	.footer {
 /* padding: 0px 0;

height: 4px;

position: relative;

font-size: 10px;

font-family: 'Open Sans';
text-align:center;*/


    padding: 0px 0;
    height: 4px;
    position: relative;
    font-size: 10px;
    font-family: 'Open Sans';
    /* text-align: center; */
    width: 375px;
    left: 210px;

}

hr {
    border-bottom: 1px solid #ddd;
}
	

.containerjk{


width:375px;


}




	
	
hr {
margin-top: 5px;

margin-bottom: -78px;

border: 0;

    border-top-width: 0px;
    border-top-style: none;
  

border-top: 2px solid #fb435f;

width: 53%;

opacity:0;
display:none;
}


		#slider{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 655px;
    background: white;
    margin-bottom: 0%;
    top: -190px;
          margin-bottom: -163px;
    width: 375px;
}
	
	
	.gallery-caption {
     position: absolute;
    width: 100%;
    bottom: 86px;
    left: 70px;
    z-index: 2;
    height: 90px;
}
	
	
	
	.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 50px;
    line-height: 30px;
}
	
	
	
.gallery-icon {
background: white;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    font-size: 24px;
    margin: 0 auto;
    top: 19px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 78px;
	    
}
	

.flex-control-nav {
  position: absolute;
  width: auto;
  left: 50%;
  bottom:-5%;
  z-index: 11;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
	
	
	.boutons_formulaires_disponibles{
		
		
		position: absolute;
    width: 375px;
    float: left;
    /* left: -15px; */
    text-align: center;
	
	    margin-top: 27px;
		
	}
	
	
	.footercn{
	position: relative;
top: 0px;    

	}
	
	
	.colonne_gauche_logement{
		
		position:relative;width:100%;padding-right: 10px;
	}
	
	
		.colonne_droite_logement{
		
		position:relative;width:100%;
	}
	
	
	.widget-posts-image {
float: left;
    width: 286px;
    left: -77px;
    position: relative;
    top: -5px;
    height: 74px;
}

	
		.accroche{
position: relative;
    width: 300px;
    height: 40px;
    background: #d8dbdb;
    font-family: 'Montserrat',sans-serif;
    font-weight: 800;
    font-size: 0;
    top: 21px;
    left: 0;
    text-transform: lowercase;
    color: #001e72;
    padding-top: 5px;
		
	}
	
	
	.bouton_rose{
		
	    background: #fb4c67;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 0;
		
		
		
	}
	
	
	
	.contain
{
       position: relative;
    left: 0px;
    transform: translate(-50%, -50%);
    display: flex;
}
		
	
	 .bouton_visite_virtuelle{
			 

	
	
	background: #fb4c67;

      border-radius: 0px 40px 40px 0px;

       width: 220px;

      color: white;

       font-size: 13px;

       font-family: 'Open Sans';

      font-weight: normal;

      border: 2px solid #fb4c67;
	
	
	
	
		 }
		 
		 
		 .bouton_visite_virtuelle img{
			 
	position: relative;
    left: -8px;
    top: 0px;
			 
		 }
		 
		 
		 .bouton_visite_virtuelle_rdv img {
    position: relative;
    left: -16px;
    top: 0px;
	
		 }
		 
		 
		 	 .bouton_visite_virtuelle_appel img {
    position: relative;
    left: -16px;
    top: 0px;
	
		 }
		 
		 
		 .titre_bouton_visite_virtuelle{
			 position: absolute;
  
			 
		 }
		 
	
	
	#projetimages{
		
		
		 position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 655px;
    background: white;
    margin-bottom: 0%;
    top: -190px;
       margin-bottom: -511px;
    width: 375px;"
		
	}
	
	#bouton_bleu{
		
		 z-index: 99;
    top: -40px;
    width: 78px;
    height: 78px;
    background: #001e72;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: relative;
	display:none:
		
		
	}
	
		.containercarre{
     right: 0;
    width: 340px;
    position: absolute;
    top: 229px;
}
.containercarre nav ul li{
  list-style:none;
  float:left;
  padding-right:20px;
}
 .containercarre nav ul li a{
    text-decoration: none;
    color: white;
    font-family: Montserrat;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    position: absolute;
}
.containercarre .active{
  background-color:none;
  color:#white;
}
	
	
		#cnx{
			
			
			    background: #001e72;
    position: relative;
    width: 375px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Open Sans';
    padding-top: 10px;
    padding-bottom: 13px;
    padding-left: 11px;
    left: 0px;

	}
	
	
	.contactez_nous_residence{background: white;

color: #001e72;

border-radius: 30px;

width: 170px;

padding-left: 30px;

padding-top: 15px;



position: absolute;

height: 49px;

right: 6px;

bottom: 61px;
font-size: 12px;

}
	
	
	
	
	
		.titre_section h4{
	
	
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 20px;
    color: black;
    padding-left: 12px;
    text-align: center;
	
	
}
	
.titre_appartement {
   font-family: 'Open Sans';
font-weight: normal;
font-size: 13px;
position: fixed;
top: 55px;
height: 21px;
background: white;
left: 13%;
}

.titre_extrabold_appartement{
	
	font-family:'Open Sans';
	
	font-size:14px;
	font-weight:800;
	
	
}
	
	
	#fermer_popup{
		
	position: absolute;
right: 35px;
top: -7px;
		
	}
	
	
#fermer_popup3d {
   position: absolute;
right: 617px;
top: 19px;
color: white;
font-family: 'Open Sans';
font-size: 12px;
font-weight: lighter;
}
	
	#resident{
		
		     margin-top: 142px;
	       margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
  
    left: 0;
	
	
	
	    position: static;
    text-align: center;
	}
	
	#description_paradis_blanc{
		
	    text-align: justify;
    /* padding-left: 0; */
    /* padding-right: 26px; */
    color: black;
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: normal;
    width: 344px;
    text-transform: justify;
	    margin-right: auto;
    margin-left: auto;
	}
	
	
			
		#information{
			
			width: 400px;
position: relative;
height: 524px;
			
			
		}
	
	#slider{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 655px;
    background: white;
    margin-bottom: 0%;
    top: -190px;
          margin-bottom: -163px;
    width: 375px;
}


.row-contact {
height: 51px;
    width: 337px;
    position: relative;
}

	.row-contact_autour_logement {
height: 51px;
    width: 337px;
    position: relative;
}
	

.containercn_autour{

width: 345px;
height: 943px;
margin-left: auto;
margin-right: auto;
background: none;



}



#appartement_disponible{

height: 563px;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;

position: relative;

background:none;

z-index: 1;

width: 988px;

}



.panel .panel-default{
	
	width: 374px;
	
}

#information{

height: 574px;

padding-right: 0;
padding-left: 106px;

margin-right: auto;

margin-left: auto;

position: relative;

background: #001e72;

z-index: 1;

width: 375px;

color: white;


line-height: 22px;
position: relative;
margin-left: 0;
margin-right: 0;
    margin-top: 314px;

}
#information a{

font-family:'Open Sans';
		font-weight:600;
		font-size:12px;
		color:white;
		
}
	
	.boutons_appartements_disponibles{
		

		
		    position: absolute;
    width: 375px;
    left: 0px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    text-align: center;
    margin-bottom: 82px;
		
	}
	
	.boutons_autourlogement{
		
		
	    position: absolute;
    width: 375px;
    left: 0px;
		
		
	}
	
	
	#visiteVirtuelle{
left: 0;

margin-left: auto;

margin-right: auto;

bottom: -128px;

position: relative;
		
	}


#visite_virtuelle{
   background-image: url(../images/site/carreaux.png);
    height: auto;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 75px;
    height: 943px;

	


}




#autour_logement{
	
	position: relative;
height: 505px;
background: grey;
margin-left: auto;
margin-right: auto;
width: 988px;
background: none;
	
	
}



.contenu_autour_logement li{
    width: 360px;
    color: black;
    text-align: justify;
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 13px;
    padding-bottom: 20px;

}



.boutons_autour_logement{
		
		    position: relative;
    width: 990px;
    bottom: 12px;
		
		
	}
	
	
	
	.contenu_autour_logement li{
   
   
   
  width: 304px;
color: black;
text-align: justify;
font-family: 'Open Sans';
font-weight: normal;
font-size: 13px;
padding-bottom: 28px;
position: relative;
left: -40px;

}
	
	#visite_virtuelle{
  background-image: url(../images/site/carreaux.png);
height: auto;
position: relative;
z-index: 1;
width: 375px;
padding-top: 75px;
height: 993px;
margin-bottom: 43px;

    margin-left: auto;
    margin-right: auto;

}








.container_virtuel{
	
	position: relative;

width: 350px;

margin-left: auto;

margin-right: auto;
	
	
	
}
	
#appartement_disponible{

height: 594px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
background: none;
z-index: 1;
width: 370px;

}



	#contact{
	height: 853px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
background: none;
z-index: 1;
width: 378px;
margin-bottom: 204px;
			
	}


	
	
	
	
	#nom{
		width:167px;
		
	}
	#prenom{
		    width: 167px;
    right: -21px;
		
		
	}
		#email{
	width:167px;
		
	}
		#telephone{
		    width: 167px;
    right: -21px;
		
	}
	
	
		#adresse_domicile{
		width:344px;
		
	}
	
		#codepostal{
		width:167px;
		
	}
	
	
		#ville{
		    width: 167px;
    right: -21px;
		
	}
	#champs_obligatoire{
		
		font-family:'Open Sans';
		font-style:italic;
		font-size:11px;
		 text-decoration: underline;
		
		
	}
	
	.description_visite_virtuelle{
	
		
	font-family: 'Open Sans';
    font-weight: normal;
    font-size: 12px;
    color: black;
    width: posittion;
    position: relative;
    left: 0;
    width: 345px;
    margin-left: auto;
    margin-right: auto;
	
}
	


	
	
 
 .owl-nav{
 
 display:none;
 }
 
 #residence_paradis_blanc {
    position: relative;
    height: 1100px;
    background: none;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    top: 42px;
    margin-bottom: 60px;
    left: 0px;
}

#tableau_residence_paradis_blanc {
 
 
 
    color: white;
    background-image: url(../images/site/residence_paradis_blanc.png);
    width: 345px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.49em;
    text-transform: uppercase;
    line-height: 19px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	    padding-top: 23px;
}

.navecation{
 left: 0;
    position: relative;
    width: 333px;


}


.owl-nav{
display:none;

}


#containercn_carte {
height: 490px;
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    /* margin-right: auto; */
    /* margin-left: auto; */
    position: relative;
    background: none;
    z-index: 1;
    width: 375px;
    margin-bottom: 50px;
    float: left;
}

#autour_logement{


position: relative;
    height: 1100px;
    background: none;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    top: 42px;
    margin-bottom: 60px;
    left: 0px;


}


#troisd {
    height: auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: none;
    z-index: 1;
    width: 375px;
}





#appartement_disponible {
   height: 570px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
background: none;
z-index: 1;
width: 375px;
}

#contact {
    height: auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: none;
    z-index: 1;
    width: 375px;
}

#btn3d{

    width: 176px;
width: 130px;
height: 130px;
background: #fb4c67;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
text-align: center;
margin-left: auto;
margin-right: auto;
cursor: pointer;
z-index: 99;
position: absolute;
top: 16%;
left: 30%;
border-radius: 50%;
}

#btn3d #loupe{


width: 60px;
    height: 60px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 27%;
    position: absolute;
    z-index: 99;
    left: 27%;
}
	
	



  /*===============================================================
         CONSTRUCTION POPUP
         ================================================================*/
		 
		 
		 
		 
		 
.popup-trigger:hover {
    opacity:.8;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1000;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  transition:500ms all;

}

.popup2 {
position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1000;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  transition:500ms all;
}

.popup.is-visible {
  opacity: 1;
  visibility: visible;
 transition:1s all;
 bckground:black;
z-index:99;

}

.popup2.is-visible {
  opacity: 1;
  visibility: visible;
 transition:1s all;
}


.popup-container {
transform: translateY(-50%);

transition: 500ms all;

position: relative;

width: 988px;

margin: 2em auto;

top: 15%;

padding: 5rem;

background: no-repeat;

border-radius: .25em .25em .4em .4em;

text-align: center;

box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

overflow-y: hidden;

overflow-x: hidden;

height: 75%;
}

.popup2-container {
 
  transform: translateY(-50%);
transition: 500ms all;
position: relative;
width: 988px;
margin: 2em auto;
top: 5%;
padding: 5rem;
background: none;
border-radius: .25em .25em .4em .4em;
text-align: center;

overflow-y:hidden;
overflow-x:hidden;
height:90%;
background:none;
 
}


.is-visible .popup-container {
  transform:translateY(0);
  transition:500ms all;
}


.is-visible .popup2-container {
  transform:translateY(0);
  transition:500ms all;
  width: 988px;
}

.popup-container .popup-close {
  position: absolute;
  top: 20px;
  font-size:0;
  right: 8px;
  width: 30px;
  height: 30px;
  background:#fb4c67;
}


.popup2-container .popup2-close {
  position: absolute;
  top: 8px;
  font-size:0;
  right: 8px;
  width: 30px;
  height: 30px;
 	background: url(../images/site/fermerX.png) no-repeat;
  
  
  
  
}


.popup-container .popup-close::before,
.popup-container .popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: white;
}


.popup2-container .popup2-close::before,
.popup2-container .popup2-close::after {
 
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}

.popup-container .popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}

.popup2-container .popup2-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}


.popup-container .popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}

.popup2-container .popup2-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}



.popup-container .popup-close:hover:before,
.popup-container .popup-close:hover:after {
  background-color:#35a785;
  transition:300ms all;
}

.popup2-container .popup-close:hover:before,
.popup2-container .popup-close:hover:after {
  background-color:#35a785;
  transition:300ms all;
}
	

	
	.contain
{
    position: relative;
    top: 14px;
    left: 0px;
    transform: translate(-50%, -50%);
    display: flex;
}

.contain input {
  position: absolute;
  left: -9999px;
}

.contain label {
     
	 
	 
	 
	display: block;
    position: relative;
    margin: -20px;
    padding: 8px 60px 16px 29px;
    border-radius: -104px;
    color: #fff;
    background-color: none;
    cursor: pointer;
    user-select: none;
    color: #5e5e5e;
    font-family: 'Open Sans';
    font-size: 10px;
    font-weight: 500;
  left: -23px;
    width: 0;
    top: 92px;
    
}


 #particulier {
      display: block;
    position: static;
    margin: -13px;
    padding: 6px 33px 16px 35px;
    border: px solid red;
    border-radius: -104px;
    color: #fff;
    background-color: none;
    cursor: pointer;
    user-select: none;
    color: #001e72;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    
}

.contain label::before {
 content: '';
    display: block;
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 10px;
    width: 15px;
    border: 1px solid #dadada;
    border-radius: 61px;
    transition: background-color .2s;
    height: 15px;ckground-color .2s;
    height: 15px;
	    background: white;
}


 #particulier::before {
   content: '';
    display: none;
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 10px;
    width: 15px;
    border: 1px solid #dadada;
    border-radius: 61px;
    transition: background-color .2s;
    height: 15px;ckground-color .2s;
    height: 15px;
	    background: white;
}



.contain label:first-of-type {
  transform: translateX(3px);
}

.contain label:last-of-type {
    transform: translateX(15px);
}



.contain input:checked + label {
  background-color: none;
}

.contain input:checked + label::before {
  background-color: #fb4c67;
}

	#adresse_domicile{
		    width: 344px;
		
	}
	
	
	#trente-deux{
		
		
    position: absolute;
    left: -120px;
    font-weight: bold;
		
	}
	
		
	#video{
		
		width:320px;
		height:350px;
		
		
	}
	
	
	




	.contain {
      
	
	
	
	
	width: 201px;
    margin: 21px auto;
    left: 0;
    margin-bottom: 70px;
    margin-top: -33px;
	
	
	
	    width: 201px;
    margin: 0 auto;
    left: 0;
     margin-bottom: 122px;
    margin-top: 0;
    height: 12px;
    position: relative;
	

}
	
.titre_section_autour_logement  h4{
	
	
		font-family: "Open Sans";
	font-weight:700;  /***************  BOLD*/
	font-size:22px;
	color:#001e72;
	width:500px;
	
	
}


span .titre_votre_projet{
	
	font-family:OpenSans;
	font-weight:bold;
	font-size:18px;
	color:#001e72;
	
	
}

#checkedHabiterId{
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}
#checkedInvestirId{
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}
#checkedResiderId{
font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}


#checkedMonsieurId{
	
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}


#checkedMadameId{
	
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}

#brochurecn{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	margin-right:92px;
-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}

#rdv{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	    margin-right: 119px;
		-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}


#appel{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	
	-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}

#titre_geolocalisation{
background: #001e72;

position: relative;

width: 100%;

color: white;

font-weight: bold;

font-size: 16px;

font-family: OpenSans;

}


.titre_paradis_blanc{
	
	
	   
	
	line-height: 1px;
    width: 375px;
    position: relative;
    font-size: 25px;
    color: black;
    font-weight: 600;
	font-family:'Open Sans';
	
	
}
.titre_autour_logement{
	
	    width: 375px;
    position: relative;
    text-align: center;
    color: #001e72;
    font-weight: bold;
    font-size: 17px;
	
}
	
	
	#residence_paradis_blanc {
    position: relative;
  height: 1123px;
    background: grey;
    margin-left: auto;
    margin-right: auto;
    width:375px;
    background: none;
}

#autourlogement{
 position: relative;
  height: 1436px;
    background: grey;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
    background: none;
    background-image: url(../images/site/autour_logement.png);
    margin-top: 494px;
    padding-top: 34px;
}


	
	.pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #00cae9;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
}
.pin:after {
  content: "";
  width: 14px;
  height: 14px;
  margin: 8px 0 0 8px;
  background: #e6e6e6;
  position: absolute;
  border-radius: 50%;
}

.bounce {
  animation-name: bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
}

.pulse {
  background: #d6d4d4;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 11px 0px 0px -12px;
  transform: rotateX(55deg);
  z-index: -2;
}
.pulse:after {
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  box-shadow: 0 0 1px 2px #00cae9;
  animation-delay: 1.1s;
}

@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }

  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }

  80% {
    transform: translateY(-10px) rotate(-45deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}


.fermer_carousel{
	
	

	
	
position: relative;
    left: right;
    right: 50px;
    top: -11px;
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: lighter;
    color: white;
	
}

#champs_obligatoires{
	
	position: absolute;
    left: 18px;
    font-family: 'Open Sans';
    font-size: 11px;
    font-style: italic;
	
}


.arrondi_droit {
     border-radius: 10px 40px 40px 10px;
    height: 4.5em;
    width: 243px;
}


.arrondi_droit_onglet {
    border-radius: 10px 40px 40px 10px;
    height: 2.8em;
}

/* ---------------------------------------------- /*
 * BEANDEAU BLANC
 /* ---------------------------------------------- */
		 
  #beandeau_blanc{
			 
			position: relative;
    width: 100%;
    height: 10px;
    background: white;
		 }
		 
		 
 /* ---------------------------------------------- /*
 * CAROUSEL
 /* ---------------------------------------------- */

	
	

		 
		 


.issy_les_moulineaux{
color: #fb435f;
    font-size: 14px;
    text-transform: CAPITALIZE;
    font-family: 'Montserrat';
    font-weight: 600;
    position: relative;
    top: 8px;
}

.titre_residence_du_paradis_blanc{
	
	
	    color: white;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 28px;
    line-height: 37px;
	
}



.containerTva{
	
	
	    height: 53px;
    width: 53px;
    position: relative;
    background: #001e72;
	
}
.contactez_nous_residence{
	
	   background: white;
    color: #001e72;
    border-radius: 30px;
    width: 144px;
    padding-left: 30px;
    padding-top: 15px;
    font-size: 11px;
    position: absolute;
    height: 49px;
    right: 7px;
    bottom: 72px;
}






 .titre_nous_contacter{
	
	font-family:'Open Sans';
	font-weight:bold;
	font-size:25px;
	color:#001e72;
	
	
}

	
	.containerfooter{
		
		width:375px;
	}
	
	
	.contact_paradis_blanc{
       position: relative;
    margin-right: auto;
    margin-left: auto;
    left: -15px;

}

#bouton_souris_slider{
		
		 z-index: 99;
    top: -40px;
    width: 78px;
    height: 78px;
    background: #001e72;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: relative;
	display:none;
		
	}
	
	
	.espace_formulaire{
		font-family: 'Open Sans';
    color: #001e72;
    font-weight: bold;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 0px solid red;
    margin-bottom: 41px;
	display:flex;
		
		
	}
	
	.titre_section_images{
		
		
		font-family: 'Open Sans';
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: black;
		
		
	}

	
	
	
#trente-sept{
		
		    position: absolute;
    background: none;
    left: -257px;
    font-size: 28px;
		
	}
	
	
	.contain label {
         display: block;
    position: relative;
    margin: -13px;
    padding: 6px 33px 16px 42px;
    border: px solid red;
    border-radius: -104px;
    color: #fff;
    background-color: none;
    cursor: pointer;
    user-select: none;
    color: #5e5e5e;
    font-family: 'Open Sans';
    font-size: 10px;
    font-weight: 500;
    top: 85px;
}

.gallery-caption{
	
	display:none;
	
}


	.date_de_livraison{
		
		
	line-height: 17px;
    left: 0px;
    position: relative;
		
	}
	
	
		
	.nombre_logement{
		
		    position: relative;
    width: 433px;
    line-height: 19px;
    right: 0px;
		
		
	}
	
	.logements{
		
		    position: relative;
    left: 0px;
		
	}
	
	.cinq{
		
		    position: relative;
    right: -170px;
}
		
	
	
	.containerTva{
		
		background:#e85210;
		    width: 73px;
    height: 112px;
		
	}
	
	.containerTvaImg{
		
		position: relative;
    top: 5px;
    left: 5px;
		
	}
	
	#tvaTexte{
		
		 position: relative;
    top: 9px;
		
		
	}
	
		.containerPinel{
		
		    background: #267efc;
    height: 112px;
    width: 65px;
    position: relative;
		
	}
	
	
	.containerPinelImg{
	position: relative;
    top: 15px;
    left: 10px;
	
	}
	
	
	#pinelTexte{
		   position: relative;
    top: 26px;
		
	}
	
			.containerRt{
		    background: #97c00e;
    height: 113px;
    width: 60px;
    position: relative;
		
	}
	
	
	.containerRtImg{
	position: relative;
    top: 5px;
    left: 5px;
	
	}
	
	
		.surface_totale{
	    width: 150px;
   line-height: 18px;
    position:  relative;
	
	}

	

}



/*****************landscape mobile  *******************************************/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 736px) 
and (orientation : landscape)   {
	

	
	
			.titre_axo{
		
		    padding-top: 15px;
    position: relative;
		
	}
	


.wrapper{
  width:100%;
  position:relative;
  margin: -12% auto 0;
}

/**
 * Padding is set relative to the width
 * of the element, so here padding-top:60% is
 * a percentage of the width. This allows us 
 * to set the height as a ratio of the width
 *
 */
.carousel{
	width: 100%;
	position: relative;
	padding-top: 60%;
	overflow: hidden;
}

.inner{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}

/**
 * ==========================
 * Animation styles
 * 
 * Notes:
 * 1. We use z-index to position active slides in-front 
 * of non-active slides
 * 2. We set right:0 and left:0 on .slide to provide us with
 * a default positioning on both sides of the slide. This allows 
 * us to trigger JS and CSS3 animations easily
 *
 */
.slide{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	right:0;
	left:0;
	z-index: 1;
	opacity: 0;
}

.slide.active,
.slide.left,
.slide.right{
	z-index: 2;
	opacity: 1;
}

/**
 * ==========================
 * JS animation styles
 * 
 * We use jQuery.animate to control the sliding animations
 * when CSS3 animations are not available. In order for
 * the next slide to slide in from the right, we need
 * to change the left:0 property of the slide to left:auto
 *
 */

.js-reset-left{left:auto}

/**
 * ==========================
 * CSS animation styles
 * 
 * .slide.left and .slide.right set-up
 * the to-be-animated slide so that it can slide
 * into view. For example, a slide that is about 
 * to slide in from the right will:
 * 1. Be positioned to the right of the viewport (right:-100%)
 * 2. Slide in when the style is superseded with a more specific style (right:0%)
 *
 */
.slide.left{
	left:-100%;
	right:0;
}

.slide.right{
	right:-100%;
	left: auto;
}

.transition .slide.left{left:0%}
.transition .slide.right{right:0%}

/**
 * The following classes slide the previously active
 * slide out of view before positioning behind the 
 * currently active slide
 *
 */
.transition .slide.shift-right{right: 100%;left:auto}
.transition .slide.shift-left{left: 100%;right:auto}

/**
 * This sets the CSS properties that will animate. We set the
 * transition-duration property dynamically via JS.
 * We use the browser's default transition-timing-function
 * for simplicity's sake
 * 
 * It is important to note that we are using CodePen's inbuilt
 * CSS3 property prefixer. For your own projects, you will need
 * to prefix the transition and transform properties here to ensure
 * reliable support across browsers
 *
 */
.transition .slide{
	transition-property: right, left, margin;
}

/**
 * ==========================
 * Indicators
 *
 */
.indicators{
  width:100%;
  position: absolute;
  bottom:0;
  z-index: 4;
  padding:0;
  text-align: center;
}

.indicators li{
	width: 13px;
	height: 13px;
	display: inline-block;
	margin: 5px;
	background: #fff;
	list-style-type: none;
	border-radius: 50%;
  cursor:pointer;
  transition:background 0.3s ease-out;
}

.indicators li.active{   background: #001e72;}

.indicators li:hover{background-color:#2b2b2b}

/**
 * ==========================
 * Arrows 
 *
 */
.arrow{
  width: 20px;
  height: 20px;
  position:absolute;
  top:50%;
  z-index:5;
 
  cursor:pointer;
  transition:border-color 0.3s ease-out;
}

.arrow:hover{border-color:#93278f}

.arrow-left{
  left: 20px;
    /* transform: rotate(225deg); */
    WIDTH: 12px;
    height: 12px;
    background: red;
   width: 37px;
    background: url(assets/images/site/fleche-gauche-slider.png)no-repeat;
}

.arrow-right{
  right:20px;
  


    /* transform: rotate(225deg); */
    WIDTH: 12px;
    height: 12px;
   
    width: 37px;
    background: url(assets/images/site/fleche-droite-slider.png)no-repeat;

}


.slide{
	    padding-top: -5%;
    background-size: cover;
    text-align: center;
    color: #001e72;
    margin-left: auto;
    margin-right: auto;
   font-family: 'Open Sans';
    font-weight: normal;
    font-size: 13px;
text-align:center;





}

h1{
	width: 100px;
    height: 100px;
top: 0px;
    position: absolute;
}

.slide:nth-child(1){
	background-image:url(assets/images/axonometrie/Lot-1-F-HD-PNG.png);
 }

.slide:nth-child(2){
	background-image:url(assets/images/axonometrie/Lot-2-HD-F-PNG.png);
}

.slide:nth-child(3){
	background-image:url(assets/images/axonometrie/Lot-3-F-HD-PNG.png);
 }
.slide:nth-child(4){
	background-image:url(assets/images/axonometrie/Lot-4-F-HD-PNG.png);
 }
.slide:nth-child(5){
	background-image:url(assets/images/axonometrie/Lot-10-RDC-F-HD-PNG.png);
 }
.slide:nth-child(6){
	background-image:url(assets/images/axonometrie/Lot-10-ETAGE-F-HD-PNG.png);
 }
	
			
	.slide:nth-child(7){
	background-image:url(assets/images/axonometrie/Lot-11-RDC-F-HD-PNG.png);
 }
	
.slide:nth-child(8){
	background-image:url(assets/images/axonometrie/Lot-11-ETAGE-F-HD-PNG.png);
 }
	
	

	
	
	
.font-alt_portrait {
font-family: 'Open Sans';
    color: #001e72;
    font-weight: bold;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 0px solid red;
    margin-bottom: 2px;
    position: relative;
    padding-left: 18px;
  width: 349px;
    line-height: 43px
}
	
		
	.en_soumettant{
		
		padding-left: 26px;
		padding-right: 12px;
		
		
	}
	
	.rgpd{
		
	position: relative;
    width: 375px;
    margin-top: 5px;
    float: left;
    padding-right: 2px;
	
	
		
	}
	
	
		* {
    /* overflow-y: scroll; */
    /* overflow-x: hidden; */
    padding: 0px;
	}
	
	
	
	.container_onglet{

    margin-left: auto;
    margin-right: auto;position:relative;
	
}
	
	
	.formulaire_demande{
		
		margin-top: 122px;
		
		
	}
	
	.footer {
 /* padding: 0px 0;

height: 4px;

position: relative;

font-size: 10px;

font-family: 'Open Sans';
text-align:center;*/


    padding: 0px 0;
    height: 4px;
    position: relative;
    font-size: 10px;
    font-family: 'Open Sans';
    /* text-align: center; */
    width: 375px;
    left: 210px;

}

hr {
    border-bottom: 1px solid #ddd;
}
	

.containerjk{


width:375px;


}




	
	
hr {
margin-top: 5px;

margin-bottom: -78px;

border: 0;

    border-top-width: 0px;
    border-top-style: none;
  

border-top: 2px solid #fb435f;

width: 53%;

opacity:0;
display:none;
}


		#slider{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 655px;
    background: white;
    margin-bottom: 0%;
    top: -190px;
          margin-bottom: -163px;
    width: 375px;
}
	
	
	.gallery-caption {
     position: absolute;
    width: 100%;
    bottom: 86px;
    left: 70px;
    z-index: 2;
    height: 90px;
}
	
	
	
	.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 50px;
    line-height: 30px;
}
	
	
	
.gallery-icon {
background: white;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    font-size: 24px;
    margin: 0 auto;
    top: 19px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 78px;
	    
}
	

.flex-control-nav {
  position: absolute;
  width: auto;
  left: 50%;
  bottom:-5%;
  z-index: 11;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
	
	
	.boutons_formulaires_disponibles{
		
		
		position: absolute;
    width: 375px;
    float: left;
    /* left: -15px; */
    text-align: center;
		
	}
	
	
	.footercn{
	position: relative;
top: 0px;    

	}
	
	
	.colonne_gauche_logement{
		
		position:relative;width:100%;padding-right: 10px;
	}
	
	
		.colonne_droite_logement{
		
		position:relative;width:100%;
	}
	
	
	.widget-posts-image {
float: left;
    width: 286px;
    left: -77px;
    position: relative;
    top: -5px;
    height: 74px;
}

	
		.accroche{
position: relative;
    width: 300px;
    height: 40px;
    background: #d8dbdb;
    font-family: 'Montserrat',sans-serif;
    font-weight: 800;
    font-size: 0;
    top: 21px;
    left: 0;
    text-transform: lowercase;
    color: #001e72;
    padding-top: 5px;
		
	}
	
	
	.bouton_rose{
		
	    background: #fb4c67;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 0;
		
		
		
	}
	
	
	
	.contain
{
       position: relative;
    left: 0px;
    transform: translate(-50%, -50%);
    display: flex;
}
		
	
	 .bouton_visite_virtuelle{
			 

	
	
	background: #fb4c67;

      border-radius: 0px 40px 40px 0px;

       width: 220px;

      color: white;

       font-size: 13px;

       font-family: 'Open Sans';

      font-weight: normal;

      border: 2px solid #fb4c67;
	
	
	
	
		 }
		 
		 
		 .bouton_visite_virtuelle img{
			 
	position: relative;
    left: -8px;
    top: 0px;
			 
		 }
		 
		 
		 .bouton_visite_virtuelle_rdv img {
    position: relative;
    left: -16px;
    top: 0px;
	
		 }
		 
		 
		 	 .bouton_visite_virtuelle_appel img {
    position: relative;
    left: -16px;
    top: 0px;
	
		 }
		 
		 
		 .titre_bouton_visite_virtuelle{
			 position: absolute;
  
			 
		 }
		 
	
	
	#projetimages{
		
		
		 position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 655px;
    background: white;
    margin-bottom: 0%;
    top: -190px;
       margin-bottom: -511px;
    width: 375px;"
		
	}
	
	#bouton_bleu{
		
		 z-index: 99;
    top: -40px;
    width: 78px;
    height: 78px;
    background: #001e72;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: relative;
	display:none:
		
		
	}
	
		.containercarre{
     right: 0;
    width: 340px;
    position: absolute;
    top: 229px;
}
.containercarre nav ul li{
  list-style:none;
  float:left;
  padding-right:20px;
}
 .containercarre nav ul li a{
    text-decoration: none;
    color: white;
    font-family: Montserrat;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    position: absolute;
}
.containercarre .active{
  background-color:none;
  color:#white;
}
	
	
		#cnx{
			
			
			    background: #001e72;
    position: relative;
    width: 375px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Open Sans';
    padding-top: 10px;
    padding-bottom: 13px;
    padding-left: 11px;
    left: 0px;

	}
	
	
	.contactez_nous_residence{background: white;

color: #001e72;

border-radius: 30px;

width: 170px;

padding-left: 30px;

padding-top: 15px;



position: absolute;

height: 49px;

right: 6px;

bottom: 61px;
font-size: 12px;

}
	
	
	
	
	
		.titre_section h4{
	
	
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 20px;
    color: black;
    padding-left: 12px;
    text-align: center;
	
	
}
	
.titre_appartement {
   font-family: 'Open Sans';
font-weight: normal;
font-size: 13px;
position: fixed;
top: 55px;
height: 21px;
background: white;
left: 13%;
}

.titre_extrabold_appartement{
	
	font-family:'Open Sans';
	
	font-size:14px;
	font-weight:800;
	
	
}
	
	
	#fermer_popup{
		
	position: absolute;
right: 35px;
top: -7px;
		
	}
	
	
#fermer_popup3d {
   position: absolute;
right: 617px;
top: 19px;
color: white;
font-family: 'Open Sans';
font-size: 12px;
font-weight: lighter;
}
	
	#resident{
		
		     margin-top: 142px;
	       margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
  
    left: 0;
	
	
	
	    position: static;
    text-align: center;
	}
	
	#description_paradis_blanc{
		
	    text-align: justify;
    /* padding-left: 0; */
    /* padding-right: 26px; */
    color: black;
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: normal;
    width: 344px;
    text-transform: justify;
	    margin-right: auto;
    margin-left: auto;
	}
	
	
			
		#information{
			
			width: 400px;
position: relative;
height: 524px;
			
			
		}
	
	#slider{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 655px;
    background: white;
    margin-bottom: 0%;
    top: -190px;
          margin-bottom: -163px;
    width: 375px;
}


.row-contact {
height: 51px;
    width: 337px;
    position: relative;
}

	.row-contact_autour_logement {
height: 51px;
    width: 337px;
    position: relative;
}
	

.containercn_autour{

width: 345px;
height: 943px;
margin-left: auto;
margin-right: auto;
background: none;



}



#appartement_disponible{

height: 563px;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;

position: relative;

background:none;

z-index: 1;

width: 988px;

}



.panel .panel-default{
	
	width: 374px;
	
}

#information{

height: 574px;

padding-right: 0;
padding-left: 106px;

margin-right: auto;

margin-left: auto;

position: relative;

background: #001e72;

z-index: 1;

width: 375px;

color: white;


line-height: 22px;
position: relative;
margin-left: 0;
margin-right: 0;
    margin-top: 314px;

}
#information a{

font-family:'Open Sans';
		font-weight:600;
		font-size:12px;
		color:white;
		
}
	
	.boutons_appartements_disponibles{
		

		
		    position: absolute;
    width: 375px;
    left: 0px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    text-align: center;
    margin-bottom: 82px;
		
	}
	
	.boutons_autourlogement{
		
		
	    position: absolute;
    width: 375px;
    left: 0px;
		
		
	}
	
	
	#visiteVirtuelle{
left: 0;

margin-left: auto;

margin-right: auto;

bottom: -128px;

position: relative;
		
	}


#visite_virtuelle{
   background-image: url(../images/site/carreaux.png);
    height: auto;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 75px;
    height: 943px;

	


}




#autour_logement{
	
	position: relative;
height: 505px;
background: grey;
margin-left: auto;
margin-right: auto;
width: 988px;
background: none;
	
	
}



.contenu_autour_logement li{
    width: 360px;
    color: black;
    text-align: justify;
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 13px;
    padding-bottom: 20px;

}



.boutons_autour_logement{
		
		    position: relative;
    width: 990px;
    bottom: 12px;
		
		
	}
	
	
	
	.contenu_autour_logement li{
   
   
   
  width: 304px;
color: black;
text-align: justify;
font-family: 'Open Sans';
font-weight: normal;
font-size: 13px;
padding-bottom: 28px;
position: relative;
left: -40px;

}
	
	#visite_virtuelle{
  background-image: url(../images/site/carreaux.png);
height: auto;
position: relative;
z-index: 1;
width: 375px;
padding-top: 75px;
height: 993px;
margin-bottom: 43px;

    margin-left: auto;
    margin-right: auto;

}








.container_virtuel{
	
	position: relative;

width: 350px;

margin-left: auto;

margin-right: auto;
	
	
	
}
	
#appartement_disponible{

height: 594px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
background: none;
z-index: 1;
width: 370px;

}



	#contact{
	height: 853px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
background: none;
z-index: 1;
width: 378px;
margin-bottom: 204px;
			
	}


	
	
	
	
	#nom{
		width:167px;
		
	}
	#prenom{
		    width: 167px;
    right: -21px;
		
		
	}
		#email{
	width:167px;
		
	}
		#telephone{
		    width: 167px;
    right: -21px;
		
	}
	
	
		#adresse_domicile{
		width:344px;
		
	}
	
		#codepostal{
		width:167px;
		
	}
	
	
		#ville{
		    width: 167px;
    right: -21px;
		
	}
	#champs_obligatoire{
		
		font-family:'Open Sans';
		font-style:italic;
		font-size:11px;
		 text-decoration: underline;
		
		
	}
	
	.description_visite_virtuelle{
	
		
	font-family: 'Open Sans';
    font-weight: normal;
    font-size: 12px;
    color: black;
    width: posittion;
    position: relative;
    left: 0;
    width: 345px;
    margin-left: auto;
    margin-right: auto;
	
}
	


	
	
 
 .owl-nav{
 
 display:none;
 }
 
 #residence_paradis_blanc {
    position: relative;
    height: 1100px;
    background: none;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    top: 42px;
    margin-bottom: 60px;
    left: 0px;
}

#tableau_residence_paradis_blanc {
 
 
 
    color: white;
    background-image: url(../images/site/residence_paradis_blanc.png);
    width: 345px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.49em;
    text-transform: uppercase;
    line-height: 19px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	    padding-top: 23px;
}

.navecation{
 left: 0;
    position: relative;
    width: 333px;


}


.owl-nav{
display:none;

}


#containercn_carte {
height: 490px;
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    /* margin-right: auto; */
    /* margin-left: auto; */
    position: relative;
    background: none;
    z-index: 1;
    width: 375px;
    margin-bottom: 50px;
    float: left;
}

#autour_logement{


position: relative;
    height: 1100px;
    background: none;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    top: 42px;
    margin-bottom: 60px;
    left: 0px;


}


#troisd {
    height: auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: none;
    z-index: 1;
    width: 375px;
}





#appartement_disponible {
   height: 570px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
background: none;
z-index: 1;
width: 375px;
}

#contact {
    height: auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: none;
    z-index: 1;
    width: 375px;
}

#btn3d{

    width: 176px;
width: 130px;
height: 130px;
background: #fb4c67;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
text-align: center;
margin-left: auto;
margin-right: auto;
cursor: pointer;
z-index: 99;
position: absolute;
top: 16%;
left: 30%;
border-radius: 50%;
}

#btn3d #loupe{


width: 60px;
    height: 60px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 27%;
    position: absolute;
    z-index: 99;
    left: 27%;
}
	
	



  /*===============================================================
         CONSTRUCTION POPUP
         ================================================================*/
		 
		 
		 
		 
		 
.popup-trigger:hover {
    opacity:.8;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1000;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  transition:500ms all;

}

.popup2 {
position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1000;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  transition:500ms all;
}

.popup.is-visible {
  opacity: 1;
  visibility: visible;
 transition:1s all;
 bckground:black;
z-index:99;

}

.popup2.is-visible {
  opacity: 1;
  visibility: visible;
 transition:1s all;
}


.popup-container {
transform: translateY(-50%);

transition: 500ms all;

position: relative;

width: 988px;

margin: 2em auto;

top: 15%;

padding: 5rem;

background: no-repeat;

border-radius: .25em .25em .4em .4em;

text-align: center;

box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

overflow-y: hidden;

overflow-x: hidden;

height: 75%;
}

.popup2-container {
 
  transform: translateY(-50%);
transition: 500ms all;
position: relative;
width: 988px;
margin: 2em auto;
top: 5%;
padding: 5rem;
background: none;
border-radius: .25em .25em .4em .4em;
text-align: center;

overflow-y:hidden;
overflow-x:hidden;
height:90%;
background:none;
 
}


.is-visible .popup-container {
  transform:translateY(0);
  transition:500ms all;
}


.is-visible .popup2-container {
  transform:translateY(0);
  transition:500ms all;
}

.popup-container .popup-close {
  position: absolute;
  top: 20px;
  font-size:0;
  right: 8px;
  width: 30px;
  height: 30px;
  background:#fb4c67;
}


.popup2-container .popup2-close {
  position: absolute;
  top: 8px;
  font-size:0;
  right: 8px;
  width: 30px;
  height: 30px;
 	background: url(../images/site/fermerX.png) no-repeat;
  
  
  
  
}


.popup-container .popup-close::before,
.popup-container .popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: white;
}


.popup2-container .popup2-close::before,
.popup2-container .popup2-close::after {
 
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}

.popup-container .popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}

.popup2-container .popup2-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}


.popup-container .popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}

.popup2-container .popup2-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}



.popup-container .popup-close:hover:before,
.popup-container .popup-close:hover:after {
  background-color:#35a785;
  transition:300ms all;
}

.popup2-container .popup-close:hover:before,
.popup2-container .popup-close:hover:after {
  background-color:#35a785;
  transition:300ms all;
}
	

	
	.contain
{
    position: relative;
    top: 14px;
    left: 0px;
    transform: translate(-50%, -50%);
    display: flex;
}

.contain input {
  position: absolute;
  left: -9999px;
}

.contain label {
     
	 
	 
	 
	display: block;
    position: relative;
    margin: -20px;
    padding: 8px 60px 16px 29px;
    border-radius: -104px;
    color: #fff;
    background-color: none;
    cursor: pointer;
    user-select: none;
    color: #5e5e5e;
    font-family: 'Open Sans';
    font-size: 10px;
    font-weight: 500;
  left: -23px;
    width: 0;
    top: 92px;
    
}


 #particulier {
      display: block;
    position: static;
    margin: -13px;
    padding: 6px 33px 16px 35px;
    border: px solid red;
    border-radius: -104px;
    color: #fff;
    background-color: none;
    cursor: pointer;
    user-select: none;
    color: #001e72;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    
}

.contain label::before {
 content: '';
    display: block;
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 10px;
    width: 15px;
    border: 1px solid #dadada;
    border-radius: 61px;
    transition: background-color .2s;
    height: 15px;ckground-color .2s;
    height: 15px;
	    background: white;
}


 #particulier::before {
   content: '';
    display: none;
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 10px;
    width: 15px;
    border: 1px solid #dadada;
    border-radius: 61px;
    transition: background-color .2s;
    height: 15px;ckground-color .2s;
    height: 15px;
	    background: white;
}



.contain label:first-of-type {
  transform: translateX(3px);
}

.contain label:last-of-type {
    transform: translateX(15px);
}



.contain input:checked + label {
  background-color: none;
}

.contain input:checked + label::before {
  background-color: #fb4c67;
}

	#adresse_domicile{
		    width: 344px;
		
	}
	
	
	#trente-deux{
		
		
    position: absolute;
    left: -120px;
    font-weight: bold;
		
	}
	
		
	#video{
		
		width:320px;
		height:350px;
		
		
	}
	
	
	




	.contain {
      
	
	
	
	
	width: 201px;
    margin: 21px auto;
    left: 0;
    margin-bottom: 70px;
    margin-top: -33px;
	
	
	
	    width: 201px;
    margin: 0 auto;
    left: 0;
     margin-bottom: 122px;
    margin-top: 0;
    height: 12px;
    position: relative;
	

}
	
.titre_section_autour_logement  h4{
	
	
		font-family: "Open Sans";
	font-weight:700;  /***************  BOLD*/
	font-size:22px;
	color:#001e72;
	width:500px;
	
	
}


span .titre_votre_projet{
	
	font-family:OpenSans;
	font-weight:bold;
	font-size:18px;
	color:#001e72;
	
	
}

#checkedHabiterId{
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}
#checkedInvestirId{
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}
#checkedResiderId{
font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}


#checkedMonsieurId{
	
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}


#checkedMadameId{
	
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}

#brochurecn{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	margin-right:92px;
-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}

#rdv{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	    margin-right: 119px;
		-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}


#appel{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	
	-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}

#titre_geolocalisation{
background: #001e72;

position: relative;

width: 100%;

color: white;

font-weight: bold;

font-size: 16px;

font-family: OpenSans;

}


.titre_paradis_blanc{
	
	
	   
	
	line-height: 1px;
    width: 375px;
    position: relative;
    font-size: 25px;
    color: black;
    font-weight: 600;
	font-family:'Open Sans';
	
	
}
.titre_autour_logement{
	
	    width: 375px;
    position: relative;
    text-align: center;
    color: #001e72;
    font-weight: bold;
    font-size: 17px;
	
}
	
	
	#residence_paradis_blanc {
    position: relative;
  height: 1123px;
    background: grey;
    margin-left: auto;
    margin-right: auto;
    width:375px;
    background: none;
}

#autourlogement{
 position: relative;
  height: 1436px;
    background: grey;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
    background: none;
    background-image: url(../images/site/autour_logement.png);
    margin-top: 494px;
    padding-top: 34px;
}


	
	.pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #00cae9;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
}
.pin:after {
  content: "";
  width: 14px;
  height: 14px;
  margin: 8px 0 0 8px;
  background: #e6e6e6;
  position: absolute;
  border-radius: 50%;
}

.bounce {
  animation-name: bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
}

.pulse {
  background: #d6d4d4;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 11px 0px 0px -12px;
  transform: rotateX(55deg);
  z-index: -2;
}
.pulse:after {
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  box-shadow: 0 0 1px 2px #00cae9;
  animation-delay: 1.1s;
}

@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }

  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }

  80% {
    transform: translateY(-10px) rotate(-45deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}


.fermer_carousel{
	
	

	
	
position: relative;
    left: right;
    right: 50px;
    top: -11px;
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: lighter;
    color: white;
	
}

#champs_obligatoires{
	
	position: absolute;
    left: 18px;
    font-family: 'Open Sans';
    font-size: 11px;
    font-style: italic;
	
}


.arrondi_droit {
     border-radius: 10px 40px 40px 10px;
    height: 4.5em;
    width: 243px;
}


.arrondi_droit_onglet {
    border-radius: 10px 40px 40px 10px;
    height: 2.8em;
}

/* ---------------------------------------------- /*
 * BEANDEAU BLANC
 /* ---------------------------------------------- */
		 
  #beandeau_blanc{
			 
			position: relative;
    width: 100%;
    height: 10px;
    background: white;
		 }
		 
		 
 /* ---------------------------------------------- /*
 * CAROUSEL
 /* ---------------------------------------------- */

	
	

		 
		 


.issy_les_moulineaux{
color: #fb435f;
    font-size: 14px;
    text-transform: CAPITALIZE;
    font-family: 'Montserrat';
    font-weight: 600;
    position: relative;
    top: 8px;
}

.titre_residence_du_paradis_blanc{
	
	
	    color: white;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 28px;
    line-height: 37px;
	
}



.containerTva{
	
	
	    height: 53px;
    width: 53px;
    position: relative;
    background: #001e72;
	
}
.contactez_nous_residence{
	
	   background: white;
    color: #001e72;
    border-radius: 30px;
    width: 144px;
    padding-left: 30px;
    padding-top: 15px;
    font-size: 11px;
    position: absolute;
    height: 49px;
    right: 7px;
    bottom: 72px;
}






 .titre_nous_contacter{
	
	font-family:'Open Sans';
	font-weight:bold;
	font-size:25px;
	color:#001e72;
	
	
}

	
	.containerfooter{
		
		width:375px;
	}
	
	
	.contact_paradis_blanc{
       position: relative;
    margin-right: auto;
    margin-left: auto;
    left: -15px;

}

#bouton_souris_slider{
		
		 z-index: 99;
    top: -40px;
    width: 78px;
    height: 78px;
    background: #001e72;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: relative;
	display:none;
		
	}
	
	
	.espace_formulaire{
		font-family: 'Open Sans';
    color: #001e72;
    font-weight: bold;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 0px solid red;
    margin-bottom: 41px;
	display:flex;
		
		
	}
	
	.titre_section_images{
		
		
		font-family: 'Open Sans';
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: black;
		
		
	}

	
	
	
#trente-sept{
		
		    position: absolute;
    background: none;
    left: -257px;
    font-size: 28px;
		
	}
	
	
	.contain label {
         display: block;
    position: relative;
    margin: -13px;
    padding: 6px 33px 16px 42px;
    border: px solid red;
    border-radius: -104px;
    color: #fff;
    background-color: none;
    cursor: pointer;
    user-select: none;
    color: #5e5e5e;
    font-family: 'Open Sans';
    font-size: 10px;
    font-weight: 500;
    top: 85px;
}

.gallery-caption{
	
	display:none;
	
}


	.date_de_livraison{
		
		
	line-height: 17px;
    left: 0px;
    position: relative;
		
	}
	
	
		
	.nombre_logement{
		
		    position: relative;
    width: 433px;
    line-height: 19px;
    right: 0px;
		
		
	}
	
	.logements{
		
		    position: relative;
    left: 0px;
		
	}
	
	.cinq{
		
		    position: relative;
    right: -170px;
}
		
	
	
	.containerTva{
		
		background:#e85210;
		    width: 73px;
    height: 112px;
		
	}
	
	.containerTvaImg{
		
		position: relative;
    top: 5px;
    left: 5px;
		
	}
	
	#tvaTexte{
		
		 position: relative;
    top: 9px;
		
		
	}
	
		.containerPinel{
		
		    background: #267efc;
    height: 112px;
    width: 65px;
    position: relative;
		
	}
	
	
	.containerPinelImg{
	position: relative;
    top: 15px;
    left: 10px;
	
	}
	
	
	#pinelTexte{
		   position: relative;
    top: 26px;
		
	}
	
			.containerRt{
		    background: #97c00e;
    height: 113px;
    width: 60px;
    position: relative;
		
	}
	
	
	.containerRtImg{
	position: relative;
    top: 5px;
    left: 5px;
	
	}
	
	
		.surface_totale{
	    width: 150px;
   line-height: 18px;
    position:  relative;
	
	}


}

@media screen and (min-width: 200px) and (max-width: 767px) {
	
		.bouton_rose{
		
	    background: #fb4c67;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 0;
		
		
		
	}
	
	
	
	.contain
{
       position: relative;
    left: 0px;
    transform: translate(-50%, -50%);
    display: flex;
}
		
	
	 .bouton_visite_virtuelle{
			 

	
	
	background: #fb4c67;

      border-radius: 0px 40px 40px 0px;

       width: 220px;

      color: white;

       font-size: 13px;

       font-family: 'Open Sans';

      font-weight: normal;

      border: 2px solid #fb4c67;
	
	
	
	
		 }
		 
		 
		 .bouton_visite_virtuelle img{
			 
	position: relative;
    left: -8px;
    top: 0px;
			 
		 }
		 
		 
		 .bouton_visite_virtuelle_rdv img {
    position: relative;
    left: -16px;
    top: 0px;
	
		 }
		 
		 
		 	 .bouton_visite_virtuelle_appel img {
    position: relative;
    left: -16px;
    top: 0px;
	
		 }
		 
		 
		 .titre_bouton_visite_virtuelle{
			 position: absolute;
  
			 
		 }
		 
	
	
	#projetimages{
		
		
		position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 159px;
    background: white;
    margin-bottom: 0%;
    top: -190px;
    /* margin-bottom: -511px; */
    width: 375px;
		
	}
	
	#bouton_bleu{
		
		 z-index: 99;
    top: -40px;
    width: 78px;
    height: 78px;
    background: #001e72;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: relative;
	display:none:
		
		
	}
	
		.containercarre{
     right: 0;
    width: 340px;
    position: absolute;
    top: 229px;
}
.containercarre nav ul li{
  list-style:none;
  float:left;
  padding-right:20px;
}
 .containercarre nav ul li a{
    text-decoration: none;
    color: white;
    font-family: Montserrat;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    position: absolute;
}
.containercarre .active{
  background-color:none;
  color:#white;
}
	
	
		#cnx{
			
			
			    background: #001e72;
    position: relative;
    width: 375px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Open Sans';
    padding-top: 10px;
    padding-bottom: 13px;
    padding-left: 11px;
    left: 0px;

	}
	
	
	.contactez_nous_residence{background: white;

color: #001e72;

border-radius: 30px;

width: 170px;

padding-left: 30px;

padding-top: 15px;



position: absolute;

height: 49px;

right: 6px;

bottom: 61px;
font-size: 12px;

}
	
	
	
	
	
		.titre_section h4{
	
	
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 20px;
    color: black;
    padding-left: 12px;
    text-align: center;
	
	
}
	
.titre_appartement {
   font-family: 'Open Sans';
font-weight: normal;
font-size: 13px;
position: fixed;
top: 55px;
height: 21px;
background: white;
left: 13%;
}

.titre_extrabold_appartement{
	
	font-family:'Open Sans';
	
	font-size:14px;
	font-weight:800;
	
	
}
	
	
	#fermer_popup{
		
	position: absolute;
right: 35px;
top: -7px;
		
	}
	
	
#fermer_popup3d {
   position: absolute;
right: 619px;
    top: 82px;
	
	
	
color: white;
font-family: 'Open Sans';
font-size: 12px;
font-weight: lighter;
}
	
	#resident{
		
		    margin-top: 0px;
	       margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
  
    left: 0;
	
	
	
	    position: static;
    text-align: center;
	}
	
	#description_paradis_blanc{
		
	    text-align: justify;
    /* padding-left: 0; */
    /* padding-right: 26px; */
    color: black;
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: normal;
    width: 344px;
    text-transform: justify;
	    margin-right: auto;
    margin-left: auto;
	
	
	}
	
	
			
		#information{
			
			width: 375px;
position: relative;
height: 524px;
			
			
		}
	



.row-contact {
height: 51px;
    width: 337px;
    position: relative;
}

	.row-contact_autour_logement {
height: 51px;
    width: 337px;
    position: relative;
}
	

.containercn_autour{

width: 345px;
height: 943px;
margin-left: auto;
margin-right: auto;
background: none;



}



#appartement_disponible{

height: 563px;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;

position: relative;

background:none;

z-index: 1;

width: 988px;

}



.panel .panel-default{
	
	width: 374px;
	
}

#information{

height: 574px;

padding-right: 0;
padding-left: 106px;

margin-right: auto;

margin-left: auto;

position: relative;

background: #001e72;

z-index: 1;



color: white;


line-height: 22px;
position: relative;
margin-left: 0;
margin-right: 0;
   
	
	margin-top: 364px;

}
#information a{

font-family:'Open Sans';
		font-weight:600;
		font-size:12px;
		color:white;
		
}
	
	.boutons_appartements_disponibles{
		

		
		    position: absolute;
    width: 375px;
    left: 0px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    text-align: center;
    margin-bottom: 82px;
		
	}
	
	.boutons_autourlogement{
		
		
	    position: absolute;
    width: 375px;
    left: 0px;
	    text-align: center;
		
		
	}
	
	
	#visiteVirtuelle{
left: 0;

margin-left: auto;

margin-right: auto;

bottom: -128px;

position: relative;
		
	}


#visite_virtuelle{
   background-image: url(../images/site/carreaux.png);
    height: auto;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 75px;
    height: 943px;

	


}




#autour_logement{
	
	position: relative;
height: 505px;
background: grey;
margin-left: auto;
margin-right: auto;
width: 988px;
background: none;
	
	
}



.contenu_autour_logement li{
    width: 360px;
    color: black;
    text-align: justify;
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 13px;
    padding-bottom: 20px;

}



.boutons_autour_logement{
		
		    position: relative;
    width: 990px;
    bottom: 12px;
		
		
	}
	
	
	
	.contenu_autour_logement li{
   
   
   
  width: 304px;
color: black;
text-align: justify;
font-family: 'Open Sans';
font-weight: normal;
font-size: 13px;
padding-bottom: 28px;
position: relative;
left: -40px;

}
	
	#visite_virtuelle{
  background-image: url(../images/site/carreaux.png);
height: auto;
position: relative;
z-index: 1;
width: 375px;
padding-top: 75px;
height: 993px;
margin-bottom: 43px;

    margin-left: auto;
    margin-right: auto;

}








.container_virtuel{
	
	position: relative;

width: 350px;

margin-left: auto;

margin-right: auto;
	
	
	
}
	
#appartement_disponible{

height: 594px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
background: none;
z-index: 1;
width: 370px;

}



	#contact{
	height: 853px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
background: none;
z-index: 1;
width: 378px;
margin-bottom: 204px;
			
	}


	
	
	
	
	#nom{
		width:167px;
		
	}
	#prenom{
		    width: 167px;
    right: -21px;
		
		
	}
		#email{
	width:167px;
		
	}
		#telephone{
		    width: 167px;
    right: -21px;
		
	}
	
	
		#adresse_domicile{
		width:344px;
		
	}
	
		#codepostal{
		width:167px;
		
	}
	
	
		#ville{
		    width: 167px;
    right: -21px;
		
	}
	#champs_obligatoire{
		
		font-family:'Open Sans';
		font-style:italic;
		font-size:11px;
		 text-decoration: underline;
		
		
	}
	
	.description_visite_virtuelle{
	
		
	font-family: 'Open Sans';
    font-weight: normal;
    font-size: 12px;
    color: black;
    width: posittion;
    position: relative;
    left: 0;
    width: 345px;
    margin-left: auto;
    margin-right: auto;
	
}
	


	
	
 
 .owl-nav{
 
 display:none;
 }
 
 #residence_paradis_blanc {
    position: relative;
    height: 1100px;
    background: none;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    top: 42px;
    margin-bottom: 60px;
    left: 0px;
}

#tableau_residence_paradis_blanc {
 
 
 
    color: white;
    background-image: url(../images/site/residence_paradis_blanc.png);
    width: 345px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.49em;
    text-transform: uppercase;
    line-height: 19px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	    padding-top: 23px;
}

.navecation{
 left: 0;
    position: relative;
    width: 333px;


}


.owl-nav{
display:none;

}


#containercn_carte {
height: 490px;
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    /* margin-right: auto; */
    /* margin-left: auto; */
    position: relative;
    background: none;
    z-index: 1;
    width: 375px;
    margin-bottom: 50px;
    float: left;
}

#autour_logement{


position: relative;
    height: 1100px;
    background: none;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    top: 42px;
    margin-bottom: 60px;
    left: 0px;


}


#troisd {
    height: auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: none;
    z-index: 1;
    width: 375px;
	    margin-bottom: 52px;
}





#appartement_disponible {
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: none;
    z-index: 1;
    width: 375px;
    margin-bottom: 182px;
}

#contact {
        height: 1005px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: none;
    z-index: 1;
    width: 375px;
}

#btn3d{

    width: 176px;
width: 130px;
height: 130px;
background: #fb4c67;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
text-align: center;
margin-left: auto;
margin-right: auto;
cursor: pointer;
z-index: 99;
position: absolute;
top: 16%;
left: 30%;
border-radius: 50%;
}

#btn3d #loupe{


width: 60px;
    height: 60px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 27%;
    position: absolute;
    z-index: 99;
    left: 27%;
}
	
	



  /*===============================================================
         CONSTRUCTION POPUP
         ================================================================*/
		 
		 
		 
		 
		 
.popup-trigger:hover {
    opacity:.8;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1000;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  transition:500ms all;

}

.popup2 {
position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1000;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  transition:500ms all;
}

.popup.is-visible {
  opacity: 1;
  visibility: visible;
 transition:1s all;
 bckground:black;
z-index:99;

}

.popup2.is-visible {
  opacity: 1;
  visibility: visible;
 transition:1s all;
}


.popup-container {
transform: translateY(-50%);

transition: 500ms all;

position: relative;

width: 988px;

margin: 2em auto;

top: 15%;

padding: 5rem;

background: no-repeat;

border-radius: .25em .25em .4em .4em;

text-align: center;

box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

overflow-y: hidden;

overflow-x: hidden;

height: 75%;
}

.popup2-container {
 
  transform: translateY(-50%);
transition: 500ms all;
position: relative;
width: 988px;
margin: 2em auto;
top: 5%;
padding: 5rem;
background: none;
border-radius: .25em .25em .4em .4em;
text-align: center;

overflow-y:hidden;
overflow-x:hidden;
height:90%;
background:none;
 
}


.is-visible .popup-container {
  transform:translateY(0);
  transition:500ms all;
}


.is-visible .popup2-container {
  transform:translateY(0);
  transition:500ms all;
}

.popup-container .popup-close {
  position: absolute;
  top: 20px;
  font-size:0;
  right: 8px;
  width: 30px;
  height: 30px;
  background:#fb4c67;
}


.popup2-container .popup2-close {
  position: absolute;
  top: 8px;
  font-size:0;
  right: 8px;
  width: 30px;
  height: 30px;
 	background: url(../images/site/fermerX.png) no-repeat;
  
  
  
  
}


.popup-container .popup-close::before,
.popup-container .popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: white;
}


.popup2-container .popup2-close::before,
.popup2-container .popup2-close::after {
 
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}

.popup-container .popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}

.popup2-container .popup2-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}


.popup-container .popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}

.popup2-container .popup2-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}



.popup-container .popup-close:hover:before,
.popup-container .popup-close:hover:after {
  background-color:#35a785;
  transition:300ms all;
}

.popup2-container .popup-close:hover:before,
.popup2-container .popup-close:hover:after {
  background-color:#35a785;
  transition:300ms all;
}
	

	
	.contain
{
    position: relative;
    top: 14px;
    left: 0px;
    transform: translate(-50%, -50%);
    display: flex;
}

.contain input {
  position: absolute;
  left: -9999px;
}

.contain label {
     
	 
	 
	 
	display: block;
    position: relative;
    margin: -20px;
    padding: 8px 60px 16px 29px;
    border-radius: -104px;
    color: #fff;
    background-color: none;
    cursor: pointer;
    user-select: none;
    color: #5e5e5e;
    font-family: 'Open Sans';
    font-size: 10px;
    font-weight: 500;
  left: -23px;
    width: 0;
    top: 92px;
    
}


 #particulier {
      display: block;
    position: static;
    margin: -13px;
    padding: 6px 33px 16px 35px;
    border: px solid red;
    border-radius: -104px;
    color: #fff;
    background-color: none;
    cursor: pointer;
    user-select: none;
    color: #001e72;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    
}

.contain label::before {
 content: '';
    display: block;
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 10px;
    width: 15px;
    border: 1px solid #dadada;
    border-radius: 61px;
    transition: background-color .2s;
    height: 15px;ckground-color .2s;
    height: 15px;
	    background: white;
}


 #particulier::before {
   content: '';
    display: none;
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 10px;
    width: 15px;
    border: 1px solid #dadada;
    border-radius: 61px;
    transition: background-color .2s;
    height: 15px;ckground-color .2s;
    height: 15px;
	    background: white;
}



.contain label:first-of-type {
  transform: translateX(3px);
}

.contain label:last-of-type {
    transform: translateX(15px);
}



.contain input:checked + label {
  background-color: none;
}

.contain input:checked + label::before {
  background-color: #fb4c67;
}

	#adresse_domicile{
		    width: 344px;
		
	}
	
	
	#trente-deux{
		
		
    position: absolute;
    left: -120px;
    font-weight: bold;
	    top: 15px;
		
	}
	
		
	#video{
		
		width:320px;
		height:350px;
		
		
	}
	
	
	




	.contain {
      
	
	
	
	
	width: 201px;
    margin: 21px auto;
   left: 50px;
    margin-bottom: 70px;
    margin-top: -33px;
	
	
	
	    width: 201px;
    margin: 0 auto;
    left: 50px;
     margin-bottom: 122px;
  margin-top: 124px;
    height: 12px;
    position: relative;
	

}
	
.titre_section_autour_logement  h4{
	
	
		font-family: "Open Sans";
	font-weight:700;  /***************  BOLD*/
	font-size:22px;
	color:#001e72;
	width:500px;
	
	
}


span .titre_votre_projet{
	
	font-family:OpenSans;
	font-weight:bold;
	font-size:18px;
	color:#001e72;
	
	
}

#checkedHabiterId{
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}
#checkedInvestirId{
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}
#checkedResiderId{
font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}


#checkedMonsieurId{
	
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}


#checkedMadameId{
	
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}

#brochurecn{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	margin-right:92px;
-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}

#rdv{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	    margin-right: 119px;
		-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}


#appel{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	
	-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}

#titre_geolocalisation{
background: #001e72;

position: relative;

width: 100%;

color: white;

font-weight: bold;

font-size: 16px;

font-family: OpenSans;

}


.titre_paradis_blanc{
	
	
	   
	
	line-height: 1px;
    width: 375px;
    position: relative;
    font-size: 25px;
    color: black;
    font-weight: 600;
	font-family:'Open Sans';
	text-align: center;
	
	
}
.titre_autour_logement{
	
	    width: 375px;
    position: relative;
    text-align: center;
    color: #001e72;
    font-weight: bold;
    font-size: 17px;
	
}
	
	
	#residence_paradis_blanc {
    position: relative;
 height: 964px;
    background: grey;
    margin-left: auto;
    margin-right: auto;
    width:375px;
    background: none;
}

#autourlogement{
 position: relative;
    height: 1606px;
    background: grey;
    margin-left: auto;
    margin-right: auto;
    width: 375px;
    background: none;
    background-image: url(../images/site/autour_logement.png);
    margin-top: 494px;
    padding-top: 34px;
}


	
	.pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #00cae9;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
}
.pin:after {
  content: "";
  width: 14px;
  height: 14px;
  margin: 8px 0 0 8px;
  background: #e6e6e6;
  position: absolute;
  border-radius: 50%;
}

.bounce {
  animation-name: bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
}

.pulse {
  background: #d6d4d4;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 11px 0px 0px -12px;
  transform: rotateX(55deg);
  z-index: -2;
}
.pulse:after {
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  box-shadow: 0 0 1px 2px #00cae9;
  animation-delay: 1.1s;
}

@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }

  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }

  80% {
    transform: translateY(-10px) rotate(-45deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}


.fermer_carousel{
	
	

	
	
position: relative;
    left: right;
    right: 50px;
    top: -11px;
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: lighter;
    color: white;
	
}

#champs_obligatoires{
	
	    position: relative;
    left: 18px;
    font-family: 'Open Sans';
    font-size: 11px;
    font-style: italic;
  margin-top: 106px;
    margin-bottom: 0px;
	
}


.arrondi_droit {
     border-radius: 10px 40px 40px 10px;
    height: 4.5em;
    width: 243px;
}


.arrondi_droit_onglet {
    border-radius: 10px 40px 40px 10px;
    height: 2.8em;
	left: -15px;
	    padding-bottom: 47px;
}

/* ---------------------------------------------- /*
 * BEANDEAU BLANC
 /* ---------------------------------------------- */
		 
  #beandeau_blanc{
			 
			position: relative;
    width: 100%;
    height: 10px;
    background: white;
		 }
		 
		 
 /* ---------------------------------------------- /*
 * CAROUSEL
 /* ---------------------------------------------- */

	
	

		 
		 


.issy_les_moulineaux{
color: #fb435f;
    font-size: 14px;
    text-transform: CAPITALIZE;
    font-family: 'Montserrat';
    font-weight: 600;
    position: relative;
    top: 8px;
}

.titre_residence_du_paradis_blanc{
	
	
	    color: white;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 28px;
    line-height: 37px;
	
}



.containerTva{
	
	
	    height: 53px;
    width: 53px;
    position: relative;
    background: #001e72;
	
}
.contactez_nous_residence{
	
	   background: white;
    color: #001e72;
    border-radius: 30px;
    width: 144px;
    padding-left: 30px;
    padding-top: 15px;
    font-size: 11px;
    position: absolute;
    height: 49px;
    right: 7px;
    bottom: 123px;
}






 .titre_nous_contacter{
	
	font-family:'Open Sans';
	font-weight:bold;
	font-size:25px;
	color:#001e72;
	
	
}

	
	.containerfooter{
		
		width:375px;
	}
	
	
	.contact_paradis_blanc{
       position: relative;
    margin-right: auto;
    margin-left: auto;
    left: -15px;

}

#bouton_souris_slider{
		
		 z-index: 99;
    top: -40px;
    width: 78px;
    height: 78px;
    background: #001e72;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: relative;
	display:none;
		
	}
	
	
	.espace_formulaire{
		font-family: 'Open Sans';
    color: #001e72;
    font-weight: bold;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 0px solid red;
    margin-bottom: 41px;
	display:flex;
		
		
	}
	
	.titre_section_images{
		
		
		font-family: 'Open Sans';
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: black;
		
		
	}

	
	
	
#trente-sept{
		
		    position: absolute;
    background: none;
    left: -257px;
    font-size: 28px;
		
	}
	
	
	.contain label {
         display: block;
    position: relative;
    margin: -13px;
    padding: 6px 33px 16px 42px;
    border: px solid red;
    border-radius: -104px;
    color: #fff;
    background-color: none;
    cursor: pointer;
    user-select: none;
    color: #5e5e5e;
    font-family: 'Open Sans';
    font-size: 10px;
    font-weight: 500;
    top: 85px;
}

.gallery-caption{
	
	display:none;
	
}


	.date_de_livraison{
		
		
	line-height: 17px;
    left: 0px;
    position: relative;
		
	}
	
	
		
	.nombre_logement{
		
		    position: relative;
    width: 433px;
    line-height: 19px;
    right: 0px;
		
		
	}
	
	.logements{
		
		    position: relative;
    left: 0px;
		
	}
	
	.cinq{
		
		    position: relative;
    right: -170px;
	top: 15px;
}
		
	
	
	.containerTva{
		
		background:#e85210;
		    width: 73px;
    height: 112px;
		
	}
	
	.containerTvaImg{
		
		position: relative;
    top: 5px;
    left: 5px;
		
	}
	
	#tvaTexte{
		
		 position: relative;
    top: 9px;
		
		
	}
	
		.containerPinel{
		
		    background: #267efc;
    height: 112px;
    width: 65px;
    position: relative;
		
	}
	
	
	.containerPinelImg{
	position: relative;
    top: 15px;
    left: 10px;
	
	}
	
	
	#pinelTexte{
		   position: relative;
    top: 26px;
		
	}
	
			.containerRt{
		    background: #97c00e;
    height: 113px;
    width: 60px;
    position: relative;
		
	}
	
	
	.containerRtImg{
	position: relative;
    top: 5px;
    left: 5px;
	
	}
	
	
		.surface_totale{
	    width: 150px;
   line-height: 18px;
    position:  relative;
	
	}
	
	
	
}

/*******************************************************************************/
@media screen and (min-width:768px) and (max-width: 926px) {
	
		.vie_pratique{
		
		    position: relative;
    top: -25px;
    left: 30px;
		
		
	}
	
	.surface_totale{
	    width: 98px;
   line-height: 18px;
    position:  relative;
	
	}
	
	
	.containerTva{
		
		background:#e85210;
		
	}
	
	.containerTvaImg{
		
		position: relative;
    top: 5px;
    left: 5px;
		
	}
	
		#tvaTexte{
		
		 position: relative;
    top: 9px;
		
		
	}
	
	
	
	
		.containerPinel{
		
		background:#267efc;
		height: 57px;
    width: 125px;
    position: relative;
		
	}
	
	
	.containerPinelImg{
	position: relative;
    top: 15px;
    left: 10px;
	
	}
	
	#pinelTexte{
		   position: relative;
    top: 9px;
		
	}
	
	
			.containerRt{
		
		background:#97c00e;
		height: 57px;
    width: 125px;
    position: relative;
		
	}
	
	
	.containerRtImg{
	position: relative;
    top: 5px;
    left: 5px;
	
	}
	
	#rtTexte{
		
		 position: relative;
    top: 9px;
    left: 15px;
		
	}
	
	
	
		.cinq{
		
		position:relative;
		    font-size: 28px;
		
	}
	
		
	.logements{
		
		    position: relative;
    left: -276px;
		
	}
	
	.nombre_logement{
		
		position: relative;
    width: 213px;
    line-height: 19px;
    right: 340px;
		
		
	}
	
	
	.date_de_livraison{
		
		
		
		line-height: 17px;
		
	}
	
	
	
	
	.contain label {
        display: block;
    position: relative;
    margin: -13px;
    padding: 6px 33px 16px 35px;
    border: px solid red;
    border-radius: -104px;
    color: #fff;
    background-color: none;
    cursor: pointer;
    user-select: none;
    color: #5e5e5e;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 500;
}
	
	
	.titre_autour_logement{
	
	    width: 375px;
    position: relative;
    
    color: #001e72;
    font-weight: bold;
    font-size: 22px;
	font-family:'Open Sans';
	    padding-bottom: 14px;
		text-transform: uppercase;
	
}
	
	
	#trente-sept{
		
		    position: absolute;
    background: none;
    left: -257px;
    font-size: 28px;
		
	}
	
	
	.titre_section_images{
		
		font-family: 'Open Sans';
    font-weight: bold;
    font-size: 25px;
    color: black;
    margin-bottom: 53px;
		
		
	}
	
	
	.espace_formulaire{
		font-family: 'Open Sans';
    color: #001e72;
    font-weight: bold;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 0px solid red;
    margin-bottom: 41px;
	display:flex;
		
		
	}
	
	
	
	#autour_logement{

 position: relative;
    height: 1100px;
    background: none;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    top: 42px;
    margin-bottom: 60px;
    left: 0px;
background: none;
	
	
}





	
	#bouton_souris_slider{
		
		 z-index: 99;
    top: -40px;
    width: 78px;
    height: 78px;
    background: #001e72;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: relative;
	display:block;
		
	}
	
	
	.containerfooter{
		
		width:600px;
	}
	
	
	.bouton_rose{
		
		background:#fb4c67;margin-bottom: 5px;
		
		
		
	}
	
	
		.contain
{
      position: relative;
    top: 14px;
    left: 323px;
    transform: translate(-50%, -50%);
    display: flex;
	    margin-top: 34px;
}
		
	
	
	.pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #00cae9;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
}
.pin:after {
  content: "";
  width: 14px;
  height: 14px;
  margin: 8px 0 0 8px;
  background: #e6e6e6;
  position: absolute;
  border-radius: 50%;
}

.bounce {
  animation-name: bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
}

.pulse {
  background: #d6d4d4;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 11px 0px 0px -12px;
  transform: rotateX(55deg);
  z-index: -2;
}
.pulse:after {
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  box-shadow: 0 0 1px 2px #00cae9;
  animation-delay: 1.1s;
}

@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }

  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }

  80% {
    transform: translateY(-10px) rotate(-45deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}


.fermer_carousel{
	
	

	
	
position: relative;
    left: right;
    right: 50px;
    top: -11px;
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: lighter;
    color: white;
	
}

#champs_obligatoires{
	
	position: absolute;
    left: 18px;
    font-family: 'Open Sans';
    font-size: 11px;
    font-style: italic;
    margin-top: 23px;
	
}


.arrondi_droit {
  border-radius: 10px 40px 40px 10px;
  height:4.5em;
}


.arrondi_droit_onglet {
    border-radius: 10px 40px 40px 10px;
    height: 2.8em;
}

/* ---------------------------------------------- /*
 * BEANDEAU BLANC
 /* ---------------------------------------------- */
		 
  #beandeau_blanc{
			 
			position: relative;
    width: 100%;
    height: 10px;
    background: white;
		 }
		 
		 
 /* ---------------------------------------------- /*
 * CAROUSEL
 /* ---------------------------------------------- */

	
	

		 
		 


.issy_les_moulineaux{
color: #fb435f;
    font-size: 16px;
    text-transform: CAPITALIZE;
    font-family: 'Montserrat';
    font-weight: 600;
    position: relative;
    top: 8px;
}

.titre_residence_du_paradis_blanc{
	
	
	    color: white;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 28px;
    line-height: 37px;
	
}



.containerTva{
	
	
	    height: 57px;
    width: 125px;
    position: relative;
    background: #e85210;
	
	
}
.contactez_nous_residence{
	
	    background: white;
    color: #001e72;
    border-radius: 30px;
    width: 170px;
    padding-left: 30px;
    padding-top: 15px;
    font-size: 0.55em;
    position: absolute;
    height: 49px;
    right: 62px;
    bottom: 32px;
}






 .titre_nous_contacter{
	
	font-family:'Open Sans';
	font-weight:bold;
	font-size:18px;
	color:#001e72;
	
	
}


	
	
		#information{
			
			width: 100%;
position: relative;
height: 524px;
			
			
		}
		
	
	
	

#slider{
      position: relative;
    margin-left: auto;
    margin-right: auto;
   height: 820px;

    background: white;
    margin-bottom: 0%;
    top: -190px;
    margin-bottom: -6%;
}

	
	.titre_section h4{
	
	
		
	font-family: "Open Sans";
	font-weight:700;  /***************  BOLD*/
	font-size:25px;
	color:black;
	 
	
}


	.titre_section_images h4{
	
	
		
	font-family: "Open Sans";
	font-weight:700;  /***************  BOLD*/
	font-size:25px;
	color:black;
	    margin-bottom: 73px;
	
}
	


.titre_section_autour_logement  h4{
	
	
		font-family: "Open Sans";
	font-weight:700;  /***************  BOLD*/
	font-size:22px;
	color:#001e72;
	width:500px;
	
	
}


span .titre_votre_projet{
	
	font-family:OpenSans;
	font-weight:bold;
	font-size:18px;
	color:#001e72;
	
	
}

#checkedHabiterId{
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}
#checkedInvestirId{
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}
#checkedResiderId{
font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}


#checkedMonsieurId{
	
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}


#checkedMadameId{
	
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}

#brochurecn{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	margin-right:92px;
-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}

#rdv{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	    margin-right: 119px;
		-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}


#appel{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	
	-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}

#titre_geolocalisation{
background: #001e72;

position: relative;

width: 100%;

color: white;

font-weight: bold;

font-size: 16px;

font-family: OpenSans;

}


.titre_paradis_blanc{
	
	
	
	
	
}
	
	
	
	/******************************
	* SECTION   PARADIS BLANC      
	******************************/
	
	
	.titre_appartement{

font-size: 0.9em;

font-weight: 800;

font-family: OpenSans;

position: absolute;

top: 89px;

color: #001e72;

width: 100%;

left: 0;

}



#fleche{

top: 78%;
position: absolute;
left: 43%;
z-index: 99;


}


#description_paradis_blanc{
text-align: justify;
padding-left: 0px;
padding-right: 26px;
color: black;
font-family: 'Open Sans';
font-size: 13px;
font-weight: normal;


}

.titre_paradis_blanc h4{


color: black;
    font-size: 30px;
    font-family: 'Open Sans';
    font-weight: bold;



}
.titre_autour_logement h4{


    color: #001e72;
    font-size: 22px;
    font-family: 'Open Sans';
    font-weight: bold;/



}


.contact_paradis_blanc{
     top: 25px;
    position: absolute;
    font-size: 13px;
    font-family: 'Open Sans';
    font-weight: normal;
    text-align: center;

}



#underlinecn{



margin-top: 20px;

margin-bottom: 20px;

border: 0;

    border-top-width: 0px;
    border-top-style: none;
 

border-top: 1px solid yellow;

width:50%;

opacity:0;

}
/****--------underline        ************/

.underline :hover{
margin-top: 20px;

margin-bottom: 20px;

border: 0;

    border-top-width: 0px;
    border-top-style: none;
 

border-top: 1px solid yellow;

width:50%;

opacity:1;
}
.underline:active{

opacity:0;
}

.underline{

opacity:0;
}

        /* ---------------------------------------------- /*
         * SLIDER
         /* ---------------------------------------------- */
		 
		 
		 .encadre_titre_slider{
		 
display: block;

vertical-align: middle;

text-align: center;

position: relative;

left: 0;

    top: 34%;
		 
		 }
		 
		 




 .containercn_residence{
 /* width:988px;
  height:569px;
   margin-left: auto;
    margin-right: auto;
	position:absolute;
	
	
	*/
	
	
	
	
	       width: 691px;
    height: auto;
    /* margin-left: auto; */
    /* margin-right: auto; */
    position: relative;
    display: flex;
    font-size: 14px;
    color: black;
  }
		 
#residence_paradis_blanc{
position: relative;
       height: 645px;
background: grey;
margin-left: auto;
margin-right: auto;
width: 988px;
background: none;
}

#autourlogement{
position: relative;
height: 505px;
background: grey;
margin-left: auto;
margin-right: auto;
width: 988px;
background: none;
}


#tableau_residence_paradis_blanc{

    padding-right: 15px;
    padding-left: 15px;
    color: white;
    background-image: url(../images/site/residence_paradis_blanc.png);
    width: 431px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1px;
    font-weight: normal;
    padding-top: 32px;
    height: 367px;
}

.tableau_residence_paradis_blanc_important{
	font-weight: 600;
position: absolute;
font-size: 28px;
right: 0px;
	
	
}

.tableau_residence_paradis_blanc_important span{
font-size: 15px;
	
	
}




h4{
font-weight: bold;
    font-size: 40px;
    color: black;
    font-family: Open sans-serif;
    font-style: normal;


}



#projetimages{


    position: relative;
    height: 268px;
    width: 778px;
    background: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 97px;

}

.containercn_projet_en_images{
 
top: 0;

position: absolute;

width: 778px;
  
}


#carte{
height:562px;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;

position: relative;

background:none;

z-index: 1;

width: 988px;
}


#autour_logement{

     width: 100%;
    background-image: url(../images/site/autour_logement.png);
    height: 602px;
    position: relative;
	    padding-top: 34px;
		
		
		
		
		
	

}
#autourlogement{

          width: 805px;
   background-image: url(../images/site/carreaux.png);
height: 1432px;

    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 34px;
    margin-bottom: 32px;
 

 
	

}

.textcenter a{
      position: relative;
    left: 0px;
    top: 0px;
}

        /*===============================================================
         SECTION : LE PLAN 3D DE VOTRE APPARTEMENT
         ================================================================*/
		 
		 
		         
        /*=============================================================== SECTION  ================================================================*/
       
		 

#troisd{

height: auto;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
background: none;
z-index: 1;
width: 988px;


}

        /*=============================================================== POPUP  3D  ================================================================*/

.titre_appartement {
        font-family: 'Open Sans';
    font-weight: normal;
    font-size: 13px;
 
    position: fixed;
    text-align: center;
    top: 75px;
    height: 21px;
	    background: white;
}

.titre_extrabold_appartement{
	
	font-family:'Open Sans';
	
	font-size:14px;
	font-weight:800;
	
	
}

#fermer_popup3d{
	
	position: absolute;
	
	    right: 13px;



top: 19px;
color:white;
font-family:'Open Sans';
font-size:12px;
font-weight:lighter;
}
#fermer_popup{
	
	color: white;



background: none;

position: absolute;

right: 38px;

font-family: 'Open Sans';

font-weight: lighter;

font-size: 12px;

right: 37px;
    top: -2px;
	display:block;
}

.carousel-container{
	
	height: 75vh;

border: none;

overflow: hidden;

background: none;

width: 898px;
	
}


.carousel {

width: 988px;

margin: 0;

    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;

z-index: 1;

left: 0;

height: 588px;

margin: 0;

    margin-left: 0px;

background-color: white;

padding: 0;

white-space: nowrap;

z-index: 1;
  
}
.thumbnails {

padding: 0;

background: #ebebeb;

width: 882px;

position: absolute;

z-index: 99;

height: 158px;

margin-left: auto;

margin-right: auto;

left: 58px;

  
  }

  .thumbnails li {
display: inline-block;
list-style-type: none;
max-width: 20%;
padding: 0;
border: none;
margin: 5px;
    margin-right: 5px;
    margin-left: 5px;
transition: 0.25s;
box-sizing: border-box;
background: #001e72;
margin-left: 49px;
margin-right: 68px;
top: 9%;
position: relative;
width: 177px;
left: 8px;
height:79px;
}
.thumbnails li img {
height: 92px;
width: 100%;
vertical-align: text-bottom;
}
*:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wrappercnx {
  width: 80vw;
  max-width: 700px;


}




.carousel li {
  list-style-type: none;
  display: inline-block;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.carousel li img {
width: 703px;
    top: 10%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 10%;
    height: 492px;
	    z-index: 2;
}







.thumbnails li.active, .thumbnails li:hover {
  border: 1px #fb4c67 solid;
}

.arrow {
  
  
  z-index: 999;
position: absolute;
padding: 0 5px;
top: 34%;
height: 100%;
cursor: pointer;
  
}

.arrow i:hover {
  color: #fff;
}

.arrow i {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
  opacity: 1;
  
  background:#001e72;
  
  width: 28px;

height: 28px;
}

.right-arrow {
  right: 0;
}

div.ui-loader {
  display: none;
}

.fleche_carousel_3d{
	top: 9px;
    position: absolute;
    left: 7px;

}
	
	
	
	
	
	/*****/
	
	
	
	
	
	
	.contactez_nous_residence{
	
	    background: white;
    color: #001e72;
    border-radius: 30px;
    width: 140px;
    padding-left: 10px;
    padding-top: 0px;
    font-size: 0.55em;
    position: relative;
    height: 49px;
    right: -168px;
    bottom: 282px;
    bottom: 0;
    top: -154px;
  
}
	
	
	.containercarre{
  max-width: 980px;
    position: relative;
    left: 0px;
}
.containercarre nav ul li{
  list-style:none;
  float:left;
  padding-right:20px;
}
 .containercarre nav ul li a{
        text-decoration: none;
    color: white;
    font-family: Montserrat;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    position: absolute;
    display: flex;
	line-height: 20px;
	
}
.containercarre .active{
  background-color:none;
  color:#white;
}
	
	
	.date_livraison{
		    left: 19px;
    position: relative;
		
	}
	
	
	.tableau_residence_paradis_blanc_t3{
		font-weight: 600;
    position: absolute;
    font-size: 28px;
    left: 46px;
    bottom: 35px;
	}
	
	.row-contact{
		
		    height: 50px;
    width: 988px;
		
		
	}
	
		.row-contact_autour_logement{
		
		    height: 50px;
    width: 988px;
		
		
	}
	
	
#information{

    height: 120px;
    padding-right: 0;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: #001e72;
    z-index: 1;
    width: 100%;
    color: white;
    padding-top: 12px;
    padding-bottom: 12px;

}
#information a{

font-family:'Open Sans';
		font-weight:600;
		font-size:12px;
		color:white;
		
}
		
	#visiteVirtuelle{
bottom: -109px;
    position: relative;
		
	}
	
	
	
	
	#nom{
		width:450px;
		
	}
	#prenom{
		width: 359px;
    right: 283px;
		
		
	}
		#email{
	width:450px;
		
	}
		#telephone{
	width: 359px;
    right: 283px;
		
	}
	
	
		#adresse_domicile{
		width:700px;
		
	}
	
		#codepostal{
		width:450px;
		
	}
	
	
		#ville{
	width: 359px;
    right: 283px;
		
	}
	#champs_obligatoire{
		
		font-family:'Open Sans';
		font-style:italic;
		font-size:11px;
		 text-decoration: underline;
		
		
	}
	
	
	
	#contact{
height: 703px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: none;
    z-index: 1;
    width: 720px;
    margin-bottom: 204px;
}

	
	
	
		.boutons_appartements_disponibles{
		
		
position: absolute;
  width: 778px;
    float: left;
    left: -15px;
		
		
	}
	
	
		.boutons_autourlogement{
		
		
position: relative;
   width: 650px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
		
		
	}
	
	
#appartement_disponible{

  height: 625px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: none;
    z-index: 1;
    width: 744px;
    text-align: center;

}
	
	
	.container_virtuel{
	
	position: relative;

width: 988px;

margin-left: auto;

margin-right: auto;
	
	
	
}
	
	.boutons_autour_logement{
		
		
	    position: absolute;
    bottom: 12px;
		
	}
	

.containercn_autour{

    width: 988px;
    height: 265px;
    margin-left: auto;
    margin-right: auto;
    background: none;
    display: flex;


}

#visite_virtuelle{
       background-image: url(../images/site/carreaux.png);
    height: auto;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 75px;
      height: 674px;
    margin-bottom: 60px;


}


.contenu_autour_logement li{
   
   
   
       width: 450px;
    color: black;
    text-align: justify;
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 13px;
    padding-bottom: 28px;
    position: relative;
    left: 24px;

}



.description_autour_logement{
	width:407px;
	
	
}

.contenu_autour_logement{
	
	width: 100%;

color: black;
text-align: justify;
font-family: 'Open Sans';
font-weight: normal;
font-size: 13px;
line-height: 16px;

left: -39px;
position:relative;
}




#btn3d{

       width: 176px;
    width: 130px;
    height: 130px;
    background: #fb4c67;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    z-index: 99;
    position: absolute;
    top: 36%;
    left: 40%;
    border-radius: 50%;
}

#btn3d #loupe{


width: 60px;
    height: 60px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 27%;
    position: absolute;
    z-index: 99;
    left: 27%;
}

#cn{

width: 100%;
    background: none;
    color: black;
    position: relative;
       bottom: -63px;

    left: 201px;
}


.description_visite_virtuelle{
	
		
	
	    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 12px;
    color: black;
    width: posittion;
    position: relative;
    left: 240px;
    width: 239px;
	
	
}



.sous_titre_appartement_disponible{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:18px;
	color:white;
	
	
}

.sous_titre_appartement_disponible span{
	
	
	font-family:'Open Sans';
	font-weight:bold;
	font-size:25px;
	color:white;
	
}

.titre_caracteristique{
	font-family:'Open Sans';
	font-weight:normal;
	font-size:12px;
	color:#001e72;
	text-align:center;
	
}
.contenu_caracteristique{
	
	background-color:#ebebeb;
	font-family:'Open Sans';
	font-weight:800;
	font-size:2em;
	color:#001e72;
	text-align:center;
	
}


#containercn_carte{

    height: 572px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: none;
    z-index: 1;
           width: 729px;
}














#containerfooter{

width:988px;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;

}



.icon-list a{

color:white;

}
	
	
}

@media screen and (min-width:927px) and (max-width: 1095px) {

	.vie_pratique{
		
		    position: relative;
    top: -25px;
    left: 30px;
	margin-bottom: -28px;
		
		
	}
	
	.surface_totale{
	    width: 98px;
   line-height: 18px;
    position:  relative;
	
	}
	
	
	.containerTva{
		
		background:#e85210;
		
	}
	
	.containerTvaImg{
		
		position: relative;
    top: 5px;
    left: 5px;
		
	}
	
		#tvaTexte{
		
		 position: relative;
    top: 9px;
		
		
	}
	
	
	
	
		.containerPinel{
		
		background:#267efc;
		height: 57px;
    width: 125px;
    position: relative;
		
	}
	
	
	.containerPinelImg{
	position: relative;
    top: 15px;
    left: 10px;
	
	}
	
	#pinelTexte{
		   position: relative;
    top: 9px;
		
	}
	
	
			.containerRt{
		
		background:#97c00e;
		height: 57px;
    width: 125px;
    position: relative;
		
	}
	
	
	.containerRtImg{
	position: relative;
    top: 5px;
    left: 5px;
	
	}
	
	#rtTexte{
		
		 position: relative;
    top: 9px;
    left: 15px;
		
	}
	
	
	
		.cinq{
		
		position:relative;
		    font-size: 28px;
		
	}
	
		
	.logements{
		
		    position: relative;
    left: -276px;
		
	}
	
	.nombre_logement{
		
		position: relative;
    width: 213px;
    line-height: 19px;
    right: 340px;
		
		
	}
	
	
	.date_de_livraison{
		
		
		
		line-height: 17px;
		
	}
	
	
	
	
	.contain label {
        display: block;
    position: relative;
    margin: -13px;
    padding: 6px 33px 16px 35px;
    border: px solid red;
    border-radius: -104px;
    color: #fff;
    background-color: none;
    cursor: pointer;
    user-select: none;
    color: #5e5e5e;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 500;
}
	
	
	.titre_autour_logement{
	
	    width: 375px;
    position: relative;
    
    color: #001e72;
    font-weight: bold;
    font-size: 22px;
	font-family:'Open Sans';
	    padding-bottom: 14px;
		text-transform: uppercase;
	
}
	
	
	#trente-sept{
		
		    position: absolute;
    background: none;
    left: -257px;
    font-size: 28px;
		
	}
	
	
	.titre_section_images{
		
		font-family: 'Open Sans';
    font-weight: bold;
    font-size: 25px;
    color: black;
    margin-bottom: 53px;
		
		
	}
	
	
	.espace_formulaire{
		font-family: 'Open Sans';
    color: #001e72;
    font-weight: bold;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 0px solid red;
    margin-bottom: 41px;
	display:flex;
		
		
	}
	
	
	
	#autour_logement{

 position: relative;
    height: 1100px;
    background: none;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    top: 42px;
    margin-bottom: 60px;
    left: 0px;
background: none;
	
	
}





	
	#bouton_souris_slider{
		
		 z-index: 99;
    top: -40px;
    width: 78px;
    height: 78px;
    background: #001e72;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: relative;
	display:block;
		
	}
	
	
	.containerfooter{
		
		width:600px;
	}
	
	
	.bouton_rose{
		
		background:#fb4c67;margin-bottom: 5px;
		
		
		
	}
	
	
		.contain
{
      position: relative;
    top: 14px;
    left: 323px;
    transform: translate(-50%, -50%);
    display: flex;
	    margin-top: 34px;
}
		
	
	
	.pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #00cae9;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
}
.pin:after {
  content: "";
  width: 14px;
  height: 14px;
  margin: 8px 0 0 8px;
  background: #e6e6e6;
  position: absolute;
  border-radius: 50%;
}

.bounce {
  animation-name: bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
}

.pulse {
  background: #d6d4d4;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 11px 0px 0px -12px;
  transform: rotateX(55deg);
  z-index: -2;
}
.pulse:after {
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  box-shadow: 0 0 1px 2px #00cae9;
  animation-delay: 1.1s;
}

@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }

  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }

  80% {
    transform: translateY(-10px) rotate(-45deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}


.fermer_carousel{
	
	

	
	
position: relative;
    left: right;
    right: 50px;
    top: -11px;
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: lighter;
    color: white;
	
}

#champs_obligatoires{
	
	position: absolute;
    left: 18px;
    font-family: 'Open Sans';
    font-size: 11px;
    font-style: italic;
    margin-top: 23px;
	
}


.arrondi_droit {
  border-radius: 10px 40px 40px 10px;
  height:4.5em;
}


.arrondi_droit_onglet {
    border-radius: 10px 40px 40px 10px;
    height: 2.8em;
}

/* ---------------------------------------------- /*
 * BEANDEAU BLANC
 /* ---------------------------------------------- */
		 
  #beandeau_blanc{
			 
			position: relative;
    width: 100%;
    height: 10px;
    background: white;
		 }
		 
		 
 /* ---------------------------------------------- /*
 * CAROUSEL
 /* ---------------------------------------------- */

	
	

		 
		 


.issy_les_moulineaux{
color: #fb435f;
    font-size: 16px;
    text-transform: CAPITALIZE;
    font-family: 'Montserrat';
    font-weight: 600;
    position: relative;
    top: 8px;
}

.titre_residence_du_paradis_blanc{
	
	
	    color: white;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 28px;
    line-height: 37px;
	
}



.containerTva{
	
	
	    height: 57px;
    width: 125px;
    position: relative;
    background: #e85210;
	
	
}
.contactez_nous_residence{
	
	    background: white;
    color: #001e72;
    border-radius: 30px;
    width: 170px;
    padding-left: 30px;
    padding-top: 15px;
    font-size: 0.55em;
    position: absolute;
    height: 49px;
    right: 62px;
    bottom: 32px;
}






 .titre_nous_contacter{
	
	font-family:'Open Sans';
	font-weight:bold;
	font-size:18px;
	color:#001e72;
	
	
}


	
	
		#information{
			
			width: 100%;
position: relative;
height: 524px;
			
			
		}
		
	
	
	

#slider{
      position: relative;
    margin-left: auto;
    margin-right: auto;
   height: 820px;

    background: white;
    margin-bottom: 0%;
    top: -190px;
    margin-bottom: -6%;
}

	
	.titre_section h4{
	
	
		
	font-family: "Open Sans";
	font-weight:700;  /***************  BOLD*/
	font-size:25px;
	color:black;
	 
	
}


	.titre_section_images h4{
	
	
		
	font-family: "Open Sans";
	font-weight:700;  /***************  BOLD*/
	font-size:25px;
	color:black;
	    margin-bottom: 73px;
	
}
	


.titre_section_autour_logement  h4{
	
	
		font-family: "Open Sans";
	font-weight:700;  /***************  BOLD*/
	font-size:22px;
	color:#001e72;
	width:500px;
	
	
}


span .titre_votre_projet{
	
	font-family:OpenSans;
	font-weight:bold;
	font-size:18px;
	color:#001e72;
	
	
}

#checkedHabiterId{
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}
#checkedInvestirId{
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}
#checkedResiderId{
font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}


#checkedMonsieurId{
	
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}


#checkedMadameId{
	
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}

#brochurecn{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	margin-right:92px;
-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}

#rdv{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	    margin-right: 119px;
		-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}


#appel{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	
	-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}

#titre_geolocalisation{
background: #001e72;

position: relative;

width: 100%;

color: white;

font-weight: bold;

font-size: 16px;

font-family: OpenSans;

}


.titre_paradis_blanc{
	
	
	
	
	
}
	
	
	
	/******************************
	* SECTION   PARADIS BLANC      
	******************************/
	
	
	.titre_appartement{

font-size: 0.9em;

font-weight: 800;

font-family: OpenSans;

position: absolute;

top: 89px;

color: #001e72;

width: 100%;

left: 0;

}



#fleche{

top: 78%;
position: absolute;
left: 43%;
z-index: 99;


}


#description_paradis_blanc{
text-align: justify;
padding-left: 0px;
padding-right: 26px;
color: black;
font-family: 'Open Sans';
font-size: 13px;
font-weight: normal;


}

.titre_paradis_blanc h4{


color: black;
    font-size: 30px;
    font-family: 'Open Sans';
    font-weight: bold;



}
.titre_autour_logement h4{


    color: #001e72;
    font-size: 22px;
    font-family: 'Open Sans';
    font-weight: bold;/



}


.contact_paradis_blanc{
     top: 25px;
    position: absolute;
    font-size: 13px;
    font-family: 'Open Sans';
    font-weight: normal;
    text-align: center;

}



#underlinecn{



margin-top: 20px;

margin-bottom: 20px;

border: 0;

    border-top-width: 0px;
    border-top-style: none;
 

border-top: 1px solid yellow;

width:50%;

opacity:0;

}
/****--------underline        ************/

.underline :hover{
margin-top: 20px;

margin-bottom: 20px;

border: 0;

    border-top-width: 0px;
    border-top-style: none;
 

border-top: 1px solid yellow;

width:50%;

opacity:1;
}
.underline:active{

opacity:0;
}

.underline{

opacity:0;
}

        /* ---------------------------------------------- /*
         * SLIDER
         /* ---------------------------------------------- */
		 
		 
		 .encadre_titre_slider{
		 
display: block;

vertical-align: middle;

text-align: center;

position: relative;

left: 0;

    top: 34%;
		 
		 }
		 
		 




 .containercn_residence{
 /* width:988px;
  height:569px;
   margin-left: auto;
    margin-right: auto;
	position:absolute;
	
	
	*/
	
	
	
	
	     width: 778px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    font-size: 14px;
    color: black;
  }
		 
#residence_paradis_blanc{
position: relative;
    height: 565px;
background: grey;
margin-left: auto;
margin-right: auto;
width: 988px;
background: none;
}

#autourlogement{
position: relative;
height: 505px;
background: grey;
margin-left: auto;
margin-right: auto;
width: 988px;
background: none;
}


#tableau_residence_paradis_blanc{

    padding-right: 15px;
    padding-left: 15px;
    color: white;
    background-image: url(../images/site/residence_paradis_blanc.png);
    width: 336px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1px;
    font-weight: normal;
    padding-top: 32px;
    height: 367px;
}

.tableau_residence_paradis_blanc_important{
	font-weight: 600;
position: absolute;
font-size: 28px;
right: 0px;
	
	
}

.tableau_residence_paradis_blanc_important span{
font-size: 15px;
	
	
}




h4{
font-weight: bold;
    font-size: 40px;
    color: black;
    font-family: Open sans-serif;
    font-style: normal;


}



#projetimages{


    position: relative;
    height: 268px;
    width: 778px;
    background: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 97px;

}

.containercn_projet_en_images{
 
top: 0;

position: absolute;

width: 778px;
  
}


#carte{
height:562px;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;

position: relative;

background:none;

z-index: 1;

width: 988px;
}


#autour_logement{

     width: 100%;
    background-image: url(../images/site/autour_logement.png);
    height: 602px;
    position: relative;
	    padding-top: 34px;
		
		
		
		
		
	

}
#autourlogement{

          width: 805px;
   background-image: url(../images/site/carreaux.png);
    height: 1382px;

    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 34px;
    margin-bottom: 32px;
 

 
	

}

.textcenter a{
      position: relative;
    left: 0px;
    top: 0px;
}

        /*===============================================================
         SECTION : LE PLAN 3D DE VOTRE APPARTEMENT
         ================================================================*/
		 
		 
		         
        /*=============================================================== SECTION  ================================================================*/
       
		 

#troisd{

height: auto;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
background: none;
z-index: 1;
width: 988px;


}

        /*=============================================================== POPUP  3D  ================================================================*/

.titre_appartement {
        font-family: 'Open Sans';
    font-weight: normal;
    font-size: 13px;
 
    position: fixed;
    text-align: center;
    top: 75px;
    height: 21px;
	    background: white;
}

.titre_extrabold_appartement{
	
	font-family:'Open Sans';
	
	font-size:14px;
	font-weight:800;
	
	
}

#fermer_popup3d{
	
	position: absolute;
	
	    right: 13px;



top: 19px;
color:white;
font-family:'Open Sans';
font-size:12px;
font-weight:lighter;
}
#fermer_popup{
	
	color: white;



background: none;

position: absolute;

right: 38px;

font-family: 'Open Sans';

font-weight: lighter;

font-size: 12px;

right: 37px;
    top: -2px;
	display:block;
}

.carousel-container{
	
	height: 75vh;

border: none;

overflow: hidden;

background: none;

width: 898px;
	
}


.carousel {

width: 988px;

margin: 0;

    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;

z-index: 1;

left: 0;

height: 588px;

margin: 0;

    margin-left: 0px;

background-color: white;

padding: 0;

white-space: nowrap;

z-index: 1;
  
}
.thumbnails {

padding: 0;

background: #ebebeb;

width: 882px;

position: absolute;

z-index: 99;

height: 158px;

margin-left: auto;

margin-right: auto;

left: 58px;

  
  }

  .thumbnails li {
display: inline-block;
list-style-type: none;
max-width: 20%;
padding: 0;
border: none;
margin: 5px;
    margin-right: 5px;
    margin-left: 5px;
transition: 0.25s;
box-sizing: border-box;
background: #001e72;
margin-left: 49px;
margin-right: 68px;
top: 9%;
position: relative;
width: 177px;
left: 8px;
height:79px;
}
.thumbnails li img {
height: 92px;
width: 100%;
vertical-align: text-bottom;
}
*:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wrappercnx {
  width: 80vw;
  max-width: 700px;


}




.carousel li {
  list-style-type: none;
  display: inline-block;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.carousel li img {
width: 703px;
    top: 10%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 10%;
    height: 492px;
	    z-index: 2;
}







.thumbnails li.active, .thumbnails li:hover {
  border: 1px #fb4c67 solid;
}

.arrow {
  
  
  z-index: 999;
position: absolute;
padding: 0 5px;
top: 34%;
height: 100%;
cursor: pointer;
  
}

.arrow i:hover {
  color: #fff;
}

.arrow i {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
  opacity: 1;
  
  background:#001e72;
  
  width: 28px;

height: 28px;
}

.right-arrow {
  right: 0;
}

div.ui-loader {
  display: none;
}

.fleche_carousel_3d{
	top: 9px;
    position: absolute;
    left: 7px;

}
	
	
	
	
	
	/*****/
	
	
	
	
	
	
	.contactez_nous_residence{
	
	    background: white;
    color: #001e72;
    border-radius: 30px;
    width: 140px;
    padding-left: 10px;
    padding-top: 0px;
    font-size: 0.55em;
    position: relative;
    height: 49px;
    right: -168px;
    bottom: 282px;
    bottom: 0;
    top: -154px;
  
}
	
	
	.containercarre{
  max-width: 980px;
    position: relative;
    left: 0px;
}
.containercarre nav ul li{
  list-style:none;
  float:left;
  padding-right:20px;
}
 .containercarre nav ul li a{
        text-decoration: none;
    color: white;
    font-family: Montserrat;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    position: absolute;
    display: flex;
	line-height: 20px;
	
}
.containercarre .active{
  background-color:none;
  color:#white;
}
	
	
	.date_livraison{
		    left: 19px;
    position: relative;
		
	}
	
	
	.tableau_residence_paradis_blanc_t3{
		font-weight: 600;
    position: absolute;
    font-size: 28px;
    left: 46px;
    bottom: 35px;
	}
	
	.row-contact{
		
		    height: 50px;
    width: 988px;
		
		
	}
	
		.row-contact_autour_logement{
		
		    height: 50px;
    width: 988px;
		
		
	}
	
	
#information{

    height: 120px;
    padding-right: 0;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: #001e72;
    z-index: 1;
    width: 100%;
    color: white;
    padding-top: 12px;
    padding-bottom: 12px;

}
#information a{

font-family:'Open Sans';
		font-weight:600;
		font-size:12px;
		color:white;
		
}
		
	#visiteVirtuelle{
bottom: -109px;
    position: relative;
		
	}
	
	
	
	
	#nom{
		width:450px;
		
	}
	#prenom{
		 width: 420px;
    right: 224px;

		
		
	}
		#email{
	width:450px;
		
	}
		#telephone{
		 width: 420px;
    right: 224px;

		
	}
	
	
		#adresse_domicile{
		width:700px;
		
	}
	
		#codepostal{
		width:450px;
		
	}
	
	
		#ville{
		
		 width: 420px;
    right: 224px;

		
	}
	#champs_obligatoire{
		
		font-family:'Open Sans';
		font-style:italic;
		font-size:11px;
		 text-decoration: underline;
		
		
	}
	
	
	
	#contact{
height: 703px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: none;
    z-index: 1;
    width:778px; 
    margin-bottom: 204px;
}

	
	
	
		.boutons_appartements_disponibles{
		
		
position: absolute;
  width: 778px;
    float: left;
    left: -15px;
		
		
	}
	
	
		.boutons_autourlogement{
		
		
position: relative;
   width: 650px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
		
		
	}
	
	
#appartement_disponible{

    height: 625px;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;

position: relative;

background:none;

z-index: 1;

width:778px;

}
	
	
	.container_virtuel{
	
	position: relative;

width: 988px;

margin-left: auto;

margin-right: auto;
	
	
	
}
	
	.boutons_autour_logement{
		
		
	    position: absolute;
    bottom: 12px;
		
	}
	

.containercn_autour{

    width: 988px;
    height: 265px;
    margin-left: auto;
    margin-right: auto;
    background: none;
    display: flex;


}

#visite_virtuelle{
       background-image: url(../images/site/carreaux.png);
    height: auto;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 75px;
      height: 674px;
    margin-bottom: 60px;


}


.contenu_autour_logement li{
   
   
   
       width: 450px;
    color: black;
    text-align: justify;
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 13px;
    padding-bottom: 28px;
    position: relative;
    left: 24px;

}



.description_autour_logement{
	width:407px;
	
	
}

.contenu_autour_logement{
	
	width: 100%;

color: black;
text-align: justify;
font-family: 'Open Sans';
font-weight: normal;
font-size: 13px;
line-height: 16px;

left: -39px;
position:relative;
}




#btn3d{

       width: 176px;
    width: 130px;
    height: 130px;
    background: #fb4c67;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    z-index: 99;
    position: absolute;
    top: 36%;
    left: 40%;
    border-radius: 50%;
}

#btn3d #loupe{


width: 60px;
    height: 60px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 27%;
    position: absolute;
    z-index: 99;
    left: 27%;
}

#cn{

width: 100%;
    background: none;
    color: black;
    position: relative;
       bottom: -63px;

    left: 201px;
}


.description_visite_virtuelle{
	
		
	
	    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 12px;
    color: black;
    width: posittion;
    position: relative;
    left: 240px;
    width: 239px;
	
	
}



.sous_titre_appartement_disponible{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:18px;
	color:white;
	
	
}

.sous_titre_appartement_disponible span{
	
	
	font-family:'Open Sans';
	font-weight:bold;
	font-size:25px;
	color:white;
	
}

.titre_caracteristique{
	font-family:'Open Sans';
	font-weight:normal;
	font-size:12px;
	color:#001e72;
	text-align:center;
	
}
.contenu_caracteristique{
	
	background-color:#ebebeb;
	font-family:'Open Sans';
	font-weight:800;
	font-size:2em;
	color:#001e72;
	text-align:center;
	
}


#containercn_carte{

    height: 572px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: none;
    z-index: 1;
       width: 778px;
}














#containerfooter{

width:988px;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;

}



.icon-list a{

color:white;

}
}






@media screen and (max-width: 4000px) and (min-width: 1096px) {
	
	
	
	.duplex{
		
		
		font-size:20px;
		
	}



@media screen and (min-width: 1096px) and (max-width: 4000px) {
	
	
		.alert_positif{
		
		
		color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    width: 988px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 99;
    text-align: center;
    /* top: -700px; */
    top: 982px;
		
		
		
		
	}
	
	
		.alert_negatif{
		
	
   width: 988px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    bottom: -911px;
    position: relative;
    z-index: 11;
    text-align: center;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
		
		
		
	}
	
	.arrow{
  width: 20px;
  height: 20px;
  position:absolute;
  top: 50%;
  z-index:5;
 
  cursor:pointer;
  transition:border-color 0.3s ease-out;
}
	

		.titre_axo{
		
		    padding-top: 15px;
    position: relative;
		
	}
	
	
	.nav-tabs {
    border-bottom: 0px solid red;
}
	


.wrapper{
  width:100%;
  position:relative;
  margin: -12% auto 0;
}

/**
 * Padding is set relative to the width
 * of the element, so here padding-top:60% is
 * a percentage of the width. This allows us 
 * to set the height as a ratio of the width
 *
 */
.carousel{
	width: 100%;
	position: relative;
	padding-top: 60%;
	overflow: hidden;
}

.inner{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}

/**
 * ==========================
 * Animation styles
 * 
 * Notes:
 * 1. We use z-index to position active slides in-front 
 * of non-active slides
 * 2. We set right:0 and left:0 on .slide to provide us with
 * a default positioning on both sides of the slide. This allows 
 * us to trigger JS and CSS3 animations easily
 *
 */
.slide{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	right:0;
	left:0;
	z-index: 1;
	opacity: 0;
}

.slide.active,
.slide.left,
.slide.right{
	z-index: 2;
	opacity: 1;
}

/**
 * ==========================
 * JS animation styles
 * 
 * We use jQuery.animate to control the sliding animations
 * when CSS3 animations are not available. In order for
 * the next slide to slide in from the right, we need
 * to change the left:0 property of the slide to left:auto
 *
 */

.js-reset-left{left:auto}

/**
 * ==========================
 * CSS animation styles
 * 
 * .slide.left and .slide.right set-up
 * the to-be-animated slide so that it can slide
 * into view. For example, a slide that is about 
 * to slide in from the right will:
 * 1. Be positioned to the right of the viewport (right:-100%)
 * 2. Slide in when the style is superseded with a more specific style (right:0%)
 *
 */
.slide.left{
	left:-100%;
	right:0;
}

.slide.right{
	right:-100%;
	left: auto;
}

.transition .slide.left{left:0%}
.transition .slide.right{right:0%}

/**
 * The following classes slide the previously active
 * slide out of view before positioning behind the 
 * currently active slide
 *
 */
.transition .slide.shift-right{right: 100%;left:auto}
.transition .slide.shift-left{left: 100%;right:auto}

/**
 * This sets the CSS properties that will animate. We set the
 * transition-duration property dynamically via JS.
 * We use the browser's default transition-timing-function
 * for simplicity's sake
 * 
 * It is important to note that we are using CodePen's inbuilt
 * CSS3 property prefixer. For your own projects, you will need
 * to prefix the transition and transform properties here to ensure
 * reliable support across browsers
 *
 */
.transition .slide{
	transition-property: right, left, margin;
}

/**
 * ==========================
 * Indicators
 *
 */
.indicators{
  width:100%;
  position: absolute;
  bottom:0;
  z-index: 4;
  padding:0;
  text-align: center;
}

.indicators li{
	width: 13px;
	height: 13px;
	display: inline-block;
	margin: 5px;
	background: #fff;
	list-style-type: none;
	border-radius: 50%;
  cursor:pointer;
  transition:background 0.3s ease-out;
}

.indicators li.active{   background: #001e72;}

.indicators li:hover{background-color:#2b2b2b}

/**
 * ==========================
 * Arrows 
 *
 */
.arrow{
  width: 20px;
  height: 20px;
  position:absolute;
  top:50%;
  z-index:5;
 
  cursor:pointer;
  transition:border-color 0.3s ease-out;
}

.arrow:hover{border-color:#93278f}

.arrow-left{
  left: 20px;
    /* transform: rotate(225deg); */
    WIDTH: 12px;
    height: 12px;
    background: red;
   width: 37px;
    background: url(assets/images/site/fleche-gauche-slider.png)no-repeat;
}

.arrow-right{
  right:20px;
  


    /* transform: rotate(225deg); */
    WIDTH: 12px;
    height: 12px;
   
    width: 37px;
    background: url(assets/images/site/fleche-droite-slider.png)no-repeat;

}


.slide{
	    padding-top: -5%;
    background-size: cover;
    text-align: center;
    color: #001e72;
    margin-left: auto;
    margin-right: auto;
   font-family: 'Open Sans';
    font-weight: normal;
    font-size: 13px;
text-align:center;





}

h1{
	width: 100px;
    height: 100px;
top: 0px;
    position: absolute;
}

.slide:nth-child(1){
	background-image:url(assets/images/axonometrie/Lot-1-F-HD-PNG.png);
 }

.slide:nth-child(2){
	background-image:url(assets/images/axonometrie/Lot-2-HD-F-PNG.png);
}

.slide:nth-child(3){
	background-image:url(assets/images/axonometrie/Lot-3-F-HD-PNG.png);
 }
.slide:nth-child(4){
	background-image:url(assets/images/axonometrie/Lot-4-F-HD-PNG.png);
 }
.slide:nth-child(5){
	background-image:url(assets/images/axonometrie/Lot-10-RDC-F-HD-PNG.png);
 }
.slide:nth-child(6){
	background-image:url(assets/images/axonometrie/Lot-10-ETAGE-F-HD-PNG.png);
 }
	
			
	.slide:nth-child(7){
	background-image:url(assets/images/axonometrie/Lot-11-RDC-F-HD-PNG.png);
 }
	
.slide:nth-child(8){
	background-image:url(assets/images/axonometrie/Lot-11-ETAGE-F-HD-PNG.png);
 }
	
	

	
	
	
.font-alt_portrait {
font-family: 'Open Sans';
    color: #001e72;
    font-weight: bold;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 0px solid red;
    margin-bottom: 2px;
    position: relative;
    padding-left: 18px;
	    left: 16px;
}
	
	
	.rgpd{
	    position: absolute;
    width: 988px;
    margin-top: 32px;
    left: 17px;
    padding-bottom: 72px;
	}
	
	
	.en_soumettant{
	
		
		    padding-left: 26px;
    width: 976px;
		
		
	}
	
	
	
	* {
    /* overflow-y: scroll; */
    /* overflow-x: hidden; */
    padding: 0px;
	}
	
	
	hr {
		
		margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;


}



.formulaire_demande{
	
margin-top: -8px;
	
}



.container_onglet{

    margin-left: auto;
    margin-right: auto;position:relative;
	
}
	
	
	.formulire_demande{left:-40px;position:relative;height: 344px;}
	
	
	.footer {
 /* padding: 0px 0;

height: 4px;

position: relative;

font-size: 10px;

font-family: 'Open Sans';
text-align:center;*/


     padding: 5px 0;
    height: 4px;
    position: relative;
    font-size: 10px;
    font-family: 'Open Sans';
    /* text-align: center; */
    width: 988PX;
    margin-left: auto;
    margin-right: auto;

}
	
	
.container{

width:988px;

}


hr {
margin-top: 5px;

margin-bottom: -78px;

border: 0;

    border-top-width: 0px;
    border-top-style: none;
  

border-top: 2px solid #fb435f;

width: 53%;

opacity:0;
}
	
	
	
	.gallery-caption {
   position: absolute;
    width: 100%;
    /* opacity: 0; */
      bottom: 100%;
    left: 0;
    z-index: 2;
    /* text-align: center; */
    /* font-size: 28px; */
    /* color: #fff; */
    /* padding: 20px; */
    background: #fb4c67;
    height: 90px;
    display: block;
}
	
	
	
	
	.flex-control-nav {
  position: absolute;
  width: auto;
  left: 50%;
  bottom: 23%;
  z-index: 11;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
	.boutons_formulaires_disponibles{
		
		
		     position: absolute;
    width: 988px;
    float: left;
    /* left: -15px; */
    text-align: center;
	    margin-top: 115px;
		
		
	}
	
	
	.footercn{
	position: relative;
top: 0px;    float: right;

	}



	
	.colonne_gauche_logement{
		
		position:relative;width:50%;padding-right: 10px;
	}
	
	
		.colonne_droite_logement{
		
		position:relative;width:50%;
	}
	
	
	.widget-posts-image {
 float: left;
    width: 286px;
    left: 65px;
    position: relative;
    top: 33px;
    height: 74px;
}

	
	.info_right{
		
		float:right;
		
	}
	
	.tel_info{
		
		    font-size: 30px;
    font-weight: 700;
	}
	
	
	.container_info{
		
		width: 988px;
    margin-left: auto;
    margin-right: auto; 
   
   
   
		
	}
	
	
	.reserve{
		
	font-size: 11px;
    float: right;

		
		
	}
	
	
	.containercn_appartement{
		
		
		width: 988px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    font-size: 14px;
    color: black;
		
		
	}
	
	.accroche{
		
position: relative;
    width: 560px;
    height: 40px;
    background: white;
    font-family: 'Montserrat',sans-serif;
    font-weight: 800;
    font-size: 24px;
    top: 25px;
    left: -130px;
    text-transform: lowercase;
    color: #001e72;
    padding-top: 3px;
		
	}
	
	
	
	.vie_pratique{
		
	    position: relative;
    top: -25px;
    left: 21px;
	    margin-bottom: -31px;
		    padding-right: 12px;
		
		
	}
	
	.surface_totale{
	    width: 98px;
   line-height: 18px;
    position:  relative;
	
	}
	
	
	.containerTva{
		
		background:#e85210;
		
	}
	
	.containerTvaImg{
		
		position: relative;
    top: 5px;
    left: 5px;
		
	}
	
		#tvaTexte{
		
		 position: relative;
    top: 9px;
		
		
	}
	
	
	
	
		.containerPinel{
		
		background:#267efc;
		height: 57px;
    width: 125px;
    position: relative;
		
	}
	
	
	.containerPinelImg{
	position: relative;
    top: 15px;
    left: 10px;
	
	}
	
	#pinelTexte{
		   position: relative;
    top: 9px;
		
	}
	
	
			.containerRt{
		
		background:#97c00e;
		height: 57px;
    width: 125px;
    position: relative;
		
	}
	
	
	.containerRtImg{
	position: relative;
    top: 5px;
    left: 5px;
	
	}
	
	#rtTexte{
		
		 position: relative;
    top: 9px;
    left: 15px;
		
	}
	
	
	
		.cinq{
		
		position:relative;
		    font-size: 28px;
		
	}
	
		
	.logements{
		
		    position: relative;
    left: -276px;
		
	}
	
	.nombre_logement{
		
		    position: relative;
    width: 433px;
    line-height: 19px;
    right: 276px;
		
		
	}
	
	
	.date_de_livraison{
		
		
		
		line-height: 17px;
		
	}
	
	
	
	
	.contain label {
        display: block;
    position: relative;
    margin: -13px;
    padding: 6px 33px 16px 35px;
    border: px solid red;
    border-radius: -104px;
    color: #fff;
    background-color: none;
    cursor: pointer;
    user-select: none;
    color: #5e5e5e;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 500;
}
	
	
	.titre_autour_logement{
	
	    width: 375px;
    position: relative;
    
    color: #001e72;
    font-weight: bold;
    font-size: 22px;
	font-family:'Open Sans';
	    padding-bottom: 14px;
		text-transform: uppercase;
	
}
	
	
	#trente-sept{
		
		    position: absolute;
    background: none;
    left: -257px;
    font-size: 28px;
		
	}
	
	
	.titre_section_images{
		
		font-family: 'Open Sans';
    font-weight: bold;
    font-size: 25px;
    color: black;
    margin-bottom: 53px;
		
		
	}
	
	
	.espace_formulaire{
		font-family: 'Open Sans';
    color: #001e72;
    font-weight: bold;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 0px solid red;
    margin-bottom: 41px;
	display:flex;
		
		
	}
	
	
	
	#autour_logement{

 position: relative;
    height: 1100px;
    background: none;
    margin-left: auto;
    margin-right: auto;
    width: 345px;
    top: 42px;
    margin-bottom: 60px;
    left: 0px;
background: none;
	
	
}





	
	#bouton_souris_slider{
		
		 z-index: 99;
    top: -40px;
    width: 78px;
    height: 78px;
    background: #001e72;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: relative;
	display:block;
		
	}
	
	
	.containerfooter{
		
		width:600px;
	}
	
	
	.bouton_rose{
		
		background:#fb4c67;margin-bottom: 5px;
		
		
		
	}
	
	
		.contain
{
     position: relative;
    top: 14px;
    left: 489px;
    transform: translate(-50%, -50%);
    display: flex;
    margin-top: 34px;
}
		
	
	
	.pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #00cae9;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
}
.pin:after {
  content: "";
  width: 14px;
  height: 14px;
  margin: 8px 0 0 8px;
  background: #e6e6e6;
  position: absolute;
  border-radius: 50%;
}

.bounce {
  animation-name: bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
}

.pulse {
  background: #d6d4d4;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 11px 0px 0px -12px;
  transform: rotateX(55deg);
  z-index: -2;
}
.pulse:after {
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
  box-shadow: 0 0 1px 2px #00cae9;
  animation-delay: 1.1s;
}

@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }

  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }

  80% {
    transform: translateY(-10px) rotate(-45deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}


.fermer_carousel{
	
	

	
	
position: relative;
    left: right;
    right: 50px;
    top: -11px;
    font-family: 'Open Sans';
    font-size: 12px;
    font-weight: lighter;
    color: white;
	
}

#champs_obligatoires{
	
	position: absolute;
    left: 18px;
    font-family: 'Open Sans';
    font-size: 11px;
    font-style: italic;
     margin-top: 63px;
	
}


.arrondi_droit {
  border-radius: 10px 40px 40px 10px;
  height:4.5em;
}


.arrondi_droit_onglet {
       border-radius: 10px 40px 40px 10px;
    height: 4.2em;
}

/* ---------------------------------------------- /*
 * BEANDEAU BLANC
 /* ---------------------------------------------- */
		 
  #beandeau_blanc{
			 
			position: relative;
    width: 100%;
    height: 10px;
    background: white;
		 }
		 
		 
 /* ---------------------------------------------- /*
 * CAROUSEL
 /* ---------------------------------------------- */

	
	

		 
		 


.issy_les_moulineaux{
color: #fb435f;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    font-weight: 600;
    position: relative;
    top: 8px;
}

.titre_residence_du_paradis_blanc{
	
	
	    color: white;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 28px;
    line-height: 37px;
	
}



.containerTva{
	
	
	    height: 57px;
    width: 125px;
    position: relative;
    background: #e85210;
	
	
}
.contactez_nous_residence{
	
	    background: white;
    color: #001e72;
    border-radius: 30px;
    width: 170px;
    padding-left: 30px;
    padding-top: 15px;
    font-size: 0.55em;
    position: absolute;
    height: 49px;
    right: 62px;
    bottom: 32px;
}






 .titre_nous_contacter{
	
	font-family:'Open Sans';
	font-weight:bold;
	font-size:18px;
	color:#001e72;
	
	
}


	
	
		#information{
			
			width: 100%;
position: relative;
height: 524px;
			
			
		}
		
	
	
	

#slider{
      position: relative;
    margin-left: auto;
    margin-right: auto;
   height: 820px;

    background: white;
    margin-bottom: 0%;
    top: -190px;
    margin-bottom: -6%;
}

	
	.titre_section h4{
	
	
		
	font-family: "Open Sans";
	font-weight:700;  /***************  BOLD*/
	font-size:25px;
	color:black;
	 
	
}


	.titre_section_images h4{
	
	
		
	font-family: "Open Sans";
	font-weight:700;  /***************  BOLD*/
	font-size:25px;
	color:black;
	    margin-bottom: 73px;
	
}
	


.titre_section_autour_logement  h4{
	
	
		font-family: "Open Sans";
	font-weight:700;  /***************  BOLD*/
	font-size:22px;
	color:#001e72;
	width:500px;
	
	
}


span .titre_votre_projet{
	
	font-family:OpenSans;
	font-weight:bold;
	font-size:18px;
	color:#001e72;
	
	
}

#checkedHabiterId{
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}
#checkedInvestirId{
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}
#checkedResiderId{
font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}


#checkedMonsieurId{
	
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}


#checkedMadameId{
	
	font-family: 'Open Sans';
    color: #001e72;
    font-size: 14px;
	
}

#brochurecn{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	margin-right:92px;
-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}

#rdv{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	    margin-right: 119px;
		-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}


#appel{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	color:#001e72;
	
	-webkit-border-radius: 1px;
-webkit-border-top-right-radius: 81px;
-moz-border-radius: 1px;
-moz-border-radius-topright: 81px;
border-radius: 1px;
border-top-right-radius: 15px;
	
	
}

#titre_geolocalisation{
background: #001e72;

position: relative;

width: 100%;

color: white;

font-weight: bold;

font-size: 16px;

font-family: OpenSans;

}


.titre_paradis_blanc{
	
	
	
	
	
}
	
	
	
	/******************************
	* SECTION   PARADIS BLANC      
	******************************/
	
	
	.titre_appartement{

font-size: 0.9em;

font-weight: 800;

font-family: OpenSans;

position: absolute;

top: 89px;

color: #001e72;

width: 100%;

left: 0;

}



#fleche{

top: 78%;
position: absolute;
left: 43%;
z-index: 99;


}


#description_paradis_blanc{
text-align: justify;
padding-left: 0px;
padding-right: 26px;
color: black;
font-family: 'Open Sans';
font-size: 13px;
font-weight: normal;


}

.titre_paradis_blanc h4{


color: black;
    font-size: 30px;
    font-family: 'Open Sans';
    font-weight: bold;



}
.titre_autour_logement h4{


    color: #001e72;
    font-size: 22px;
    font-family: 'Open Sans';
    font-weight: bold;/



}


.contact_paradis_blanc{
     top: 25px;
    position: absolute;
    font-size: 13px;
    font-family: 'Open Sans';
    font-weight: normal;
    text-align: center;

}



#underlinecn{



margin-top: 20px;

margin-bottom: 20px;

border: 0;

    border-top-width: 0px;
    border-top-style: none;
 

border-top: 1px solid yellow;

width:50%;

opacity:0;

}
/****--------underline        ************/

.underline :hover{
margin-top: 20px;

margin-bottom: 20px;

border: 0;

    border-top-width: 0px;
    border-top-style: none;
 

border-top: 1px solid yellow;

width:50%;

opacity:1;
}
.underline:active{

opacity:0;
}

.underline{

opacity:0;
}

        /* ---------------------------------------------- /*
         * SLIDER
         /* ---------------------------------------------- */
		 
		 
		 .encadre_titre_slider{
		 
display: block;

vertical-align: middle;

text-align: center;

position: relative;

left: 0;

top: 0%;
		 
		 }
		 
		 




 .containercn_residence{
 /* width:988px;
  height:569px;
   margin-left: auto;
    margin-right: auto;
	position:absolute;
	
	
	*/
	
	
	
	
	    width: 958px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    font-size: 14px;
    color: black;
  
  }
		 
#residence_paradis_blanc{
position: relative;
height: 473px;
background: grey;
margin-left: auto;
margin-right: auto;
width: 988px;
background: none;
}

#autourlogement{
position: relative;
height: 505px;
background: grey;
margin-left: auto;
margin-right: auto;
width: 988px;
background: none;
}


#tableau_residence_paradis_blanc{

padding-right: 15px;
padding-left: 15px;
color: white;
background-image: url(../images/site/residence_paradis_blanc.png);
width:466px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
text-transform: uppercase;
line-height: 1px;
font-weight:normal;
padding-top: 32px;

height: 367px;
}

.tableau_residence_paradis_blanc_important{
	font-weight: 600;
position: absolute;
font-size: 28px;
right: 0px;
	
	
}

.tableau_residence_paradis_blanc_important span{
font-size: 15px;
	
	
}




h4{
font-weight: bold;
    font-size: 40px;
    color: black;
    font-family: Open sans-serif;
    font-style: normal;


}



#projetimages{


position: relative;
height: 268px;
width: 988px;
background:none;
margin-left: auto;
margin-right: auto;
margin-bottom: 97px;

}

.containercn_projet_en_images{
 
top: 0;

position: absolute;

width: 988px;
  
}


#carte{
height:562px;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;

position: relative;

background:none;

z-index: 1;

width: 988px;
}


#autour_logement{

     width: 100%;
    background-image: url(../images/site/autour_logement.png);
    
    position: relative;
	    padding-top: 34px;
		
		
		height: 654px;
		
		
	

}
#autourlogement{

      width: 100%;
   
            height: 657px;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 34px;
 margin-bottom: 40px;
 
background:#eeeeee;
 
	

}

.textcenter a{
      position: relative;
    left: 0px;
    top: 0px;
}

        /*===============================================================
         SECTION : LE PLAN 3D DE VOTRE APPARTEMENT
         ================================================================*/
		 
		 
		         
        /*=============================================================== SECTION  ================================================================*/
       
		 

#troisd{

 height: 685px;

padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative;
background: none;
z-index: 1;
width: 988px;


}

        /*=============================================================== POPUP  3D  ================================================================*/

.titre_appartement {
        font-family: 'Open Sans';
    font-weight: normal;
    font-size: 13px;
 
    position: fixed;
    text-align: center;
    top: 45px;
    height: 21px;
	    
}

.titre_extrabold_appartement{
	
	font-family:'Open Sans';
	
	font-size:14px;
	font-weight:800;
	
	
}

#fermer_popup3d{
	
	position: absolute;
	
	    right: 46px;
    top: 17px;
color:white;
font-family:'Open Sans';
font-size:12px;
font-weight:lighter;
}
#fermer_popup{
	
	color: white;



background: none;

position: absolute;

right: 38px;

font-family: 'Open Sans';

font-weight: lighter;

font-size: 12px;

right: 37px;
    top: -2px;
	display:block;
}

.carousel-container{
	
	height: 75vh;

border: none;

overflow: hidden;

background: none;

width: 898px;
	
}


.carousel {

width: 988px;

margin: 0;

    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;

z-index: 1;

left: 0;

height: 588px;

margin: 0;

    margin-left: 0px;

background-color: white;

padding: 0;

white-space: nowrap;

z-index: 1;



   

  
}
.thumbnails {

padding: 0;

background: #ebebeb;

width: 882px;

position: absolute;

z-index: 99;

height: 158px;

margin-left: auto;

margin-right: auto;

left: 58px;

  
  }

  .thumbnails li {
display: inline-block;
list-style-type: none;
max-width: 20%;
padding: 0;
border: none;
margin: 5px;
    margin-right: 5px;
    margin-left: 5px;
transition: 0.25s;
box-sizing: border-box;
background: #001e72;
margin-left: 49px;
margin-right: 68px;
top: 9%;
position: relative;
width: 177px;
left: 8px;
height:79px;
}
.thumbnails li img {
height: 92px;
width: 100%;
vertical-align: text-bottom;
}
*:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wrappercnx {
  width: 80vw;
  max-width: 700px;


}




.carousel li {
  list-style-type: none;
  display: inline-block;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.carousel li img {
width: 988px;
    top: 10%;
    /* position: absolute; */
    margin-left: auto;
    margin-right: auto;
    left: 10%;
        height: 592px;
    z-index: 2;
}







.thumbnails li.active, .thumbnails li:hover {
  border: 1px #fb4c67 solid;
}

.arrow {
  
  
  z-index: 999;
position: absolute;
padding: 0 5px;
top: 45%;
height: 100%;
cursor: pointer;
  
}

.arrow i:hover {
  color: #fff;
}

.arrow i {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
  opacity: 1;
  
  background:#001e72;
  
  width: 28px;

height: 28px;
}

.right-arrow {
  right: 0;
}

div.ui-loader {
  display: none;
}

.fleche_carousel_3d{
	top: 9px;
    position: absolute;
    left: 7px;

}
	
	
	
	
	
	/*****/
	
	
	
	
	
	
	.contactez_nous_residence{
	
	    background: white;
    color: #001e72;
    border-radius: 30px;
    width: 170px;
    padding-left: 30px;
    padding-top: 0px;
    font-size: 0.55em;
    position: relative;
    height: 49px;
    right: -237px;
    bottom: 282px;
    bottom: 0;
    top: -154px;
  
}
	
	
	.containercarre{
  max-width: 980px;
    position: relative;
    left: 0px;
}
.containercarre nav ul li{
  list-style:none;
  float:left;
  padding-right:20px;
}
 .containercarre nav ul li a{
        text-decoration: none;
    color: white;
    font-family: Montserrat;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    position: absolute;
    display: flex;
	line-height: 20px;
	
}
.containercarre .active{
  background-color:none;
  color:#white;
}
	
	
	.date_livraison{
		    left: 19px;
    position: relative;
		
	}
	
	
	.tableau_residence_paradis_blanc_t3{
		font-weight: 600;
    position: absolute;
    font-size: 28px;
    left: 46px;
    bottom: 35px;
	}
	
	.row-contact{
		
		    height: 57px;
    width: 988px;
		
		
	}
	
		.row-contact_autour_logement{
		
		    height: 50px;
    width: 988px;
		
		
	}
	
	
#information{

    height: 180px;
    padding-right: 0;
   
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: #001e72;
    z-index: 1;
    width: 100%;
    color: white;
    padding-top: 12px;
    padding-bottom: 12px;

}
#information a{

font-family:'Open Sans';
		font-weight:600;
		font-size:12px;
		color:white;
		
}
		
	#visiteVirtuelle{
bottom: -109px;
    position: relative;
		
	}
	
	
	
	
	#nom{
		width:450px;
		
	}
	#prenom{
		width:450px;
		right: 15px;
		
		
	}
		#email{
	width:450px;
		
	}
		#telephone{
		width:450px;
		right: 15px;
		
	}
	
	
		#adresse_domicile{
		width:957px;
		
	}
	
		#codepostal{
		width:450px;
		
	}
	
	
		#ville{
		width:450px;
		right: 15px;
		
	}
	#champs_obligatoire{
		
		font-family:'Open Sans';
		font-style:italic;
		font-size:11px;
		 text-decoration: underline;
		
		
	}
	
	
	
	#contact{
height: 850px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: none;
    z-index: 1;
    width: 988px;
    margin-bottom: 204px;
}

	
	
	
		.boutons_appartements_disponibles{
		
		
position: absolute;
    width: 1030px;
    float: left;
    left: -15px;
		
		
	}
	
	
		.boutons_autourlogement{
		
		
position: relative;
    width: 1030px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
		
		
	}
	
	
#appartement_disponible{

    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: #eeeeee;
    z-index: 1;
    width: 100%;
   margin-bottom: 66px;
   padding-top: 20px;

}
	
	
	.container_virtuel{
	
	position: relative;

width: 988px;

margin-left: auto;

margin-right: auto;
	
	
	
}
	
	.boutons_autour_logement{
		
		
	    position: absolute;
    bottom: 12px;
		
	}
	

.containercn_autour{

    width: 988px;
    height: 265px;
    margin-left: auto;
    margin-right: auto;
    background: none;
    display: flex;


}

#visite_virtuelle{
       background-image: url(../images/site/carreaux.png);
    height: auto;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 75px;
      height: 674px;
    margin-bottom: 60px;


}


.contenu_autour_logement li{
   
   
   
       width: 450px;
    color: black;
    text-align: justify;
    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 13px;
    padding-bottom: 28px;
    position: relative;
    left: 24px;

}



.description_autour_logement{
	width:407px;
	
	
}

.contenu_autour_logement{
	
	width: 100%;

color: black;
text-align: justify;
font-family: 'Open Sans';
font-weight: normal;
font-size: 13px;
line-height: 16px;

left: -39px;
position:relative;
}




#btn3d{

       width: 176px;
    width: 130px;
    height: 130px;
    background: #fb4c67;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    z-index: 99;
    position: absolute;
    top: 36%;
    left: 40%;
    border-radius: 50%;
}

#btn3d #loupe{


width: 60px;
    height: 60px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 27%;
    position: absolute;
    z-index: 99;
    left: 27%;
}

#cn{

width: 100%;
    background: none;
    color: black;
    position: relative;
       bottom: -63px;

    left: 201px;
}


.description_visite_virtuelle{
	
		
	
	    font-family: 'Open Sans';
    font-weight: normal;
    font-size: 12px;
    color: black;
    width: posittion;
    position: relative;
    left: 240px;
    width: 239px;
	
	
}



.sous_titre_appartement_disponible{
	
	font-family:'Open Sans';
	font-weight:600;
	font-size:18px;
	color:white;
	
	
}

.sous_titre_appartement_disponible span{
	
	
	font-family:'Open Sans';
	font-weight:bold;
	font-size:25px;
	color:white;
	
}

.titre_caracteristique{
	font-family:'Open Sans';
	font-weight:normal;
	font-size:12px;
	color:#001e72;
	text-align:center;
	
}
.contenu_caracteristique{
	
	background-color:#ebebeb;
	font-family:'Open Sans';
	font-weight:800;
	font-size:2em;
	color:#001e72;
	text-align:center;
	
}


#containercn_carte{

height: 618px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: none;
    z-index: 1;
    width: 988px;
}














#containerfooter{

width:988px;

padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;

}



.icon-list a{

color:white;

}






}











/**************BLOC***/


  /* ---------------------------------------------- /*
         * SECTION  REDIDENCE PARADIS BLANC
         /* ---------------------------------------------- */

		  
  



/*******************   */






  /*===============================================================
         CONSTRUCTION POPUP
         ================================================================*/
		 
		 
		 
		 
		 
.popup-trigger:hover {
    opacity:.8;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1000;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  transition:500ms all;

}

.popup2 {
position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1000;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  transition:500ms all;
}

.popup.is-visible {
  opacity: 1;
  visibility: visible;
 transition:1s all;
 bckground:black;
z-index:99;

}

.popup2.is-visible {
  opacity: 1;
  visibility: visible;
 transition:1s all;
}


.popup-container {
transform: translateY(-50%);

transition: 500ms all;

position: relative;

width: 988px;

margin: 2em auto;

top: 15%;

padding: 5rem;

background: no-repeat;

border-radius: .25em .25em .4em .4em;

text-align: center;

box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

overflow-y: hidden;

overflow-x: hidden;

height: 75%;
}

.popup2-container {
 
  transform: translateY(-50%);
transition: 500ms all;
position: relative;
width: 100%;
margin: 2em auto;
top: 5%;
padding: 5rem;
background: none;
border-radius: .25em .25em .4em .4em;
text-align: center;

overflow-y:hidden;
overflow-x:hidden;
height:90%;
background:none;
 
}


.is-visible .popup-container {
  transform:translateY(0);
  transition:500ms all;
}


.is-visible .popup2-container {
  transform:translateY(0);
  transition:500ms all;
}

.popup-container .popup-close {
  position: absolute;
  top: 20px;
  font-size:0;
  right: 8px;
  width: 30px;
  height: 30px;
  background:#fb4c67;
}


.popup2-container .popup2-close {
  position: absolute;
  top: 8px;
  font-size:0;
  right: 8px;
  width: 30px;
  height: 30px;
 	background: url(../images/site/fermerX.png) no-repeat;
  
  
  
  
}


.popup-container .popup-close::before,
.popup-container .popup-close::after {
  content: '';
  position: absolute;
  top: 12px
  width: 14px;
  height: 3px;
  background-color: white;
}


.popup2-container .popup2-close::before,
.popup2-container .popup2-close::after {
 
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}

.popup-container .popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}

.popup2-container .popup2-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}


.popup-container .popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}

.popup2-container .popup2-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}



.popup-container .popup-close:hover:before,
.popup-container .popup-close:hover:after {
  background-color:#35a785;
  transition:300ms all;
}

.popup2-container .popup-close:hover:before,
.popup2-container .popup-close:hover:after {
  background-color:#35a785;
  transition:300ms all;
}
	
	
	.info-footer li{
		font-family:'Open Sans';
		font-weight:600;
		font-size:12px;
		color:white;
		
		
	}
	
	


.contain input {
  position: absolute;
  left: -9999px;
}




 #particulier {
       display: block;
    position: relative;
    margin: -13px;
    padding: 6px 33px 16px 35px;
    border: px solid red;
    border-radius: -104px;
    color: #fff;
    background-color: none;
    cursor: pointer;
    user-select: none;
	top: 2px;
   
	
	    color: #001e72;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
	
	    margin-bottom: 2px;
}

.contain label::before {
 content: '';
    display: block;
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 10px;
    width: 15px;
    border: 1px solid #dadada;
    border-radius: 61px;
    transition: background-color .2s;
    height: 15px;ckground-color .2s;
    height: 15px;
	    background: white;
}


 #particulier::before {
   content: '';
    display: none;
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 10px;
    width: 15px;
    border: 1px solid #dadada;
    border-radius: 61px;
    transition: background-color .2s;
    height: 15px;ckground-color .2s;
    height: 15px;
	    background: white;
}



.contain label:first-of-type {
  transform: translateX(3px);
}

.contain label:last-of-type {
    transform: translateX(15px);
}



.contain input:checked + label {
  background-color: none;
}

.contain input:checked + label::before {
  background-color: #fb4c67;
}
	
	

	#footer-bas{
		color:#001e72;font-weight:600;font-family:'Open Sans';font-size:10px;
		
	}
#modalPreview .modal-dialog{
  width: 90%;
}

iframe{
width: 715px;
    /*height: calc(100vh - 559px);*/
	  
    height: 414px;


}