/**
* Template Name: Instant
* Template URL: https://templatemag.com/instant-bootstrap-personal-template/
* Author: TemplateMag.com
* License: https://templatemag.com/license/
*/



/* ==========================================================================
   MENU DE NAVIGATION
   ========================================================================== */

.navbar {
	background-color: #1e2828; /* vert très foncé */
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #3a3a3a; /* gris foncé */
	background-color: #1e2828; /* vert très foncé */
}

.navbar-default .navbar-nav > li > a {
	color: white;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: white;
	background: url(../img/feuille-hover-grise.png) no-repeat center bottom;
	background-size:20px;
	padding-top: 10px;
}

.navbar-default .navbar-toggle {
  border: none;
  border-color: #fff;
  background: none;
 }

.navbar-default .navbar-toggle .icon-bar {
  background-color: white;
}

.navbar-nav {
	margin-top: 30px;
	margin-left: 150px;
	text-align: right;
	background-color: #1e2828; /* vert très foncé */
}


@media (max-width: 768px) {
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		color: white;
		background: #1e2828; /* vert très foncé */
	}
}
 
/* ==========================================================================
   INTRO
   ========================================================================== */


#introWork{  
	background: url(../img/sun7photo/inspyris-creation-logo-pour-sun7photo.jpg) no-repeat center top;
	font-size: 1.3em;
	font-weight: 700;
	padding-top: 130px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#introWork h1{ 
	color:#e4e6e7; /* gris clair */
	font-size: 1em;
	font-weight: 500;
}

.intro_work h3 {
	color:#e4e6e7; /* gris clair */
	font-size: 1.5em;
	font-weight: 200;
}

.intro_work span {
	color:#e4e6e7; /* gris clair */
	font-weight: 500;
	font-size: 0.8em;
}

.intro_work a {
	color:#e4e6e7; /*gris clair*/
	font-weight: 500;
	font-size: 0.8em;
}

#intro h3 {
	  font-family: 'montserrat', sans-serif;
	  font-size: 1.1em;
	  font-weight: 700;
	  color: #1f4441; /* vert foncé */
}

#intro h4{ 
	background-color: white;
	color: #1e2828; /* vert très foncé */
	font-size: 1em;
	margin-bottom: 80px;
}

#intro h4 span{ 
	font-weight: 600;
}

#intro img{ 
	margin-bottom: 50px;
}

.separation {
	margin-top: 100px;
	margin-bottom: 150px;
}

#bandeauImg{  /* bandeau image mockup */
	background: url(../img/sun7photo/sun7photo-logo-typo-personnalisee-photographie-sportive-1920x693.jpg) no-repeat center top;
	padding-top: 130px;
	text-align:center;
	background-attachment: relative;
	background-position: bottom center;
	min-height: 300px;
	width: 100%;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.socialRealisations a {
    font-size: 0.8em;
	font-weight: 300;
    margin: 0 10px;
    color: white;
}

.socialRealisations a:hover {
    color: #e4e6e7; /* gris clair */
}


/* ==========================================================================
   REALISATIONS
   ========================================================================== */


#realisations h2 {
	  font-family: 'montserrat', sans-serif;
	  font-size: 1.1em;
	  font-weight: 700;
	  margin-bottom: 30px;
	  color: #1f4441; /* vert foncé */
}

#realisations h4 { 
	color: #1e2828; /* vert très foncé */
}

#realisations h4 span{ 
	font-weight: 600;
	color:#1f4441; /* vert foncé */
}


#realisations h5 {
	  color: #1e2828; /* vert très foncé */
}

/* ==========================================================================
   BANDEAUX
   ========================================================================== */


#bandeauLogos{
	background-color: #1f4441; /* vert foncé */
	text-align: center;
	font-family: 'montserrat', sans-serif;
	font-size: 1.3em;
	font-weight: 700;
	color: white;
	height: 100px;
	padding-top: 40px;
	padding-bottom: 40px;
}

@media (max-width: 768px) {
	#bandeauLogos{
		font-size: 1em;
		height: 100px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
}


/* ==========================================================================
   FORMULAIRE DE CONTACT
   ========================================================================== */


#VotreProjet h2 {
	  font-family: 'montserrat', sans-serif;
	  font-size: 1.1em;
	  font-weight: 700;
	  margin-bottom: 30px;
	  color: #1e2828; /* vert très foncé */
}

.contact-form a{
	background-color: #1f4441; /* vert foncé */
}

.contact-form a:hover{
	background-color: #e4e6e7; /*gris clair*/
	color: #1f4441; /* vert foncé */
}

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

.copyrights_logos {
  background: #1e2828; /* vert très foncé */
  padding: 20px 0;
  text-align: center;
}

.copyrights_logos p {
	color: white;
}

.copyrights_logos a {
	color: white;
}

.copyrights_logos a:hover {
	color: #e4e6e7; /*gris clair*/
}

/* ==========================================================================
   CHEVRON
   ========================================================================== */


#top {
    position: relative;
}

.topHome {
	background: #e4e6e7; /*gris clair*/
}
.topHome .fa-2x {
font-size: 20px;
color:#fff;
margin: 4px;
background: #e4e6e7; /*gris clair*/
}