/* css BO_lutherie*/

* {border:0;margin:0;padding:0;}

html,body {/*background-image: url(../img/fond.png); background-repeat:no-repeat*/; overflow:hidden; margin:0; padding:0;}
	
a { color:#999; text-decoration:none; outline:none;}
a:hover {color:#FFF;}

.bold { font-weight:bold;}

a img { border:none;}

#modeles_01 {position:absolute;top:0px; left:0; width:120px; height:30px; background-color:#ccc;}

.title_bo {
	display:none;
	text-indent:-10000px;
}

#logobas {
position:absolute;
bottom: 8px; right:145px;
width:130px;height:15px;
z-index:9000; background-image: url(../img/rond_logo/logobas.png); background-repeat:repeat;
}

#logobas a {
position:absolute;
width:130px;height:15px;
outline:none;
}


/*---------- partie centrale ------------*/	

#cadre_central{
position:absolute; top:50%; left:50%; margin:-300px 0 0 -475px; width:950px; height:600px;z-index:9999;
}


	
#cadre {
position:absolute;
top:0; left:67px;
width:596px; height:596px;
background-color:#fff;
border:2px solid #000000;
}

#rondentrez {
position:absolute;
top:0; left:780px;
width:83px; height:83px;
z-index:9000; background-image:url(../img/rond_logo/rondentrez.png); background-repeat:no-repeat;
}

#rondpresentation {
position:absolute; 
top: 10px; right:180px; 
width:140px; height:140px; 
z-index:9000; background-image: url(../img/rond_logo/rondpresentation.png); background-repeat: no-repeat;
}

#rondatelier {
position:absolute; 
top: 10px; right:180px; 
width:140px; height:140px; 
z-index:9000; background-image:url(../img/rond_logo/rondatelier.png); background-repeat: no-repeat;
}

#rondmodeles {
position:absolute; 
top: 10px; right:180px; 
width:140px; height:140px; 
z-index:9000; background-image: url(../img/rond_logo/rondmodeles.png); background-repeat: no-repeat;
}

#rondmodeles a {
position:absolute;
width:140px; height:140px; 
 outline:none;
}

#rondreparations {
position:absolute; 
top: 10px; right:180px; 
width:140px; height:140px; 
z-index:9000; background-image: url(../img/rond_logo/rondreparations.png); background-repeat: no-repeat;
}

#rondliens {
position:absolute; 
top: 10px; right:180px; 
width:140px; height:140px; 
z-index:9000; background-image: url(../img/rond_logo/rondliens.png); background-repeat: no-repeat;
}

#rondinfoscontact {
position:absolute; 
top: 10px; right:180px; 
width:140px; height:140px; 
z-index:9000; background-image: url(../img/rond_logo/rondinfoscontact.png); background-repeat: no-repeat;
}


/*---------- menu gauche ------------*/

#menu {
position:absolute;
bottom:65px; left:0;
width:85px; height:110px;
background-color:#000;
display: none;
z-index:9999;
}

#rondmenu {
position:absolute;
bottom: 5px; left:40px;
width:49px;height:49px;
background-image:url(../img/rond_logo/rondmenu.png);
z-index:9000;
}

#rondmenu a {
position:absolute;
width:47px; height:47px; 
outline:none;
}


#menu ul {
position:absolute;
top:0; left:0;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:10px;
margin:0;padding:2px 0 0 5px;
font-weight:bold;
}

#menu li { line-height:17px;}


/*---------- menu droite ------------*/



dt.saut_ligne {padding-top:10px;}

dl.titre dt {
font-weight:bold; }

dl.titre dt.titre2 {
padding-top:10px; }

div#mentions {font-size:11px;
padding-top:80px; }

div#mentions p a {
color:#666;
text-decoration:none; }

div#mentions p a:hover {
color:#ddd; }






#cadredroite {
position:absolute;
bottom: 30px; right:0; height:360px;
width:320px;
z-index:1999;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
background-color:#000;
}

.titres {
font-size:13px;
font-weight:bold;
line-height:16px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

.texte{
text-align: left; 
font-size:12px; 
width:260px;
font-weight:normal; 
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:15px;
}

.mentions{
font-size:9px; 
font-weight:normal; 
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.texte_viewer {
text-align: left; 
font-size:12px; 
font-weight:normal; 
font-family:Arial, Helvetica, sans-serif;
color:#fff; padding:0 15px 15px 15px;
}

.texte_viewer02 {
text-align: left; 
font-size:12px; 
font-weight:normal; 
font-family:Arial, Helvetica, sans-serif;
color:#fff; padding:0;  background-color:#000; height: auto; width:290px;
}


/*-------------- background -----------------------*/


#passepartout
{
	display: block;
	position: relative;
	height: 100%;
}

#supersize { position: fixed; bottom: 0; right: 0; z-index: 0; }
#supersize img
{
/*	height:100%;
	width:100%;
*/	display:none;
}

#supersize .activeslide, #supersize .activeslide img
{
	display:inline;
}



/*-------------descriptions -----------------*/

#class { position:absolute; width:310px;  height:160px; top:70px; left:0;padding-top:14px;z-index:1000; background-color:#000; color:#FFFFFF;}
#acous {position:absolute;width:310px; height:160px; top:70px; left:0;padding-top:14px;z-index:1000; background-color:#000; color:#FFFFFF;}
#bass {position:absolute;width:310px; height:160px; top:70px; left:0;padding-top:14px;z-index:1000; background-color:#000; color:#FFFFFF;}


/*-------------view-----------------*/

.buttons { padding:0;}
.buttons span{color:#666;cursor:pointer;}
.buttons span.active00 {color: #FFF;}
.buttons span:hover{color: #FFF;}

#cont{width:320px;margin:0; position:absolute; top:0; left:0;height:360px; z-index:9000; background-color: #000; padding:0;}
.mask{
	position: absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	bottom:0;
	left:0;	/*min-width:600px;*/
}

#box5 div{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	/*min-width:600px;*/
	z-index:2; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-align: left; line-height:13px;
}

.y {color:#000;}

#infos01 {position:absolute; top:0; left:0; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; width:320px; height:50px;z-index:9999; font-size:12px; text-align: center; background-color:#000;}	


/*---------MOOTABS-----------------------*/



.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 60px; width:320px;
	background-color: #000;
	
}

.mootabs_title li {
	padding:0;font-size:0;
	margin:0; border: 3px solid #000;
	cursor: pointer;
	height: 50px; width:50px; text-align:center;
}

.mootabs_title li.active {
	border: 3px solid #fff; text-align:center;
}

.mootabs_panel {
	display: none;
	position: absolute;
	top:70px; left:0;
	
	/*clear: both;*/
	color: #fff;
	overflow: hidden;
	padding:0 15px 0 15px;
	margin:0;

}

.mootabs_panel.active {
	background-color:#000;
	display: block;height: 50px; width:50px;
	
}

.mootabs_title li.over {
	border: 2px solid #fff;
}