/*!
 * Start Bootstrap - 2 Col Portfolio HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    padding-top: 0px; /* 70px required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	width:100%;
	margin:auto;
	font-family: "news-gothic-std", Arial, sans-serif;
	color: #000000
}

html{
    scroll-behavior: smooth;
} 

strong {font-family: "news-gothic-std", Arial, sans-serif;}

h1 strong, button, .banner p {
    animation-name:opacity;
    animation-duration:6s;
	animation: 1s ease-out 0s 1 slideInFromBottom;
}
    @keyframes opacity{
    0%{opacity:0;}
	50%{opacity:0.5;}
    100%{opacity:1;}
		
}

@keyframes slideInFromBottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

h2, h2 strong {font-family: 'Helvetica', Arial, sans-serif;}

h3, h3 strong {font-family: 'Helvetica', Arial, sans-serif;}

p, h1, h2, h3 {font-weight: 100}

.parallax {
  /* The image used */
background-image: url("../img/SITE-ETUDE-CONCEPT-BANNIERE.jpg");

  /* Set a specific height */
min-height: 600px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}

@media (max-width: 640px) {
	.mobile {display: block !important;}
		.desktop {display:none !important}
}

@media (min-width: 641px) {
	.mobile {display: none !important}
	.desktop {display:block !important}
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
background-color: #262230;
padding-right: 15%;
}

.startsticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.startsticky img {display: none}

.sticky img {display:block}

.navbar-header button {border: none !important}



button strong {font-family: 'Helvetica', Arial, sans-serif;}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

.nav > li > a > img {max-width: 50px}

.paddingleft {padding-left: 50px; margin-top: 15px}
.coordonnees {margin-top: 15px;margin-bottom: 60px; padding-bottom: 20px}

.flex {	display: flex;}

