/*

orange : ff8000
vert : 00a933
Gris : 7E8AA2
bleu ciel : 00dbff
rose rbnb : ff385c

  
 */

 
body{
	background: #000;
	margin: 0 ;
	text-align: center;	
	padding: 0 ;
	font-size: 17px ;
	font-family: Noto Sans, sans-serif;
	color: #fff;
}
 
contener{
	width: 100%;
	padding: 0;
	text-align: center;
}

.lang{
	width: 30%;
	right:0;
	padding-top: 25px;
	position: relative; 
	z-index: 3000;	
	position: fixed;
	/*border: solid 1px #f00;*/
}

.titreTrans{
	margin-top: -150px;
	position: relative; 
	z-index: 1000;
}



header{
	width: 70%;
	margin: 0 auto;
	text-align: left;	 
 }
 
 

.on640{
	display: none;
}

contenu{
	z-index: 20;
	width: 100%;
	padding: 0;

}

/*Lien vers les ID de la page pêche pour compenser la hauteur 
du menu qui est en fixed*/

.anchor {
    display: block;
    position: relative;
    top: -100px; /* hauteur exacte de ton menu */
    height: 0;
    visibility: hidden;
}


/************** Pour zone test **********************/ 

.zone_test{
	color : #f00;
	text-align: center;
	font-size: 35px;
	margin-top: 30px;
}

/************** Textes **********************/ 

 p{
	text-align: left ;
}


h1, h2, h3, h4, h5 {
	font-weight: normal;
	text-transform: uppercase;
	color: #ff8000 ;
	padding: 0 ;
	text-align: left;
}

h1{
	margin: 30px 0 ;
	font-size: 25px ;
}


h2{
	margin: 20px 0  ;
	font-size: 20px ;
	font-weight: bold;
}


h3{ /*pour index*/
	margin: 20px 0  ;
	font-size: 20px ;
	text-align: center;
	font-weight: bold;
}


h4{ 
	margin: 20px 0  ;
	font-size: 18px ;
	text-align: left;
	
}


h5{ 
	margin: 40px 0 0 0 ;
	font-size: 15px ;
	text-align: left;
	font-weight: bold;
}

/************** Images **********************/ 

img.ombre{
	-webkit-box-shadow: 0px 0px 14px 1px rgba(255,255,255,0.7);
	-moz-box-shadow: 0px 0px 14px 1px rgba(255,255,255,0.7);
	box-shadow: 0px 0px 14px 1px rgba(255,255,255,0.7);
}

img.adapt{
	max-width: 100%;
	height: auto;
}

img.bord5{
	border-radius: 5px;
}


img.clic{
	opacity: 1;
	transition: all 0.5s;
}

img.clic:hover{
	opacity:0.8;
	transition: all 0.5s;
}


img.rond{
	border-radius: 50%;
}



/************** scrollUp **********************/

div#scrollUp {
	position: fixed;
	bottom : 100px;
	right: -100px;
	transform: scale(1);
	transition: 0.3s;
	opacity:0.8;
	color: #7E8AA2;
}


div#scrollUp:hover {
	position: fixed;
	bottom : 100px;
	right: -100px;
	transform: scale(1.05);
	transition: 0.3s;
	opacity:1;
}


/********************** Slide *********************************/

div#slider { 
  width: 100%; 
  overflow: hidden;
  /*box-shadow:2px 2px 6px #7E8AA2;*/
  z-index: 900;
}

div#slider figure {
  position: relative; 
  width: 500%;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: center;
  animation: 30s slidy infinite;
}

div#slider figure img { 
  width: 20%; 
  height: auto; 
  float: left; 
 }
 
 @keyframes slidy {
  0% { left: 0%; }
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; }
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; }
}