/* GLOBAL */
*{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
    background-color: #FFF; /* blanc */	
}

a
{
    color: #2A8782;
    text-decoration: none;
    transition: text-shadow 0.15s;
}
a:hover
{
    text-shadow: 0 0 3px red;
}

body
{
    margin: 0 auto;
    text-align: center;
    width: 80%;
    font-family: 'Open Sans', sans-serif;
	font-size: 1em;
}
body, button
{
    font-family: Arial,'Open Sans', sans-serif;
}
.figure
{
	text-align: center;
	margin: 0 auto;
}
.hide
{
    display: none;
}

.slider
{
    -webkit-backface-visibility: hidden; /* obligatoire pour éviter l'effet de crénelage sous Chrome */

   text-align: center;
	margin: 0 auto;
	/*transform: rotate(-3deg);*/
    /*transform-origin: 50% 50%;*/
}
.slider figcaption
{
    color: #2A8782;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
 /*text-shadow: 0 0 4px grey;*/
}
.slider img
{
    background-color: white;
    padding: 1em;
    border-radius: 8px;
    box-shadow: 0 0 16px red;
    max-height: 180px;
    min-height: 180px;
    width: auto;
}

.toolbar ul
{
    /* structure */
    padding-left: 0;

    /* presentation */
    list-style-type: none;
    text-align: center;
}
.toolbar ul li
{
    display: inline-block;
}
.toolbar ul li + li
{
    margin-left: 1em;
}
#toolbar-toggle
{
	font-size: 2em;
}
h6
{
	font-size: 2.5em;
	text-align: center;
}
.clearfloat
{
	clear: both;
}

/* STYLE */


/* COLORS */


/* HEADER */
.entete
{
	background-image: url(../images/photoEntete.jpg);	
	background-size: cover;
	background-position: left bottom;
	width: 100%;
	height: auto;
	text-align: center;
}
.logoRestaurant
{
	width: 30%;
	height: auto;
	display: inline-block;
	margin: 0 !important;
	padding: 0;
}
h1 
{
	font-size: 2.5em;
	text-align: center;
	background-color:rgba(255,255,255,0);
	color: #FFF;
	display: inline-block;
	padding: 5% 11%;
	vertical-align: top;
	text-shadow: 3px 3px #000;
}
/*.hello
{
	text-align: center;
	margin: 0 auto;
}*/

/* MAIN */
.commentaires
{
	width: 80%;
	margin: 0 auto;
}
.fondPage
{
	width: 100%;
}
button
{
	padding: 15px 15px;
	border: 3px solid #000;
	color: #000;
	margin: 30px;
}
.boutonenvoyerformulaire
{
	padding: 15px 15px;
	border: 3px solid #000;
	color: #000;
	margin: 15px;
}
.photoplat
{
	width:  80%;
	margin: 0 10%;
	text-align: center;
}
.imageplat
{
	display: block;
}
.descriptionplat
{
	display: block;
	margin: 0 auto;
	text-align: center;
}
.descriptionplat h6
{
	text-align: center;
	font-size: 2em;
}
.commentairesplats
{
	padding: 30px;
}
.presentationplat
{
	display: block;
}
.menunavigation
{
	text-align: center;
	margin: 0 auto;
}
.navigationaccueil
{
	padding: 15px;
	background-color: #E7010F;
	margin: 0 auto;
	text-align: center;
	display: block;
	vertical-align: baseline;
}
.encartformulaire
{
	text-align: center;
	margin: 15px auto;
	max-width: 300px;
	height: auto;
	color: #000;
}
.encartformulaire fieldset
{
	max-width:150px;
	text-align: center;
	margin: 15px auto;
}

.encartformulaire label
{
	display: block;
	vertical-align: baseline;
}
.encartformulaire input
{
	display: block;
	vertical-align: baseline;
	text-align: center;
	margin: 5px auto;
}
.contact input
{
	margin-top: 5px;
}
.libeleloginemail
{
	margin-top: 10px;
}
textarea
{
	max-width: 100px;
	margin-top: 5px;
}
.googlemap img
{
	min-width: 90%;
}
.boutonenvoyerformulaire
{
	padding: 15px;
	color: #FFF;
	background-color: #000;
	border: none;
	margin-top: 15px;
}
.teimoignageclients
{
	text-align: center;
	margin: 25px auto;
	border: 1px solid #000;
	width: 60%;
}
.readmore
{
	padding: 15px;
	max-width: 130px;
	background-color: #E7010F;
	/*margin-top: 30px;
	margin-right: 0px;
	margin-left: auto;
	margin-bottom: 30px;*/
	margin: 0 auto;
	text-align: center;
}
.readmore a
{
	text-decoration: none;
	color: #FFF;
}
/* FOOTER */
.footer
{
	text-align: center;
}
.retourindex
{
	padding: 15px;
	max-width: 130px;
	background-color: #E7010F;
	margin: 30px auto;
	text-align: center;
}
.retourindex a
{
	color: #FFF;
	text-decoration: none;
}



