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

/** font-family: 'Barlow Semi Condensed', sans-serif; **/
/** font-family: 'Merienda', cursive; **/

body{
	font-family: 'Barlow Semi Condensed', sans-serif;
}
h1{
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 30px;
	font-weight: bolder;
}
h2{
	font-family: 'Merienda', cursive;
	font-size: 20px;
	font-style: italic;
}

.border-left-title{
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: rgba(77,17,25);
	padding:5px 10px;

}
a{
	text-decoration: none;
	color: saddlebrown;
	font-weight: 500;
}
a:hover{
	text-decoration: none;
	color : tan;
}


/**********************
 Barre de navigation
**********************/
.navbar-brand{
	font-size: 30px !important;
	font-family: 'Barlow Semi Condensed', sans-serif !important;
	
}
.navbar{
	background-color: rgba(77,17,25,0.9);
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 20px;
	mini-height: 70px;
}

.navbar-dark .navbar-nav .nav-link{
	color:whitesmoke;
	
}
.navbar-dark .navbar-nav .nav-link:hover{
	color: tan;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: tan;
}


/**********************
  #header
**********************/
.index{
	background: url("../img/src/background_index.jpg");
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	min-height: 100vh;
}
.titre-kocher{
	margin-top: 150px;
	font-family: 'Merienda', cursive;
	font-size: 4em;
	font-weight :bolder;
	font-variant: small-caps;
	text-align: center;
}
.soustitre-kocher{
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 2.5em;
	margin-top : -10px;
	text-align: center;
	
}

.btnPerso{
	opacity:0;
	background-color: rgba(77,17,25,0.8);
	color: azure;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 18px;
	padding : 10px 50px;
	transition: all 0.2s ease-in;
	box-shadow: 5px 5px 2px 1px rgba(192,192,192,0.7) ;
}
.btnPerso:hover{
	background-color: rgba(77,17,25,1);
	border : solid 1px rgba(77,17,25,1);
	box-shadow: 5px 5px 3px 1px rgba(77,17,25,0.5) ;
	color: azure;
}

@media screen and (max-width: 500px){
	.titre-kocher{
		font-size: 2.2em;
		margin-top:100px;
	}
	.soustitre-kocher{
		font-size: 1.4em;
	}
}

/**********************
  #presentation
**********************/
#presentation{
	padding: 70px 0;
	background-color : rgba(234,237,242,0.8);
	min-height: 100vh;
}

/**********************
  #menuiserie
**********************/
#menuiserie{
	padding: 70px 0;
	min-height: 100vh;
}


/**********************
  #charpente
**********************/
#charpente{
	padding: 70px 0;
	background-color : rgba(234,237,242,0.8);
	min-height: 100vh;
}

/**********************
  #couverture
**********************/
#couverture{
	padding: 70px 0;
	min-height: 100vh;
}
/**********************
  #contact
**********************/
#contact{
	padding: 70px 0;
	background-color : rgba(234,237,242,0.8);
	min-height: 100vh;
}
/**********************
  #footer
**********************/
#footer{
    background-color: rgba(77,17,25,0.9);
	font-family: 'Barlow Semi Condensed', sans-serif;
    text-align: center;
    color: lightgoldenrodyellow;
}
.bt-envoi-formulaire{
	background-color: rgba(77,17,25,0.8);
	color: azure;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size: 18px;
	padding : 10px 50px;
	transition: all 0.2s ease-in;
	box-shadow: 5px 5px 2px 1px rgba(192,192,192,0.7) ;
}
.bt-envoi-formulaire:hover{
	background-color: rgba(77,17,25,1);
	border : solid 1px rgba(77,17,25,1);
	box-shadow: 5px 5px 3px 1px rgba(77,17,25,0.5) ;
	color: azure;
}


/**********************
  #lien
**********************/
#lien{
	padding: 70px 0;
	min-height: 100vh;
}



.fond-modal-presentation{
    background-color: rgba(77,17,25,0.80);
}