/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/

body {
	background-color: white;
}

html {
	background-color: white;
}

/* Display "Galerie" and "Avis" sections without any margin or padding */
#price,
#testimonial {
	padding: 0 !important;
	margin: 0 !important;
}

/* Contact div font parameters */
/* h3.text-uppercase{
	color: #bf9456; 
}
#contact{
	color: #FFFFFF; 
} */


::placeholder {
	/* Font color is the same as border top color */
	color: #FFFFFF !important;
	opacity: 0.5 !important;
}

input,
textarea {
	color: #FFFFFF !important;
	opacity: 1 !important;
}

/* update likns hover color*/
.header-row>nav>ul>li>a:hover,
.text.ls3>a:hover {
	color: #90CCCB !important;
}

:not(.header-row > nav > ul > li)>a:hover {
	color: #EDB26B !important;
}


/*Avis section scroll dots */
.flexslider a {
	background-color: #EDB26B !important;
}

/*Prestations section*/

.price-name a:hover {
	color: #DBAF9D !important;
}

.price-name a:not(:hover) {
	color: #1B2336 !important;
}

.price-price {
	color: #bf9456 !important;
}

/* Global text selection color */
::selection {
	background: #EDB26B;
}


/* Margin after section */
#testimonial {
	margin-top: 15% !important;
}

/* Contact info */
#contactinfo {
	margin-bottom: 5%;
}

/* Google maps text marker (popup) */
.gmap_marker {
	color: #555 !important;
}

/* hide tricky "form process" animation */
/*.form-process {
	display: none !important;
}*/

.imgabout {
	margin-top: 80%;
}

#content {
	background-color: #F0F0F4 !important;
}

#sign {
	filter: invert(90%)
}

#gotoTop:hover {
	background-color: #1B2336 !important;
}

h1 {
	display: none !important;
}

#txtcontacter {
	color: #F0F0F4 !important;
}

.icon-call {
	color: dimgray !important;
}

.icon-call:hover {
	color: dimgray !important;
}

.icon-mail {
	color: #C71610 !important;
}

.icon-mail:hover {
	background-color: #C71610 !important;
}

#header-wrap {
	background-color: #E5DFD7 !important;
}

.portfolio-desc {
	background-color: #EDB26B !important;
}


.portfolio-desc:hover>h3>a:hover {
	color: #1B2336 !important;
}

#quisj {
	color: #1B2336 !important;
}

h2,
.ls2 {
	color: #bf9456 !important;
}



/* #contact{
    background-color: #000000 !important;
}

#contacter{
     background-color: #000000 !important;
} */

#map {
	position: relative;
	z-index: 1;
}

.button.button-color.reverse {
	background-color: dimgray !important;
	color: #E5DFD7 !important;
}

.button.button-color:hover {
	background-color: #EDB26B !important;
	color: dimgray !important;
}

#buttonrdvtop {
	background-color: #E5DFD7 !important;
	color: #90CCCB bf9456 !important;
}

#buttonrdvtop:hover {
	background-color: #EDB26B !important;
	color: #1B2336 !important;
}

#buttonrdv {
	background-color: #E5DFD7 !important;
	color: #1B2336 !important;
}

#buttonrdv:hover {
	background-color: #EDB26B !important;
	color: #1B2336 !important;
}


#template-contactform-submit {
	/* bouton envoyer */
	background-color: dimgray !important;
	color: #DFD7CCCB !important;
}

#template-contactform-submit:hover {
	/* bouton envoyer */
	background-color: #DFD7CCCB !important;
	color: dimgray !important;
}


#nouscontacter {
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
}

/* label{
	color:#FFFFFF !important;
} */



/* Règles CSS pour cacher le header par défaut sur mobile */
@media screen and (max-width: 1020px) {
	#header-wrap {
		display: none;
	}

	#map {
		display: inline-block !important;
		visibility: visible !important;
	}

	#nouscontacter {
		border-top-color: #EDB26B;
		border-top-style: solid;
		border-top-width: 8px;
	}
}

/* Règles CSS pour afficher le header uniquement sur mobile lorsque l'utilisateur fait défiler la page */
/* @media screen and (max-width: 1080px) {
	#header-wrap {
	  position: fixed !important;
	  top: -100px !important;
	  left: 0 !important;
	  right: 0 !important;
	  z-index: 9999 !important;
	  transition: top 0.3s !important;
	}
  
	#header-wrap.visible {
	  top: 0 !important;
	}
  } */


/* bliking OSM custom markers */
@keyframes fade {
	from {
		opacity: 0.5;
	}
}

.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
	animation: fade 1s infinite alternate;
}



@media only screen and (max-width: 1020px) {
	.slider-inner {
		background-size: cover;
		background-position: center center;
		height: 100vh;
		width: 100vw;
	}
}

 /* WhatsApp things */
.floating {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 40px;
	right: 40px;
	background-color: #25d366;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
}


#textme{
	margin-top: 14%;
}

.modal-body {
	background-color: #E5DFD7;
	color:#555;
}

.modal-body h4, .modal-body h5, .modal-body h6{
	color:#555;
}