body{
margin:0;
padding:0;
font-family:Tahoma; font-size:12px; color:#333333
}

b{font-size: 110%;}
em{color: red;}

a {font-family:Tahoma; font-weight:bold; color:#222222}
a:hover {font-family:Tahoma; font-weight:bold; text-decoration: underline}

#maincontainer{
width: 913px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: url(http://www.bellagiopub.com/music/logo400_40.gif) no-repeat left top;
height: 90px; /*Height of top section*/
}



#contentwrapper{
float: left;
width: 100%;
}

#ligneHaut {width:913px; height:160px; padding:0; margin:0}  
#ligneCentre {width:913px; height:300px; padding:0; margin:0} 

#contentcolumn{
margin: 10px 0px 0 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background:url(main_pic.jpg) no-repeat top left; height:400px; width:913px;
position:relative;
}

#leftcolumn{
float: left;
width: 0px; /*Width of left column in pixel*/
margin-left: -913px; /*Set margin to that of -(MainContainerWidth)*/

}

#rightcolumn{
float: left;
width: 0px; /*Width of right column*/
margin-left: 0px; /*Set left margin to -(RightColumnWidth)*/

}

#footer{
clear: left;
width: 913px;
color: #FFF;
text-align: center;
padding: 4px 0;
}


.hauteurmenu{
 /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0px;
padding-top:60px
}


.textAcc {padding-left:510px; padding-right:10px; padding-top:100px}

