@font-face{
  font-family: 'maFonte';
  src: url('./../fonts/test.otf');
}
@font-face {
    font-family: 'calligraffitiregular';
    src: url('./../fonts/Calligraffiti-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html
{	font-family: Arial, Helvetica, sans-serif;
	color:#5f5e4e;
	font-size:100%;
}
body 
{	position:relative;
	min-width:960px;
}
h1
{	-webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	margin:0px;
	font-weight:normal;
}
a
{	text-decoration:none;
	color:#5f5e4e;
	
}
.restaurant
{	font-family : 'calligraffitiregular', cursive;
	
}

/*-----------------------------------------------------------------------------------------------*/
/*                            En-t�te de la page                                                                  */
/*-----------------------------------------------------------------------------------------------*/
header
{	position : relative;
	background-color: #d7d7b1;
	height:300px;
}
/*Menu des r�seaux sociaux */
#socials
{	text-align:left;
	padding-left:25px;
	line-height:90px;
	height:90px;
	font-size: 30px;
}
/*Nom du restaurant */
#nom-rest
{	text-align:center;
	height:150px;
	
}
#nom-rest > h1
{	display:inline-block;
	vertical-align:middle;
	font-size:20px;
	
}
.titre1
{	font-size:4.05em;
	line-height:60px;
}
.titre2
{	line-height:60px;
}
/*Menu*/
nav
{	text-align:center;
		
}
nav a
{	padding: 0 10px 0 10px;
	font: bold 18px 'Open Sans', sans-serif;
	color: #fff;
	text-decoration:none;
}
nav a:hover, nav a.current  {
	color: #5f5e4e;
}
/*-----------------------------------------------------------------------------------------------*/
/*                         Photos panoramiques                                                            */
/*-----------------------------------------------------------------------------------------------*/

section
{	padding-top:5px;
	text-align:center;
}
section img
{	display:block;
	padding-top:5px;
	margin:auto;
}
.bloc
{	position:relative;
}
.bloc:hover img {
	-webkit-filter: blur(3px); 
	-moz-filter: blur(3px); 
	-o-filter: blur(3px); 
	-ms-filter: blur(3px); 
	filter: blur(3px);
}
.slogan
{	border: 7px solid white;
	border-radius:500px;
	width:150px;
	height:150px;
	font: bold 20px/20px 'Open Sans', sans-serif;
	position:absolute;
	top:20%;
	left:45%;
	text-align:center;
	color:white;
}
.slogan > h1
{	padding-top:35px;
	font-size:1.05rem;
}
.slogan >h2
{	
	font-size:1.15em;
}
.slogan:hover
{	opacity:1;
	color: #4f4f4f;
	background: url(../images/overlay.png) 0 0 repeat;
}
/*-----------------------------------------------------------------------------------------------*/
/*                         Les  4 valeurs 			                                                          */
/*-----------------------------------------------------------------------------------------------*/
.force
{	display:inline-block;
	height:500px;
	width: 220px;
	position:relative;
	margin-right:25px;
	margin-left:25px;
}
#valeurs
{	text-align:center
}
#valeurs h1
{	padding-top:35px;
	font-size:3.0em;
	padding-bottom:35px;
	
}
#valeurs img
{	border-radius:500px;
	display:block;
	position:relative;
	z-index:3;
}
.commentaires
{	position:absolute;
	top:80px;
	left:0px;
	height:390px;
	width:220px;
	background-color:#f6f7ea;
	z-index:1;
}
.commentaires > h2
{	padding-top: 120px;
	font-weight:normal
}
.texte-val
{	text-align:justify;
	padding : 0 15px 0 15px;
	line-height: 1.5;
	hyphens: auto;
}
/*-----------------------------------------------------------------------------------------------*/
/*                         Le pied de page			                                                          */
/*-----------------------------------------------------------------------------------------------*/
footer
{	background-color: #d7d7b1;
	height:200px;
	margin-top:10px;
	padding-top:40px;
	text-align:center;
}
.titre-pied
{	font-size:50px;
	line-height:50px;
}
.adresse
{	margin-top:30px;
}
#toTop {
    background: url("../images/totop.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
    border: medium none;
    bottom: 70px;
    height: 55px;
    width: 55px;
    left: 58%;
    margin-left: 500px;
    overflow: hidden;
    position: fixed;
    text-decoration: none;
    text-indent: -999px;
    transition: all 0s ease 0s;
    z-index: 20;
}
#toTop:hover {
    background-position: right 0;
    outline: medium none;
}