/* body */
body {
	scroll-behavior: smooth;
}

/* Titles */
h2 {
	font-size: 2.5rem;
}
h1, h2, h3 {
	color: #003863;
}

/* Leading big picture */
#section_bigpicture {
  /* The image used */
  background-image: url("../img/boat-dinghy-ocean-76978.jpg");

  /* 70% of screen height */
  height: 70vh;

  min-height: 20em;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Page title */
#section_bigpicture h1{
	font-family: 'Black Ops One', cursive;
	color: #ffffff;
}
#section_bigpicture p {
	font-family: 'Black Ops One', cursive;
	color: #ffffff;
}

/* If the screen size is 601px wide or more */
@media screen and (min-width: 801px) {
	#section_bigpicture h1{
		font-size : 7em;
	}
	#section_bigpicture p {
		font-size : 3em;
	}
}

/* If the screen size is 600px wide or less */
@media screen and (max-width: 800px) {
	#section_bigpicture h1{
		font-size : 3em;
	}
	#section_bigpicture p {
		font-size : 2em;
	}
}

#image_plandeau {
  width: 500px;
	max-width: 80%;
  margin: 0 auto;
}

#image_plandeau img{
  width: 100%;
  margin: 1em;
}

#section_club,
#section_contact {
	background-color: #f3f6f7;
}

/* navbar */
.navbar {
    background-color: #003863;
}
/* Title */
.navbar .navbar-brand {
	font-size: 1.5em;
	font-family: 'Black Ops One', cursive;
    color: #eeeeee;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
    color: #ffffff;
}
/* Link */
.navbar .navbar-nav > li > a {
    color: #eeeeee;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
    color: #ffffff;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
    color: #eeeeee;
}
.navbar-toggler {
    color: #eeeeee;
    border-color: #eeeeee;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
    color: #ffffff;
    border-color: #ffffff;
}

#section_adhesion .btn-primary {
    color: #eeeeee;
    background-color: #003863;
    border-color: #003863;
}

#section_photos {


}


#section_photos img {
	margin: 1em;
	min-width: 300px;
	max-width: 300px;
}


#table_contact {
	background-color: #ffffff;
	max-width: 500px;
	margin: 0px auto;
}

.gmap_canvas {
	overflow: hidden;
	height: 500px;
	width: 100%;
}


.parallax {
	/* The image used */
	background-image: url("../img/blue-blue-water-calm-waters-691858.jpg");

	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax h2{
	color: #ffffff;
}

/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
/*@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }
}*/

footer,
footer h3 {
	color: #eeeeee;
	/*background-color: #376996;*/
	background-color: #003863
}

footer a,
footer a:hover,
footer a:focus {
	color: #eeeeee;
}

footer .footer-copyright,
footer .footer-copyright a,
footer .footer-copyright a:hover,
footer .footer-copyright a:focus {
	color: #6290c8;
	background-color: #0b132b;
}