@font-face {
	font-family: 'Gilroy Light';
	font-weight: 400;
	src: url('fonts/Gilroy-Light.woff2') format('woff2');
}   
@font-face {
	font-family: 'Gilroy Bold';
	font-weight: 400;
	src: url('fonts/Gilroy-Bold.woff2') format('woff2');
}   
@font-face {
	font-family: 'Gilroy Regular';
	font-weight: 400;
	src: url('fonts/Gilroy-Regular.woff2') format('woff2');
}    

html, body {
  font-family: 'Gilroy Light';
  font-size: 10px; 
  background-color: #ffffff;          
  color: #1d1d1b;
}

.container {
	font-size: 1.7rem !important;
}

p b {
  font-family: 'Gilroy Bold';
  font-weight: normal;
}

a {
  color: #1d1d1b;   
}

a:hover {
  text-decoration: none;  
}

.navbar {
  background-color: #ffffff;  
}

.navbar-nav .nav-link {
  font-family: Arial !important;
  font-size: 1.6rem !important; 
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
  color: #628633;
}

.navbar-nav .nav-link.active {
  font-weight: bold;  
}

.main {
	padding-top: 100px;
}
.paddingleftright {
  padding-left: 4%;
  padding-right: 4%;
}

h1 {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 3.5rem;
}

h2 {
  color: #628633;
  font-size: 3.5rem;
}

h3 b {
  position: relative;
  padding-left: 28px;
}

h3.puce b::before {
  content: url('./images/puce-vert.png');  
  position: absolute;
  top: 3px; 
  left: 3px;
  width: 16px;
  height: 16px; 
}

.bquote {
  margin-top: 100px;
  color: #628633;
  font-size: 3.5rem;
  line-height: 1.2em;
  padding-left: 25%;
  padding-right: 25%;
}

.bg-beige {
  background-color: #f4ede7;  
  padding-top: 30px;
  padding-bottom: 30px;
}

.bg-vert {
  background-color: #4a6525;  
  padding-top: 30px;
  padding-bottom: 30px;
}

.bg-vert * {
  color: #ffffff;
}

.prendre-contact {
  color: #628633;
  font-size: 2rem;
}

.btn-primary {
  background-color: #628633;
  color: #ffffff; 
  border-color: #628633;
  border-radius: 0px;
  font-size: 1.5rem;
  line-height: 2rem;
}

.btn-primary:hover {
  background-color: #ffffff;
  color: #628633;
  border-color: #628633;
}

.text-reduit {
  font-size: 1.5rem;  
}

.form-control {
  font-size: 1.6rem !important;  
  border-radius: 0px !important;
  color: #1d1d1b !important;
}

input[name="siteweb"] {
	position: absolute;
	left: -999999999px;
}

.btn-secondary {
  background-color: #628633;
  color: #ffffff;
  border-radius: 0px;
  font-size: 1.5rem;
  line-height: 2rem;
  padding-left: 30px;
  padding-right: 30px;
  
}

.btn-secondary:hover {
   background-color: #ffffff;
  color: #628633;
  border-color: #628633;           
}

.projet a {
  font-size: 1.9rem;
  font-family: 'Gilroy Regular'; 
}

.projet .col-md-3 p:first-child {
  overflow: hidden;  
}

.projet img {
  transition: transform .5s ease;
}

.projet img:hover {
  transform: scale(1.2);  
}

.GilroyR {
  font-family: 'Gilroy Regular';  
}

.contactez-nous {
  font-size: 2.8rem; 
  color: #628633;
}

.modal-content h2 {
	font-size: 2.5rem !important;
	font-weight: bold;
}

.modal-content h3 {
	font-size: 2rem;
	font-weight: bold;
}

.modal-content h4 {
	font-size: 1.7rem;
	font-weight: bold;
}

.modal-content p {
	font-size: 1.5rem;
}

@media screen and (min-width: 768px) {
	.vous-etes li {
		padding-right: 5%;
	}
}