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

*{
	padding:0;
margin:0;
color:#2f1712;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

	
	}
	
	
	
	section#form {
    float: left;
    margin-left: 20px;
	}
	
	strong{ color:000000; }
body {
	background-image: url(wallpaper.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}


div, div a { width:100%; background-color:#22211f; height:39px; color:#bca291;
vertical-align:middle; text-align:center; padding-top:5px; text-decoration:none;
	}
	
div img {
	vertical-align:bottom;
	padding-left:15px;
	
	}

header {
	margin-left:auto;
	margin-right:auto;
	width:1470px;
	display:block;
	height:280px;
}

header form  {
	background-image:url(contact-ebeniste-ile-de-france.png);
	width: 376px;
	padding-top:20px;
	height:43px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	
}

main form { display:block;
    color: #ffffff;background-color:#22211f; margin: 25px; padding: 25px;
	
	}
section form input, section form select, section form stextarea  {display: block;
    margin-bottom: 15px;
    width: 245px;
    height: 35px;
    border-radius: unset;
    
}

input[type="submit"] {
    background-image: url(contact-ebeniste-ile-de-france.png);
    background-position: center;
    color: #ffffff;
    width: 249px;
font-variant: small-caps;
font-size: 1em;
    margin-top: 5px;
}
main {
	
	width:1820px;	
	margin-left:auto;
	margin-right:auto;
	
}


aside,article,footer,figure {
	float:left;

}
main aside {
width:350px;

	
	}
	
	main aside p, article section p{
font-size:13px;
text-align:justify;
padding:15px 15px 0 0;
	}

p::first-letter {
  font-family:'Dancing Script', cursive;
  font-size:3.7em;
  padding-right:0.2em;
  float:left;

}

main aside img {
	width:250px;
	margin:50px;
	margin-top:0;
	margin-bottom:15px;
	
	
}
main > aside:first-child  h3 {padding-top:20px;}
aside > img:last-of-type { width:106px;
height:141px;
padding-top:20px;
	
	
	
	}
article:first-of-type {
	vertical-align:bottom;
	background-color:#efe6df;
	background-image:none;
	width:1120px;
	margin:0;
	}
	

	
	article {
	vertical-align:bottom;
	background-color:#ffffff;
	width:100%;
	margin-top:50px;
	margin-bottom:50px;
		}
	
	main article section {width:50%;  display:flex; float:left; margin-top:50px;
		}
article section figure img, main section figure img {width:250px; height:250px;
	
	}

article:first-of-type img  {
	width:250px;
height:250px;
padding:15px;
padding-bottom:0;
	}

article:first-of-type > figure:first-child img {
	width:530px;
height:530px;
padding:15px;

	}
	

figcaption {padding-left:15px;
font-style:italic;
font-size:0.7em;
width: 250px;
height:60px;
}

article:first-of-type > figure:first-child figcaption {
	width:530px;


	}
main aside h1{font-family: 'Dancing Script', cursive;
background-color:#ffffff;
text-align:center;
font-size: 26px;
	}
	
	
main aside h2{
font-size: 16px;
font-weight:normal;
margin:10px;
text-align:center;
color:#bca291;
	}
	
h2, h1{
font-size:36px;
margin:10px;
text-align:center;
font-family: 'Dancing Script', cursive;
	}
	
	
h3{font-family: 'Dancing Script', cursive;color:#bca291;
font-size: 25px;
	}
	
main article h3, main h2 {
font-size:30px;
margin:10px;
text-align:center;
font-family: 'Dancing Script', cursive;
color:#bca291;
	}
	
	
	
h4{color:#fff;
font-size:14px;
text-align:left;

	}
	
	
	
nav ul {
	margin-top:1.8em;
		list-style-type:none;

}

nav ul >li:first-child {
	margin-top:0;
	
	}
	
	
nav ul li {
float:left;
margin-left:1em;
margin-top:17px;

}

nav ul li a { 
font-family: 'Dancing Script', cursive;
	font-size:1.7em;
display:block;
text-decoration:none;

	}
	
	nav ul li a:hover { 
text-decoration:underline;
color:#bca291;
	}
	
	footer { 

background-color:#22211f;
width:100%;
height:20%;


}



footer div {float:left;
color:#bca291;
width: 250px; padding:15px;

height:auto;
	
	}
	
	footer section {width:1120px; margin-left:auto; margin-right:auto;}

	
	
		@media screen and (min-width: 1888px) {
			
			
		aside > img:last-of-type { display:none;}
		
		article {
		background-image: url(img/wallpaper.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	}
		
		
		}
	
	@media screen and (min-width: 1507px) and (max-width: 1887px){
	
		main aside  { display:none;}
		main > aside:first-child {display:block;}
		header, main { width:1470px; }
		aside > img:last-of-type { display:none;
		
		}
		
		section > figure:last-of-type {display:none;}
			article {
		background-image: url(img/wallpaper.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	}
		
		}
		
		
		@media screen and (min-width: 1241px) and (max-width: 1506px){
		
			main aside  { display:none;}
			main > aside:first-child {display:block;}
			
					header,main { width:1220px;}
					article:first-of-type { width:840px;}
					footer section > div:first-child { display:none;}
					footer section {width:840px; margin-left:auto; margin-right:auto;}
						
					footer >div:first-child{display:none;}
		
			section > figure:last-of-type {display:none;}
			article {
		background-image: url(img/wallpaper.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	}
		
	}
		
		@media screen and (min-width: 948px) and (max-width: 1240px){
			body {
	background-image: url(ebeniste-ile-de-france.jpg);

}
	footer >div:first-child{display:none;}	
			main aside  { display:none;}
		main > aside:first-child {display:block;}
		
		header, main { width:925px;}
		article:first-of-type { width:560px;}
		main > aside:first-child  h3, aside > img:last-of-type, main > aside:first-child  h2, main aside p {padding-top:40px;}
	
			
		
nav ul li a { 

	font-size:1.4em;


	}


article:first-of-type > figure:first-child img { display:none;
	
	}
	
	article:first-of-type > figure:first-child figcaption {
		display:none;


	}
footer section > div:first-child { display:none;}
	footer section {width:840px; margin-left:auto; margin-right:auto;}

section > figure:first-of-type {display:block;}

section > figure {display:none;}


	
	}
	

		
		
				
		
		
		
	@media screen and (min-width: 847px) and (max-width: 947px) {
		
		
		body {
	background-image: url(ebeniste-ile-de-france.jpg);

}
	
		footer >div:first-child{display:none;}
			main aside , nav ul > li:first-child  { display:none;}
			
			nav ul { text-align:center;width:630px; margin-left:auto; margin-right:auto;}
			
			nav ul li a { font-size:1.7em;}
			
			
		  header, main  {display:flex; flex-direction:column; width:100%; padding:0;margin:0; }
		
			
	
		
		header, main {display:flex; flex-direction:column;  width:100%; text-align:center; padding:0; margin:0;}
		
		
		main > aside:first-child { display:block; width:100%;
			
			}
			
		article:first-of-type { width:840px; margin-left:auto; margin-right:auto; }
		
		main aside p, main aside h1, main aside h2  {padding-right:55px;}
		main aside p { padding-left:55px; }
						
article:first-of-type > figure:first-child img { width:250px; height:250px; padding-bottom:0;
	
	}
	
	article:first-of-type > figure:first-child figcaption {
		padding-left:15px;
font-style:italic;
font-size:0.7em;
width: 250px;
height:60px;


	}

	aside > img:last-of-type { display:none;}
	footer section > div:first-child { display:none;}
	
	
	
	
	footer > div:first-child{ width:90%
	
		
		}
		
			footer section {width:840px; margin-left:auto; margin-right:auto;}
			

		section > figure:first-of-type {display:block;}

section > figure {display:none;}


		
		}
		
		
			
	@media screen and (max-width: 846px) {
		
		
		
			body {
	background-image: url(ebeniste-ile-de-france.jpg);

}

header, main, article,article:first-of-type, aside, footer, article section, footer section, section div {display:flex; flex-direction:column;  width:100%; text-align:center; padding:0; margin:0;}
		
		body > div:first-child {font-size:0.4em;}
		header {height:350px;}
		header p img {width:400px; height:140px;}
		nav {height:250px;}
			nav ul { text-align:center;width:450px; margin-left:auto; margin-right:auto;}
			
			nav ul li a { font-size:1.7em;}
			
			nav ul li  { margin-top:0;}
	nav ul {padding-top:0px; display:flex; flex-direction:column; text-align:center;}
	h1,h2 {margin:0; padding:0; }
	main aside p, main aside h1, main aside h2  {padding-right:35px;}
		main aside p, main aside h1, main aside h2 { padding-left:35px; }
		
		main > aside:first-child img:first-child {display:none; }
		
		article:first-of-type > figure:first-child img, article:first-of-type img, section > figure:first-of-type img { width:450px; height:450px;
	
	}
	
	figcaption, article:first-of-type > figure:first-child figcaption, section > figure:first-of-type figcaption {padding-left:0;
font-style:italic;
font-size:0.9em;
width: 430px;
height:60px;
margin-right:auto; margin-left:auto;
}

		
		footer >div:first-child{display:none;}
		
			aside > img:last-of-type { display:none;}
				main > aside:first-child { display:block; width:100%;}
			
			main aside , nav ul > li:first-child  { display:none;}
			footer section > div:first-child { display:none;}
			
			footer section div {padding-top:25px;}
		section > figure:first-of-type {display:block;}

section > figure {display:none;}





		}


.contener_slideshow
{
  width:750px;
  height:500px;
  overflow: hidden;
    display:flex;
  position: relative;
  background-image: url(http:YOUR-URL-IMAGE.png);
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}
.slid_1, .slid_2, .slid_3
{
  position: absolute;
  width:750px;
  height:500px;background-color: #ffffff;margin: 0;
    padding: 0;
}
.slid_1{left: 0;}
.slid_2{left: 750px;}
.slid_3{left: 1500px;}
.contener_slide
{
    background-color: #ffffff;margin: 0;
    padding: 0;
  width: 1500px;
  height: 500px;
  left:0px;
  position: absolute;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-name: anim_slide;
  -moz-animation-duration: 10s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-name: anim_slide;
  -ms-animation-duration: 10s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-name: anim_slide;
  animation-duration: 10s;
  animation-iteration-count:infinite;
  animation-name: anim_slide;
}
@-webkit-keyframes anim_slide
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-750px;}
  45% {left:-750px;}
  66% {left:-1500px;}
  90% {left:-1500px;}
}
@-moz-keyframes anim_slide 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-750px;}
  45% {left:-750px;}
  66% {left:-1500px;}
  90% {left:-1500px;}
}
@-ms-keyframes anim_slide 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-750px;}
  45% {left:-750px;}
  66% {left:-1500px;}
  90% {left:-1500px;}
}
@keyframes anim_slide 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-750px;}
  45% {left:-750px;}
  66% {left:-1500px;}
  90% {left:-1500px;}
}