/* 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.jpg) no-repeat right top;
}

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



/*  TOP BANNER */
#top{
	width:750px;
	height:165px;
	margin:0;
	padding:0;
	background:transparent url(../img/top.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;
}

#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.fr{background: url(../img/lien-fr.jpg) no-repeat;}
#lien a:hover.fr{background: url(../img/on_lien-fr.jpg) no-repeat;}
#lien a.oc{background: url(../img/lien-oc.jpg) no-repeat;}
#lien a:hover.oc{background: url(../img/on_lien-oc.jpg) no-repeat;}

/* 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:126px; }
#menu #product a{ left:232px; width:110px;}
#menu #presse a{ left:354px;width:73px; }
#menu #news a{ left:442px;width:62px; }
#menu #photo a{ left:518px; width:75px;}
#menu #contact a{ left:601px; width:85px;}

#menu #present a:hover { background:transparent url(../img/on_present.jpg) no-repeat; }
#menu #product a:hover { background:transparent url(../img/on_product.jpg) no-repeat; }
#menu #presse a:hover { background:transparent url(../img/on_presse.jpg) no-repeat; }
#menu #news a:hover { background:transparent url(../img/on_news.jpg) no-repeat; }
#menu #photo a:hover { background:transparent url(../img/on_photo.jpg) no-repeat; }
#menu #contact a:hover { background:transparent url(../img/on_contact.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:604px; width:41px; }
#ssmenu #oc a{ left:645px; 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:115px; width:88px; }
#ssmenu #pers a{ left:211px; width:83px;}
#ssmenu #esprit a{ left:308px;width:73px; }
#ssmenu #cult a{ left:391px;width:72px; }

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

#ssmenu #disco a{ left:115px; width:102px; }
#ssmenu #paro a{ left:226px; width:66px;}
#ssmenu #prod a{ left:303px;width:91px; }
#ssmenu #video a{ left:398px;width:71px; }

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

#ssmenu #date a{ left:128px; width:62px; }
#ssmenu #actu a{ left:199px; width:75px;}
#ssmenu #billet a{ left:288px;width:80px; }
#ssmenu #disc a{ left:378px;width:81px; }

#ssmenu #date a:hover { background:transparent url(../img/news_date.jpg) no-repeat; }
#ssmenu #actu a:hover { background:transparent url(../img/news_actu.jpg) no-repeat; }
#ssmenu #billet a:hover { background:transparent url(../img/news_billet.jpg) no-repeat; }
#ssmenu #disc a:hover { background:transparent url(../img/news_disc.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;
}