body{
  font-family: 'Ubuntu', sans-serif;
}

@media (min-width: 992px){
	.bloc-accompagner .container,
	.chiffres-cles .container{
		max-width: 800px;
	}
}

@media (min-width: 1200px){
	.container {
	    max-width: 980px;
	}

	.navbar .container{
		max-width: 	1140px;
	}
}


.devis{
	position: fixed;
	z-index: 10;
	background-color: #dddb00;
	right: 0px;
	top: 340px;
	height: auto;
	width: 200px;
	text-align: center;
	padding: 13px 0px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	text-transform:uppercase;
	transition: all ease .5s;
	cursor: pointer;
}
.devis:hover{
	background-color: #58c0d8;
}

@media only screen and (max-width: 1200px){
	.devis{
		position: absolute;
		bottom: 0px;
		top: inherit;
		left: 0px;
		right: 0px;
		margin: auto;
		width: 450px;
	}
	#tel-top{
		font-size: 20px;
	}
}

@media only screen and (max-width: 475px){
	.devis{
		position: fixed;
		bottom: 0px;
		width: 100%;
	}
}



.bg-light{
		background: rgb(0,158,188);
background: -webkit-linear-gradient(left, rgba(0,158,188,1) 0%, rgba(88,192,216,1) 100%);
background: -o-linear-gradient(left, rgba(0,158,188,1) 0%, rgba(88,192,216,1) 100%);
background: linear-gradient(to right, rgba(0,158,188,1) 0%, rgba(88,192,216,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ebc', endColorstr='#58c0d8',GradientType=1 );
}

.navbar-light .navbar-nav .nav-link{
	color: #FFF;
	font-size: 	17px;
	padding-left: 25px;
	padding-right: 25px;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{
	color: #FFF;
	font-weight: 	bold;
}

.navbar-light .navbar-nav .nav-link{
	transition : all 0.5s ease;
}

.navbar{

}
.navbar-brand img{
 width: 100%;
}

.transition {    
  -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-light .navbar-toggler{
	border-color: #FFF;
}

body{
	padding-top: 233px;
}

body.home{
	padding: 0px;
}


p.good{
	color: green;
    text-align: center;
    font-size: 20px;
}

#tel-top{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 32px;
	color: #FFF;
}
@media only screen and (max-width: 1200px){
	#tel-top{
		font-size: 21px;
	}
	.navbar-light .navbar-nav .nav-link{
		font-size: 14px;
	}
}

.navbar-light .navbar-brand{
	padding-top: 0px 5px;
}


@media(min-width: 992px){
	.navbar-expand-lg .navbar-collapse {
		align-self: flex-start;
		padding: 10px 0px;
	}

	.navbar-nav .nav-item{
		border-right: 1px solid #FFF;
	}

	.navbar-nav .nav-item:last-child{
		border: none;
	}

	.nav-link {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.navbar-brand img{
		-webkit-transition: width 0.8s;
   		transition: width 0.8s; 
	}

	.navbar-brand{
		width: 150px;
	}
}


@media(max-width: 991px){
	.navbar-brand img{
			width: 140px !important;
			margin-left: 15px;
	}	

	.navbar{
		padding-top: 0px;
		padding-bottom: 10px;
	}

	.navbar-nav{
		text-align: right;
	}

	body{
		padding-top: 110px;
	}
}




.background{
	height: 180px !important;
}

@media(min-width: 576px){
	.background{
		height: 300px !important;
	}
}

@media(min-width: 1200px){
	.background{
		height: 700px !important;
	}
}

@media(max-width: 475px){
	.navbar-brand img{
			width: 125px !important;
			margin-left: 15px;
	}
}
@media(max-width: 375px){
	.navbar-brand img{
			width: 100px !important;
			margin-left: 15px;
	}
}
@media(max-width: 320px){
	.navbar-brand img{
			width: 70px !important;
			margin-left: 15px;
	}
}


/*****
* HOME PAGE
*******/

.background-home .container{
	padding-top: 350px;
	text-align: center;
	
}

.background-home h2{
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    line-height: 47px;
    margin: 0px;
    padding-left: 15px;
    margin-bottom: 50px;
    color: #FFF;
    display: inline-block;
}

.background-home h2:before{
    width: 5px;
    height: 47px;
    background: #dddb00;
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
}

.background-home .bloc-choice{

}

.background-home .bloc-choice .col-left{
	float: right;
}

.background-home .bloc-choice .bloc-hp{
	max-width: 210px;
	width: 100%;
	border: 1px solid #FFF;
	display: block;
	padding: 15px 20px;
	transition: all 0.5s ease;
}


.background-home .bloc-choice .col-left .bloc-hp{
	float: right;
}

.background-home .bloc-choice span{
	display: block;
	color: #FFF;
}

.background-home .bloc-choice img{

}




.qui-sommes-nous{
	background: rgba(126,126,126,0.07);
	padding-top: 120px;
}

.qui-sommes-nous .row{
	align-items: flex-end;
}

.qui-sommes-nous h2{
	color: #7e7e7e;
	text-transform: uppercase;
	font-size: 29px;
	font-family: 'Montserrat', sans-serif;
	position: relative;
	line-height: 47px;
    margin: 0px;
    padding-left: 15px;
    margin-bottom: 40px;
}

.qui-sommes-nous h2:before{
	width: 5px;
	height: 47px;
	background: #58c0d8;
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
}

.qui-sommes-nous p{
	color: #7e7e7e;
	font-weight: 500;
	font-size: 15px;
}

.qui-sommes-nous .bloc-text{
	margin-bottom: 10px;
}

.qui-sommes-nous .bloc-text p span{
	text-decoration: underline;
	font-weight: 400;
}
@media only screen and (max-width: 320px){
	.qui-sommes-nous{
	padding-top: 50px;
	}
	.qui-sommes-nous h2{
		font-size: 24px;
	}
}


/* NOS ENGAGEMENTS */

.nos-engagements{
	padding-top: 70px;
	margin-bottom: 80px;
}

.nos-engagements h2{
	color: #7e7e7e;
	text-transform: uppercase;
	font-size: 29px;
	font-family: 'Montserrat', sans-serif;
	position: relative;
	line-height: 47px;
    margin: 0px;
    padding-left: 15px;
    margin-bottom: 40px;
    margin-left: 160px;
}

.nos-engagements h2:before{
	width: 5px;
	height: 47px;
	background: #58c0d8;
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
}

.nos-engagements .single-type span strong{
	color: #58c0d8;
}

@media only screen and (max-width: 320px){
	.nos-engagements{
	padding-top: 50px;
	}
	.nos-engagements h2{
		font-size: 24px;
	}
}

/* CHIFFRES CLES */

.chiffres-cles{
	padding-top: 50px;
	padding-bottom: 40px;
	color: #FFF;
	background: rgb(0,158,188);
background: -webkit-linear-gradient(left, rgba(0,158,188,1) 0%, rgba(88,192,216,1) 100%);
background: -o-linear-gradient(left, rgba(0,158,188,1) 0%, rgba(88,192,216,1) 100%);
background: linear-gradient(to right, rgba(0,158,188,1) 0%, rgba(88,192,216,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ebc', endColorstr='#58c0d8',GradientType=1 );
	background-image : url('img/aps-chiffes.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.chiffres-cles h2{
	text-transform: uppercase;
	font-size: 29px;
	font-family: 'Montserrat', sans-serif;
	position: relative;
	line-height: 47px;
    margin: 0px;
    padding-left: 15px;
    margin-bottom: 40px;

}

.chiffres-cles h2:before{
	width: 5px;
	height: 47px;
	background: #dddb00;
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
}

.chiffres-cles .bloc-nb-client{
	margin-bottom: 40px;
}

.chiffres-cles .bloc-nb-client img{
	margin-right: 20px;
}

.chiffres-cles .bloc-nb-client span{
	display: inline-block;
	text-align: right;
	font-size: 29px;
	vertical-align: bottom;
	padding-bottom: 15px;
}

.chiffres-cles .bloc-nb-client span strong{
	font-weight: bold;
	font-size: 95px;
	display: block;
	line-height: 93px;
}

.chiffres-cles p{
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
}

.bloc-accompagner{
	padding-top: 70px;
}

.bloc-accompagner .content{
	margin-bottom: 60px;
}

.bloc-accompagner h2{
	color: #7e7e7e;
	text-transform: uppercase;
	font-size: 29px;
	font-family: 'Montserrat', sans-serif;
	position: relative;
	line-height: 47px;
    margin: 0px;
    padding-left: 15px;
    margin-bottom: 40px;
    margin-left: 80px;
}

.bloc-accompagner h2:before{
	width: 5px;
	height: 47px;
	background: #58c0d8;
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
}

.bloc-accompagner .content h3{
	font-size: 20px;
	color: #7e7e7e;
	font-weight: 700;
	margin-bottom: 20px;
}

.bloc-accompagner .content p{
	color: #7e7e7e;
	font-weight: 500;
	font-size: 15px;
	text-align: justify;
}

@media only screen and (max-width: 320px){
	.chiffres-cles h2{
		font-size: 24px;
	}
	.bloc-accompagner h2{
		font-size: 24px;
	}
}
/*****
* BACKGROUND
******/

.bg-transparent{
	background: none;
}

.background-home{
	background: url('img/aps-mains-home.jpg') no-repeat center center;
	height: 700px;
	width: 100%;
	background-size: cover;
	position: relative;
}


.background.pg-pro{
	background: url('img/aps-pros.jpg') no-repeat center center;
	height: 700px;
	width: 100%;
	background-size: cover;
	position: relative;
}

.background.pg-part{
	background: url('img/aps-particuliers.jpg') no-repeat center center;
	height: 700px;
	width: 100%;
	background-size: cover;
	position: relative;
}


@media(max-width: 959px){
	.background-home .container{
		padding-top: 265px;

	}

	.background-home{
		height: 600px;

	}

}

@media(max-width: 767px){
	.background-home .container{
		padding-top: 200px;
	}

	.background-home{
		height: 600px;
	}

}
@media(max-width: 475px){
	.background-home .container{
		padding-top: 270px;
	}

	.background-home{
		height: 100vh;
	}
	.background-home h2{
		font-size:24px;
		margin-bottom: 20px;
	}

}

@media(max-width: 320px){
	.background-home .container{
		padding-top: 190px;
		padding-bottom: 20px;
	}

	.background-home h2{
		font-size:20px;
		margin-bottom: 20px;
	}
	.background-home .bloc-choice .col-left .bloc-hp,
	.background-home .bloc-choice .col-right .bloc-hp
	{
		margin: auto;
		margin-bottom: 10px;
		float: inherit;
	}

}
/******
* LISTING CONTRATS
******/

.bloc-contrat{
	text-align: center;
	margin-bottom: 100px;
	padding-top: 80px;


}

.bloc-contrat .bloc-client p{
	margin-bottom: 70px;
	color: #7e7e7e;
	font-size: 51px;
	font-weight: 500;
	line-height: 70px;
}

.bloc-contrat .bloc-client p span{
	color: #dddb00;
	font-size: 60px;
	display: block;
	font-weight: 700;
}

.bloc-contrat .bloc-client p span strong{
	color: #7e7e7e;
}

.bloc-contrat .row{

}

.bloc-contrat h2{
	font-size: 30px;
	font-family: 'Ubuntu';
	color: #7e7e7e;
	font-weight: 400;
	margin-bottom: 40px;
	display: inline-block;
	position: relative;
	padding: 0px 60px;
	line-height: 31px;
}

.bloc-contrat h2:before{
	height: 1px;
    background-color: #dddb00;
    content: '';
    position: absolute;
    left: 0px;
    width: 48px;
    top: 50%;
}

.bloc-contrat h2:after{
	height: 1px;
    background-color: #dddb00;
    content: '';
    position: absolute;
    right: 0px;
    width: 48px;
    top: 50%;
}


.bloc-contrat h2 span{
	color: #dddb00;
}

.single-type{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
	display: flex;
}

.single-type .inner{
	border: 0.5px solid #7e7e7e;
	text-align: center;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-bottom: 40px;
	transition: all 0.35s ease;
	padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
}

.single-type.bloc-green .inner a:hover{
	text-decoration: none;
}

.single-type.bloc-green .inner{
	background-color: #dddb00;
	border: none;
}

.single-type .inner .picto{
    margin-bottom: 25px;
    padding-top: 40px;
    height: 105px;
}

.single-type .inner .picto img{

}

.single-type .txt{
	color: #7e7e7e;
	font-size: 15px;
	line-height: 18px;
	font-family: 'Ubuntu';
	display: block;
	font-weight: 500;
}

.single-type .inner:hover{
	box-shadow: 0 0px 20px rgba(0,0,0,0.2);
}

.single-type .inner img{
	transition: all 0.5s linear;
}

.single-type .inner:hover img{
	transform: scale(1.03);
	
}

/******
* PG CONTACTEZ NOUS
********/

.bloc-info-contact{
	padding-top: 85px;
	text-align: center;
}

.bloc-info-contact h1{
	text-align: center;
	font-size: 60px;
	color: #7e7e7e;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 50px;
}

.bloc-info-contact h1 span{
	color: #59c1d8;
}

.bloc-info-contact .bloc-tel{
	text-align: center;
	margin-bottom: 40px;
}

.coord{
	max-width: 350px;
	color: #7e7e7e;
	margin-bottom: 30px;
	padding-top: 15px;
	width: 100%;
}	

.bloc-info-contact h2.lignes{
	font-size: 30px;
    font-family: 'Ubuntu';
    color: #7e7e7e;
    font-weight: 400;
	margin-bottom: 70px;
    display: inline-block;
    position: relative;
    padding: 0px 60px;
    line-height: 31px;
}

.bloc-info-contact h2.lignes span {
    color: #58c0d8;
}

.bloc-info-contact h2.lignes:before{
    height: 1px;
    background-color: #58c0d8;
    content: '';
    position: absolute;
    left: 0px;
    width: 48px;
    top: 50%;
}

.bloc-info-contact h2.lignes:after{
    height: 1px;
    background-color: #58c0d8;
    content: '';
    position: absolute;
    right: 0px;
    width: 48px;
    top: 50%;
}

@media(min-width: 572px)
{
	.coord-right{
		text-align: right;
		float: right;
		position: relative;
		padding-right: 40px;
	}	

	.coord-left, .coord-right{
		text-align: center;
	}

	.coord-right:after{
		content: '';
		background: #58c0d8;
		width: 1px;
		height: 83px;
		position: absolute;
		right: -15px;
		top: 0px;
	}

	.bloc-info-contact .w-100{
		height: 50px;
	}
}


.coord .titre{
  	display: block;
  	font-size: 20px;
  	font-weight: 500;
  	line-height: 24px;
}

.coord .tel{
	display: block;
	font-weight: 500;
	color: #58c0d8;
	font-size: 27px;
}

.coord .link{
	padding-top: 10px;
}

.coord .link a{
	color: #7e7e7e;
	font-weight: 500;
	border: 1px solid #7e7e7e;
	padding: 20px 25px;
    display: inline-block;
    transition: all 0.35s ease-in;
}

.coord .link a:hover{
	border-color: #58c0d8;
	background: #58c0d8;
	color: #fff;
	-webkit-box-shadow: 0px 0px 12px -1px rgba(122,122,122,0.76);
-moz-box-shadow: 0px 0px 12px -1px rgba(122,122,122,0.76);
box-shadow: 0px 0px 12px -1px rgba(122,122,122,0.76);
}

#tel-special{
	font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 35px;
    color: #FFF;
    padding-right: 30px;
}

/* form contact */

.form-contact{
	margin-bottom: 80px;
	padding-top: 50px;
}

.form-contact .form-group{
	margin-bottom: 1.5rem;
}

.form-contact p.ob{
	color: #7e7e7e;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
}

.form-contact label{
	color: #58c0d8;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0.25rem;
}

.form-contact .form-control{
	border-radius: 0px;
	border-color: #7e7e7e;
	padding: 0.75rem 0.75rem;
}


.form-contact .btn-alb{
	color: #FFF;
	text-transform: uppercase;
	background: #58c0d8;
	border: none;
	border-radius: 0px;
	padding: 20px 20px;
	max-width: 215px;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	transition: all 0.5s ease;
}

.form-contact .btn-alb:hover{
	background: #dddb00;
}

.form-contact .form-check{
	padding-left: 50px;
}

.form-contact .form-check label{
	color: #7e7e7e;
	font-size: 15px;
	font-weight: 500;
	text-transform: initial;
}

.form-contact .btn-validation{
	text-align: right;
}

@media(max-width: 571px){
	.coord{
		margin: auto;
		margin-bottom: 30px;
	}

	.bloc-accompagner h2{
		margin-left: 0px;
	}

	.chiffres-cles .bloc-nb-client{
		text-align: center;
	}
}

@media(max-width: 730px){
	.form-contact .btn-validation {
	    text-align: center;
	    margin-top: 30px;
	}
}



/******
* FOOOTER
*******/

#footer{
	background-color: rgba(126,126,126,0.07);
	color: #7e7e7e;
	padding-top: 120px;
	padding-bottom: 120px;
	font-size: 14px;
}

#footer .col-large{
	min-width: 250px;
}

#footer .agence,
#footer .adresse{
	display: block;
	margin-bottom: 20px;
	line-height: 17px;
}

#footer .plan ul{
	list-style-type: none;
	padding-left: 0px;
}

#footer .plan ul li{
	margin-bottom: 20px;
}

