html {
        width: 100%;
        height: 100%;
        font-size: 1em;
}

body {
	margin: 0;
	padding: 0;
	background: url(../../uploads/images/fond.jpg) no-repeat center center;
        background-size: cover cover;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #181B20;
        width: 100%;
        height: 100%;
        position: center;
        
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Times New Roman, sans-serif;
	font-weight: normal;
	color: #8E3557;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2em;
        color: #8E3557;
        font-family: Trebuchet MS, Times New Roman, sans-serif;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: none;
	color: #8E3557;
}

a:hover {
	text-decoration: underline;
}

img.border {
	border: 6px solid #EEE7DF;
}

img.alignleft {
	float: left;
	margin-right: 25px;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

#wrapper {
	margin-left: auto ; 
        margin-right: auto ;
	padding: 0;
        width: 100%;
	height: 100%;
}

/* Header */

#header-wrapper {
        width: 100%;
        height: 30%;
        max-height: 317px;
        max-width: 1170px;
        margin-left: auto; 
        margin-right: auto;
        background: transparent url(../../uploads/images/header.png) no-repeat center top ;
        background-size: 100% 100%;
}
  
/* Menu */

#menu {
	width: 60%;
	height: 5%;
	margin-left: 35% ; 
        margin-right: auto ;
        margin-top: 0%;
	background: transparent;
}

#menu ul {
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: 100%;
        width: 100%;
        height: 100%;
}

#menu li {
	float: left;
        width: 12%;
        height: 100%;
}

#menu a {
	display: block;
	float: left;
	width: 100%;
        height: 100%;	
        
}

#menu .current_page_item a {
	background: #FFCB2E url(http://latabledeugene69.com/uploads/images/Ardoise_vierge.gif) no-repeat right bottom;
	color: #8E3557;
}

#menu a:hover {
	text-decoration: none;
	color: #8E3557;
}
#menu  ul li a.Fete:hover{
    background-image:url(../../uploads/images/menu/black/nouvel-an2.gif);
    background-size: 100% 100%;
}
#menu  ul li a.Fete{
    background-image:url(../../uploads/images/menu/black/nouvel-an2.gif);
    background-size: 100% 100%;
}
#menu  ul li a.Fete{
    background-image:url(../../uploads/images/menu/black/nouvel-an2.gif);
    background-size: 100% 100%;
}
#menu  ul li a.Accueil{
    background-image:url(../../uploads/images/menu/black/ACCUEIL.gif);
    background-size: 100% 100%;
}
#menu  ul li a.Carte{
    background-image:url(../../uploads/images/menu/black/CARTE.gif);
    background-size: 100% 100%;
}
#menu  ul li a.Photos{
    background-image:url(../../uploads/images/menu/black/PHOTOS.gif);
    background-size: 100% 100%;
}
#menu  ul li a.Contacts{
    background-image:url(../../uploads/images/menu/black/CONTACT.gif);
    background-size: 100% 100%;
}
#menu  ul li a.Evenements{
    background-image:url(../../uploads/images/menu/black/EVENEMENTS.gif);
    background-size: 100% 100%;
}
#menu ul li a.Accueil:hover {
    background-image:url(../../uploads/images/menu/black/ACCUEIL2.gif);
    background-size: 100% 100%;
}
#menu ul li a.Carte:hover {
    background-image:url(../../uploads/images/menu/black/CARTE2.gif);
    background-size: 100% 100%;
}
#menu ul li a.Photos:hover {
    background-image:url(../../uploads/images/menu/black/PHOTOS2.gif);
    background-size: 100% 100%;
}
#menu ul li a.Contacts:hover {
    background-image:url(../../uploads/images/menu/black/CONTACT2.gif);
    background-size: 100% 100%;
}
#menu ul li a.Evenements:hover {
  background-image:url(../../uploads/images/menu/black/EVENEMENTS2.gif);
    background-size: 100% 100%;
}
#menu ul li a.Bouton:hover {
  background-image:url(../../uploads/images/bouton-reserver.png);
    background-size: 100% 100%;
}
#menu ul li a.Bouton{
  background-image:url(../../uploads/images/bouton-reserver2.png);
    background-size: 100% 100%;
    target: _blank;
}

/* Page */

#page {
	width: 80%;
        height: 60%;
	margin-left: auto; 
        margin-right: auto;
	background-color: transparent;
        
}
/* Content */

#content {
	position: relative;
        width: 100%;
        height: 100%; 
        margin-top: 2%;
        margin-left: auto; 
        margin-right: auto;
        
}

