@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: block	;
}

:root{
	--vert: #cd1619;
	--blanc: #ffffff;
	--noir: #ffffff;
	--gris: #3c4147;
	--grisfonce: #ffffff;
	--bordeaux: #6c757d;
	--noir: #000000;
}

body {
	font-family: 'Montserrat', sans-serif;
	background: var(--gris);
	color: var(--blanc);
	height: 100%;
	min-height: 100%;
	font-size: 14px;
}
.detail-nav .dropdown-menu a
{
  color: var(--noir) !important;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
color: var(--gris)
}
.navbar li a {
	color: #ffffff;
	text-transform: uppercase;
	padding: 0 10px 0 10px;
	font-size: 14px;
	font-weight: 500;
}
.navbar li a:hover{
color: var(--vert);
transition: color 0.5s ease;
}

.header-img {
	width: 173px;
}
.bantype {
	position: absolute;
	top: 30px;
	left: 210px;
	right: 30px;
	z-index: 5;
}

.texteagence {
	background: 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);
	padding: 20px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.texteagence p {
	font-size: 1.4em;
	padding-left: 00%;
	margin-left: 20px;
color: var(--gris);
}
.btn-group-lg > .btn, .btn-lg {
	padding: .3rem 1rem!important;
	font-size: 1.25rem!important;
	line-height: 1.5!important;
	border-radius: .3rem!important;
	padding-bottom: 10px;
}
.fond{
padding: 20px;
background: rgba(255, 255, 255, 0.509);
border: 2px solid #ffffff;
border-radius: 10px
}

footer {
	background-color: inherit;
	margin-top: 00px;
	padding-top: 40px;
	margin-bottom: 00px;
	padding-bottom: 50px;
	clear: both;
	background: var(--gris) ;
	background-size: contain;
}

.introtext h3 {
	color: var(--blanc);
	font-weight: 800;
	font-size: 2.2em;
	opacity: 0;
	animation: rightTOleft 1.5s ease 0.2s 1 normal forwards;
}
.introtext p {
	color: var(--blanc);
	font-weight: 500;
	font-size: 1.6em;
	opacity: 0;
	animation: rightTOleft 1.5s ease 0.6s 1 normal forwards;
}

.prod_listing > .listing_article article .description {
	display: block;
	font-size: 1.2em;
	color: var(--gris);
}
.prod_listing > .listing_article article .list-option ul li {
	padding: 0 20px 0 0px;
	color: var(--gris);
}
.detail-info .table td {
	padding: 10px 20px;
	color: var(--gris);
}
.dpe-txt {
	color: var(--gris);
}
.alerte-email .prod_home .info_ville, .recherche-detaillee .info_ville, .estimation .prod_home .info_ville {
	font-size: 13px;
	color: var(--vert);
}
.estimation .block_info, .alerte-email .block_info {
	background: var(--blanc);
	padding: 10px;
	color: var(--gris);
}

.list-option{
	color: var(--gris);
}

@media (max-width: 767px) {
    header ul.navbar-nav li a {
        color: #fff;
    }
}