/* MEDIA QUERIES */

@media screen and (min-width: 640px,max-width: 1199px){
	.entete
{
	background-image: url(../images/photoEntete.jpg);	
	background-size: cover;
	background-position: left bottom;
	width: 100%;
	height: auto;
	text-align: left;
}
h1 
{
	font-size: 2.5em;
	text-align: center;
	background-color:rgba(255,255,255,0);
	color: #FFF;
	display: inline-block;
	padding: 5% 11%;
	vertical-align: top;
	text-shadow: 3px 3px #000;
}
	.presentationplat
	{
		display : inline-block;
		vertical-align : top;
		max-width: 32%
	}
	.photoplat
	{
		/*width:  300px;*/
		height: 255px;
		width: auto;
		margin: 0 10%;
		text-align: center;
	}
	.navigationaccueil
	{
	padding: 15px;
	background-color: #E7010F;
	margin: 15px;
	display: inline-block;
	vertical-align: top;
	}
	.teimoignageclients
	{
	text-align: center;
	margin: 25px auto;
	border: 1px solid #000;
	width: 40%;
	}
	.slider img
{
    background-color: white;
    padding: 1em;
    border-radius: 8px;
    box-shadow: 0 0 16px red;
    max-height: 400px;
    min-height: 400px;
    width: auto;
}
.encartformulaire
{
	text-align: center;
	margin: 15px auto;
	max-width: 90%;
	height: auto;
	color: #000;
}
.encartformulaire fieldset
{
	max-width: 50%;
	text-align: center;
	margin: 15px auto;
}

.encartformulaire label
{
	display: block;
	vertical-align: baseline;
}
.encartformulaire input
{
	display: block;
	vertical-align: baseline;
	text-align: center;
	margin: 5px auto;
}
.contact input
{
	margin-top: 5px;
}
.libeleloginemail
{
	margin-top: 10px;
}
textarea
{
	max-width: 50%;
	margin-top: 5px;
}

}
@media screen and (min-width: 1200px){
	.entete
{
	background-image: url(../images/photoEntete.jpg);	
	background-size: cover;
	background-position: left bottom;
	width: 100%;
	height: auto;
	text-align: left;
}
h1 
{
	font-size: 2.5em;
	text-align: center;
	background-color:rgba(255,255,255,0);
	color: #FFF;
	display: inline-block;
	padding: 5% 11%;
	vertical-align: top;
	text-shadow: 3px 3px #000;
}
	.presentationplat
	{
		display : inline-block;
		vertical-align : top;
		max-width: 32%;
	}
	.photoplat
	{
		text-align: center;
		/*max-width: 79%;*/
		height: 255px;
		width: auto;
		margin: 0 10%;

	}
	.navigationaccueil
	{
	padding: 15px;
	background-color: #E7010F;
	margin: 0 45px;
	display: inline-block;
	vertical-align: top;
	}
	.teimoignageclients
	{
	text-align: center;
	margin: 25px auto;
	border: 1px solid #000;
	width: 40%;
	}
	.slider img
{
    background-color: white;
    padding: 1em;
    border-radius: 8px;
    box-shadow: 0 0 16px red;
    height: 50%;
    min-width: auto;
   
}
.readmore
{
	padding: 15px;
	max-width: 130px;
	background-color: #E7010F;
	margin-top: 30px;
	margin-right: 0px;
	margin-left: auto;
	margin-bottom: 30px;
	/*margin: 0 auto;*/
	text-align: center;
}
.readmore a
{
	text-decoration: none;
	color: #FFF;
}
.menunavigation a
{
	text-decoration: none;
	color: #FFF;
}
.slider img
{
    background-color: white;
    padding: 1em;
    border-radius: 8px;
    box-shadow: 0 0 16px red;
    max-height: 400px;
    min-height: 400px;
    width: auto;
}
.encartformulaire
{
	text-align: center;
	margin: 15px auto;
	max-width: 90%;
	height: auto;
	color: #000;
}
.encartformulaire fieldset
{
	max-width: 50%;
	text-align: center;
	margin: 15px auto;
}

.encartformulaire label
{
	display: block;
	vertical-align: baseline;
}
.encartformulaire input
{
	display: block;
	vertical-align: baseline;
	text-align: center;
	margin: 5px auto;
}
.contact input
{
	margin-top: 5px;
}
.libeleloginemail
{
	margin-top: 10px;
}
textarea
{
	max-width: 50%;
	margin-top: 5px;
}



}