body {
	font-family: 'Quicksand';
	background: rgb(0, 0, 0);
	background: linear-gradient(180deg, rgba(1, 0, 0, 0) 0%, rgba(236, 228, 224, 1) 100%);
	background-repeat: no-repeat;
	background-attachment: fixed;

}

.header>.row {
	margin: auto;
}

.logo {

	width: 150px;
	text-align: center;
	margin: auto;
	display: flex;
	margin-top: 15px;
}

h1::first-letter {
	color: #9E8975;
}

h1 {
	color: #676E60;
	font-weight: bold;

}

h2 {
	color: #67764C;
}

h3,
h4,
h6 {
	color: #C1A78E;
}

h5 {
	color: #877565;
}

.mwsm-home__h1 {
	font-weight: bold;
	margin-bottom: 7px;
	font-size: 2rem;
	color: #67764C;
}

.mwsm-home__h1::first-letter {
	color: #67764C;
}

.mwsm-title__h2::first-letter {
	color: #9E8975;
}

.mwsm-title__h2 {
	font-size: 2.5rem;
	color: #676E60;
	font-weight: bold;
	text-align: center;
}

.mwsm-title__h3 {
	color: #67764C;
	font-size: 2rem;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
}

.mwsm-contact__subtitle {
	color: #C1A78E;
	font-size: 1.75rem;
}

.mwsm-contact__secondarytitle {
	text-align: center;
	color: #676E60;
	font-weight: bold;
	font-size: 2.5rem;
}
.mwsm-contact__secondarytitle::first-letter {
	color: #9E8975;
}

/* fake h5 */
.mwsm-title__medium {
	color: #877565;
	font-size: 1.25rem;
}

/* fake h6 */
.mwsm-title__small {
	color: #C1A78E;
	font-size: 1rem;
}

p {
	font-weight: lighter;
	color: #676E60;
}

hr {
	width: 80%;
	margin: auto;
	background-color: #676E60;
}

sup {
	color: #877565;
}

.far,
.fa-check {
	color: #877565;
}

.main {
	margin-top: 150px;
}

/*-----------NAV-------------*/


.menu1 {
	margin-right: 5%;
	text-align: center;
	margin-top: 20px;

}

.menu1 li {

	list-style-type: none;
}

.menu1 ul {
	display: flex;

}

.menu1 a {
	font-size: 1.2rem;
	margin: 30px;
	text-decoration: none;
	color: #889180;

}

.menu1 a:hover {
	border-bottom: 2px solid grey;
	padding-bottom: 2px;
	color: #9E8975;

}


ul li ul li {
	display: none;


}

.deroulant ul {
	display: block;
	padding: 0;
}

ul li:hover ul li {
	display: block;

}


.sous li {

	text-align: left;
}

.sous {
	position: absolute;

}


/***************responsive nav******************/



.responsivenav {
	display: none;
}

/*-----------CAROUSEL-------------*/
.text-imgac {
	bottom: 30%;
}

.darkbuble {
	margin-top: 30%;
	margin-bottom: 1rem;

	background: rgba(217, 198, 176, 0.5);
	border-radius: 3px 15px 15px;
	padding: 1%;
	margin-top: 20px;
	width: 80%;
}

.button {
	border-radius: 50px;
	border: none;
	color: #676E60;
	background-color: rgba(193, 167, 142, 0.5);
}

.button:hover {
	background-color: #C1A78E;
}


.section {
	margin-top: 150px;
}

.serviceimg {
	border-radius: 7px 45px 45px 45px;
	height: 326px;
	width: 100%;

}

.messageright,
.messageleft {
	margin-top: 12%;
}

.middleimgservice {
	border-radius: 45px 7px 45px 45px;
	height: 326px;
	width: 100%;

}

.imgpresta {
	width: 200px;
	border-radius: 150px 150px 0px 0px;
	height: 243px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.imgprest {
	width: 100%;
	height: 100%;
}

.couverture {
	width: 100%;
}

.card {
	background: transparent;
	border: 0px;

}

.card-title {
	justify-content: center;

}

/*#40453D*/

.jumbotron {

	background: transparent;
	color: #676E60;
	margin-top: 44px;
}





/*-- apropos --*/
.card-header:first-child {
	border-radius: calc(7.25rem - 1px) calc(7.25rem - 1px) 0 0;
}


.blog {
	width: 75px;
	height: 75px;
	border-radius: 50px;
}

.blogtitle {
	color: #C1A78E;
	text-decoration: none;

}

.blogtitle:hover {
	color: #676E60;
	text-decoration: none;

}

.btn-link.focus,
.btn-link:focus {
	text-decoration: none;

}

.marque {
	margin-top: 20%;
}

.img-apro {
	max-width: 800px;
	height: 400px;
	border-radius: 150px 150px 0px 0px;

}

.imgmonhistoire {
	margin-top: 20%;

}


/*-----------realisations-------------*/

.projet {
	margin-top: 150px;
}

.desc {
	margin-left: 60px;

}

.imgpetite,
.imgpetit {
	width: 91%;
	height: 163px;
	padding: 6px;
	border: 2px solid #C1A78E;
	border-radius: 150px 150px 0px 0px;
}

.parent,
.paren {
	height: 312px;
	padding: 6px;
	border: 2px solid #C1A78E;
	border-radius: 150px 150px 0px 0px;

}

.parent {
	margin-left: 9%;
	width: 91%;
}

.paren {
	margin-left: 32%;
	width: auto;

}

#block {

	position: relative;
	height: 300px;
}

