:root{
	--lightred: #d64848;
	--red: #a53e3e;
	--dark: #262626;
	--lightdark: #3e3e3e;
	--black: #000;
  --white: #fff;
	--whitegray: #eeeeee;
  --whitefordark: #cbcbcb;
  --darkgrey: #5e5e5e;
}

body.dark{
  background-color: #262626;
}

body{
  transition: .5s;
}

/* === navMenu === */

.brand.dark{
  color: var(--whitegray);
	transition: .5s;
}

.nav-menu.dark{
	background-color: #363636;
	transition: .5s;
}

.nav-menu ul li a.dark{
  color: var(--whitegray);
	transition: .5s;
}

.fa-bars.dark{
	color: var(--whitegray);
	transition: .5s;
}

/* === Partie Title === */
.Titre.dark{
  color: var(--white);
	transition: .5s;
}

.Title hr.dark{
  border-color: var(--white);
	transition: .5s;
}

.titleDesc.dark{
  color: var(--whitefordark);
	transition: .5s;
}

/* === Cards Part === */
.servicesCards-Title.dark{
	color: var(--white);
	transition: .5s;
}

.servicesCards-Separator.dark{
	color: var(--whitegray);
	transition: .5s;
}

.servicesCards-Desc.dark{
	color: var(--white);
	transition: .5s;
}

.servicesCards-Cards.dark{
	background-color: var(--lightdark);
	border: 1px solid var(--darkgrey);
	transition: .5s;
}

.servicesCards-Cards-Desc-Title.dark{
	color: var(--white);
	transition: .5s;
}

.servicesCards-Cards-Desc-Desc.dark{
	color: var(--whitefordark);
	transition: .5s;
}

/* === About Part === */
.About-Title.dark{
	color: var(--white);
}

.About-Separator.dark{
	color: var(--whitegray);
}

.About-Item-Icon.dark,
.About-Item-Desc.dark{
	color: var(--white);
}

.About-Description.dark{
	color: var(--whitefordark);
}

.About-Active.dark{
	color: var(--lightred);
}

/* === CONTACT PART === */

.Contact-Title.dark{
	color: var(--white);
}

.Contact-Separator.dark{
	color: var(--white);
}

.Contact-Desc.dark{
	color: var(--white);
}

.Contact-Item-Desc.dark{
	color: var(--whitefordark);
}

/* FORMULAIRE */

.contact-form-text.dark{
  background-color: #363636;
	border: 1px solid #464646;
  color: #ededed;
}

.contact-form-btn:hover{
  background: #931925;
}

/* === FOOTER PART === */

.FAfooter.dark{
  color: #702530;
}

.footer-copyright.dark p{
  color: #702530;
}

.gotopbtn.dark{
  border: 2px solid #b1b1b1;
}