.objectifs {background-color: #585ea8; padding-top: 40px; padding-bottom: 40px; padding-left: 7%; padding-right: 7%}

#nosatouts {background-color: #262230; padding-top: 40px; padding-bottom: 50px; margin-top:0px}

#nosatouts .apropos {padding-bottom: 0px;}

#nosatouts p {text-align: center; color: #ffffff}

#nosatouts h2 {text-align: left; color: #ffffff; font-size: 14px; padding-left: 7%; padding-bottom: 30px}

#nosatouts h2 strong {color: #d83558; font-size: 24px}

#nosatouts h3, #nosatouts h3 strong {font-family: "news-gothic-std", Arial, sans-serif; font-size: 18px; height:60px; color: #ffffff; font-weight: bold}

.objectifs h2 {margin-bottom: 40px; color: #ffffff; padding-bottom:0px;}

.apropos p{
    font-size:16px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 4%;
    padding-right: 4%;
}

.grisclair h3 {background-color: #f9f5f3;}

.orange h3 {background-color: #eb8f59;}

.vignette h3 {width: 100%; text-align: center; color:#1e3c39}

.objectifs img {margin:auto; max-width: 80px; padding-top:20px}

#nosatouts img {margin:auto; max-width: 100px;}

.accompagnement .apropos {margin-bottom:50px}

.accompagnement {background-color: #d83558; padding-top: 40px; padding-bottom: 20px}

.accompagnement h2 {margin-bottom: 40px; color: #ffffff; padding-bottom:10px;}

.accompagnement p {font-size:16px}

.accompagnement h3, .accompagnement p {color:#ffffff; text-align: center; padding-left: 10%;
    padding-right: 10%;}

#accompagnement2 {background-color: #edeff3; padding-bottom: 0px; padding-left: 5%;
    padding-right: 5%;}

#accompagnement2 p, .accompagnement2 h3 {text-align: left; padding-left: 5%;
    padding-right: 5%;}

#accompagnement2 h3 {font-size: 20px;	font-weight: bold; height: 70px; text-align: left}

.accompagnement img {margin:auto; max-width: 400px;width:100%}

.accompagnement .apropos {display: unset}

#accompagnement2 p, .accompagnement2 p strong {font-family: 'Helvetica', Arial, sans-serif;}



.vignette {min-height: 450px; position: relative; display: grid;}


@media (min-width: 1201px) {
.vignette {min-height: 600px;}
}
	
@media (max-width: 1200px) {
.vignette {min-height: 450px;}
	h3 {font-size:20px}

}

@media (min-width: 1200px) {
.navbar{margin-top: 20px !important;}	
}

@media (max-width: 991px) {
.vignette {min-height: 300px !important;}
	.parallax {min-height: 350px; background-attachment: unset}
	.accompagnement .apropos {margin-bottom:0px}
	.whiteborder {border-right:none !important}

	

}

.expertise {
	background: url(../img/SITE-EXVOLIS-EXPERTISE-BACKGROUND.jpg) no-repeat;
	background-size: cover;
	background-position: center;
    }

.expertise2 {
	background: url(../img/SITE-EXVOLIS-EXPERTISE.jpg) no-repeat;
	background-size: cover;
	background-position: center;
    }


.changementdestination {
	background: url(../img/SITE-EXVOLIS-CHANGEMENT-DESTINATION-LOCAL-PROFESSIONNEL.jpg) no-repeat;
	background-size: cover;
	background-position: left;
	
    }

.coach .vignette {min-height: 350px}

.visiteavantcompromis {
	background: url(../img/SITE-EXVOLIS-VISITE-AVANT-COMPROMIS.jpg) no-repeat;
	background-size: cover;
	background-position: center;
    }

.visitetechnique {
	background: url(../img/SITE-EXVOLIS-VISITE-TECHNIQUE-CONSEILS-ETAT-DU-BIEN-AVANT-ACHAT.jpg) no-repeat;
	background-size: cover;
	background-position: center;
    }



.banner {
	background: url(../img/SITE-EXVOLIS-BANNER.jpg) no-repeat;
	background-size: cover;
	background-position: top;
	background-color: #262230
    }

.banner button {position: absolute}


.white {background-color: #ffffff; position: relative; padding-top:20px; padding-bottom: 20px}

.green {background-color: #103437; position: relative; padding-top:20px; padding-bottom: 20px}

.green p {color:#ffffff}

.green i {color:#ffffff}

.grey {background-color: #f2f2f2; position: relative; padding-top:20px; padding-bottom: 20px}

#references .apropos {padding-left: 14%; padding-right:14%}

#references .grey {padding-top:0px; padding-bottom: 0px; border-left: 20px solid #d83558}

#references .vignette {padding-top:10%; padding-bottom: 10%; margin-top:0px; min-height: 300px}

#references h2 hr {width:100%; margin-bottom: 30px}

#references h2 {text-align: right; color: #ffffff; font-size: 14px; padding-left: 7%; padding-bottom: 30px}

#references h2 strong {color: #d83558; font-size: 24px}

.apropos hr {width:100%}

.accompagnement {padding-top:20px}

.accompagnement h2 span {color:#103437; font-size:20px}

.accompagnement h3 {font-weight: normal; display: grid;  align-items: center}


#expertises {background-color: #e2e1dd; margin-top: 0px; margin-left: 7%; margin-right: 7%; padding-top: 20px; padding-bottom: 0px}

#expertises {padding-left: 0% !important; padding-right: 0% !important}

#expertises h2 {color: #ffffff; text-align: center;}

#expertises p {color: #000000; text-align: right; padding-right:12%; font-size: 14px}

#expertises h3 {position:relative; margin-top: 20px; margin-bottom: 20px}

#expertises .vignette {min-height:unset; margin-top:0px}

#expertises img {margin-top:0px; margin-bottom: 0px}

#contact h2 {color: #d83558;}

#contact hr {border: 0px solid #ffffff; width: 100px; margin-top: 0px; border-radius:0px; margin-bottom: 10px}

.precontact h2 {color: #d83558;}

.precontact hr {border: 0px solid #ffffff; width: 100px; margin-top: 0px; border-radius:0px; margin-bottom: 10px}

h3 {text-align: center;
	margin-bottom:0px;
height: 50px;
padding:15px}

.objectifs h3 {color:#ffffff}

.fa-plus-circle {color: #64a969; width: 100%; text-align: center; font-size: 22px}

.fa-right-long {float: left;
    padding-left: 1%;
	padding-top:5px
}
.banner p {color: #000000; padding-left: 4%; padding-right: 8%; font-size: 15px; text-align: left}
.bluebackground h2 {text-align: left; color: #ffffff; padding-left: 5%; padding-right: 5%;	font-weight: bold}

hr {border: 1px solid #d83558; width: 100%; margin-top: 5px; border-radius:0px; margin-bottom: 50px}

.bluebackground a {color: #ffffff; text-decoration: underline}
a {color:#103437}

.contact a {color:#000000}

#contact {
		background-size: contain; padding-top: 35px; padding-bottom: 50px; background-color: #f2f2f2; background-position:center;}

#contact a {color:#000000}

.apropos {
    padding-left:7%;
	padding-right:7%;
	display: flex;
	padding-top:5px;
	padding-bottom:5px}

.apropos p{text-align: left; font-size: 15px }

.flexslider .apropos {padding-bottom: 0px}

.services {
    padding-left:0%;
	padding-right:0%;
	display: flex;
	padding-top:50px;
	padding-bottom:0px}

.services p{
    text-align:justify;
	font-size:18px
}

.presentation {margin-top: 0px;}

.presentation h2 {text-align: left; margin-left: 0px; margin-right: 0px; padding-left: 15%;
    padding-right: 15%;color: #d83558; margin-top: 25px; margin-bottom: 25px;line-height: 30px;}

.presentation .pinkbackground, .presentation .purplebackground{align-content: center}

.presentation .pinkbackground h2, .presentation .purplebackground h2{color: #ffffff}

.presentation p{
    font-size:16px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 15%;
    padding-right: 15%;
}

.presentation img {width: 50%;margin-left: 15%}

.expertise h2 {background-color: #d83558; color: #ffffff; margin-top: 0px; margin-bottom: 0px; padding-top: 25px; padding-bottom: 25px}

.expertise {padding-top: 0px; padding-bottom: 0px}



#references {padding-top:20px;}

#references h2 {color:#262230}

#references .img-responsive {margin:auto; max-height:120px}

#references p {font-size:13px;padding-left:0px;padding-right:0px;text-align: justify}

#references .vignette p {font-size:13px;padding-left:4% !important;padding-right:4% !important; text-align: left}

.temoignages {
    padding-left:7%;
	padding-right:7%;
	padding-bottom:70px}

.contact {
    padding-left:7%;
	padding-right:7%;
	padding-top:40px;
	padding-bottom:20px}

.apropos2 {color:#ffffff; z-index:1; display:flex; flex-direction: column; padding:0px}
.apropos3 {display:flex; padding:0px}

.bluebackground {background-color:#64a969;color:#ffffff;z-index:1; margin:auto; padding-top:3em; padding-bottom:3em; margin-right: -15%}

.purplebackground {
	background-color:#262230;
	display:grid;
	padding-top: 80px;
	padding-bottom: 80px
	}

.purplebackground p {color: #ffffff;}

#expertises p {padding-left: 0px}

.purplebackground h2 {color: #ffffff; text-align: left; padding-left: 15%; padding-right: 21%;}

.purple {background-color: #262230}


.equipe {
	padding-top:0px;
	padding-bottom:30px;
	padding-left: 7%;
	padding-right: 7%
	}

.equipe img {border-radius: 50%; margin-bottom: 10px}

.equipe p {font-size:12px}

.circle {
	background-image: url(https://maffre-id.com/img/PICTO-CERCLE.png);
    background-position: bottom right;
    background-repeat: no-repeat;
	background-size: 25%;
	padding-bottom: 150px
}

.greybackground {background-color: #ebebec; padding-bottom: 25px;}

.darkgreybackground {background-color: #dedee0; padding-bottom: 25px;}
	

.whitebackground {background-color:#ffffff;padding-left: 0px; padding-right: 0px}

.greenbackground {background-color:#103437;padding-left: 20px; padding-right: 20px;}

.team {
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
	margin-top:20px
}

.team img:hover {
	opacity:0.5;
    /* flip horizontally */
-webkit-transform:scaleX(-1);
-moz-transform:scaleX(-1);
-ms-transform:scaleX(-1);
-o-transform:scaleX(-1);
transform:scaleX(-1);
}

#services p {padding-left: 7%;
	padding-right: 7%;
font-size: 15px}

#services h2 {font-size: 18px}

.shadow {-webkit-box-shadow: 0 26px 7.5px -18px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0 26px 7.5px -18px rgba(0, 0, 0, 0.20);
	box-shadow: 0 26px 7.5px -18px rgba(0, 0, 0, 0.20);}

.borderleft {border-left:1px solid white}
.bordertop {border-top:1px solid white}


.services {
	padding-left:7%;
	padding-right:7%;
	display: flex;}

.whitebackgroundform {
	background-color:#ffffff;
	padding-left:7%;
	padding-right:7%;
	display: flex;
	padding-top:50px;
	padding-bottom:90px;
	}
.whitebackgroundform p {color: #000000; font-size: 14px; text-align: left; padding: 0px 0px 5px 0px}


.whiteborder {border-right:1px solid white; min-height:100px}

.imagetemoin {z-index: 10}

.temoignage {margin-top: -200px;
	padding-top: 200px;
	background-color:#f4f5f5;
	min-height: 700px}

.yellow {background-color: #e8d961; color: #ffffff; padding: 20px; font-size: 18px}

.lemonfont {color: #e8d961;
	font-weight: bold; font-size: 15px;
	background-image: url("../img/SITE-LEMON-IDEA-AOUT2023-LEMON-PICTO.png");
	background-repeat: no-repeat;
    background-position: center left;
	line-height: 25px}

.lemonfont span {padding-left:25px; font-size: 18px}

.impressionetroutage p {font-size: 15px; padding-left: 0px}

.impressionetroutage {padding-top: 40px; padding-bottom: 60px}

@media (min-width: 1400px) {
	.temoignage {min-height: 600px}
}

@media (max-width: 991px) {
	.temoignage {min-height:0px !important}
}

.imagetemoin img {width:80%}

.temoin {margin-left: 20px; margin-right: 20px}

.arrow::before {
    font-family: "Font Awesome 5 Brands"; 
	font-weight: 400;
	content: "\F0DA";
}

.marginbottom {margin-bottom:30px}

@media (max-width: 767px) {
	.row {display:inherit}
	.borderleft {border-left:none}
	.marginbottom {margin-bottom:6em}
	.marginbottomsm {margin-bottom:3em}
	.team {margin-left:0px}
	h1 {font-size:18px !important}
	h3 {font-size:20px; height:auto !important}
	
	.bluebackground {margin-right:0px}
	.apropos3 {margin-top: -90px}
	.paddingleft {padding-left: 0px}
	.temoin {margin-left: 0px; margin-right: 0px}
	
	.vignette {margin-top: -80px;}
}

@media (max-width: 600px) {
	.vignette {min-height:450px}
}

@media (max-width: 1200px) {
.banner {
	background: url(../img/SITE-EXVOLIS-BANNER-MEDIUM.jpg) no-repeat;
	background-size: cover;
	background-position: top;
	background-color: #262230
    }	

}

@media (max-width: 768px) {

	h2 {font-size: 16px}
	button {padding: 5px 20px;
    font-size: 12px;}
	.banner {
	background: url(../img/SITE-EXVOLIS-BANNER-MOBILE.jpg) no-repeat !important;
	background-size: cover;
    }
	.banner h1 {bottom: 40% !important;}

}

@media (max-width: 390px) {

	h2 {font-size: 14px}
		button {padding: 5px 20px;
    font-size: 10px;}
}

.contact {bottom:20px; text-align:center; margin:auto; width:90%; position: absolute}

.coordonnees p {text-align: left; color:#ffffff}

#contact {padding-left: 14%; padding-right: 14%; padding-top: 0px; margin-bottom: 0px;}

.precontact {padding-left: 14%; padding-right: 14%; padding-top: 30px; margin-bottom: 0px;background-color: #f2f2f2}

.precontact img {float: right; max-width: 180px}

.button {width:80%; background-color:#ef3e61; margin:auto; padding:20px; color:#ffffff; font-weight:bold; font-size:1.3em}

footer {
    padding-top:60px;
	padding-bottom:100px;
	background-color: #2b2637;
	padding-left: 14%;
	padding-right: 14%;
		
}

.footerlinks a {margin-left:20px; color: #ffffff}


footer p{
    text-align:center; padding-top: 15px; font-size: 14px; float: left; padding-left: 0px; padding-right: 0px; font-weight: bold; color:#ffffff
}

footer p a {color:#ffffff}

footer p a:hover {color:#d83558}

#contact p{text-align:left; padding-top: 15px; color: #000000; padding-left: 5px; padding-right: 5px}

footer img{
    float:right; width: 40px; margin-left: 10px; margin-top: 10px }

@media (max-width: 991px) {
footer p {text-align: center; width:100%}
	.social {width:100%; text-align: center; overflow: auto}
	footer img {float:none; text-align: center; display: unset !important; margin-right: 0px !important}
	.footerlinks a {margin-left: 0px; display: block}
}

.newsletter img {position: absolute;margin-top: 15px; margin-left: 10px}

footer .row{margin:0px; margin-top: -30px; }

.nopadding {padding:0px !important}

.mainmenu {height:auto; padding:0px; z-index:1;}

.mainmenu .container-fluid {padding-left: 0px; padding-right: 0px}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
	margin:auto;
	height:auto;
margin-left: -15px;
    margin-right: -15px}

.navbar-collapse {-webkit-box-shadow:none}

.navbar-default {border-color:  transparent !important;background-color: transparent}

.navbar-toggle {float: left}


.menu {margin-top:0px; z-index:10000; padding-top: 20px; padding-bottom: 20px; max-width: 1800px}

.logo {z-index:10000;}

.logo img {padding-bottom:5px; margin:auto; width: 150%}

.navbar{margin-bottom:5px; margin-top: 0px;}

.banner {top:0; z-index:1000;margin-left:0px; margin-right:0px}

.banner .vignette {margin-top: 30px;
    width: 100%;
    margin-bottom: 30px;
}


.productbanner { padding-top: 50px; padding-bottom: 40px;
    background-position: right top;
    top: 0;
	margin-left:0px; margin-right:0px;
	background-size: cover !important;
}


.productbanner h1 {font-family: 'Aptly', Arial, sans-serif; text-transform: uppercase} 
.productbanner h1 strong {font-family: 'Aptly', Arial, sans-serif; font-weight: bold} 

#product2 {background-color:  #ebecec}

.headerhome {     padding-top: 0px;
    background-size: 100% auto;
    background-position: right top;
    top: 0;
	margin-left:0px; margin-right:0px;
	background-color: transparent;
}

.header {
	padding-top: 20px;
    top: 0;
	margin-left:0px; margin-right:0px
}

.navbar-nav > li > a {
	color: #ffffff !important;
	font-size: 12px;
	padding-bottom: 0px;
	padding-left: 2em;
    padding-right: 2em;
	text-align: center;
	padding-top: 0px;
	font-weight: bold;
	text-transform: uppercase;
	border-right:1px solid #d83558;
}

#menu-item-4 {border-right: none}

@media (max-width: 1165px) {
.navbar-nav > li > a {padding-left: 1.5em; padding-right: 1.5em;}
	
}

@media (max-width: 1000px) {
.navbar-nav > li > a {padding-left: 1em; padding-right: 1em;}
}

.navbar-nav > li > a:hover {
border-bottom: 1px solid #d83558;
}

#primarymenu {
	float:none !important;
	margin: auto;
	max-width: 1100px;
	margin-top: 15px;
    margin-bottom: 15px;
}



p {text-align:center;}

.footerlinks a {width: 100%;}

.banner h1 {
    padding-left: 4%;
	padding-right: 15%;
margin-top: 150px;
margin-bottom: 0px;
line-height: 36px;
text-align: right;
font-size: 28px;
position:absolute;
bottom:50%;
width:100%}

.banner h1 b {color: #eb8f59}


h1 {font-size:16px; text-align:center; color:#ffffff; font-weight: normal}

@media (max-width: 768px) {
	.banner .text {margin-left: 0; margin-right: 0;}
	.navbar-collapse  {background-color: #262230;padding-top: 20px}
	.navbar-nav > li > a {border-right:0px}
}

@media (max-width: 600px) {
	h1 {margin-bottom:5%}
	}
	
h2 {font-size: 24px;
    margin: auto;
	padding-top:5px;
	padding-bottom:5px;
	color:#000000;
	text-align:left;}
	
	.dropdown-menu {border-color:#ffffff; border-radius:0 !important; min-width:140px;}
	
	.navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		background-color:#ffffff !important; font-weight:bold
		}
		
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:#ffffff !important; font-weight:bold}
	
	.dropdown-menu > li > a {
    display: block;
    padding: 5px 0px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #000000;
    white-space: nowrap;
    border-bottom: #64a969 solid 1px;
    margin-left: 10px;
    margin-right: 10px;
	text-align: center;
	}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-color: #64a969}
	
	.container {
    width: 100%;
	padding:0px;
max-width: 1800px}
	
	.row {margin-right:0px;
	margin-left:0px}
		
	p{padding-left:5%;padding-right:5%}
	
@media (max-width: 480px) {

  .menu {background-color:none;}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color:#ffffff}

.navbar-default {
    background-color: none;
    border-color: #ffffff;
	margin:auto;
	height:auto;
	font-size: 16px;
    line-height: 40px;
	padding-bottom: 40px;
}
	


}
	
	@media (max-width: 	767px) {
			
		.navbar {background-color: transparent !important}
}

select
{
	border: solid 1px #f5f5f5;
	color:#848788;
	line-height:40px;
	font-size:13px;
	border-radius:0px;
	width:100%;
	height:30px;
	text-align:center
}

input[type=text]
{
	border: solid 1px #f5f5f5;
	color:#848788;
	line-height:28px;
	font-size:11px;
	-webkit-appearance: none;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-radius:0px;
	width:100%;
	text-align:left;
	margin-top: 12px;
	padding-left: 5px
}

.newsletter input[type=text]
{
	border: solid 1px #f5f5f5;
	color:#848788;
	line-height:30px;
	font-size:11px;
	-webkit-appearance: none;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-radius:10px;
	width:100%;
	text-align:center;
	margin-top: 12px;
	padding-left: 50px;
	min-width: 180px
}

input[type=textarea]
{
	color:#848788;
	width:100%;
	height:150px;
	-webkit-appearance: none;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-radius:0px;
	text-align:left;
	padding-top: 70px;
    font-size: 11px;
	padding-left: 5px;
	margin-top: 12px;
}
input[type=submit]
{
	border: solid 1px #d83558;
	color:#000000;
	background-color:transparent;
	cursor:pointer;
	font-size:18px;
	margin-top:10px;
	margin-bottom:40px;
	padding:10px;
	-webkit-appearance: none;
	text-align:center;
	width:100%;
	float: right;
	border-radius: 0px;
	max-width: 250px;
	font-weight: bold
}
input[type=submit]:hover
{
	border:solid 1px transparent;
	color:#d83558;
	background-color:#ffffff;
	-webkit-appearance: none;
	text-align:center
}
#contact span
{
	color:#d83558;
	font-size:14px;
}

	
#adress
{
	display:none
}
label
{
	color:#000000;
	font-size:15px;
	font-weight:normal
}

textarea
	{
	border: solid 1px #f5f5f5;
	color:#848788;
	width:100%;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-radius:0px;
	text-align:left;
	padding-bottom: 70px;
    font-size: 11px;
	padding-left: 5px;
	margin-top: 12px;
}

td {padding-right:5px; background-color:#ffffff; font-size:15px}
table {max-width:100%; background-color:#ffffff}
.right {text-align:right}
.left {text-align:left}
.fields {padding-left:12%; padding-right:12%}
.topmargin {margin-top:10px}

@media (max-width: 992px) {
.right {text-align:center}
.left {text-align:center}
.fields {padding-left:0%; padding-right:0%}
		.flex {display: block}
	.apropos  {display: block}
}

.form {margin-top:15px; margin-left: 30px}

.form .col-md-6, .form .col-sm-6 {padding-right: 0px}
.form .col-md-12, .form .col-sm-12 {padding-right: 0px}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-sm-12 col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left:5px; padding-right:5px}

.mainslider .flex-direction-nav {display:none}

.notop {padding-top: 0px}

.nobottom {padding-bottom: 0px}

.anchor {margin-top: -220px; height: 220px; display: block}

.pinkbackground {background-color: #d83558; padding-top: 20px; padding-bottom: 20px;}
	
.purplebackground {background-color: #262230}

.biensimmobiliers {background-color: #262230}

.biensimmobiliers h2 {color: #d83558; text-align: right; line-height: 24px; padding-bottom: 15px; margin-bottom: 15px}

.biensimmobiliers p {text-align: right; padding-right: 21%; font-size: 15px; padding-left: 15%;}

.biensimmobiliers button {border:1px solid #d83558; background-color: transparent; color: #ffffff; float: right;
    margin-right: 21%; margin-top: 15px}

.biensimmobiliers button a {color:#ffffff}

.biensimmobiliers button a:hover {color:#d83558}

.biensimmobiliers h2 {font-weight:bold;}

.biensimmobiliers .purplebackground {padding-bottom: 20px; padding-top: 20px; align-content: center}

button {
    text-align: center;
    background: transparent;
    color: #262230;
    border: #e9e9ea 1px solid;
    padding: 10px 20px;
    font-size: 16px;
	border-radius: 0px;
background-color: #e9e9ea;
width: 250px;
	height: 60px;
	margin-left: 15%;
    bottom: 5%;
}

.navbar-header button {background-color: transparent !important}

.gauche p {text-align: left; padding-left: 12%;}

.gauche h2 {text-align: left; padding-left: 12%;}

.gauche button {float:left !important; margin-left: 12%;}

.prestations {padding-top: 0px; padding-bottom: 0px}

.prestations h2 {color: #d83558; text-align: left; padding-left: 4%; padding-right: 4%; padding-top: 25px; padding-bottom: 15px}

.prestations h2 strong {font-size:32px}

.prestations h2 span {font-size:14px; padding-top:5px; color: #000000; min-height: 50px}

.prestations .greybackground {align-content: end; padding-bottom: 0px; background-color: #f6f6f8}

.prestations .greybackground2 {align-content: end; padding-bottom: 0px; background-color: #e6e6e8}

.prestations .greybackground3 {align-content: end; padding-bottom: 0px; background-color: #dedee0}

.prestations p {min-height:80px}

.suite p {min-height: 150px}

.suite h2 {min-height: 120px}

.suite .greybackground {background-color: #d9d8da}

.suite .greybackground2 {background-color: #e2e2e4;}

.suite .greybackground3 {background-color: #f5f5f6;}

.fa-solid, .fas {color:#d83558}

.pad {padding-top: 20px; padding-bottom: 20px}

@media (max-width: 768px) {
	.navbar-nav > li > a {padding-left: 0.5em; padding-right: 0.5em;line-height: 40px; font-size: 14px}
	.nav > li {border:none}
	.mainmenu {
		position: absolute;
	}
	
	.startsticky img {display: block !important}

	.menu-item {width:100% !important}
	

	
	.disappear {display: none}
	
	.purplebackground {padding-top: 20px; padding-bottom: 20px}
	
.biensimmobiliers button {position: relative; float: right; bottom: unset}

	.suite p {min-height: 0px}	
	
	.prestations p {min-height: 0px}	
	
}

.navbar { position: relative; z-index: 1001; }