/* CSS Document */
body{
	font-family: 'Sulphur Point', sans-serif;
}

header{
	background: url('/images/background-index.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	min-height: 100vh;
	font-family: 'PT Sans Narrow';
}
.text-justify{
	text-align: justify;
}

.image-parallax{
	background: url("/images/parallax-1.jpg");
	background-size: cover;
	height: 400px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	
}

/*********************
  FOND BACKGROUND
*********************/
.bg-color-1{
	background-color: rgba(131,61,66,0.3);
}
/**********************
  LES TITRES
**********************/
h1{font-size: 40px; font-family: 'Permanent Marker' ;}
h2{font-size: 25px; font-family: 'Permanent Marker' ;}
h3{font-size: 20px; font-family: 'Permanent Marker' ;}
h4{font-size: 16px; font-family: 'Permanent Marker' ;}

h1, h2{
	color: rgba(131,61,66,1.0);
	margin-bottom: 30px;
	
}
h3{
	color: rgba(131,61,66,1.0);
}

/**********************
  BARRE DE NAVIGATION
**********************/
.navbar-brand{
	font-size: 30px !important;
	font-family: 'Permanent Marker' !important;
	
}
.navbar{
	background-color: rgba(131,61,66,0.9);
	font-family: 'Sulphur Point';
	font-size: 20px;
}

.navbar-dark .navbar-nav .nav-link{
	color:whitesmoke;
	border-bottom: 2px solid transparent;
	
}
.navbar-dark .navbar-nav .nav-link:hover{
	color: bisque;
	border-bottom: 1px solid bisque;
}

.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: bisque;
	border-bottom:  1px dashed bisque;
}

/********************
  HEADER
********************/
header .animation-logo{
	margin: 200px 0 0 0  ;
	opacity: 0;
}
header .btn-personnel{
	opacity: 0;
	background-color: rgba(131,61,66,1.00);
	font-family: 'Sulphur Point', sans-serif;
	color: whitesmoke;
	font-size: 20px;
	margin:20px 0 20px 0;
	border-radius: 12px;
}
header .btn-personnel:hover{
	background-color: rgba(51,21,23,1.00);
	color: whitesmoke;
}

/**********************
  SECTION PRESENTATION
**********************/
#presentation{
	padding: 80px 0 230px 0;
}

/**********************
  SECTION AGENDA
**********************/
#agenda{
	padding: 80px 0 30px 0;
}


/**********************
  SECTION HISTORIQUE
**********************/
#historique{
	padding: 80px 0 50px 0;
	background-color: rgba(51,21,23,0.2);
}
#historique .histoire{
	text-align: justify;	
}
#historique .table-responsive{
	background-color: rgba(51,21,23,0.2);
}

/**********************
  SECTION ALBUM PHOTOS
**********************/
#albumPhotos{
	padding: 80px 0 30px 0;
	min-height: 90vh;
}

#albumPhotos .card-deck .card{
	-webkit-box-shadow: 5px 5px 13px -5px rgba(0,0,0,0.62);
	-moz-box-shadow: 5px 5px 13px -5px rgba(0,0,0,0.62);
	box-shadow: 5px 5px 13px -5px rgba(0,0,0,0.62);
	margin-bottom: 10px;
}

/******************
  SECTION CONTACT
******************/
#contact{
	padding: 80px 0 50px 0;
	background-color: rgba(51,21,23,0.2);
	min-height: 100vh;

}
#contact img{
	margin-top: -50px;
}
#contact i{
	font-size: 30px;
	color: rgba(131,61,66,1.0); 
}
#contact .card{
	border-radius: 0;
	box-shadow: 5px 5px 15px rgba(131,61,66,1.0);
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition : all 0.3s ease-in;
}
#contact .card:hover{
	background-color: rgba(51,21,23,0.2);
	border-radius: 5px;
	border: none;
	box-shadow: 5px 5px 10px #fff;
}

/******************
  SECTION LIENS
******************/
#lien{
	padding: 80px 0 50px 0;
	min-height: 80vh;
}

#footer{
    height: 5vh;
	background: #333;
	color: silver;
	padding: 1em;
	margin-top: auto;
	text-align: center;
}
#footer a:link{
	color: lemonchiffon;
}
#footer a:visited{
	color: lemonchiffon;
	font-size: 11px;
}
@media screen and (max-width:500px){
	#presentation{
		padding: 80px 0 10px 0;
	}
}

/******************
  SECTION INTRANET
******************/
#intranet{
    padding: 80px 0 50px 0;
    min-height: 90vh;
    
}