#footer .plan ul li a{
	color: #7e7e7e;
}

.col-logo-footer{
	text-align: center;
	margin-top: -75px;
}


@media(min-width: 1300px){
	#footer .container{
		max-width: 1240px;
	}
}

@media(min-width: 768px){
	.col-border{
		border-left: 1px solid #7e7e7e;
	}
}

@media(max-width: 991px){
	#tel-top{
		display: none;
	}

	.col-logo-footer{text-align: center;}
}

@media(max-width: 767px){

	#footer{
		padding-top: 30px;
	}

	.col-border{
		margin-bottom: 30px;
	}

	.col-border:nth-child(even) {
		border-left: 1px solid #7e7e7e;
	}

	.nos-engagements h2{
		margin-left: 0px;
	}

	.col-logo-footer{
		margin-top: 0px;
	}

}

@media(max-width: 575px){

	.plan{
		text-align: center;
	}

	.col-border:nth-child(even) {
		border-left: none;
	}

	.col-border{
		text-align: center;
		position: relative;
		padding: 10px 0px;
	}

	.col-border:after{
		content: '';
		width: 200px;
		height: 1px;
		background: #7e7e7e;
		margin: auto;
		left: 0px;
		right: 0px;
		top: -18px;
		position: absolute;
		display: block;
	}

	#tel-special{
		font-size: 18px;
		padding-right: 15px;
	}

	.navbar{
		padding-left: 0px;
	}
}