body{
	background:url(../images/bg.jpg) top center repeat-y #c2bfb0;
	margin:0;
	border:0;
	padding:0;
	width:100%;
}

	
.pages_accueil{
	max-width:950px;
	min-width:950px;
	min-height:700px;
	height:auto;
	display:block;
	margin:0px auto;
	}



.logo{
	background:url(../images/logo.png);
	display:block;
	width:490px;
	height:300px;
	border-radius:150px;
	position:absolute;
	z-index:0;
	margin-left:230px;
	margin-top:240px;
	}





.rusticana {
	position:absolute;
	z-index:1;
	padding:0px;
	height:230px;
	width:230px;
	border-radius:120px;
	
	margin-top:5px;
	margin-left:200px;
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	}

.esch {
	position:absolute;
	z-index:2;
	padding:0px;
	height:230px;
	width:230px;
	border-radius:120px;
	
	margin-top:5px;
	margin-left:510px;
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	}





.bascharage {
	position:absolute;
	z-index:3;
	padding:0px;
	height:230px;
	width:230px;
	border-radius:120px;

	margin-top:210px;
	margin-left:0px;
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
}


.matese {
	position:absolute;
	z-index:4;
	padding:0px;
	height:230px;
	width:230px;
	border-radius:120px;
	
	margin-top:210px;
	margin-left:720px;
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	}
	
	
	
	
	

.carpini {
	position:absolute;
	z-index:5;
	padding:0px;
	height:230px;
	width:230px;
	border-radius:120px;
	
	margin-top:480px;
	margin-left:85px;
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	}
	
	
.dogado {
	position:absolute;
	z-index:6;
	padding:0px;
	height:230px;
	width:230px;
	border-radius:120px;
	
	margin-top:560px;
	margin-left:355px;
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	}
	

	
.hotel {
	position:absolute;
	z-index:7;
	padding:0px;
	height:230px;
	width:230px;
	border-radius:120px;
	
	margin-top:480px;
	margin-left:640px;
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	}

.content_bouton {
	margin:0px;
	height:206px;
	width:228px;
	border-radius:110px;
	padding:0px;
	
	text-align:center;
	color:#111;
	font-family: 'Oleo Script', cursive;
	font-weight:400;
	font-size:18px;
	line-height:22px;
}	
	


/* ------  HEADER  ------- */


#header_index{
	height:160px;
	width:100%;
	min-width:952px;
	}
	
#header{
	height:100px;
	width:100%;
	min-width:952px;
	}

.top{
	background:url(../images/top_menu.gif) repeat-x top center;
	height:600px;
	margin:0px auto;
	width:100%;
	paddingp:0px;
	display:block;
	overflow:hidden;
}
	

	
.logo_restaurant{
	background-image:url(images/logo.png);
	background:no-repeat;
	display:block;
	width:228px;
	height:120px;
	position:absolute;
	z-index:10000;
	left:50%;
	margin-left: -114px;
	margin-top:-170px;
	}

#menu{
	background:url(../images/top_menu.gif) repeat-x top center;
	margin:30px auto;
	width:100%;
	height:72px;
	display:block;
	overflow:hidden;
	}
	
.menu{
	margin:0px auto;
	padding-top:2px;
	width:952px;
	}
	
.bouton{
	font-family: 'Open Sans Condensed';
	font-weight:300;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#FFF;
	font-size:20px;
	text-align:center;
	text-transform:uppercase;
	line-height:69px;
	
	margin:0px;
	height:69px;
	width:119px;
	padding-top:7px;
	display:inline-block;
	}

	a:hover .bouton{
	font-family: 'Open Sans Condensed';
	font-weight:300;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#FFF;
	font-size:20px;
	text-align:center;
	text-transform:uppercase;
	line-height:69px;
	
	background-image:url(../images/black.png);
	background-repeat:repeat;
	margin:0px;
	height:69px;
	width:119px;
	display:inline-block;
	}
	
	
/*  ------ FIN HEADER  ---------  */


	
	
	
/*  --------  TOP  ---------  */
	
	
#top{
	width:100%;
	height:488px;
	display:block;
	}

#cadre{
	background-color:#FFF;
	width:934px;
	height:470px;
	display:block;
	margin:0px auto;
	border-radius:5px;
	padding:9px;
	box-shadow:4px 4px 4px #999;
}

.accueil{
	background-image:url(../images/bg_accueil.jpg);
	width:216px;
	height:470px;
	float:left;
	margin-left:3px;
}

