/*---------------------------------------- Body Header Menu ----------------------------------------*/


body {
	background-color:#FC3C3C;
	margin: 10px 0px 0px 0px;
}


#acceuil {
	width: auto;
	height: auto;
	margin: auto;
	background: #FC3C3C;
}


#header {
	width: 800px;
	height: 208px;
	background-color: #FC3C3C;
	background: url(header.jpg);
	border: solid 1px #000000;
	margin: 0 auto 0 auto;
}



#menu {
	margin: auto;
	padding: 0;
	width: 800px;
	height: 31px;
}


#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}


#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	border: solid 1px #000000;
}


#menu ul li a {
	background: #f86565;
	width: 157px;
	height: 22px;
	padding: 7px 1px 0 0px;
	margin: 0 0 0 0;
	color: #000000;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 12px/18px Georgia, "Times New Roman", Times, serif;
}


#menu ul li a:hover {
	color: #000000;
	background: #f5d7b4;
}


#menu a:active {
	background: #a86560;
	color: #33FFCC;
}


/*--------------------------------------------------------------------------------------------------*/



/*----------------------------------------- Mise en forme-------------------------------------------*/


.conteneur {
	width: 700px;
	height: auto;
	background-color: #F96F6F;
	margin: 0 auto 0 auto;
	border-left: solid 10px #C23737;
	border-right: solid 10px #C23737;
	padding: 40px 10px 10px 10px;
}



.footer {
	width: 100%;
	height: 100%;
	text-align: center;
	color: #000000;
}


/*--------------------------------------------------------------------------------------------------*/



/*----------------------------------------- Restaurant HTML ----------------------------------------*/


.block {
	width: 100%;
	height: 350px;
}


.endblock {
	width: 100%;
	height: auto;
}


.picplace1 {
	border: solid 0px #00FF00;
	margin-right: 20px;
	float: left;
}


.picplace2 {
	border: solid 0px #00FF00;
	margin-left: 20px;
	float: right;
}


/*--------------------------------------------------------------------------------------------------*/



/*--------------------------------------- Carte et Menu HTML ---------------------------------------*/


.chef {
	width:40%;
	height:auto;
	float: left;
}

.description {
	width: 60%;
	height: auto;
	float: left;
	text-align: center;
}

.leftblock {
	width: 40%;
	height: auto;
	float: left;
}

.elementblock {
	width: 50%;
	min-height: 400px;
	height: auto;
	padding-top: 30px;
	float: left;
}

.priceblock {
	width: 10%;
	min-height: 400px;
	height: auto;
	padding-top: 30px;
	float: left;
}



.listecarte {
	width: auto;
	height: auto;
	margin-bottom: 40px;
}

.listecarte ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.listecarte ul li {
	margin: 0;
	border: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

.listecarte ul li a {
	color: #000000;
}

.listecarte ul li a:hover {
	color: #00CC99;
}



.element {
	width: auto;
	height: auto;
	margin-bottom: 40px;
}

.element ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.element ul li {
	margin: 0;
	border: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	color: #000000;
}


/*--------------------------------------------------------------------------------------------------*/



/*---------------------------------------- Nos Photos ----------------------------------------------*/


.selection {
	width: 100%;
	height: auto;
	margin: 20px 0 40px 0;
	color: #003333;
	text-align: center;
}


#photomenu {
	margin: 0px 0 0 100px;
	padding: 0;
	width: 600px;
	height: 31px;
	background-color:#F96F6F;
}


#photomenu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}


#photomenu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	border: solid 1px #000000;
}


#photomenu ul li a {
	background: #FF3366;
	width: 100px;
	height: 20px;
	padding: 7px 1px 0 0px;
	margin: 0 0 0 0;
	color: #000000;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 12px/18px Georgia, "Times New Roman", Times, serif;
}


#photomenu ul li a:hover {
	color: #000000;
	background: #FF66CC;
}


#photomenu a:active {
	background: #a86560;
	color: #33FFCC;
}


#container {
    position: relative; 
    width: 620px; 
    height: 700px; 
    margin: 20px auto 0 auto;
}


#container ul {
    padding: 0; 
    margin: 0;
	list-style-type: none;
}


#container li {
    float: left;
}


#container a.gallery span {
    position: absolute;
    width: 1px;
    height: 1px;
    top: 5px;
    left: 5px;
    overflow: hidden;
    background: #fff;
}


#container a.gallery, #container a.gallery:visited {
	display: block;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
    margin: 1px 1px 1px 1px;
    text-align: left;
    cursor: default;
}


								/*----------- photos salle -----------*/
