@font-face {
  src: (../font/Garamond.ttc)
	}

#wrapper{
width:860px;
height:auto;
margin:0 auto;
padding: 0px;
}

body{
	/* Setting default text color, background and a font stack */
	color:#444444;
		background: #fbc54f repeat;
/*	background: #fce3ad repeat;*/
	font-family:Garamond, "Times new roman" Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0px;
	font-size: 14px;
	overflow-x: hidden;
	}

#header{
width:825px;
height:228px;
background: transparent url(../img/header_final.jpg) no-repeat;
border-left: #ce5c0f solid 1px;

}


#content{
width:1200px;
clear:both;
border: none;
margin: 0 auto;
position: relative;
bottom: 0px;
z-index: 1;
}

#total {
clear: both;
width:100%;
height: 100%;
min-height: 120px;
position: relative;
bottom:0px;
background: url(../img/footer.png) #8b9c42 repeat-x;
}

#footer-left{
margin: 0 auto;
width:500px;
height:189px;
z-index: !important 0;
background: transparent url(../img/fleur1-footer.png)  no-repeat;
position:absolute;
left:0px;
top:-189px;
}

#footer-right{
margin: 0 auto;
width:370px;
height:198px;
background: transparent url(../img/fleur2-footer.png) no-repeat;
position:absolute;
right:40px;
top:-198px;
}

#corps_bg{
width:773px;
height:304px;
background: transparent url(../img/corps_bg_final.jpg) no-repeat !important;
background:url(../img/corps_bg_final.jpg) no-repeat;
z-index: 1;
border-left: #ce5c0f solid 1px;

}

#corps{
position:relative;
top:-250px;
width:876px;
height:auto;
z-index: 1;
clear: both;
}


#txt{
margin: 0 auto;
float: left;
width:680px;
height:auto;
padding-top: 25px;
padding-right: 15px;
padding-left: 55px;
padding-bottom: 5px;
z-index: 20000;
}

#gmap{
width:698px;
height:370px;
background: transparent url(../img/gmap.png) no-repeat;
position: relative;
top:10px;
right:-100px;
z-index:1;
}

#contact{
position: absolute;
width:200px;
height:290px;
top:420px;
left:550px;
z-index: 20000;
background: rgba(255, 255, 255, 0.4) repeat;
-moz-box-shadow:5px 5px 5px #fce3ad;
-webkit-box-shadow:5px 5px 5px #fce3ad;
padding: 10px;
padding-top:0px;
}

#picture-devanture{
width:280px;
height:280px;
background: transparent url(../img/picture_devanture.png) no-repeat;
z-index: 10;
float: left;
position: absolute;
top:120px;
left:130px;
}

#horaires{
float: left;
position: absolute;
width:290px;
top:0px;
left:230px;
background: rgba(255, 255, 255, 0.5) repeat;
padding: 15px;
padding-top:0px;
padding-bottom: 20px;
}

#horaires ul, #contact ul{
margin-left:-25px;}

#menu{
z-index: 444000;
}

#menu, #menu ul{
position: relative;
left:0px;
width:auto;
float: left;
font-style: italic;
list-style: none;
line-height: 22px;
margin-top: 25px;
padding-bottom: -40px;
margin-left: -7px;
}



/* LINK */
a, a:visited {
	font-family: Garamond, "Times new roman", Helvetica, Arial;
	color:#383122;
	font-size: 17px;
	outline:none;
	margin: 0 auto;
	padding: 0;
}

a.topcom{
color:#383122;
font-size: 12px;
font-family: "Times new Roman", helvetica;
text-decoration: none;
}

a:hover{
	color: #ce5c0f;
	text-decoration:underline;
}

a:active{
	color:#383122;
}

p{
	font-style: italic;
	text-align: justify;
	color:#342b19;
	font-family: "Times new roman", Garamond, Helvetica, Arial;
	z-index: 2430000;

}


h2{
font-family: "Times new Roman", helvetica;
text-decoration: underline;
font-style: italic;
color:#6d7b26;
}

h3{
font-family: "Times new Roman", helvetica;
text-decoration: none;
font-style: italic;
color:#342b19;
margin-bottom:-15px;
}

li.contact {
list-style: none;
font-size: 14px;
font-family: Garamond, "Times new roman", helvetica;
font-style: italic;
}

li a{
text-decoration: none;
line-height: 20px;
}

li{
margin-left:-15px;
}

li#inline, li#inline a{
display: inline;
font-size: 14px;
font-stretch: extra-expanded;
font-family: "Times new Roman", helvetica;
text-decoration: none;
font-style: italic;
}

li#inline a:hover{
color:#FFFFFF;
}

li#inline {
margin: 0 auto;
}

ul {
font-size: 12px;
font-family: "Times new Roman", helvetica;
height: auto;
margin: 0 auto;
}

ul.menu-footer{
color:#342b19;
}


/* FORMULAIRE */

#contact-mess{
width:320px;
color:red;
font-weight: 900;
text-align: left;
float: left;
position:relative;
right:50px;
top:180px;
}

#contact-mess p{
color:red;
font-family: Helvetica;
font-size: 14px;
width: 320px;
text-align: left;
}


form{
margin-top:50px;
z-index: 230000;
position: relative;
bottom:25px;
right:-20px;
}

#nom input{
margin-left: 7px;
}

input, input:focus{
background: rgba(255,255,255,0.5);
border: thin solid #e8cf98;
padding:5px;
width:200px;
}

input:hover{
background: rgba(255,255,255,0.9);
}

input.submit{
margin-top:10px;
position: relative;
top:170px;
left:-75px;
width:70px;
}

textarea, textarea:focus{
background: rgba(255,255,255,0.5);
border: thin solid #e8cf98;
float:left;
padding:5px;
margin-left:5px;
position: relative;
left:-5px;
margin-top: 5px;
width:300px;
height:170px;
}

textarea:hover{
background: rgba(255,255,255,0.9);
}


/******* Yo ******/

h4{
font-family: "Times new Roman", helvetica;
text-decoration: none;
font-style: italic;
color:red;
text-decoration: underline;
float: left;
clear: both;
margin-top: 4px;
margin-bottom:0px;
}


h2.menu{
float: left;
clear: both;
margin-bottom:10px;
}

/***********************/

#aff_menu{
padding-left: 5px;
padding-right: 5px;
padding: 2px;
width: 600px;
float: left;
clear: both;
}

#bottom{
position:
}

span.menu_nom{
margin: 0 auto;
width:400px;
font-weight: bold;
}
span.menu_prix{
margin: 0 auto;
width:auto;
float: right;
}

#txt2{
width:620px;
height:auto;
background: rgba(255, 255, 255, 0.7) repeat;
-moz-box-shadow:5px 5px 5px #dfc792;
-webkit-box-shadow:5px 5px 5px #dfc792;
padding-top: 5px;
padding-right: 25px;
padding-left: 25px;
margin-left:0px;
padding-bottom: 5px;
}

.titrep{
color: red;
font-family: Garamond, "Times new Roman", Helvetica;
font-style: italic;
font-weight: 400;
font-size: 16px;
}


/** EMBED MEDIA **/

#audio1{
position: relative;
top:35px;
left:-165px;
width:160px;
height:15px;
}

img.media:hover{
opacity:0.7;
border:none;
}

img{
border:none;}

#video1{
float: left;
}

#video2{
float: left;
}


#left-media{
position: relative;
left:0px;
top:0px;
width:auto;
float: left;
}

#right-media{
border-left: thin solid #000000;
position: relative;
left:260px;
padding-left: 50px;
top:-20px;
width:auto;
float: left;
}