.titre{
	font-family: 'Open Sans Condensed';
	font-weight:300;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#FFF;
	font-size:26px;
	text-align:center;
	text-transform:uppercase;
	width:216px;
	height:60px;
	line-height:50px;
	}
	
.texte{
	font-family: 'Open Sans Condensed';
	font-weight:300;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#FFF;
	font-size:18px;
	line-height:24px;
	padding:5px 5px 5px 5px;
	
	width:206px;
	height:400px;
	}
	
.b_menus{
	font-family: 'Open Sans Condensed';
	font-weight:300;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	font-size:18px;
	line-height:30px;
	padding:5px 5px 5px 5px;
	
	width:205px;
	height:30px;
	text-transform:uppercase;
	text-align:center;
	margin-left:-5px;
	margin-top:1px;
	}
	
a .b_menus{
	color:#FFF;
	}
	
a:hover .b_menus{
	background-image:url(../images/black.png);
	background-repeat:repeat;
	color:#FFF;
	}	
.special{
	font-family: 'Open Sans Condensed';
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#000;
	line-height:20px;
	text-transform:uppercase;
}	

.slideshow{
	width:704px;
	height:470px;
	margin-left:10px;
	float:left;
}

.separation_page{
	background-image:url(../images/separation.png);
	background-repeat:no-repeat;
	margin:0px auto;
	width:110px;
	height:26px;
	display:block;
	overflow:hidden;
	}
	
.separation_footer{
	background-image:url(../images/separation_footer.png);
	background-repeat:no-repeat;
	margin:0px auto;
	width:110px;
	height:70px;
	display:block;
	overflow:hidden;
	}
	


/*  ------ FIN TOP  ---------  */




/*  ------ CONTENU PAGE  ---------  */


#content{
	width:100%;
	height:auto;
	display:block;
	}
	
.pages{
	background-color:#FFF;
	width:934px;
	height:auto;
	display:block;
	margin:0px auto;
	border-radius:5px;
	padding:9px;
	box-shadow:4px 4px 4px #999;
}

.puce{
	background:url(../images/puce.png) no-repeat; 
	float:left;
	width:40px;
	height:20px;
	margin-right:10px;
}

.livraison{
	background:url(../images/livraison.png) no-repeat; 
	float:left;
	width:40px;
	height:20px;
	margin-right:10px;
}

.titre_page{
	background-color:#222;
	width:934px;
	height:32px;
	
	font-family: 'Open Sans Condensed';
	font-weight:300;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#FFF;
	font-size:24px;
	text-align:center;
	text-transform:uppercase;
	line-height:32px;
	}

.content_page{
	width:934px;
	height:auto;
	
	font-family: 'Open Sans Condensed';
	font-weight:300;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#222;
	font-size:16px;
	}

.annonces{
	width:440px; 
	height:200px; 
	display:inline-block;
	border:1px #BBB dashed;
	padding:11px;
	}
	
.logo_visa{
	background:url(../images/visa.jpg) no-repeat;
	width:100px;
	height:63px;
	display:inline-block;
	margin:8px;
}

.logo_mastercard{
	background:url(../images/mastercard.jpg) no-repeat;
	width:100px;
	height:63px;
	display:inline-block;
	margin:8px;
}

/* ---  S-MENUS  --- */

.code_plat{
	display:block;
	width:70px;
	height:24px;
	line-height:24px;
	background-color:#DDD;
	padding:5px;
	float:left;
	font-size:12px;
	}

.plat{
	display:block;
	width:614px;
	height:24px;
	line-height:24px;
	background-color:#EEE;
	padding:5px;
	float:left;
	font-size:12px;
	}

.prix_entree{
	display:block;
	width:105px;
	height:24px;
	line-height:24px;
	background-color:#DDD;
	text-align:right;
	padding:5px;
	float:left;
	font-size:12px;
	}

.prix_plat{
	display:block;
	width:105px;
	height:24px;
	line-height:24px;
	background-color:#EEE;
	text-align:right;
	padding:5px;
	float:left;
	font-size:12px;
	}
	
.new_carte{
	background:url(../images/new.png) no-repeat;
	width:80px;
	height:19px;
	line-height:11px;
	font-size:12px;
	color:#FFF;
	text-align:center;
	padding:5px 0px;
	margin-top:5px;
	float:right;
	display:block;
	}


/* ---- ENDROITS  ---- */


