#resto {
  animation-duration: 3s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-left: 40%;
    width: 100%;
  }

  to {
    margin-left: 10%;
    width: 100%;
  }
  75% {
  font-size: 300%;
  margin-left: 25%;
}
}
a {
  color: #fff;
  background-color: #333;
  transition: all 1s ease-out;
}

a:hover,
a:focus {
  color: #333;
  background-color: #fff;
}
header{
	height: 250px;
	color: orange;
	background-color: white;
	margin-top: solid 10px white;
}
body{
	background-color: orange;
}

ul {
	list-style: none;
	text-align: center;
	word-spacing: 100px;
}
nav li{
	display: inline-block;
	margin-top: 130px;
}
a{
	color: white;
	text-decoration: none;
	font-size: 1.5em;
	background-color: orange;
}
#resto{
	margin-top: -290px;
	margin-left: 100px;
	text-decoration: underline;
	font-family: cursive;
	font-size: 3em;
	transform: rotate(-15deg);
}
section{
	margin-top: 30px;
}
.imgsection{
	text-align: center;
	margin-top: 150px;
	margin-left: 10px;
}
.img{
	float: right;
	height: 140px;
	margin-right: 100px;
	margin-top: -120px;
}
.img1{
	border: solid 5px white;
	border-left: white;
	margin-right: 100px;
}
.img2{
	margin-right: 100px;
	border: solid 5px white;
	border-left: white;
}
.img3{
	border: solid 5px white;
	border-left: white;
}
img{
transition: transform .1s ;
}
img:hover{
	transform: scale(1.5);
}
footer{
	background-color: white;
	margin-top: 150px;
	font-family: cursive;
	font-size: 1em;
}

footer ul{
	word-spacing: 0px;
}

.service{
	margin-top: -15px;
	float: left;
}
#contact{
	margin-top: 10px;
}

.horaire{
	float: right;
	margin-right: 150px;
	margin-top: -120px;
}
#absdevelop{
	text-align: center;
}