@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Ubuntu:wght@300;400;500;700&display=swap");
@import url("https://use.fontawesome.com/releases/v6.1.1/css/all.css");



.validation{
	display: none;
}

:root {
	--vert: #e52421;
	--blanc: #ffffff;
	--noir: #000000;
	--gris: #eeeeee;
	--grisfonce: #6c757d;
	--bordeaux: #e52421;
	--rouge: #e52421;
	--bleu: #11224f
}
.detail-info
{
	color: var(--noir);
}
body,
html {
	font-family: 'Montserrat', sans-serif;
	background: var(--blanc);
	color: var(--bleu);
	height: 100%;
	min-height: 100%;
	font-size: 14px;
}
body.contact, body.estimation {
	background: var(--gris);
  }

.block-alerte-mail {
	background: var(--vert) url("/assets/images/logo_alerte_mail.png") no-repeat center left;
	background-size: 15%;
	font-size: 1.4em;
	color: var(--blanc);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
	justify-content: center;
	padding: 00px;
	margin-bottom: 30px;
	margin-top: 20px;
	text-align: center;
	padding: 40px 20px 40px 200px;
}

.contact .main-content, .estimation .main-content {
	color: #000;
color:#000000

}
.contact header, .estimation header  {
	background: var(--blanc);
}
.rouge {
	color: var(--rouge);
}
.contact .content_page_admin p,.contact .content_page_admin h3, .contact .content_page_admin label {
	color: var(--noir);
}
.block_recherche {
	padding-top: 10px;
	background: var(--gris);
	position: fixed;
	z-index: 9;
	width: 100%;
}
.title {
	padding-top: 20px;
	padding-left: 0px;
	text-transform: uppercase;
	font-size:2em;
	font-weight: 800;
	width: 100%;
	color: var(--vert);

}

.contenu-admin p{
	font-size: 1.2em;
}
.header-img {
	width: 107px;
}

.navbar li a {
	color: var(--bleu);
	text-transform: uppercase;
	padding: 0 20px 0 20px;
	font-size: 16px;
}

.introtext h3 {
	text-transform: uppercase
}
.index header {
	
padding-bottom: 40px
}

.index .main-content {
  padding: 0px 10px 30px 10px;
  margin-top: 10px;
}
.main-content {
	background: var(--gris);
	padding: 10px;
}
.texteagence p {
	font-size: 1.4em;
	padding-left: 48%;
	margin-left: 00px;
	color: var(--noir);
	padding-right: 15px
}
footer {
	background-color: inherit;
	margin-top: 40px;
	padding-top: 0px;
	margin-bottom: 00px;
	padding-bottom: 50px;
	clear: both;
	background: var(--blanc);
color: var(--bleu);
}

footer a{
color: var(--rouge);

}
footer h5{
font-size: 1.8em;
	
}
footer p{
	font-size: 1.1em;


}
.prod_listing .block_info {
	width: 55%;
	display: block;
	padding: 15px;
	text-align: left;
color: var(--noir)
}

.administrable .content_page_admin p {
	color: var(--noir)!important;
}
.administrable .content_page_admin {
	margin-bottom: 200px;
}

@media (max-width:1199px) {
		.fleche {
			display: none;
		}
		.fleche2 {
			display: none;
		}
		.texteagence p {
			font-size: 1.4em;
			padding-left: 58%;
			margin-left: 00px;
			color: var(--noir);
			padding-right: 15px;
}
}
@media (max-width:991px) {

.texteagence {
	background: var(--blanc);
	background-size: contain;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
	padding: 20px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.texteagence p {
	font-size: 1.4em;
	padding-left: 0%;
	margin-left: 00px;
	color: var(--noir);
	padding-right: 15px;
}
}

@media (max-width: 767px) {
	header ul.navbar-nav li {
	  border-bottom: 1px solid var(--blanc);
	  padding: 10px 0;
	}

	header ul.navbar-nav li a {
		color: var(--bleu);
	}
	.block-alerte-mail {
		background: var(--vert) url("/assets/images/logo_alerte_mail.png") no-repeat center left;
		background-size: 35%;
		font-size: 1.4em;
		color: var(--blanc);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
		justify-content: center;
		padding: 00px;
		margin-bottom: 30px;
		margin-top: 20px;
		text-align: center;
		padding: 40px 20px 40px 200px;
	}
  }

  @media (max-width: 441px) {
	.block-alerte-mail {
		background: var(--vert) url("/assets/images/logo_alerte_mail.png") no-repeat center left;
		background-size: 65%;
		font-size: 1.4em;
		color: var(--blanc);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
		justify-content: center;
		padding: 00px;
		margin-bottom: 30px;
		margin-top: 20px;
		text-align: center;
		padding: 40px 20px 40px 200px;
	}

  }