body{
	font-family: 'Montserrat', sans-serif; font-size: 1rem;
	background-color: #40454B;
}

main{
	background-color: #363940;
}

a{
	text-decoration: none;
	color: #3C9789;
}

a:hover{
	text-decoration: none;
	color: #3C9789;
}

i{
	color: #3C9789;
}

label{
	color: #e0e0e8;
}

i:hover{
	color:#3C9789;
}

p{
	color: #e0e0e8;
}

li{
	color: #e0e0e8;
}

h2{font-weight: bold;
	color: #3C9789;
	font-size: 2.8rem;	
}

h3{
	color: #3C9789;
	font-size: 2rem;
}

h4{
	color: #3C9789;
}

footer{
	font-size: 1.5rem;
	background-color: #40454B;
}

hr{
	color: #3C9789;
	width: : 6rem;
}

table{
	max-width: 75%
}

.navbar-toggler{
	margin-left: 10rem;
}

.Recnav{
	background-color: #212227;
}

.active{
	font-weight: bold;
}

a.nav-link{
	font-size: 1rem;
	color: #3C9789 !important;
	font-weight: normal; 
}

a.nav-link:hover{
	text-decoration:underline;
	font-weight: bold;
}

.Recintro{
	background-image: url("../img/background1.jpg");
	background-repeat: no-repeat;
	 background-size: auto;
	 background-attachment: fixed;
}

.IGobjectfit img{width: 100%; height: 400px; object-fit: cover; background-attachment: fixed;}
/*#IGcouverture{height: 50vh; background-image: url(images/AdobeStock_224777252_Preview.jpeg); background-size: cover; background-position: center;}*/

.Recprésent{
	padding-top: 12rem;
}


.Rectun{font-weight: bold;
	color: #3C9789;
	font-size: 2.8rem;
	padding-bottom: 4rem;

}

.Rectdeux{
	color: #3C9789;
	font-size: 2.8rem;
	padding-bottom: 9.6rem;
	font-weight: normal;
}


.Reci{
	padding-bottom: 5.8rem;
}

.rect{
	padding-top: 4rem;
}

.rect2{
	padding-top: 2rem;
}

.Recpadding{
	padding-bottom: 4rem;
}

.Recpadding2{
	padding-bottom: 2rem;
}

.Recgauche{
	padding-left: 2rem;

}
.Recgauche2{
	padding-left: 1.1rem;
}

.Recalign{
	 vertical-align: middle;
}

.Recimgprés{
	width:200px;
	height: 200px;
   border-radius: 50%;
   margin-bottom: 4rem;
}

.Recbt1{
	background-color: #3C9789;
	color: #363940;
	font-size: 1rem;
	text-decoration: none;
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	border-radius: 50px;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-weight: bold;
}

.Recbt1:hover{
	color: #363940;
}

.Rectravaux{
	background-color: #212227;
}


.Recimgnav{
	filter: grayscale(100%);
}

.Recimgnav:hover{
	filter: grayscale(0%);
}

.Recmodal{
	background-color: #40454B;
}

.Recmodal:hover{
	background-color: #40454B;
}

.Recmodal:active{
	background-color: #40454B;
}

.Rectmod{
	font-size: 1.5rem;
}

.Rectmod2{
	font-weight: bold;
}

.modal-header, .modal-body{
	background-color: #40454B;
}

.Recpfoot{
	color: #3C9789;
}

.Recimgap{
	max-height: 50%;
}


.RecCV{
	font-size: 2rem;
}

.RecCV2{
	font-size: 1.5rem;
}

.Reccercles{
	max-width: 50%
}

.RecpCV{
	text-align: left;
}

.RecimgCV{
	max-width: 75%;
	margin-bottom: 7rem;
}

.RecimgCV2{
	max-width: 75 !important;
}

.Recdesign{
	font-size: 0.7rem;
}

.Recdesign2{
	font-size: 1rem;
	color: #3C9789;
}

.Recblanc{
	color: #e0e0e8;
}

.Recblanc:hover{
	color: #e0e0e8;
}
