@charset"utf-8";
/*CSS Document #e4e0dd;*/
 
html {  background-color: rgb(255, 255, 255);  width: 100%;   margin: auto; font-family: Helvetica, sans-serif;	padding: 0px; 
}
body {   width: 100%;  background-color: rgb(255, 255, 255);margin: auto;padding: 0px;
	         
}

header {

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; 
}
h2 { color: rgb(157, 157, 157) ; font-size: 9px;  padding: 0px; letter-spacing: 6px;margin-left: 20px; margin-top: -5px;
	}
h3  {width: 100%;font-weight:lighter;  font-size:20px; color: #8A7756;  margin-left: 5%; letter-spacing: 2px; text-align: left;margin-top: 60px;}

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 */



section  { width: 900px; background-color:rgb(255, 255, 255); margin: auto;   padding: 0px;  }
section figure    {  margin: 0%; }  
section figure img { width: 100%; margin: auto;  box-shadow: 3px 3px 10px; border-radius: 10px; }

section .img-portrait  {width: 600px; margin: auto;}
section .img-paysage  {width: 800px; margin: auto;}
section .img-portrait img {width: 600px; margin: auto;}

section figure .img2 { width: 700px; margin: auto;  box-shadow: none; margin-left: 100px;}
section figure .img3 { width: 100%; margin: auto;  box-shadow: none; }
section figure .img4 { width: 80%; margin: auto;  box-shadow: 5px 5px 20px;margin-left: 10%;}




#section {  background-color:white;margin-top:-50px;width: 100%;}
#section figure .figure2 { width: 100%; margin: auto; box-shadow: 10px 10px 30px; border-radius: 10px; } 

#section figure .figure3 { width: 100%; margin: auto;  }

         
figcaption { width: 100%; margin: auto; font-size: 12px; margin-top: 10px; margin-bottom: 100px; text-align: center; }


.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;
     border-radius: 20px;box-shadow: 3px 3px 10px rgb(0, 0, 0);
}

.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);
    
}

@-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%;}
 }

.scrolling-wrapper {
	margin-top: 0px;
	margin-bottom:0px;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
-webkit-box-shadow:0 0 10px black;
   -moz-box-shadow:0 0 10px black;
        box-shadow:0 0 10px black;
  -webkit-box-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}


  .card {
    flex: 0 0 auto;
  }

.footer { width: 100%;margin-top: 100px;background-color: rgb(255, 255, 255) ; 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;
	
		
}