/*  -  -  -  -  -  -  -  -  -  -  Fluidité des éléments  -  -  -  -  -  -  -  -  -  -  */
img, embed, object, video
{
	max-width: 100%;
}
/*  -  -  -  -  -  -  -  -  -  -  Eléments principaux de la page  -  -  -  -  -  -  -  -  -  -  */
body
{
	background-color: #323232;
	background-attachment: fixed;
	background-position: center;
    font-family: fantasy, sans-serif;
	font-size: 1em;
    color: #FFF;
	width: 100%;/* de la taille de l'écran*/
	max-width: 1400px;
	margin: 0% auto;
	min-height: 100%;
}
#bloc_page
{
	width: 100%;
    margin: 0% auto;
    min-height: 100%;
}
section h2, section h3, #menu a, #bienvenue, #email
{
    font-weight: normal;
}
/*  -  -  -  -  -  -  -  -  -  -  Aside  -  -  -  -  -  -  -  -  -  -  */
.bandeau
{
	background-color: #7F3200;
    height: 75px;
    letter-spacing: 0.2em;
    text-align: center;
    width: 100%;
}
.bandeau h1
{
	margin: 0px;
}
/*  -  -  -  -  -  -  -  -  -  -  Header  -  -  -  -  -  -  -  -  -  -  */
header
{
	margin: 0% auto;
	padding: 0 0 1%;
	text-align: center;
	background-color: #7F3200;
}
h1
{
	font-family: 'Dorsa', sans-serif;
	font-size: 10em;
	color: #FFF;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin: 0;
}
h1 a
{
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
}
h2
{
	font-family: 'League Script', cursive;
	font-size: 4em;
	color: #FFF;
	font-weight: normal;
	text-transform: lowercase;
	text-align: center;
	margin: 0;
}
/*  -  -  -  -  -  -  -  -  -  -  SLide  -  -  -  -  -  -  -  -  -  -  */
#slide_image
{
	width: 100%;
	margin: auto;
}
.slides {
    padding: 0;
    width: 100%;
    height: 420px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.slides input { display: none; }

.slide-container { display: block; }

.slide {
    top: 0;
    opacity: 0;
    width: 100%;
    height: 420px;
    display: block;
    position: absolute;

    transform: scale(0);

    transition: all .7s ease-in-out;
}

.slide img {
    width: 100%;
    height: 100%;
}

.nav label {
    width: 200px;
    height: 100%;
    display: none;
    position: absolute;

	  opacity: 0;
    z-index: 9;
    cursor: pointer;

    transition: opacity .2s;

    color: #FFF;
    font-size: 156pt;
    text-align: center;
    line-height: 380px;
    font-family: "Varela Round", sans-serif;
    background-color: rgba(255, 255, 255, .3);
    text-shadow: 0px 0px 15px rgb(119, 119, 119);
}

.slide:hover + .nav label { opacity: 0.5; }

.nav label:hover { opacity: 1; }

.nav .next { right: 0; }

input:checked + .slide-container  .slide {
    opacity: 1;

   
 transform: scale(1);
    transition: opacity 1s ease-in-out;
}

input:checked + .slide-container .nav label { display: block; }

.nav-dots {
	width: 100%;
	bottom: 9px;
	height: 11px;
	display: block;
	position: absolute;
	text-align: center;
}

.nav-dots .nav-dot {
	top: -5px;
	width: 11px;
	height: 11px;
	margin: 0 4px;
	position: relative;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.6);
}

.nav-dots .nav-dot:hover {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.8);
}

