body {
	width: 800px;
	margin: 6px auto;
	text-align:center;
	background-color:red;
	vertical-align: middle;
	font-family: Comic Sans MS, Verdana, Tahoma, Arial, sans-serif;
	font-size: 0.8em;
	background: url(http://lepicotin.com/restaurant/squelettes/img/picotin-fond.png) top left repeat;
}
img {border:none}
A:active {border:none}
img a:active {border:0}

a.info{
	position:relative; 
	z-index:24;text-decoration:none;
}

a.info:hover{z-index:25;}

a.info div{display: none}

a.info:hover div{ 
	display:block; 
	position:absolute;
	top:0em; right:-4.5em;width:auto;
	border:none;
	color:#FF6666;
	text-align: justify;
	font-weight: normal;
	padding: 1px;
	text-decoration: none;
}


#intro {background:url(http://lepicotin.com/intro-images/fond-intro.png) top left no-repeat;width:600px;height:600px;;margin:auto;}
* html #intro {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://picotin.lasoce.lautre.net/intro-images/fond-intro.png", sizingMethod="scale");
}
#intro object{position:relative;top:95px;left:2px}
#gauche, #centre, #droite {float:left;}

#logo {position:relative;right:54px}

#ardoise {
	background: url(http://lepicotin.com/restaurant/squelettes/img/picotin-ardoise.png) top left repeat;
	width:279px;
	height:473px;
	}

* html #ardoise {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://picotin.lasoce.lautre.net/restaurant/squelettes/img/picotin-ardoise.png", sizingMethod="scale");
}
	#contenu-ardoise {position:relative;top:70px;left:30px; text-align:left;}
		#lacarte { position:relative;top:40px}
		#lecadre { position:relative;top:86px}
		#contacter { position:relative;top:136px}
		#leforum { position:relative;top:185px}

#news { position :relative; top:30px;
	background: url(http://lepicotin.com/restaurant/squelettes/img/picotin-cadre-news.png) top left repeat;
	width:289px;
	height:544px;
	text-align:left;
	overflow:hidden;
	}
* html #news {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://picotin.lasoce.lautre.net/restaurant/squelettes/img/picotin-cadre-news.png", sizingMethod="scale");
}
	#contenu-news {position:relative;top:20px;left:15px;width:260px;text-align:center;height:430px;	overflow:hidden;}

#pied {clear:both}

#contact{}

#cadrevins { 
	z-index:10;
	position:relative;
	top:-49px;left:20px; 
	float:left;
	background: url(http://lepicotin.com/restaurant/squelettes/img/picotin-ardoise2.png) top left repeat;
	width:353px;
	height:526px;
  text-align:left;
 	}
* html #cadrevins {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://picotin.lasoce.lautre.net/restaurant/squelettes/img/picotin-ardoise2.png", sizingMethod="scale");
  }

    #cartevins {
     position:relative;
     top:90px;left:19px;
     width:310px;height:415px;
     color:lightgrey;
     overflow:auto;
     }
.prix {font-size:0.8em;}
#cadrecarte { position:relative; top:-52px;left:58px; 
	float:left;
	background: url(http://lepicotin.com/restaurant/squelettes/img/picotin-ardoise3.png) top left no-repeat;
	width:388px;
	height:535px;
text-align:left;
	}
* html #cadrecarte {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://picotin.lasoce.lautre.net/restaurant/squelettes/img/picotin-ardoise3.png", sizingMethod="scale");
}
	#carte { 
		position:relative; 
		top:90px; left:28px; 
		width:330px; height:418px ;
		overflow-x:hidden;overflow-y:auto; padding-right:5px;
		text-align:left;
    }
	#cadrecarte *{
		color:lightgrey;
		font-family : Comic Sans MS, Courier-new, Courier New, Courier, courier, Verdana, Tahoma, Arial, sans-serif;
		}
  #carte .rouge, #cartevins .rouge {color:#cc6666;}

#barre_01{position:relative; z-index:5;left:11px; bottom:5px}
#barre_05{position:relative; z-index:5;}
#barre_06{position:relative; z-index:5;}
#barre_04{position:relative; z-index:15;}
#barre_03{position:relative; z-index:15;}
#barre_10{position:relative; z-index:15;}
#barresmall{position:relative;bottom:6px;left:11px; z-index:5;}

#cadreconteneur {
	z-index:1;
	position:relative;
	left:25px;
	bottom: 25px;
	background: url(http://lepicotin.com/restaurant/squelettes/img/ombrecadre.png) bottom left no-repeat;
	width:767px; height:486px;
	padding:4px;
	overflow:hidden;
	}
	#barrejaune { background-color:#ff6702; height :16px;}
	#barreverte { background-color:#cccc33; height :16px;}
	#barrebleue { background-color:#62ab91; height :16px;}
	#barremarron { background-color:#663333; height :16px;}
	#barremarron2 { background-color:#663333; height :16px;}
	#contenu {background-color:#333333; height :438px; overflow:auto;}
	#contenucontact {background-color:#333333; height :438px; overflow:hidden;}
		#gmap {float:left;margin:18px}


#cadreconteneurforum{
	z-index:1;
	position:relative;
	left:25px;
	bottom: 25px;
	background: url(http://lepicotin.com/restaurant/squelettes/img/ombrecadre.png) bottom left repeat-y;
	width:767px;
 	padding:4px;
	}
	#contenuforum {background-color:#333333;position:relative;}
		#forum {width:700px;overflow:auto;color:white;text-align:left;margin-left:20px}
		#forummessages {color:white;text-align:left;margin:10px 10px 0px 10px;}
			.nomforum {float:left;font-weight:bold;color:#cccc33}
			.texteforum{text-align:left}
			#formnom{float:right}
			#forummessages a {color:#cccc33}

#ariane {
	background: url(http://lepicotin.com/restaurant/squelettes/images/barre_07.png);
	width:168px; height:25px;
	text-align:left;
	}
	#textariane {padding:8px}

#prive {background-color:pink;width:400px;text-align:center;float:left;}

#menuprive {background-color:lightgrey;float:right;width:150px;border:2px solid black; margin:5px;padding:15px}

#barrecoloree {position:relative;top:12px;width:107;height:35;}
	#barre9 { background-color:#ff6702;position:relative;top:-35px;left:2px;width:102px;height:24px;}



#cadrel1 {margin:5px}
#cadrel2 {margin:5px}



* html img,
* html .png{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);}

#newsletter {width:260px; padding-left:20px }
#input-7-email_1 {width:190px;}
legend {display:none}
.spip_form_label_details  {display:none}



#tripadvisor {width:48%;float:left}
#TA_Flags2 {display:none}
.TA_rtable img {display:none}
.TA_rname {font-weight:bold}
.TA_ruser {font-style:italic;font-size:8pt}
#cityvox {width:100%;float:right}

#newsletter2 {padding:20px}
#contactdroite {color:white}
#contactdroite a {color:#62ab91}

ul {
margin-left:0px;
padding-left:0px;
}
ul li {
margin-left:15px;
padding-left:0px;
}

ul li * {
margin:0px;
padding:0px;
}

* {text-indent:0;}
#carte {text-indent:0;}


td.titre {width:250px;text-align:left;}
td.prix {width:25px;text-align:right;}



#end {}