.enfant {
	list-style: none;
	position: absolute;
	display: flex;

}



/*-----------rayonnememnt-------------*/
.column {
	float: left;
}

.imgrenv {
	margin-top: 24px;
}


/*-----------FOOTER-------------*/
.logofooter {
	width: 200px;

}

.nav-link {
	color: #676E60;
	text-align: center;
}

a:not([href]):not([tabindex]) {
	color: #676E60;
}

.nav-link:hover {
	color: #9E8975;
	transition: .3s all ease;
}

/*-----------RESPONSIVE-------------*/


@media screen and (max-width: 950px) {

	body {

		width: 100%;
		margin: 0;
		padding: 0;
	}

	.imgmonhistoire {
		margin-top: 0;

	}

	.logofooter {
		margin-left: 24%;

	}

	/*********** realisations *************/
	.desc {
		margin-left: 58px;
		padding: 0;
	}

	.enfant {
		position: relative;
		padding: 0;
	}

	.parent .paren {
		width: 400px;
		height: 322px;
		margin-left: 0 !important;
		padding: 0;
	}

	.paren {
		margin-left: 32px;
	}


	.imgpetite {
		width: 94%;
		height: 99px;
		padding: 5px;
		margin-left: 17%;
	}

	.imgpetit {
		width: 73%;
		height: 100px;
		padding: 12px;
		margin-left: 30%;

	}

	/*---------NAVBAR MOBILE----------*/

	.responsivenav {
		display: block;
	}

	.header {
		display: none;
	}


	.menu2 li {

		list-style-type: none;
	}

	.menu2 ul {
		display: block;

	}

	.menu2 a {
		font-size: 1.2rem;
		margin: 30px;
		text-decoration: none;
		color: #889180;

	}

	.menu2 a:hover {
		border-bottom: 2px solid grey;
		padding-bottom: 2px;
		color: #9E8975;

	}


	ul li ul li {
		display: none;


	}

	.deroulant ul {
		display: block;
		padding: 0;
	}

	ul li:hover ul li {
		display: block;

	}



	.sous {
		position: relative;

	}

	.carousel-caption {
		position: relative;
		left: 0;
	}

	sup {
		display: none;
	}

	.couverture {
		height: 250px;
		width: 100%;
	}

	.serviceimg,
	.middleimgservice {
		margin-top: 30px;

	}

	.card-deck {
		display: block;

	}


	/********************apropos********************/
	.sonicimg {
		display: none;
	}

	.section {
		margin-top: 0;
	}

	.imgprest {
		width: 100%;
	}
}

/* Fix */

/* PAGE RENOUVEAU & DECLIC - CTA */
@media screen and (max-width : 768px) {
	.mswm-fix-btn {
		margin-top: 0.2rem;
		margin-bottom: 1.2rem;
	}

}

/* PAGE CONTACT - MAP */
@media screen and (min-width : 768px) {
	.mwsm-fix-map {
		margin-top: 60px;
	}
}

@media screen and (max-width : 450px) {
	.mwsm-fix-map iframe {
		width: 100%;
	}
}

/* PAGE CONTACT - TOAST */
/* Positionnement du toast */
#mwsm-contact-toast {
	top: 20px;
	transform: translateX(-50%);
	left: 50%;
}

/* Style principal du toast */
.mwsm-toast {
	background-color: #f8f9fa;
	color: #212529;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	border: 1px solid #ccc;
}

/* Entête du toast */
.mwsm-toast-header {
	background-color: #ffffff;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* Bouton de fermeture */
.mwsm-toast-header button {
	background: none;
	border: none;
	font-size: 16px;
	color: #676E60;
	cursor: pointer;
}

/* Corps du toast */
.mwsm-toast-body {
	font-size: 14px;
	padding: 10px;
}

/* Template SEO */
.mwsm-template__intro {
	text-align: center;
	margin-bottom: 80px;
}
.mwsm-template__block {
	display: flex;
	gap: 60px;
	margin-bottom: 120px;
}
.mwsm-template__block.reverse {
	flex-direction: row-reverse;
}
.mwsm-template__block .image {
	max-height: 100%;
	width: 100%;
}
.mwsm-template__block .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.mwsm-template__block .content .block:first-child{
	margin-bottom: 40px;
}
.mwsm-template__block .content .block h3{
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	.mwsm-template__block,
	.mwsm-template__block.reverse {
		flex-direction: column;
		margin-bottom: 60px;
	}
	.mwsm-template__block .image img {
		width: 100%;
		height: auto;
	}
	.mwsm-template__block .content .block:first-child{
		margin-bottom: 20px;
	}
}

/* Correctifs - Octobre 2025 */
.mwsm-accueil_hero::after {
	content: '';
	position: absolute;
    display: block;
	top: 0;
	left: 15px;
	width: calc(100% - 30px);
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 1;
}
@media screen and (max-width: 950px) {
	.mwsm-accueil_hero::after {
		display: none;
	}
}
@media screen and (min-width: 950px) {
    .mwsm-home__h1 {
        color: white;
    }
    
    .mwsm-home__h1::first-letter {
        color: white;
    }
    .text-imgac p, .text-imgac a button {
        color: white;
    }
}

.mwsm-rs_container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.mwsm-rs_container .nav-link{
    padding: 0;
}