#container a.sall01 {
	background:url(Thumbnails/Salle01.jpg);
    height:90px; 
    width:120px;
	}
#container a.sall02 {
    background:url(Thumbnails/Salle02.jpg); 
    height:90px; 
    width:120px;
    }
#container a.sall03 {
    background: url(Thumbnails/Salle03.jpg); 
    height:90px; 
    width:120px;
    }
#container a.sall04 {
    background:url(Thumbnails/Salle04.jpg); 
    height:90px; 
    width:120px;
    }
* html #container a.sall04 {
    height:90px; 
    width:120px;
    }
#container a.sall05 {
    background:url(Thumbnails/Salle05.jpg); 
    height:90px; 
    width:120px;
    }
#container a.sall06 {
    background:url(Thumbnails/Salle06.jpg); 
    height:90px; 
    width:120px;
    }
* html #container a.sall06 {
    height:90px; 
    width:120px;
    }
#container a.sall07 {
    background:url(Thumbnails/Salle07.jpg); 
    height:90px; 
    width:120px;
    }
#container a.sall08 {
    background:url(Thumbnails/Salle08.jpg); 
    height:90px; 
    width:120px;
    }
#container a.sall09 {
    background:url(Thumbnails/Salle09.jpg); 
    height:90px; 
    width:120px;
    }
#container a.sall10 {
    background:url(Thumbnails/Salle10.jpg); 
    height:90px; 
    width:120px;
    }
								/*----------- photos salle -----------*/

								/*------------ photos bar ------------*/
#container a.bar01 {
	background:url(Thumbnails/Bar01.jpg);
    height:90px; 
    width:120px;
	}
#container a.bar02 {
    background:url(Thumbnails/Bar02.jpg); 
    height:90px; 
    width:120px;
    }
#container a.bar03 {
    background: url(Thumbnails/Bar03.jpg); 
    height:90px; 
    width:120px;
    }
#container a.bar04 {
    background:url(Thumbnails/Bar04.jpg); 
    height:90px; 
    width:120px;
    }
* html #container a.bar04 {
    height:90px; 
    width:120px;
    }
#container a.bar05 {
    background:url(Thumbnails/Bar05.jpg); 
    height:90px; 
    width:120px;
    }
#container a.bar06 {
    background:url(Thumbnails/Bar06.jpg); 
    height:90px; 
    width:120px;
    }
* html #container a.bar06 {
    height:90px; 
    width:120px;
    }
#container a.bar07 {
    background:url(Thumbnails/Bar07.jpg); 
    height:90px; 
    width:120px;
    }
#container a.bar08 {
    background:url(Thumbnails/Bar08.jpg); 
    height:90px; 
    width:120px;
    }
#container a.bar09 {
    background:url(Thumbnails/Bar09.jpg); 
    height:90px; 
    width:120px;
    }
#container a.bar10 {
    background:url(Thumbnails/Bar10.jpg); 
    height:90px; 
    width:120px;
    }
								/*------------ photos bar ------------*/

								/*----------- photos cuisine -----------*/
#container a.cui01 {
	background:url(Thumbnails/Cuisine01.jpg);
    height:90px; 
    width:120px;
	}
#container a.cui02 {
    background:url(Thumbnails/Cuisine02.jpg); 
    height:90px; 
    width:120px;
    }
#container a.cui03 {
    background: url(Thumbnails/Cuisine03.jpg); 
    height:90px; 
    width:120px;
    }
#container a.cui04 {
    background:url(Thumbnails/Cuisine04.jpg); 
    height:90px; 
    width:120px;
    }
* html #container a.cui04 {
    height:90px; 
    width:120px;
    }
#container a.cui05 {
    background:url(Thumbnails/Cuisine05.jpg); 
    height:90px; 
    width:120px;
    }
#container a.cui06 {
    background:url(Thumbnails/Cuisine06.jpg); 
    height:90px; 
    width:120px;
    }
* html #container a.cui06 {
    height:90px; 
    width:120px;
    }
#container a.cui07 {
    background:url(Thumbnails/Cuisine07.jpg); 
    height:90px; 
    width:120px;
    }
#container a.cui08 {
    background:url(Thumbnails/Cuisine08.jpg); 
    height:90px; 
    width:120px;
    }
#container a.cui09 {
    background:url(Thumbnails/Cuisine09.jpg); 
    height:90px; 
    width:120px;
    }
#container a.cui10 {
    background:url(Thumbnails/Cuisine10.jpg); 
    height:90px; 
    width:120px;
    }
								/*----------- photos cuisine -----------*/

								/*--------- photos terrasse ---------*/
