body {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	background-color: #FAFAFA;
	background-repeat: no-repeat;
	background-size: cover;
	color: #000;
	margin: 0;
	}

a:link, a:visited, a:active {
    color: #7C9E0A;
    text-decoration: none;
}
a:hover {
  color: #008AA8;
}

/* MENU DEBUT */
#logo{
	height: 90px;
}
.topnav {
  overflow: hidden;
  // background-color:transparent;
  border: 0px solid red;
}
.topnav a  {
  float: left;
  display: block;
  color: #000;
  border: 0px solid black;
  text-align: center;
  padding: 4px 4px 4px 16px;
  text-decoration: none;
  font-size: 1em;
  //background-color: #fff;
}
.dropdown-content a  {
  float: left;
  display: block;
  color: #000;
  //border: 1px solid black;
  text-align: center;
  padding: 4px 6px;
  text-decoration: none;
  font-size: 1em;
  //background-color: #fff;
}
.active {
  background-color: #fff;
  color: #000;
}
.topnav .icon {
  display: none;
}
.dropdown {
  float: left;
  overflow: hidden;
  margin: 30px 0px 0px 0px;
}
.dropdown .dropbtn {
  font-size: 1em;    
  border: none;
  outline: none;
  //border: 1px solid white;
  color: #000;
  padding: 4px 6px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
  z-index: 1;
}
.dropdown-content a {
  float: none;
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  border-top: 1px solid #f2f2f2;
}
.topnav a:hover, .dropdown:hover .dropbtn {
	color: #008AA8;
	background-color: #fff;
}
.dropdown-content a:hover {
  color: #008AA8;
  background-color: #fff;
}
.dropdown:hover .dropdown-content {
  display: block;
}
/* MENU END */

h1, h2, h3{
	font-family: 'Signika', sans-serif;
	margin-top: 0.3em;
	margin-bottom: 0;
}
h1{
	font-size: 2em;
}
h2{
	font-size: 2em;
}
h3{
	font-size: 1.2em;
}
.fiche_sous_titre{
	font-size: 1.2em;
	color: #000;
	margin-top: 1em;
}
.path{
	font-size: 0.9em;
	float: right;
}
.contenu{
	padding: 20px;
	//max-width: auto;
	//border: 1px solid black;
}
.parallax {
  /* The image used */
  background-image: url("images/land.jpg");

  /* Set a specific height */
  min-height: 200px; 

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

.parallax_safari {
  height:200px; 
  background-color: #A7B67A; 
  background-image: url(images/land.jpg); 
  background-repeat: no-repeat;	
background-size: cover;
}
.msg_error{
	color: red;
}
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #ecebec;
}
th { 
  color: white; 
  background: #687655; 
}
td, th { 
  padding: 4px; 
  border: 1px solid #ccc; 
  text-align: left; 
}
.source, .info_a_valider{
	display: none;
}
.photo_text{
	font-style: italic;
}
@media screen and (max-width: 600px) {
	.dropdown {
		margin: 0px 0px 0px 0px;
	  }
	body {
		font-family: 'Roboto', sans-serif;
		font-size: 1.2em;
		background-color: #FAFAFA;
		background-repeat: no-repeat;
		background-size: cover;
		color: #000;
		margin: 0;
		}
	h1{
		font-size: 2em;
	}
	h2{
		font-size: 2.1em;
	}
	h3{
		font-size: 1.3em;
	}
	#logo{
		height: 60px;
	}
	.topnav a:not(:first-child), .dropdown .dropbtn {
		display: none;
	}
	.topnav a.icon {
		float: right;
		display: block;
	}
	.topnav.responsive {position: relative;}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
	.topnav.responsive .dropdown {float: none;}
	.topnav.responsive .dropdown-content {position: relative;}
	.topnav.responsive .dropdown .dropbtn {
		display: block;
		width: 100%;
		text-align: left;
	}
	.parallax {
		/* The image used */
		background-image: url("images/land.jpg");

		/* Set a specific height */
		min-height: 100px; 

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