@charset "utf-8";
/* CSS Document */



/* 

---------- CSS Entre-Nous 
---------- restaurant-entenous.fr
----------| Par Andrew Frei 
----------| adfrei.fr 
----------| Tous droits réservés

*/

html{ margin:0; padding:0; background:url(../images/bg.jpg) no-repeat fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
body {
	font: normal 14px  Georgia, "Times New Roman", Times, serif
	color: #000;
	margin:0; 
	padding:0; 
	
}

#bg {
background-image:url(../images/bg.png);
background-repeat:no-repeat;
left: 0;
min-height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: -999;
}


/*----------------- Texte -----------------------*/

h1 {
	font-size: 24px;
	color: #03658C;
	margin: 0 0 32px 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal;
}

h2 {
	font-size: 20px;
	color: #bf9893;
	margin: 0 3px 0 0;
	letter-spacing: 0;
	text-transform: uppercase;
	font-weight: bold;
	display: inline;
}

h3 {
	font-size: 14px;
	color: #bf9893;
	margin: 0 3px 0 0;
	letter-spacing: 0;
	text-transform: uppercase;
	font-weight: bold;
	display: inline;
}

p, ul, ol {
	margin: 18px 0px 18px 0px;
}

ul {
	list-style-type: none;
}



/* Liens */

a img { border: none }

a:link,
a:visited {
	color: #03658c;
	text-decoration: none;
}

a:hover {
	color: #bf9893;
	text-decoration: none;
}

a:focus {
	outline: 0;
}


/*-------------- Menu gauche  -----------------*/
#barre{width:270px; height:500px;background-image:url(../images/barre.png); background-repeat:no-repeat}
#gauche {
	width: 240px;
	height: 100%;
	/*background: url('../images/bg_cont.png') repeat left top;*/
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
}

#logo {
	display: block;
	width: 200px;
	height: 230px;
	background:url(../images/logo.png) no-repeat left top;
	margin:0 0 0 5px;
}

ul#menu  {
	margin: 34px 0 0 0;
	list-style-type: none;
	padding: 0 26px;
	position: relative;
	z-index: 10;
}

ul#menu li {
	margin-bottom: 8px;
	color:#039;
}

ul#menu  li a:link,
ul#menu li a:visited {
	display: block;
	width: 180px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

ul#nav li a.current:link,
ul#nav li a.current:visited {
	color: #888c04;
}

#maps {position:fixed;margin-top:0px;}
#plan_bas{width:242px; height:17px; background-image:url(images/plan_bas.png); background-repeat:no-repeat;}


/*  ------------- Contenu ---------------- */

#barre_cont{
	float:left;
	width:40px;
	height:580px;
	background:url(../images/barre_cont.png) no-repeat left top;
	margin:0 0 0 370px;}
	
#contenu {
	width:500px;
	height:100%;
	min-height:505px;
	background: url('../images/bg_cont.png') repeat left top;
	padding: 40px;
	margin: 150px 0 0 410px;
}
#contenu img{width:100px; padding:3px; border:2px solid #bf9893; margin:5px; 
-webkit-transition: opacity 0.1s linear;
opacity: 0.9; 

-webkit-transition: -webkit-transform .2s ease;
-moz-transition: -moz-transform .2s ease;
-ms-transition: -ms-transform .2s ease;
-o-transition: -o-transform .2s ease;
transition: transform .2s ease;}
#contenu img:hover {
-webkit-transition: opacity 0.1s linear;
opacity: 1; z-index: 10;
-moz-transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
-ms-transform: translate(0,-5px);
-o-transform: translate(0,-5px);
transform: translate(0,-5px);
}

#contenu p {color:#000000}

ul.carte {font-weight:bold; margin-bottom:30px;}
ul.carte li {margin-bottom:10px; border-bottom: 1px solid #bf9893; color:#03658C}
ul.carte .desc {font-size:12px; font-weight:100; color:#666666;}

/*--------------  Pied de page -------------------- */



#footer {
	position:fixed;
    width:300px;
	font-size: 12px;
	margin: -60px 0 0 30px;
	color: #666;
	font: normal 10px  Georgia, "Times New Roman", Times, serif;
}


#footer a:link,
#footer a:visited {
	color: #333;
}

#footer a:hover {
	color: #999;
	text-decoration: none;
}

#ref{
position:fixed;
width:300px;
margin:-80px 0 0 1048px;
color: #CCC;
font-size: 12px;
}
#ref img{padding-top:10px;}

/*--------------  admin -------------------- */

.photo_suppr {float:left}

/* formulaire */

.form {width:400px; margin:10px auto; padding:20px 30px 20px 30px;}
.form label {color:#BF9893; font-weight:bold}
.entree {margin-bottom:10px;}
.erreur{padding:10px 30px 40px 30px; width:400px; height:40px; margin:10px auto; font-size:16px; color:#f00; background-image:url(../images/form_erreur.png); background-repeat:no-repeat}

#form_reserv{background-image:url(../images/form_reserv.png); background-repeat:no-repeat;}
#form_photo{background-image:url(../images/form_photo.png); background-repeat:no-repeat;}
#form_desc_menu{background-image:url(../images/form_desc_menu.png); background-repeat:no-repeat;}
#form_plat_menu{background-image:url(../images/form_plat_menu.png); background-repeat:no-repeat;}

/* calendrier formulaire */

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
}