#container a.terr01 {
	background:url(Thumbnails/Terrasse01.jpg);
    height:90px; 
    width:120px;
	}
#container a.terr02 {
    background:url(Thumbnails/Terrasse02.jpg); 
    height:90px; 
    width:120px;
    }
#container a.terr03 {
    background: url(Thumbnails/Terrasse03.jpg); 
    height:90px; 
    width:120px;
    }
#container a.terr04 {
    background:url(Thumbnails/Terrasse04.jpg); 
    height:90px; 
    width:120px;
    }
* html #container a.terr04 {
    height:90px; 
    width:120px;
    }
#container a.terr05 {
    background:url(Thumbnails/Terrasse05.jpg); 
    height:90px; 
    width:120px;
    }
#container a.terr06 {
    background:url(Thumbnails/Terrasse06.jpg); 
    height:90px; 
    width:120px;
    }
* html #container a.terr06 {
    height:90px; 
    width:120px;
    }
#container a.terr07 {
    background:url(Thumbnails/Terrasse07.jpg); 
    height:90px; 
    width:120px;
    }
#container a.terr08 {
    background:url(Thumbnails/Terrasse08.jpg); 
    height:90px; 
    width:120px;
    }
#container a.terr09 {
    background:url(Thumbnails/Terrasse09.jpg); 
    height:90px; 
    width:120px;
    }
#container a.terr10 {
    background:url(Thumbnails/Terrasse10.jpg); 
    height:90px; 
    width:120px;
    }
								/*--------- photos terrasse ---------*/

								/*----------- photos facade -----------*/
#container a.fac01 {
	background:url(Thumbnails/Facade01.jpg);
    height:90px; 
    width:120px;
	}
#container a.fac02 {
    background:url(Thumbnails/Facade02.jpg); 
    height:90px; 
    width:120px;
    }
#container a.fac03 {
    background: url(Thumbnails/Facade03.jpg); 
    height:90px; 
    width:120px;
    }
#container a.fac04 {
    background:url(Thumbnails/Facade04.jpg); 
    height:90px; 
    width:120px;
    }
* html #container a.fac04 {
    height:90px; 
    width:120px;
    }
#container a.fac05 {
    background:url(Thumbnails/Facade05.jpg); 
    height:90px; 
    width:120px;
    }
								/*----------- photos facade -----------*/


#container a.gallery:hover {
    border: 1px solid #fff; 
    }


#container a.gallery:hover span {
    position: absolute; 
    width: auto; 
    height: auto; 
    top: 200px; 
    left: 40px; 
    color: #000; 
    background: #F96F6F;
    }


#container a.gallery:hover img {
    border: 1px solid #000; 
    float: left;
	margin: 5px;
    }


/*--------------------------------------------------------------------------------------------------*/



/*---------------------------------------- Visite 360 ----------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/



/*-------------------------------------- Nous Contacter --------------------------------------------*/


#photocontact {
	width: 270px;
	height: 550px;
	float: left;
	background:url(photocontact.jpg);
}


form {
	width: 430px;
	height: 550px;
	float: left;
	background: #F96F6F;
}


label { 
	display: inline;
	float: left;
	width: 200px;
	font-weight: bold;
}


.input { 
	background-color: #00FFCC; 
	font-family: "Times New Roman", Times, serif;
	color: red;
	margin-bottom: 6px;
}


.option { 
	background-color: #00FFCC; 
}


.select { 
	background-color: #00FFCC;
}


.textarea { 
	background-color: #FFFFFF; 
	color: #000000; 
}


.button {
	width: auto;
	height: 25px;
	font-family: "Times New Roman", Times, serif;
	border: solid 2px #003300; 
	font-size: 12px; 
	color: black; 
	background-color: #F5DEB3;
	margin-left: 280px;
}


/*--------------------------------------------------------------------------------------------------*/



/*--------------------------------------------- Ecriture -------------------------------------------*/


.txt {
	color: #000000;
	font-family: "Times New Roman", Times, serif;				/* Ecriture générale du site */
}


.h3resto {
	color: #FF0000;
	font-family: Georgia, "Times New Roman", Times, serif;		/* H3 Restaurant HTML */
}


.h3carte, .h3photos {
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;		/* H3 Carte_et_Menu HTML */
	text-align: center;
}

.h4carte {
	color: #660066;
	font-family: Georgia, "Times New Roman", Times, serif;		/* H4 Carte_et_menu HTML */
	text-align: center;
}


/*--------------------------------------------------------------------------------------------------*/