@charset "utf-8";
/* CSS Document */

body {
  background-color: #1a1a1a;
  color: #1a1a1a;
  font-family: "Nunito", sans-serif;
}

h1, h2, h3, h4 {
  font-family: "Staatliches", cursive;
}

a {
  text-decoration: none;
}

/* Navigation */
.navbar {
  background-color: #1a1a1a;
  position: fixed;
  width: 100%;
  z-index: 99999 ;
}

.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}

.nav-container {
  display: flex;
  justify-content: space-around;
}

.navbar-collapse {
  width: 50%;
}

.logo {
  margin-bottom: 0.2em;
  width: 150px ;
}

.navbar-nav {
  justify-content: space-between;
  width: 100%;
}

.navbar-dark .navbar-toggler {
  border: none;
}

.navbar-toggler:focus {
  box-shadow: none;
}

/* Accueil */

.ecran-accueil {
  /* background-color: #1a1a1a; */
  background-image: url("Images/Background-home.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 90vh;
}

.home-titre {
	padding-top: 30vh;
  position: relative ;
	z-index: 1 ;
}

.box-titre {
  align-items: center;
  display: flex;
  justify-content: center;
}

.titre-accueil {
  font-family: "Nunito", sans-serif;
  text-align: center;
}

.titre-accueil p {
  color: #fff;
	font-size: 5vh ;
  font-weight: 700;
  margin-left: 0;
  margin-bottom: 0;
}

.titre-accueil p:last-child {
	color: #ffb300;
  font-weight: 400;
}

/* Accueil Contenu */
.home-h2 {
  color: #fff;
  margin-bottom: 20px;
}
.section-home {
  background-color: #1a1a1a;
  padding: 10vh 0;
}

.col-a-propos p, .col-contact p {
  color: #fff;
}

.realisations, .services {
  background-color: #222;
}

.card-realisations-home {
  color: #1a1a1a;
  text-align: center;
  transition: transform 0.35s ease ;
}

.card-realisations-home:hover {
	color: #ffb300 ;
	transform: translateY(8px) ;
}

.group-card-realisations {
  margin-bottom: 20px;
}

.card {
	border: none;
	box-shadow : 0.5px 0.5px 12px rgba(0,0,0,0.1)
}

.btn-row {
  display: flex;
  flex-direction: row;
}

.btn-row a:first-child {
  margin-right: 1em;
}

.btn-warning:hover {
  background-color: #ffb300;
  border-color: #ffb300;
}

.card-img-top-services {
	margin-left: auto;
  margin-right: auto;
  width: 55%;
}

.card-body-services {
	padding: 0 1em;
}

.card-title {
  text-align: center;
}

.card-img-top-services {
	transition: transform 0.35s ease ;
}
.card-img-top-services:hover {
	transform: translateY(8px) ;
}

/*Footer*/
footer {
  bottom: 0 ;
	display: block ;
	position: relative ;
}

.RS-footer {
  background-color: #ffb300;
  display: flex;
  justify-content: center;
  padding: 2em 0;
	text-align: center;
}

.RS img {
  margin: 0 1em;
  transition: transform 0.35s ease ;
  width: 6vh;
}

.RS img:hover {
	transform: translateY(8px) ;
}

.Mentions-footer {
	background-color: #1a1a1a;
	color: #fff;
	padding: 2em 0;
  text-align: center;
}

.Mentions-footer p {
  margin: 0;
}

/* REALISATIONS */
.titre-realisations {
  padding-bottom: 100px;
	padding-top: 100px;
}

.page-h1 {
  color: #fff;
  margin-bottom: 20px;
}

.page-realisations {
  min-height: 100vh;
}

.grid-item {
	margin-top: 2em ;
}

.card-realisations {
  color: #1a1a1a;
}

.card-realisations:hover {
  color: #ffb300;
}

.grid-realisations .button {
  margin-bottom: 1em;
}

/* A PROPOS */

.section-page {
  padding-bottom: 10vh;
  padding-top: 10vh;
}

.titre-apropos {
  padding-top: 100px;
}

.page-apropos .page-h1 p:last-child {
	color: #ffb300;
}

.apropos-texte {
  color: #fff;
}

.enbref {
	padding-top: 5em ;
}

.titre-enbref {
  color: #ffb300;
}

.page-h2 {
  margin-bottom: 20px;
}

.container-univers {
	background-color: #212121;
}

.univers{
	color: white;
}

.titre-univers {
  color: #ffb300;
}

.texte-sculpture {
  margin-top: 10vh;
}

/* CONTACT */
.page-contact {
  min-height: 80vh;
}

.titre-contact, .titre-projet {
  padding-top: 100px;
}

.coordonnees p {
	margin-bottom: 0.2rem ;
}

.form-control:focus {
  border-color: #ffb300;
  box-shadow: 0 0 0 .25rem rgba(255, 179, 0, 0.25);
}

/* PROJETS */
.projet-h2 {
  color: #ffb300;
  margin-bottom: 20px;
}

.margin-projet {
  margin: 5vh 0;
}

.projet-description, .logiciels {
  color: #fff;
}

.projet-description a {
  color: #ffb300;
}

.projet-description a:hover {
  color: #ffb300;
  text-decoration: underline;
}

.logiciel-logo {
  padding: 10px;
  width: 100%;
}

.url-projet {
  color: #ffb300;
  font-weight: 600;
}

.url-projet:hover {
  color: #1a1a1a;
}

.fleches-content {
  display: flex;
  justify-content: space-between;
}

.fleches-content a {
  color: #ffb300;
  font-weight: 600;
  padding: 30px;
  transition: transform 0.35s ease ;
}

.fleches-content a:hover {
  transform: translateY(8px) ;
}

/* MEDIA QUERIES */



@media (max-width:992px) {
  .btn {
    width: 100%
  }

  .filters-button-group .btn {
    width: auto;
  }

  .btn-row {
    display: block;
  }
  .btn-row a:first-child {
    margin-bottom: 1em;
  }

	.navbar-collapse {
		height: 100vh ;
    width: 100%;
	}
	.navbar-nav {
    margin-top: 45% ;
		padding-left: 0 ;
		text-align: center ;
	}
	.nav-item {
		margin: 16px ;
	}
	.navbar-dark .navbar-nav .nav-link {
		font-size: 25px ;
	}

  .coordonnees {
    text-align: center;
  }
  .btn-envoyer {
    margin-bottom: 2em;
  }
}

@media (max-width: 767px) {
  .row-flex {
		flex-direction: column;
	}
	.btn-apropos {
		margin-right: 0;
	}

  .logiciel-logo {
    padding: 0
  }

  .filters-button-group .btn {
    width: 40%;
  }

  .filters-button-group {
    text-align: center;
  }
}