/* SCREEN LAYOUT */
body{
	background:#FA901A url(../img/pagalhos_bg.jpg) repeat-y 50% 0;
	margin:0;
	padding:0;
}

#wrapper{
	width:750px;
	margin:0 auto;
}

#info #main{
	background: url(../img/paper_info-oc.jpg) no-repeat right top;
}

#main{
	background: url(../img/paper_cd-oc.jpg) no-repeat right top;
}



/*  TOP BANNER */
#top{
	width:750px;
	height:165px;
	margin:0;
	padding:0;
	background:transparent url(../img/top-oc.jpg) 0 0 no-repeat;}

#top a{
	text-decoration:none;
}
#top h1 a{
	position:relative;
	display:block;
	width:325px;
	height:65px;
	left:45px;
	margin:0;
	padding:0;
	text-decoration:none;
	cursor: auto;
}
#top h1{
	margin:0;
	padding:0;
	text-indent:-10000px;
}


/* NAVIGATION MENU */
#menu{
	width:750px;
	height:39px;
	padding:0;
	margin:0;
	display:block;
	list-style:none;
	position:relative;
}
#menu li{
	display:inline;
	float:left;
	padding:0 10px;
}
#menu li a{
	display:block;
	height:29px;
	text-indent:-10000px;
	position:absolute;
}

#menu li a span{ visibility:hidden; }
#menu #present a{ left:93px; width:127px; }
#menu #product a{ left:232px; width:109px;}
#menu #presse a{ left:355px;width:71px; }
#menu #news a{ left:442px;width:61px; }
#menu #photo a{ left:518px; width:67px;}
#menu #contact a{ left:595px; width:91px;}

#menu #present a:hover { background:transparent url(../img/on_present-oc.jpg) no-repeat; }
#menu #product a:hover { background:transparent url(../img/on_product-oc.jpg) no-repeat; }
#menu #presse a:hover { background:transparent url(../img/on_presse-oc.jpg) no-repeat; }
#menu #news a:hover { background:transparent url(../img/on_news-oc.jpg) no-repeat; }
#menu #photo a:hover { background:transparent url(../img/on_photo-oc.jpg) no-repeat; }
#menu #contact a:hover { background:transparent url(../img/on_contact-oc.jpg) no-repeat; }

#lien {
    list-style-type:none;
    position:absolute;
    top:13px;
    left:610px;
}
#lien a { text-indent: -10000px;display: block; text-decoration:none; position:relative; height:30px; width:77px; margin:0; }
#lien a.oc{background: url(../img/lien-oc.jpg) no-repeat;}
#lien a:hover.oc{background: url(../img/on_lien-oc.jpg) no-repeat;}

#ssmenu{
	width:750px;
	height:40px;
	padding:0;
	margin:0;
	display:block;
	list-style:none;
	position:relative;
}
#ssmenu li{
	display:inline;
	float:left;
	padding:0 10px;
}
#ssmenu li a{
	display:block;
	height:38px;
	text-indent:-10000px;
	position:absolute;
}

#ssmenu li a span{ visibility:hidden; }

#ssmenu #fr a{ left:603px; width:41px; }
#ssmenu #oc a{ left:644px; width:41px;}
#ssmenu #fr a:hover { background:transparent url(../img/drapo-fr_on.jpg) no-repeat; }
#ssmenu #oc a:hover { background:transparent url(../img/drapo-oc_on.jpg) no-repeat; }


#ssmenu #histo a{ left:124px; width:61px; }
#ssmenu #pers a{ left:211px; width:54px;}
#ssmenu #esprit a{ left:287px;width:79px; }
#ssmenu #cult a{ left:391px;width:72px; }

#ssmenu #histo a:hover { background:transparent url(../img/present_histo-oc.jpg) no-repeat; }
#ssmenu #pers a:hover { background:transparent url(../img/present_pers-oc.jpg) no-repeat; }
#ssmenu #esprit a:hover { background:transparent url(../img/present_esprit-oc.jpg) no-repeat; }
#ssmenu #cult a:hover { background:transparent url(../img/present_cult-oc.jpg) no-repeat; }

#ssmenu #disco a{ left:116px; width:89px; }
#ssmenu #paro a{ left:213px; width:75px;}
#ssmenu #prod a{ left:297px;width:97px; }
#ssmenu #video a{ left:397px;width:77px; }

#ssmenu #disco a:hover { background:transparent url(../img/prod_disco-oc.jpg) no-repeat; }
#ssmenu #paro a:hover { background:transparent url(../img/prod_paro-oc.jpg) no-repeat; }
#ssmenu #prod a:hover { background:transparent url(../img/prod_prod-oc.jpg) no-repeat; }
#ssmenu #video a:hover { background:transparent url(../img/prod_video-oc.jpg) no-repeat; }

#ssmenu #date a{ left:128px; width:59px; }
#ssmenu #actu a{ left:195px; width:76px;}
#ssmenu #billet a{ left:290px;width:64px; }
#ssmenu #disc a{ left:370px;width:91px; }

#ssmenu #date a:hover { background:transparent url(../img/news_date-oc.jpg) no-repeat; }
#ssmenu #actu a:hover { background:transparent url(../img/news_actu-oc.jpg) no-repeat; }
#ssmenu #billet a:hover { background:transparent url(../img/news_billet-oc.jpg) no-repeat; }
#ssmenu #disc a:hover { background:transparent url(../img/news_disc-oc.jpg) no-repeat; }



#footer{
	position:relative;
	text-align:center;
	font-size:80%;
	left:107px;
	top:10px;
	margin-bottom:20px;
	width:550px;
	height:38px;
	line-height:38px;
	background:transparent url(../img/footer.jpg) no-repeat -5px top;
	clear: both;
}