#fond-background {
	height: 460px;
	overflow: hidden;
	background-image: url('../../img/layout/img-fond-pro.jpg');
	background-image: none;
}
#section{
	z-index: 5;
}

.titre-home {
    font-weight: lighter;
    text-align: justify;
    font-size: 45px;
    margin-bottom: 130px;
}

#cadre-pro{
	position: relative;
	width: 100%;
	height: 50px;
}

#cadre-pro .container{
	position: relative;
}

#cadre-pro h2{
	font-weight: 900;
	font-size: 15px;
	margin-bottom: 0px;
	color: #ccc;
}

#cadre-pro-blocks{
	position: absolute;
	top: -35px;
	left: 0;
    width: 100%;
    padding: 0px 115px;
}

.block-pro{
	background: #fff;
	padding-top: 15px;
}

.block-pro p{
	margin-bottom: 0px;
	font-size: 11px;
	color: #ccc;
}

#cadre-pro-blocks .row > div{
	padding: 0px 45px;
}


/*
#cadre-pro-blocks .row > div:first-child{
	padding: 0px 35px 0px 35px;
}

#cadre-pro-blocks .row > div:last-child{
	padding: 0px 35px 0px 35px;
}
*/
.cadre-lien{
	width: 100%;
    text-align: center;
    padding-top: 0px;
    display: block;
    margin-top: 0px;
    float: left;
}
.cadre-lien a{
	padding: 5px 0px;
	display: block;
    font-weight: lighter;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    color: #ccc;
    font-weight: bold;
    font-size: 10px;
}

.active .block-pro{
	
}
#cadre-pro .active .block-pro h2{
	color: #000;
}
.active .block-pro p{
	color: #000;
}
.active .block-pro .cadre-lien{
	color: #000;
}

.active .block-pro .cadre-lien a{
	color: #000;
}

.bx-wrapper{
	background: none;
	border: none;
	box-shadow: none;
}

.bx-controls-direction{
	display: none;
}

.bxslider-pro > div{
	padding: 0px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 55px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{
	background: #fff;
}

.cadre-circuit {
    position: relative;
    margin-bottom: 40px;
    padding-right: 30px;
    margin-top: 18px;
}
.telephone {
    margin-top: 0px;
    margin-bottom: 30px;
}
.telephone .col-3 {
    padding-right: 0px;
    max-width: 40%;
    flex: 0 0 25%;
    padding-left: 0px;
}
.telephone img {
    width: 100%;
    padding: 0px 10px;
    padding-left: 0px;
}
.telephone .col-9 {
    padding-right: 0px;
    padding-left: 10px;
    max-width: 75%;
    flex: 0 0 75%;
}
.telephone p {
    width: 100%;
    line-height: 1.5;
    margin-bottom: 0px;
    font-size: 16px;
}

.telephone a {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    background: none;
    color: #000;
    text-align: left;
    margin-top: 0;
    font-size: 15px;
    display: block;
    padding: 5px 0px;
    font-family: 'Montserrat',sans-serif;
}

#recherche {
    margin-bottom: 90px;
    margin-left: 110px;
    margin-right: 110px;
}

.section{
	margin-top: 30px;
}

.block{
	background: #333;
	margin-bottom: 25px;
}
.block a{
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 100%;
	padding: 10px 10px;
	font-size: 15px;
	line-height: 1.2;
}

.block:hover{
	background: #fff;
}
.block:hover a{
	color: #000;
}

.offres{
	margin-bottom: 15px;
	padding: 0px 80px;
}
.offres a{
	font-size: 12px;
	
}
.offres a span{
	font-weight: 900;
	font-size: 30px;
	font-family: 'Montserrat',sans-serif;
	color: #000;
	margin-left: 25px;
}
.offres a span span{
	font-weight: normal;
	margin-left: 0px;
}

.btn{
	border-radius: 0px;
	padding: 10px 0px;
	margin-top: 10px;
}

.btn-black{
	background: #333;
	color: #fff;
	font-weight: bold;
	width: 100%;
	text-align: center;
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
}
.btn-black:hover{
	background: #fff;
	color: #000;
}

.no-padding{
	padding-left: 0px;
	padding-right: 0px;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
    margin: 0;
    width: 100%;
}


/* PETIT ECRAN ET TELEPHONE */
@media (max-width: 767px) {
	#cadre-pro-blocks {
    	position: inherit;
    	padding: 0px;
    }
    #cadre-pro {
    	position: relative;
		width: 100%;
    	height: auto;
    }
	#cadre-pro-blocks .row > div {
	    padding: 0px 10px;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	    bottom: -33px;
	}
	.bx-viewport{
		height: 200px !important;
	}
	.bx-wrapper img {
    	max-width: 172%;
    }
    .titre-home {
    	font-size: 24px;
    	margin-bottom: 115px;
    }
    #fond-background {
    	height: 45vh;
    }
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{
		background: #e0e0e0;
	}
	
	.cadre-circuit{
		padding-right: 15px;
	}
	.offres {
	    margin-bottom: 15px;
	    padding: 0px 30px;
	}
	.offres a span {
    	font-weight: 900;
    	font-size: 23px;
    }
    .telephone {
		padding: 0px 40px;
    }
    
    #recherche{
	    margin-bottom: 70px;
	    margin-left: 35px;
	    box-shadow: 0px 0px 12px #000;
	    margin-right: 35px;
    }
    .no-padding {
	    padding-left: 15px;
	    padding-right: 15px;
	}
}