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


html{
background-color: white;  font-family: Helvetica, sans-serif;	width: 100%;
	}

body
{    
    color: #555; width: 100%; 
margin: auto;
}

/*header*/
header { width: 100%;


padding-top: 20px;

}

h1 { margin-top: 0px; font-size: 32px;
}

h1 a{ text-decoration: none;
color: rgb(122, 122, 122);
letter-spacing: 4px;
font-size: 32px;margin-left: 50px;;font-weight: lighter; 
}

h3  {font-weight:lighter;  font-size:20px; color: #8A7756;  margin-left: 5%; letter-spacing: 2px; text-align: left;margin-top: 50px; }
h4  {font-weight:lighter;  font-size:25px; color: #8A7756;  margin-left: 10%; letter-spacing: 2px; text-align: left;margin-top: 50px;margin-bottom: 0px;  }

h2 {font-weight:lighter;  font-size:6px; color: #555;  margin-left: 55px; margin-bottom: 0px;margin-top: -20px; letter-spacing: 4px;}
/*fin header*/

/*nav horizontale*/


nav  {
margin-top: 0px; 


}

.navbar  {
text-decoration: none; text-align: right;letter-spacing: 1px; 


}
.navbar li:first-child {border-left: medium none;} 
.navbar li {
border-left: 1px solid #BBC1BC; 
display: inline;
padding-right: 20px;
padding-left: 20px;
line-height: 2.2;

} 

.navbar a :link {
color: #8A7756;	
}
.navbar a:hover {
color: #336600; 	
}
.navbar a:active {
color: white; 	
}
.diapo a { font-weight: bold;
line-height:30px;
color:#996600 ;
}
.liens  {margin: 0px;}

.liens a {color:#8A7756;font-size: 30px;  box-shadow: 3px 3px 5px #847f65 ;}

/*fin nav horizontale*/


section {

width: 100%; 


  
   font-size: 18px;  letter-spacing: 3px; color: #6B5B46;  margin:auto; 
}

.section-collab {

width: 100%; 


  
   font-size: 18px;  letter-spacing: 3px; color: #6B5B46;  margin:auto; 
}
section figure 
{ width: 28%;   padding: 2%; margin-top: 3%; margin: auto; display: inline-block;}
section .figure-amabie 
{ width:80%;    margin-top: 3%;margin-left: 8%;margin-top: 0px; display: inline-block;}
section .figure-amabie2 
{ width:100%;    margin: 0px; padding: 0px;}

section figure  img
{border-radius: 1%;box-shadow: 3px 3px 10px rgb(0, 0, 0);width: 100%;  }

section figure  .img-oeufs
{border-radius: none;box-shadow: none;width: 100%;  }
section .ecloz  .img-ecloz
{border-radius: none;box-shadow: none;width: 100%; margin: auto; }
section .ecloz  
{border-radius: none;box-shadow: none; width: 80%; margin-left: 10%; }
section figure  .img_petits_formats
{border-radius: 1%;box-shadow: none;width: 100%;  }
section .separation 
{ width: 100%;   padding: 2%; margin-top: 3%; margin: auto; }
section .separation img
{   margin: auto; border-radius: none; box-shadow: none;}

figcaption
{font-size: 18px; text-align: center;  color: #8A7756;letter-spacing: 2px; height: 40px; }
.transition
{font-size: 22px; text-align: left;  color: #665a45;letter-spacing: 2px; height: 40px; }

/*blog*/
  
  
/*animation, marcheur, page accueil*/

.defileParent {
	

   
	overflow: hidden;
	position: relative;
	table-layout: fixed;
      width: 100%;margin-bottom: 70px; margin-top: 0px;
     border-radius: 20px;box-shadow: 3px 3px 10px rgb(0, 0, 0);
}
.defile {
	display:block;
	-webkit-animation:linear marqueelike 40s infinite ;
	-moz-animation:linear marqueelike 40s infinite ;
	-o-animation:linear marqueelike 40s infinite ;
	-ms-animation:linear marqueelike 40s infinite ;
	animation:linear marqueelike 40s infinite ;
	margin-left:-100%;
	padding:0px;
	text-align:left;
      height:500px;
      font-size: 30px;
     color: rgb(70, 26, 26);
    
}
.defileParent2 {
	

   
	overflow: hidden;
	position: relative;
	table-layout: fixed;
      width: 100%;margin-bottom: 5px; margin-top: 0px;
     
}

.defile2 {
	display:block;
	-webkit-animation:linear marqueelike 40s infinite ;
	-moz-animation:linear marqueelike 40s infinite ;
	-o-animation:linear marqueelike 40s infinite ;
	-ms-animation:linear marqueelike 40s infinite ;
	animation:linear marqueelike 40s infinite ;
	margin-left:-100%;
	padding:0px;
	text-align:left;
      height:400px;
      font-size: 30px;
     color: rgb(70, 26, 26);
    
}
.defileParent3 {
	

   
	overflow: hidden;
	position: relative;
	table-layout: fixed;
      width: 100%;margin-bottom: 5px; margin-top: 0px;
     
}

.defile3 {
	display:block;
	-webkit-animation:linear marqueelike 40s infinite ;
	-moz-animation:linear marqueelike 40s infinite ;
	-o-animation:linear marqueelike 40s infinite ;
	-ms-animation:linear marqueelike 40s infinite ;
	animation:linear marqueelike 40s infinite ;
	margin-left:60%;
	padding:0px;
	text-align:left;
      height:300px;
      font-size: 30px;
     color: rgb(70, 26, 26);
    
}

@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-o-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }



.footer { width: 100%;margin-top: 100px;background-color: rgb(147, 147, 147) ; border-radius: 20px;box-shadow: 10px 10px 20px rgb(0, 0, 0);margin-bottom: 100px;
		
}
.footer .img-footer
{ width: 18%;   padding: 0.5%;  margin: auto; display: inline-block; text-align: center;}
.footer  .img-footer a img
{border-radius: 2%;box-shadow: 3px 3px 10px rgb(0, 0, 0);width: 100%;  }





 footer { position: fixed; margin: auto;  bottom: 0px; 
	text-align: right; background-color: rgb(255, 255, 255);box-shadow: 0px -6px 12px rgb(255, 255, 255) ; width: 100%;
		
}


 footer ul li {   width: 10px; display:  inline-block; margin-right: 50px;
	
		
}