.content_endroits{
	width:231px; 
	display:inline-block; 
	height:400px;
	margin-top:10px;
	border-radius:5px;
	box-shadow:0px 0px 4px #999;
}


/* ---- CONTACT  ---- */


.lacarte{
	width:704px;
	height:470px;
	float:left;
	border:#777 1px solid;
	margin:0px;
}

.partir{
	background-color:#222;
	width:934px;
	height:60px;
	line-height:60px;
	font:Arial;
	font-family:Arial;
	color:#fff;
	font-size:12px;
}

.b_partir{
	height:30px;
	min-width:750px;
	line-height:20px;
	font:Arial;
	font-family:Arial;
	color:#333;
	font-size:12px;
}

#b_ok{
	width:40px;
	height:39px;
	line-height:20px;
	font:Arial;
	font-family:Arial;
	color:#333;
	font-size:12px;
}

.itineraire{
	min-width:584px;
	width:100%;
	height:auto;
	margin:0px;
	
	font:Arial;
	font-family:Arial;
	font-size:12px;
	color:#000;
	padding-bottom:0px;
}



fieldset{
	margin:0px;
	border:0px;
	padding:10px 0px;
}

#form {
	margin:0px;
	width:932px;
	border:0px;
	background-color:#EEE;
	margin-top:5px;
	padding-left:120px;
	border:0;
	outline:0;
	padding-top:25px;
	font-size:100%;
	vertical-align: baseline;
	background:transparent;
}

#form input {
	border:#d5d5d5 1px solid;
	background:#ffffff;
	font-family: 'Droid Sans', sans-serif;
	font-size:13px;
	height:16px;
	color:#757575;
	padding:9px 4px 11px 14px;
	width: 270px;
	float:left;
	display:block;
	background-color:#DDD;
}

#form .adresse input {
	border:#d5d5d5 1px solid;
	background:#ffffff;
	font-family: 'Droid Sans', sans-serif;
	font-size:13px;
	height:16px;
	color:#757575;
	padding:9px 4px 11px 14px;
	width: 673px;
	float:left;
	display:block;
	background-color:#DDD;
}

#form textarea {
	border:#d5d5d5 1px solid;
	background:#ffffff;
	font-family: 'Droid Sans', sans-serif;
	font-size:13px;
	color:#757575;
	height: 184px;
	outline: medium none;
	overflow: auto;
	padding: 9px 4px 11px 15px;
	width: 673px;
	resize:none;
	margin:0px;
	float:left;
	background-color:#DDD;
}

#form label {
	min-width: 400px;
	position:relative;
	display:inline-block;
	min-height:45px;
}

#form label .radio {
	background:#39C;
	width: 150px;
	display:inline-block;
	padding:0px;
	float:left;
}

.button_radio{
	background:#0C3;
	max-width: 20px;
	padding:0px;
}

.adresse{
	width: 800px;
	position:relative;
	display:inline-block;
	height:50px;
}


#form .error, #form .empty {
	color:#666;
	display: none;
	font-size: 12px;
	line-height:12px;
}
#form .error-empty {
	margin: 4px 0 5px 7px !important;
	display:none;
	float:left;
	width:100px;
}

.error{
	color:#666 !important;
	font-weight:lighter;
	font-size: 12px;
	line-height:12px;
	height:25px;
	background:#C00;
}

.success {
	color:#fff !important;
	font-size:16px;
	height:25px;
	font-weight:lighter;
	padding:0px 10px;
	margin-top:-25px;
	background:#C00;
	width:675px;
}


.btns {
	text-align:right;
	width: 695px;
	position:relative;
	padding-top:10px;
	overflow:hidden;
	height:50px;
}
.btns a {
	margin: 0px 0px 0px 5px; 
	cursor:pointer;
	background-color:#CCC;
	height:30px;
	line-height:30px;
	width:140px;
	display:inline-block;
	text-align:center;
	border-radius:5px;
}

.btns a:hover {
	margin: 0px 0px 0px 5px; 
	cursor:pointer;
	background-color:#222;
	color:#DDD;
	line-height:30px;
	height:30px;
	width:140px;
	display:inline-block;
	text-align:center;
	border-radius:5px;
}


/*  ------ FIN CONTENU PAGE  ---------  */



/* ------  FOOTER  ------- */


#footer{
	background:url(../images/footer.png) repeat-x #000;
	width:100%;
	height:180px;
	display:block;
	}
	
.content_footer{
	width:952px;
	height:180px;
	margin:0px auto;
	display:block;
	}
	