#conteneur {background:url(http://www.bellagiopub.com/music/media/bg.gif) repeat-x; width:914px; height:37px}
.leftcorner { width:113px; height:37px; background:url(http://www.bellagiopub.com/music/media/leftcorner.gif) no-repeat left top ; float:left}
.rightcorner { width:10px; height:37px; background:url(http://www.bellagiopub.com/music/media/rightcorner.gif) no-repeat right top ; float:left}
.remplissage {width:113px; height:37px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; text-decoration:none; float:left; padding-top:8px; text-align:center; background:url(http://www.bellagiopub.com/music/media/divider.gif) no-repeat right top}
.lien a {width:113px; height:37px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; text-decoration:none; float:left; padding-top:8px; text-align:center; background:url(http://www.bellagiopub.com/music/media/divider.gif) no-repeat right top}
.lien a:hover {width:113px; height:37px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:white; text-decoration:none; background:url(http://www.bellagiopub.com/music/media/back-menu-dark.gif) repeat-x; float:left}
.lastlien a {width:113px; height:37px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; text-decoration:none; float:left; padding-top:8px; text-align:center; }
.lastlien a:hover {width:113px; height:37px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:white; text-decoration:none; background:url(http://www.bellagiopub.com/music/media/back-menu-dark.gif) repeat-x; float:left}




#colonneActu { width:610px; height:500px; float:left;  }
#colonneFiches { width:300px; height:auto; float:left;  }
#colonneFiches2 { width:190px; height:300px; float:left; margin-top:15px   }

.titreColonneEquipement { border-bottom: #B7B9C3 1px solid; width:530px; height:26px; font-family:Tahoma; font-size:14px; font-weight:bold;  padding-bottom:0; padding-left:10px}

.titreactu{background:url(rendez-vous.gif) no-repeat left top; height: 55px; width:913px;   float:left; margin-top:15px  }

.titreColonneFiches { color:#FFFFFF; padding-left:10px; padding-top:5px; background:url(back_col_fiches-middle.gif) repeat-x ; float:left; height:28px; width:268px}
.titreColonneFiches2 { color:#FFFFFF; padding-left:10px; padding-top:5px; background:url(back_col_fiches-middle.gif) repeat-x ; float:left; height:28px; width:158px}
.contenuColonneActu {font-size: 12px;  padding: 15px; width: 582px;}
.contenuColonneFiches {border-left: #B7B9C3 1px solid; border-bottom: #B7B9C3 1px solid;border-right: #B7B9C3 1px solid;;font-size: 11px; line-height:110%; float:left; width:278px; padding:20px 10px 0px 10px; height:auto}
.enteteColonneFicheLeft {width:11px; height:33px; float:left; background:url(back_col_fiches_sides.gif) no-repeat;}
.enteteColonneFicheRight {width:11px; height:33px; float:left; background:url(back_col_fiches_sides.gif) right no-repeat;}
.titreColonneActu { border-bottom: #CCCCCC solid 1px; height:20px; padding:5px; width:90%; font-weight:bold}

.contenuColonneFiches2 {border-left: #B7B9C3 1px solid; border-bottom: #B7B9C3 1px solid;border-right: #B7B9C3 1px solid;;font-size: 11px; line-height:110%; float:left; width:100%; padding:20px 10px 0px 10px; height:300px}


#cadreneutre {width:913px; height:400px;  display:block}
.actuincolfiches {border-left: #B7B9C3 1px solid; border-bottom: #B7B9C3 1px solid;border-right: #B7B9C3 1px solid; width:298px; height:100%}





/*page equipement*/

/*découpage général*/
.colonnegaucheEquipement {height:auto; width:179px; margin-top:15px; float:left;text-align:left;}
.colonnecentreEquipement{background:url(http://www.bellagiopub.com/music/console.jpg) no-repeat left top; height: auto; width:550px;   float:left; margin-top:15px;text-align:left;}
.colonnedroiteEquipement {height:auto; width:165px; margin-top:15px; float:left;  border-left:#FFFFFF solid 8px}




/*interieur cadres côté : composit d'un top no repeat, d'un centre repeat, d'un bottom no repeat*/
.topcolonneEquipement {height:11px; width:158px;  font-size:13px; padding: 7px; background:url(http://www.bellagiopub.com/music/top-equipement_172.gif) no-repeat top left}
.sidescolonneEquipement{height:auto; width:172px;  background:url(http://www.bellagiopub.com/music/sides-equipement_172.gif) repeat-y top left; } 
.bottomcolonneEquipement {height:14px; width:172px;   background:url(http://www.bellagiopub.com/music/bottom-equipement_172.gif) no-repeat top left}

/*interieur du cadre sidescolonneEquipement*/
.colonneEquipementContenu {padding:10px; width: 89%;  }
.neve{border-bottom: #CCCCCC 1px solid; height:10px; background:url(http://www.bellagiopub.com/music/neve_small.gif) no-repeat; width:100%; height:100%; padding-top:40px; margin-top:7px}
.millenia{border-bottom: #CCCCCC 1px solid; height:10px; background:url(http://www.bellagiopub.com/music/millenia_small.gif) no-repeat; width:100%; height:100%; padding-top:40px; margin-top:4px}
.tla5021{border-bottom: #CCCCCC 1px solid; height:10px; background:url(http://www.bellagiopub.com/music/tla_st_small.gif) no-repeat; width:100%; height:100%; padding-top:40px; margin-top:4px}
.neve5016{border-bottom: #CCCCCC 1px solid; height:10px; background:url(http://www.bellagiopub.com/music/portico_small.gif) no-repeat; width:100%; height:100%; padding-top:40px; margin-top:4px}
.urei{border-bottom: #CCCCCC 1px solid; height:10px; background:url(http://www.bellagiopub.com/music/urei_st_small.gif) no-repeat; width:100%; height:100%; padding-top:40px; margin-top:4px}
.toft{border-bottom: #CCCCCC 1px solid; height:10px; background:url(http://www.bellagiopub.com/music/toft_small.gif) no-repeat; width:100%; height:100%; padding-top:40px; margin-top:4px}
.drawmer{border-bottom: #CCCCCC 1px solid; height:10px; background:url(http://www.bellagiopub.com/music/drawmer_small.gif) no-repeat; width:100%; height:100%; padding-top:20px; margin-top:4px}
.TC3000{border-bottom: #CCCCCC 1px solid; height:10px; background:url(http://www.bellagiopub.com/music/3000_small.gif) no-repeat; width:100%; height:100%; padding-top:20px; margin-top:4px}
.mics{border-bottom: #CCCCCC 1px solid; height:10px; background:url(http://www.bellagiopub.com/music/micro_collection.gif) no-repeat; width:100%; height:100%; padding-top:110px; margin-top:4px}
.portico{border-bottom: #CCCCCC 1px solid; height:10px; background:url(http://www.bellagiopub.com/music/portico_small.gif) no-repeat; width:100%; height:100%; padding-top:20px; margin-top:4px}
.ensoniq{border-bottom: #CCCCCC 1px solid; height:10px; background:url(http://www.bellagiopub.com/music/ensoniq_small.gif) no-repeat; width:100%; height:100%; padding-top:40px; margin-top:4px}
.tla5050 {border-bottom: #CCCCCC 1px solid; height:10px; background:url(http://www.bellagiopub.com/music/tla_5050_small.gif) no-repeat; width:100%; height:100%; padding-top:40px; margin-top:4px}
.lirelasuite { background:url(http://www.bellagiopub.com/music/001_12.gif) no-repeat right bottom ; width:70px; border-bottom:#FFFFFF 10px solid}
.liensbleus a{font-size:11px; font-weight:normal; color: #6699FF;}
.liensbleus a:hover{font-size:11px; font-weight:normal; color:#555555;}


/*colonne centre, a placer sous l'image de la console*/
.centreEquipementContenu {padding-top:310px;  }
ul.decale{padding-left:15px}

/*page galerie*/
#cadreGalerie {width:913px; height:482px; background:url(http://www.bellagiopub.com/music/galerie/back_galerie1.jpg); display:block}
#cadreGalerieCote { width:162px; height:482px; float:left; padding-left:10px; display:block}
#cadreGalerieCentre { width:554px; height:480px; float:left;padding-left:10px; display:block; padding-top:22px; }
.cadreGalerieImage {width:156px; height:88px; padding-bottom:3px;  display:block}
.cadreGalerieTitre {width:156px; height:20px;  padding-top:2px}

/*image postion et couleur textes "infos.php", topics et pages materiel*/
img {float:left; margin:0px 10px 0px 0px;}
.date {color:#999999}
.maintext {color:#666666; line-height:1.5em; width:100%; height:auto}
.colonnedroitetopics {height:auto; width:188px; border-left:#999999 solid 1px; border-bottom:#999999 solid 1px; border-right:#999999 solid 1px;  }



/*pages detail des equipements*/
.colonneGaucheDetail {height:auto; width:710px; margin-top:15px; float:left;text-align:left;}
.bigtitre {font-size:18px; font-weight:bold; width:680px; padding: 15px}
.colonnedroiteEquipementDetail {height:400px; width:190px; margin-top:15px; float:left;  border-left:#FFFFFF solid 9px; overflow:scroll}
.colonnedroiteEquipementDetailNoScroll {height:auto; width:190px; margin-top:15px; float:left;  border-left:#FFFFFF solid 9px; }
.placephoto {width:100%; height:331px; display:block}


#bas{
clear: left;
width: 913px;
border-bottom:#CCCCCC solid 1px;border-top:#CCCCCC solid 1px;
color: #FFF;
text-align: center;
}

.textebas { font-family:Tahoma; font-size:12px; color:#333333;}

img {float:left; margin:0px 10px 0px 0px;}


/*codes de formulaires*/

.feedbackform{
padding: 2px;
}

div.fieldwrapperContact{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 510px; /*width of form rows*/
overflow: hidden;
padding: 5px;
}

div.fieldwrapperContact label.styledContact{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 150px; /*width of label (left column)*/
text-transform: none;
border-bottom: 1px solid gray;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapperContact div.thefieldContact{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 1px; /* space following the field */
}

div.fieldwrapperContact div.thefieldContact input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapperContact div.thefieldContact textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 70px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 1px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}


.titreContact {
	
	width:520px;
	height:45px;
	margin:0;
	padding:0
}
.texteTitreContact{  padding-top: 5px;font-weight:bold; height:40px} 


/*page topics*/
#contentTopics {width:913; height:auto; float:left; display:block}
.presentationTopics {width:700px; height:auto; padding:7px 15px 7px 15px; float:left;}