/*
Theme Name: Les trois petits bouchons
Theme URI: 
Description: Restorant
Version: 2
Author: daydesign.ca

Tags: 


*/



/* Begin Typography & Colors */
*{border:0px solid #eee;margin:0;padding:0;list-style:none}

html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%; overflow:hidden}
body{font-family:Arial,sans-serif;font-size:12px;cursor:default;color:#FFF}
.box div img{padding-bottom:10px; z-index:20;}
a{text-decoration:none;color:#000;outline:0}
img{display:block}


#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{position:absolute;top:0;left:0;}

#menu{
	position:relative;
	top: 80px;
	
	left:235px;
	width:100%;
	z-index:20;
	
	

}
#menu div{height:370px;background:#000;opacity:0.8;filter:alpha(opacity=80);padding:7px 0 0 7px;}




ul{ width:60%;padding:15px; font-size: 12px;  font-family:Arial, Helvetica, sans-serif;  }

li { padding: 10px 0 0 10px; text-align:justify; line-height:10px; } 
li a{color:#FFF;}
li a:hover,li.cur a{ color:#CC9900;}

p {padding: 0 0 0px 0;line-height:22px; font-size: 12px; }

#textmain{
	position:relative;	
	top:208px;
	left:240px;
	width: 338px;
	height: 283px;

}



h1{z-index:120;position:relative;left:-235px;margin-bottom:10px;width:279px;opacity:0.90;}
h1 a{padding:0px 0px 0px 0;color:#fff;font-size:11px;text-align:right;display:block;}
h1 a:hover{}

h2 {z-index:120;padding:0 4px 0px;line-height:12px;font-family:Arial, sans-serif;color:#FFFFFF;display:block;font-size:10px;}
h2 span{position:absolute;text-align:right;display:block;color:#fff;font-weight:normal}


h3 {
	position:relative;
	line-height:20px;
	font-weight:bold;
	color:#c49720;
	font-size:16px;
	
}
h3 span{position:absolute;text-align:right;display:block;color:#c49720;font-weight:normal;}

h4 {z-index:120;padding:0 10px 3px;line-height:18px;font-family: Helvetica, Arial, sans-serif;color:#FFFFFF;display:block;font-size:13px; font-weight:normal;}
h4 span{position:absolute;text-align:right;display:block;color:#fff; z-index:120;}

h5 {z-index:120;position:relative; text-align:right;line-height:20px;font-weight:bold;color:#c49720;font-size:25px; letter-spacing:-1px; line-height:35px;}
h5 span{position:absolute;text-align:right;display:block;color:#c49720;font-weight:normal}

h6 {z-index:120;padding:0 10px 3px; text-align:right;line-height:16px;font-family: Arial, sans-serif;color:#FFFFFF;display:block;font-size:15px;}
h6 span{position:absolute;text-align:right;display:block;color:#fff;font-weight:normal}

h7 {z-index:120;padding:0 15px 3px;line-height:13px;font-family: Arial, sans-serif;color:#FFFFFF;display:block;font-size:12px;}
h7 span{position:absolute;text-align:right;display:block;color:#fff;font-weight:normal}

#nav{
	position:absolute;
	z-index:10;
	bottom:0px;
	
	overflow:hidden;
	right: 0px;
	top: 0px;
}


#nav a{height:90px;line-height:20px;text-align:center;width:70px;cursor:pointer;background:#000;color:#FFF;opacity:0.7;filter:alpha(opacity=70)}
#nav a{
	width:70px;
	height:90px;
	font-size:11px;
	float:right;
	margin-left:1px;
	font-weight:bold;
	overflow:hidden;
	opacity:0.7;
	filter:alpha(opacity=70);
	background-color: #000;
}
#nav a:hover{background:#FFF;color:#000;height:90px;}


#bottom{
	position:absolute;
	z-index:160;
	top:224px;
	height:457px;
	width:100%;
	overflow:hidden;
	left:420px;
}



#credit{
	position:absolute;
	z-index:200;
	bottom:21px;
	height:50px;
	overflow:hidden;
	width:205px;
	left: 3px;
	text-align:left;
}

  TABLE          { border-collapse: collapse; }





#pics{
	position:relative;
	z-index:90;
	height:481px;
	width:146px;
	overflow:hidden;
	top: -255px;
	left: 89%;
			
	
}



#pics a{cursor:pointer;}
#pics a:hover{background:#FFF;color:#000;opacity:70;filter:alpha(opacity=70);}

#ouvert {position:fixed; bottom: 0px; right: 0px; z-index: 300;}