.p_info{
	width:240px;
	height:170px;
	text-decoration:none;
	float:left;
	margin:5px 0px;
	}
	
.qr_code{
	background-image:url(../images/qrcode.png);
	background-repeat:no-repeat;
	width:118px;
	height:108px;
	float:left;
	margin:0px 0px 0px 0px;
	border-left:1px #666 dotted;
	border-right:1px #666 dotted;
	
	font-family: 'Open Sans Condensed';
	font-weight:300;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#DDD;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	}
	
.appli_gastro{
	background-image:url(../images/appli_gastro.png);
	background-repeat:no-repeat;
	width:118px;
	height:108px;
	float:left;
	margin:0px;
	
	font-family: 'Open Sans Condensed';
	font-weight:300;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#DDD;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	}

.share{
	width:216px;
	height:32px;
	float:left;
	margin:10px 0px 0px 0px;
	padding-top:10px;
	padding-left:10px;
	padding-right:4px;
	border-top:1px #666 dotted;
	
	font-family: 'Open Sans Condensed';
	font-weight:300;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#DDD;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	}
	
.sitemap{
	width:670px;
	height:170px;
	text-decoration:none;
	float:left;
	margin:5px 0px 0px 0px;
	padding-left:40px;
	border-left:1px #666 dotted;
	border-right:1px #666 dotted;
	}
	
.colonne{
	line-height:6px;
	float:left;
	text-decoration:none;
	text-align:left;
	}

h1{
	font-family: 'Open Sans Condensed';
	font-weight:300;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#BBB;
	font-size:14px;
	text-decoration:none;
	text-align:left;
	padding-right:40px;
	}
	
a h1{
	text-decoration:none;
	}
	
a:hover h1{
	color:#FFF;
	text-decoration:underline;
	}
	
h2{
	font-family: 'Open Sans Condensed';
	font-weight:300;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#BBB;
	font-size:12px;
	text-decoration:none;
	text-align:left;
	line-height:8px;
	}
	
a h2{
	text-decoration:none;
	}
	
a:hover h2{
	color:#FFF;
	text-decoration:underline;
	}


h3{
	font-family: 'Open Sans Condensed';
	font-weight:700;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#000;
	font-size:24px;
	text-decoration:none;
	text-align:left;
	line-height:18px;
	}
	
h4{
	font-family: 'Open Sans Condensed';
	font-weight:300;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#000;
	font-size:18px;
	text-decoration:none;
	text-align:left;
	padding-left:20px;
	line-height:18px;
	}
	
h5{
	font-family: 'Open Sans Condensed';
	font-weight:300;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#000;
	font-size:16px;
	text-decoration:none;
	text-align:left;
	padding-left:20px;
	line-height:18px;
	}

/* ------  FIN FOOTER  ------- */





/* ------  HOSTING  ------- */
	
#hosting{
	background:url(../images/footer.png) top center repeat-x #000;
	width:100%;
	height:30px;
	display:block;
	border-top:1px #666 solid;
	}

	
.copyright{
	width:952px;
	height:30px;
	line-height:30px;
	display:block;
	margin:0px auto;
	font-family: 'Open Sans Condensed';
	font-weight:700;
	@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
	color:#666;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	}

.copyright a{
	color:#666;
	text-decoration:none;
	}
	
.copyright a:hover{
	color:#FFF;
	text-decoration:underline;
	}


/* ------  FIN HOSTING  ------- */


.separation_accueil{
	background-image:url(../images/separation_acceuil.png);
	background-repeat:no-repeat;
	margin:0px auto;
	width:225px;
	height:66px;
	display:block;
	overflow:hidden;
	}



.clear{
	display:block;
	float:left;
	width:100%;
	overflow:hidden;
}


.separation{
	background-color:#09C;
	width:211px;
	display:inline-block;
	}
	
.separation_form{
	border-top:1px dashed #666;
	width:690px;
	display:block;
	margin:5px 0px;
	}
	
	
/* ---- SCROLL TO TOP ---- */
	
#back-top {
	position: fixed;
	bottom: 40px;
	margin-top: -150x;
	width:932px;
	display:block;
	margin:0px;
}

#back-top a {
	width: 80px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
	position:fixed;
	right:20px;
	bottom:40px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #999;
}

/* arrow icon (span tag) */
#back-top span {
	width: 80px;
	height: 80px;
	display: block;
	margin-bottom: 7px;
	background: #333 url(../images/up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #999;
}