*{
	border: none;
}
.row{
	clear: both;
}
.row:before{
	display: block;
	clear: both;
	content: "";
}
.row:after{
	display: block;
	clear: both;
	content: "";
}
.clear{
	clear: both;
}
.text-center{
	text-align: center;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-20{
	float: left;
	display: block;
	padding: 0 15px;
}
.col-1{
	width: 8.333333%;
}
.col-2{
	width: 16.666666%;
}
.col-3{
	width: 25%;
}
.col-4{
	width: 33.333333%;
}
.col-5{
	width: 41.666666%;
}
.col-6{
	width: 50%;
}
.col-7{
	width: 58.333333%;
}
.col-8{
	width: 66.666666%;
}
.col-9{
	width: 75%;
}
.col-10{
	width: 83.333333%;
}
.col-11{
	width: 91.666666%;
}
.col-12{
	width: 100%;
}
.col-20{
	width: 20%;
}
.offset-1{
	margin-left: 8.333333%;
}
.offset-2{
	margin-left: 16.666666%;
}
.offset-3{
	margin-left: 25%;
}
.offset-4{
	margin-left: 33.333333%;
}
.offset-5{
	margin-left: 41.666666%;
}
.offset-6{
	margin-left: 50%;
}
.offset-7{
	margin-left: 58.333333%;
}
.offset-8{
	margin-left: 66.666666%;
}
.offset-9{
	margin-left: 75%;
}
.offset-10{
	margin-left: 83.333333%;
}
.offset-11{
	margin-left: 91.666666%;
}
.offset-12{
	margin-left: 100%;
}
img, video{
	/*max-width: 100%;*/
}
/* ------------- FIN Class usuelles ------------*/
.container{
	width: 1200px;
	margin: auto;
}
#slider{
	overflow: hidden;
	position: relative;
	max-width: 100%;
    height: 800px;
}
#wrapper{
	transition: margin 1000ms;
}
.slide{
	float: left;
}
.slide img{
	display: block;
}
#next{
	width: 50px;
	height: 45px;
	position: absolute;
	right: 0;
	background: url("../images/next.png");
	cursor: pointer;
}
#prev{
	width: 50px;
	height: 45px;
	position: absolute;
	left: 0;
	background: url(../images/prev.png);
	cursor: pointer;
}
#boutons{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	text-align: center;
}
#boutons li{
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background: #fff;
	margin: 0 5px;
	cursor: pointer;
}
#boutons .active{
	border: solid #E6711C 3px;
}

#complement{
   width: 50%;
    margin-left: auto;
    margin-right: auto;
    
}

.texteImmeuble{
    font-size: 20px;
    text-align: justify;
}
@media all and ( max-width: 1200px){
	.container{
		width: 95%;
	}
    #boutons{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	text-align: center;
}
}
@media all and ( max-width: 768px){
	.container{
		/*display: none;*/
        width: 90%;
	}
    .profils{
        width: 100%;
    }
    #complement{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .logoAgence{
        width: 80%;
    }
    
    .texteImmeuble{
         margin-top: 50px; font-size: 15px;
    }
}