#accueil {
        position: absolute;
        width: 30%;
        height: 50%;
        margin-left: 55%; 
        margin-right: auto;
        margin-top: 6%;
        background: transparent url(../../uploads/images/accueil.png) no-repeat center top ;
        background-size: 100% auto;
        overflow: auto;     
        
}
#accueil p {
        padding: 23% 2% 2% 2%;
        
}
        
#facebook {
        position: absolute;
        width: 80%;
        height: 90%;
        margin-left: 10%; 
        margin-right: 10%;
        margin-top: 2%;
        background: url(../../uploads/images/evenements-fond.png) no-repeat center;
        background-size: 100% 99%;
}

.post {
	clear: both;
	padding-bottom: 1px;
        overflow: auto;
}

.post .title {
	
	letter-spacing: -2px;
}

.post .title a {
	color: #FFB105;
	border: none;
}

.post .meta {
	padding-bottom: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.post .meta a {
}

.post .entry {
	text-align: justify;
	margin-bottom: 5px;
	padding: 10px 0px 0px 0px;
        overflow: auto;
}

.links {
	display: block;
	width: 96px;
	padding: 2px 0px 2px 0px;
	background: #A53602;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #FFFFFF;
}
/* acces */

#acces {
        position: relative;
        float: left;
        width: 35%;
        height: 90%;        
        margin-left: 10%;
        margin-right: auto;
        background-color: transparent;
        overflow: auto;
}

#contacts {
        position: relative;
        float: right;
        width: 35%;
        height: 90%;
        margin-left: auto;
        margin-right: 10%;
        background: url(../../uploads/images/contact.png) no-repeat ;
        background-size: 100% 100%;
        overflow-y: auto;
}
#contacts p {
        padding: 15% 1% 1% 32%;
        
}



#menu1 {
        position: relative;
        float: left;
        width: 45%;
        height: 90%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 2%;
        background: url(../../uploads/images/menu24.png) no-repeat;
        background-size: 100% 100%;
        overflow-y: auto;
}
#menu1 p {
        size: 100%;
        padding: 0px 0% 0px 0%;     
}
#menu2 {
        position: relative;
        float: left;
        width: 45%;
        height: 90%;
        margin-left: 2%;
        padding-left: 1%;
        padding-top: 2%;
        background: url(../../uploads/images/menu28.png) no-repeat;
        background-size: 100% 100%;        
        overflow: auto;
}

#fetemenu1 {
        position: relative;
        float: center;
        width: 60%;
        height: 90%;
        margin-left: 20%;
        margin-right: 20%;
        padding-top: 2%;
        background: url(../../uploads/images/St-valentin.png) no-repeat;
        background-size: 100% 100%;
        overflow-y: auto;
}

#fetemenu1 p {
        size: 100%;
        padding: 0px 0% 0px 0%;     
}

#fetemenu2 {
        position: relative;
        float: left;
        width: 45%;
        height: 90%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 2%;
        background: url(../../uploads/images/nouvel-an-menu.png) no-repeat;
        background-size: 100% 100%;
        overflow-y: auto;
}

#fetemenu2 p {
        size: 100%;
        padding: 0px 0% 0px 0%;     
}

#vin {
        position: relative;
        float: left;
        width: 29%;
        height: 90%;
        margin-left: 2%;
        padding-left: 1%;
        padding-top: 2%;
        background: url(../../uploads/images/vin.png) no-repeat;
        background-size: 100% 100%;        
        overflow: auto;
}

#lafourchette {
        position: relative;
        width: 500px;
        height: 90%;
        margin-left: auto;
        margin-right: auto;
        background: ;
}

#privatisationtexte {
        position: relative;
        float: left;
        width: 35%;
        height: 90%;
        margin-left: 10%;
        margin-right: auto;
        background: url(../../uploads/images/privatisation.png) no-repeat ;
        background-size: 100% 100%;
        overflow-y: auto;
}
#privatisationtexte p {
        padding: 15% 1% 1% 3%;
        
}

#privatisationphoto {
        position: relative;
        float: right;
        width: 35%;
        height: 90%;
        margin-left: auto;
        margin-right: 10%;
        background: url(../../uploads/images/privatisationphoto.jpg) no-repeat ;
        background-size: 100% 100%;
        overflow-y: auto;
}
#privatisationphoto p {
        padding: 15% 1% 1% 32%;
}

/* Footer */

#footer {
	width: 50%;
	height: 5%;
	border-top: 1px solid #B6BFD0;
	font-family: Arial, Helvetica, sans-serif;
        padding-top: 1%;
        margin: auto auto;
}

#footer p {
	padding-top: 1%;
	line-height: normal;
	text-align: right;
	color: #FFFFFF;
        font-size: 11px;
}

#footer a {
	color: #FFFFFF;
}
/* Stylesheet: Mobility // Black Modified On 2016-01-24 18:20:14 */