input#img-1:checked ~ .nav-dots label#img-dot-1,
input#img-2:checked ~ .nav-dots label#img-dot-2,
input#img-3:checked ~ .nav-dots label#img-dot-3,
input#img-4:checked ~ .nav-dots label#img-dot-4,
input#img-5:checked ~ .nav-dots label#img-dot-5,
input#img-6:checked ~ .nav-dots label#img-dot-6 {
	background: rgba(0, 0, 0, 0.8);
}
/*  -  -  -  -  -  -  -  -  -  -  Corps  -  -  -  -  -  -  -  -  -  -  */
#plats, #article_central_2
{
	background-color: #323232;
	margin: 0 auto;
    width: 100%;
}
#plats
{
	padding: 2% 0 0;
}
.menu_rosace{
	background: #FFF url(images/formules.gif) repeat-x 30px 30px;
	width: 72%;
	margin: 0% auto;
}
#surplace_emporter, #planches
{
	width: 45%;
	margin: 0 2%;
	display: inline-block;
}
#surplace_emporter{
	vertical-align: top;
}
section
{
	width: 75%;/*de la taille de bloc_page*/
	margin: 5% auto;
	padding: 1%;
	background-color: #FFFFFF;
	color:#323232;
}
#formulaire
{
	width: 40%;
	display: inline-block;
	vertical-align: top;
}
#coordonnees
{
	width: 45%;
	margin: 0 auto;
	vertical-align: top;
	display: inline-block;
	text-align: left;
	padding: 5% 5% 0% 4%;
}
#coordonnees a
{
	color: #FFF;
	text-decoration: none;
}
#coordonnees a:hover
{
	font-style: italic;
	color: #000;
}
#big_map
{
	display: inline-block;
	width: 45%;
	margin: 4% 0%;
}
#small_map
{
	display: none;
}
/*  -  -  -  -  -  -  -  -  -  -  Footer  -  -  -  -  -  -  -  -  -  -  */
footer
{
	text-align: center;
	width: 100%;/*de la taille de bloc_page*/
	margin: 0%;
	background-color: #7F3200;
    border-radius: 5px;
}
#copyright
{
	letter-spacing: 0em;
	padding: 25px 0 0;
	margin: 0;
	color: #FFF;
	font-family: league script;
}
/*  -   -  -  -  -  -  -  -  -  -  Correctifs pour les vieilles versions d'Internet Explorer  -  -  -  -  -  -  -  -  -  -  */
/* Pour activer un positionnement type inline-block sur les vieilles versions d'IE */
.old_ie #nom_du_site, .old_ie header h1, .old_ie nav, .old_ie nav li, .old_ie article, .old_ie aside, .old_ie #email, .old_ie #copyright
{
    display: inline;
    zoom: 1;
}
/* Quelques ajustements pour les vieilles versions d'IE */
.old_ie section h1, .ie8 section h1
{
    font-size: 1.1em;
}
.old_ie footer div, .ie8 footer div
{
    margin-top: 30px;
    background: url('images/separateur.png') repeat-x top;
}
/*  -  -  -  -  -  -  -  -  -  -  Media Query max-width 1024px  -  -  -  -  -  -  -  -  -  -  */
@media all and (max-width: 1024px)
{
    #plats, articles_central_2{
    	margin: 0 auto;
    	width: 100%;
    	padding: 0%;
    }
}
/*  -  -  -  -  -  -  -  -  -  -  Media Query max-width 768px  -  -  -  -  -  -  -  -  -  -  */
@media all and (max-width: 768px)
{
	body{max-width: 100%;}
	aside, header, footer{
		width: 100%;
        display: inline-block;
		margin: 0% auto;}
	#plats, #article_central_2
	{
	background-color: #323232;
	margin: 0 auto;
    width: 100%;
    padding: 0% 0%;
	}
	#surplace_emporter, #planches
	{
		width:100%;
		margin:0%;
	}
	.bandeau
	{
		width: 100%;
	}
	h1
	{
		font-size: 7em;	
	}
	h2
	{
		font-size: 2em;
	}
	nav
	{
		height: 24px;
	}
	#slide_image{
		display: none;
	}
	.slides, .slide
	{
		width: 450px;
	}
	#copyright
	{
		color: #E6E6E6;
		padding: 10px 1%;
		font-size: 10px;
	}
	#big_map
	{
		display: none;
	}
	#small_map
	{
		display: inline;
		width: 100%;
		margin: 0 auto;
	}
	#small_map iframe
	{
		text-align: center;
	}
	#coordonnees
	{
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
	.img_portfolio
	{
		width: 90%;
	}
	#contact
	{
		display: inline;
		width: 90%;
		float: left;
		padding: 5%;
		margin: 2% 0%;
	}
}
/*  -  -  -  -  -  -  -  -  -  -  Media Query Print  -  -  -  -  -  -  -  -  -  -  */
@media print
{
	body
	{
		width: 100%;/* de la taille de l'écran*/
		margin: 1% auto;
	}
	#bloc_page
	{
		width: 100%;
		margin: 1% auto;
	}
    article
	{
		width: auto;
        display: block;
	}
    footer
	{
        display: none;
	}
}
@media all and (max-device-width: 480px)
{
	<meta name="viewport" content="width=320" />
	<meta name="viewport" content="width=device-width" />
    /* Vos règles CSS pour les mobiles ici */
}
/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1280px */
@media screen and (max-width: 1280px)
/* Sur tous types d'écran, quand la largeur de la fenêtre est comprise entre 1024px et 1280px */
@media all and (min-width: 1024px) and (max-width: 1280px)
/* Sur les téléviseurs */
@media tv
/* Sur tous types d'écrans orientés verticalement */
@media all and (orientation: portrait)