body {
    font-family: Verdana;
    padding: 0; margin: 0; 
    font-size: 12px;
    line-height: 22px;
    color: #2c5a73;
    background: #fff url(img/background-white.jpg) no-repeat 50% 0;
    background-attachment: fixed;
}

a {
    color: #44c4dd;
    text-decoration: none;
}
a:hover { ;color: #e42785; }
a, a:active { outline: none; }



h1, h2, h3, h4, h5 { font-weight: normal; }
div, p { margin: 0; padding: 0; }



img { border: none; }

.spacer { clear: both; }



.main {
    width: 960px;
    margin: 26px auto 0 auto;
}

strong { font-weight: bold; }
em { font-style: italic; }

.txt {
    text-align: justify;
    line-height: 22px;
}

/***************************** structure ************************/

#header {
    position: relative;
    padding: 0 22px 0 0;
    background: #2c5a73;
    color: #fff;
}

#content {
    padding: 20px 44px 50px 33px;
    background: #fff;
    min-height: 400px;
}

#footer {
    background: #a3c0cd;
    margin-bottom: 30px;
}

/***************************** colonnes ************************/

/****** accueil ******/
.col1left { float: left; width: 373px; margin-right: 87px; }
.col1right { float: left; width: 423px; }

/****** mozaiques ******/
.col2left { float: left; width: 421px; margin-right: 40px; }
.col2right { float: left; width: 422px; }

/****** repertoire ******/
.col3left { float: left; width: 270px; }
.col3right { float: left; width: 563px; padding: 0 0 0 50px;  }

/****** composer ******/
.col4left { float: left; width: 290px; margin: 0 0 0 30px; }
.col4right { float: left; width: 423px; }

/****** piece ******/
.col5left { float: left; width: 440px; margin: 0 115px 0 30px; }
.col5right { float: left; width: 290px; }

/****** record_item ******/
.col6left { float: left; width: 440px; margin: 0 115px 0 30px; }
.col6right { float: left; width: 290px; }

/****** agenda ******/
.oneCol75 {
    width: 667px;
    padding: 0 0 0 30px;
}

.cEventLeft { float: left; width: 120px; }
.cEventMid { float: left; width: 360px; padding: 0 60px 0 0; }
.cEventRight { float: left; width: 340px;  }

/****** records ******/
.oneCol2 {
    width: 865px;
    padding: 0 0 0 30px;
}

/****** festival ******/
.oneCol3 {
    width: 890px;
    padding: 0 0 0 0;
}
.col7left { float: left; width: 440px; margin: 0 125px 0 0; }
.col7right { float: left; width: 325px; }

/****** project ******/

.col8left { float: left; width: 440px; margin: 0 115px 0 0; }
.col8right { float: left; width: 325px; }

/****** pro ******/
.cProLeft { float: left; width: 210px; margin: 0 0 0 0; }
.cProRight { margin-left: 220px; }

/****** contact ******/
.cContactLeft { float: left; width: 540px; margin: 0 70px 0 0; }
.cContactRight { margin-left: 220px; }

/***************************** headings ************************/
h2 {
    margin: 0;
    padding: 0 0 0 0;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

h3 {
    margin: 0;
    padding: 0 0 0 0;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.m13-title1 {
    background: transparent url(img/bg-title.png) no-repeat 100% 100%;
}
h2.m13-title2 {
    background: transparent url(img/bg-title.png) no-repeat 100% 100%;
    margin-bottom: 0;
}
h3.m13-title2 {
    color: #e42785;
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
    
    margin-bottom: 0;
}
h4.m13-title2 {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
    
}
/***************************** header ************************/





#header h1 { padding:0; margin:0; float: left; }
#header h1 a { padding:0; margin:0; float: left; width: 627px; height: 66px; background: url(img/logo-musicatreize.png) no-repeat; text-indent: -10000px; }

#header h1.logo-en a { background: url(img/logo-musicatreize-en.png) no-repeat; }

#topRight { float: right; width: 200px; text-align: right; padding: 6px 0 0 0; }
#topRight li { line-height: 18px; }
#topRight a {
    color: #fff;
    background: transparent url(img/bull1.png) no-repeat 100% 4px;
    padding: 0 10px 0 0;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
}
* html #topRight a { background: transparent url(img/bull1.gif) no-repeat 100% 4px; }
#topRight a:hover { ;color: #a3c0cd; }

#topRight li.on a {
    background: transparent url(img/bull2.png) no-repeat 100% 4px;
}
* html #topRight li.on a {
    background: transparent url(img/bull2.gif) no-repeat 100% 4px;
}

#lang { width: 100px; float: right; text-align: left; padding: 38px 0 0 0; }

.pinky { color: #e42785; }

/***************************** menu mainNav ************************/
/*
#mainNav { 
    background: #fff;
    margin: 0;
}

#mainNav ul {
    margin: 0 0 0 59px;
}

#mainNav ul li {
    float: left;
}

#mainNav ul li ul li {
    float: none;
}

#mainNav ul li.mozaiques { width: 165px; }
#mainNav ul li.saison { width: 129px; }
#mainNav ul li.cycles { width: 182px; }
#mainNav ul li.vlieux { width: 158px; }
#mainNav ul li.repertoire { width: 123px; }
#mainNav ul li.disco { width: 144px; }

#mainNav ul ul {
    margin: 0 0 0 0;
}
*/

#menu li { float: left; display: inline; margin-right: 20px;}
#menu li a {
    width: 110px;
    font-size: 11px;
    float: left;
    padding: 38px 0 13px 0;
    color: #a0a0a0;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 7px solid #fff;
}


#menu li a:hover {
    /*background: transparent url(img/bg-nav.png) no-repeat 0 100%;*/
    color: #44c4dd;
    border-bottom: 7px solid #8e9ac9;
}

#menu li.on a {
    background: #a0a0a0 url(img/bg-nav.png) no-repeat 0 100%;
    color: #fff;
    border: none;
    padding-bottom: 20px;
}


/***************************** footer ************************/

#footer {
    color: #fff;
    padding: 3px 0 2px 0;
}


.footLeft { float: left; width: 833px; padding: 3px 0 3px 27px;   }
/*.footRight { float: right; width: 86px; text-align: right; padding: 4px 14px 0 0;  }*/
.footRight { position: absolute;
             right: 80px;
             bottom: 1px;
            text-align: right; padding: 4px 14px 0 0;  }

.footLeft ul {  }
.footLeft li { line-height: 16px; display: block; float: left; margin: 0 0; padding: 0 10px; border-left: 1px solid #fff; }
.footLeft li.first { border-left: none; }
#footer a { color: #fff; }
#footer a:hover { color: #2c5a73; }

#error { padding: 16px; margin: 0 0 10px 0; background: #ff0000; color: #fff; }
#succes { padding: 16px; margin: 0 0 10px 0; background: #44c4dd; color: #fff;  }

/***************************** newsletter ************************/

#newsletterForm {  float: left; width: 300px; }
#newsletterForm p { float: left; }
#newsletterForm input#e-mailNews {
    
    border: none;
    font-size: 10px;
    padding: 0 0 0 2px;
    line-height: 10px;
    color: #a3c0cd;
    height: 13px;
    width: 100px;
}
#newsletterForm a#btnNews {
    border: none;
    cursor: pointer;
    float: left;
    text-indent: -10000px;
    padding: 0 0 0 0;
    margin-top: 2px;
    width: 25px;
    height: 13px;
    background: #fff url(img/bg-btn-newsletter.jpg) no-repeat 0 0;
    
}
#newsletterForm a#btnNews:hover {
    background-position: 0 -13px;

}

#newsletterForm a#btnNews, x:-moz-any-link { margin-top: 3px; }
/***************************** content ************************/



/***************************** home  ************************/
.edito-title {
    background: transparent url(img/bg-edito.png) no-repeat 0 100%;
}

.edito {
    
    border-bottom: 1px solid #2c5a73;
    padding: 0 0 20px 0;
}

#newz { position: relative; height: 404px; }

#newsBox {
    position: absolute;
    z-index: 50;
    width: 424px;
    padding: 0 0 0 0;
    min-height: 250px;
    line-height: 16px;
}
#boxTitle { color: #e42785; padding: 10px 0 0 120px; }
#boxContent { padding: 0 0 0 120px; }

#newsBox #newsImage {
    display: block;
    width: 183px;
    height: 183px;
    background: #fff;
}

a.newsTitle { color: #2c5a73; }
a.newsTitle:hover { color: #e42785; }

#newsImageOut { padding-left: 120px; }

#m13news {
    line-height: 16px;
}


#recordHome {
    background: #a3c0cd;
    padding: 1px;
    line-height: 16px;
}
#recordHome a.imgRecord {
    float: left;
}
#recordHome .txtRecord {
    margin-left: 120px;
    padding: 10px 10px 0 0;
    color: #fff;
}
#recordHome h5 a {
    color: #2c5a73;
}

.homeConcerts {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
}

/***************************** agenda ************************/
.ContentTopMenu {
    color: #b5c5ce;
    float: right;
    text-transform: uppercase;
    text-align: right;
    font-size: 14px;
    padding-right: 8px;
}

.ContentTopMenu ul {
    display: inline;
}
.ContentTopMenu ul li {
    display: inline;
}

.ContentTopMenu a { color: #b5c5ce; }
.ContentTopMenu a:hover { color: #e42785; }
.ContentTopMenu a.on { color: #e42785; }

.agenda-title {
    padding: 10px 0 0 0;
    background: transparent url(img/bg-title.png) no-repeat 100% 100%;
}

#eventz {
    line-height: 16px;
}

#eventz li {
    margin-bottom: 10px;
}

.eventLeft {
    float: left;
    margin-right: 35px;
}
.eventRight {
    text-align: justify;
    float: left;
    width: 545px;
    padding-top: 20px;
}

.eventRightHome {
    text-align: justify;
    margin-left: 100px;
    padding-top: 5px;
}

.eventMain span a { color: #e42785; }

.link { font-size: 0.9em; }

.evDescription {
    padding: 30px 0;
}

.evProgramme {
    padding: 0 0 0 0;
    line-height: 16px;
}

.evProgramme h5 {
    text-transform: uppercase;
    padding: 0 0 15px 0;
    font-size: 13px;
}
.evProgramme ul { list-style-type: disc; padding: 0 0 0 15px; }
.evProgramme .evPieceLabel { color: #2c5a73; font-style: italic; }
.evProgramme .evPieceLabel:hover { color: #e42785; }

.evProgramme .evComposerName { color: #2c5a73; font-weight: bold; }
.evProgramme .evComposerName:hover { color: #e42785; }

/***************************** mozaiques ************************/
#galleryBig {
    width: 420px;
    height: 280px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-bottom: 10px;
}
.galleryMozaique { padding-top: 40px; background: transparent url(img/loader.gif) no-repeat 50% 110px; }
/***************************** répertoire ************************/
body.composers_DiV h2 { margin-bottom: 0; }
#mainComposers {
    background: transparent url(img/pixel-darkblue.png) repeat-y 270px 0;
    position: relative;
    top: -3px;
    padding-top: 35px;
}

.allComposers {
    list-style-type: none;
    line-height: 16px;
    float: left;
    width: 236px;
}
.composersRight { margin-left: 20px; }

.allComposers ul {
    padding: 0 0 0 25px;
    list-style-type: disc;
    
}
.allComposers li {
    margin: 0 0 25px 0;
}

.allComposers  .cName {
    text-transform: uppercase;
}

.allComposers ul li {
    margin: 0 0 0 0;
}

.allComposers ul a {
    color: #2c5a73;
}
.allComposers ul a:hover { color: #e42785; }

#pane2 { height: 600px; }
a.jScrollArrowUp { background: url(img/basic_arrow_up.gif); }
a.jScrollArrowDown { background: url(img/basic_arrow_down.gif); }


#types ul {
    line-height: 16px;
    padding: 0 0 0 15px;
}

#types a {
    color: #2c5a73;
}
#types a:hover { color: #44c4dd; }

#types a.on {
    color: #e42785;
}

#types li.level1 {
    margin-bottom: 20px;
    text-transform: uppercase;
}

#types li.level2 {
    padding: 0 0 3px 0;
    margin-bottom: 0;
    text-transform: none;
    list-style-type: disc;
}

#types li.level2 ul {
    text-transform: none;
    list-style-type: disc;
    padding-left: 30px;
}



/***************************** composer_item ************************/
.composer-title, .composer-txt { width: 375px; }

.composerCreations { margin-bottom: 15px; }

.composerCreations h4{
    color: #e42785;
    text-transform: uppercase;
    font-size: 13px;
   
}


.composerCreations ul {
    list-style-type: disc;
    padding: 0 0 0 15px;
}

#composerTof {
     margin: 0 0 15px 0;
}

/***************************** piece_item  ************************/
#pieceComposers { padding: 0 0 20px 0; line-height: 16px; }
#pieceComposers h4{
    text-transform: uppercase;
    font-size: 13px;

}

#pieceComposers ul {
    padding: 10px 0 0 0;
}

#pieceComposers ul a.imgComposer {
    float: left;
    width: 75px;
    display: block;
    height: 75px;
}
#pieceComposers ul a.nameComposer {
    display: block;
    padding: 20px 0 0 85px;
    color: #e42785;
}
#pieceComposers ul a.link {
    padding: 0 0 0 10px;
}

.pieceAgenda {
    margin: 20px 0 0 0;
}

.pieceAgenda h4 {
    /*color: #e42785;*/
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 10px;
}

.pieceAgenda .eventLeft{
    margin-right: 10px;
}
.pieceAgenda .eventRight{
    float: none;
    margin-left: 100px;
    width: 340px;
}


.pieceRecords h4 {
    text-transform: uppercase;
    font-size: 13px;
}



.pieceRecords {
    line-height: 16px;
}
.pieceRecords ul {
    padding-top: 10px;
}
.pieceRecords li {
    margin-bottom: 5px;
}

.pieceRecords .imgRecord {
    float: left;
}
.pieceRecords .txtRecord {
    margin-left: 85px;
}

.titleRecord { color: #e42785; }

.galleryPiece {
    margin-top: 20px;
}

.galleryPiece .titreTof {
    position: absolute;
    z-index: 50;
}

#displayTitleTof {
    height: 20px;
    text-align: left;
}

/***************************** sound ************************/
.soundz {
    line-height: 14px;
    margin-top: 20px;
}

.soundz h4 {
    font-size: 13px;
    text-transform: uppercase;
    padding: 5px 0 10px 0;
}
.soundz h4 span {
    padding-right: 35px;
    background: transparent url(img/sound-icon2.gif) no-repeat 100% 2px;
}

.soundz ul li {
    clear: both;
}
.imgSoundLeft {
    float: left;
    width: 85px;
    height: 80px;
}

.soundBtn {
    position: relative;
}
.soundBtn img { position: absolute; }
.soundBtn .soundMask {
    display: block;
    position: absolute;
    z-index: 10;
    background: transparent url(img/sound-play.png) no-repeat 0 0;
    width: 75px;
    height: 75px;
}
.soundBtn:hover .soundMask {
    background-position: 0 -75px;
}

.selectedTrack .soundMask {
    background-position: 0 -150px;
}
.selectedTrack:hover .soundMask {
    background-position: 0 -225px;
}
/***************************** records ************************/
#recordz {
    padding: 20px 80px;
    line-height: 16px;
}
#recordz li {
    float: left;
    width: 165px;
    padding-right: 10px;
}
#recordz li.recordHorizSpacer {
    height: 30px;
    float: none;
    width: 100%;
    clear: both;
    padding: 0;
}
#recordz li img {
    display: block;
    padding-bottom: 5px;
}

#recordz a.recordTitle { color: #2c5a73; }
#recordz a.recordTitle:hover { color: #44c4dd; }

body.record_item_DiV h2.m13-title1 {
    margin-bottom: 0;
}
body.record_item_DiV h3 {
    color: #e42785;
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
    padding: 0 0 0 30px;
}

.e-commerce {
    padding: 20px 0 0 0;
    line-height: 16px;
}
.e-commerce h5 {
    text-transform: uppercase;
    background: transparent url(img/bg-title.png) no-repeat 100% 100%;
    line-height: 18px;
    margin-bottom: 5px;
}
.e-commerce form {
    float: left;
    padding: 5px 0 0 0;
}
.e-commerce p {
    text-align: right;
}
.e-commerce p label {
    font-weight: bold;
    color: #e42785;
    line-height: 20px;
}
.e-commerce p span {
    font-size: 10px;
    /*color: #44c4dd;*/
    line-height: 12px;
}
/***************************** festival ************************/
.galleryFestival {
    margin-top: 20px;
}

.videos {
    margin-top: 20px;
}
.videos h5 {
    text-transform: uppercase;
    font-size: 13px;
    padding-bottom: 10px;
}

h2.festival-title { width: 790px; padding: 10px 0 0 0; }

.oneCol3 .ContentTopMenu { margin-right: 100px; }

.festivalContenu2 { padding: 20px 10px 0 0;}

/***************************** project ************************/
body.projects_DiV .soundz { margin: 0 0 20px 0; }

.subProjects {
    line-height: 16px;
}


.subProjects h5 {
    font-size: 13px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.subProjects ul li a{
    color: #2c5a73;
}
.subProjects ul li a:hover { color: #e42785; }

body.projects_DiV .videos { margin: 0 0 20px 0; }

.projectContenu2 { padding-top: 20px; }
/*****************************  pro ************************/

#proListSubNav {
    line-height: 16px;
}

#proListSubNav h5 {
    text-transform: uppercase;
}

#proListSubNav li a { color: #2c5a73; }
#proListSubNav li a:hover { color: #e42785; }
#proListSubNav li a.on { color: #e42785; }

#proListSubNav li { margin-bottom: 25px; }
#proListSubNav li li { margin-bottom: 0; }


ul.fichesTechniques {
    line-height: 16px;
    list-style-type: disc;
    padding: 0 0 0 20px;
}

ul.fichesTechniques li {
    padding: 0 0 20px 0;
}

.gallerySalle {
    float: right;
    margin: 0 0 20px 20px;
    background: transparent url(img/loader.gif) no-repeat 50% 110px;
}



.galleryPhotosPress {
    float: left;
    width: 440px;
    background: transparent url(img/loader.gif) no-repeat 50% 110px;
}

#infoPhotoPress {
    margin-left: 440px;
    line-height: 16px;
    padding-top: 220px;
}



/***************************** contact ************************/

.rwform1 p.txtInput, .rwform1 .pTextaera {  padding: 0 0 5px 0; }



.rwform1 p.txtInput label, .rwform1 .pTextaera label { display: block; padding: 10px 0 5px 0; }

.rwform1 p.txtInput input, .rwform1 .pTextaera textarea { font-family: Arial; padding: 10px; font-size: 1.2em;  color: #2c5a73; width: 510px; border: 2px solid #a3c0cd;  }

.rwform1 p.txtInput input:focus, .rwform1 .pTextaera textarea:focus { background-color: lightyellow; }

.rwform1 p.txtInput input {   }

.rwform1 .pTextaera textarea {  }

.rwform1 p.txtInput input.error, .rwform1 .pTextaera textarea.error {    color: #e42785;  }

.rwform1 p.txtInput label.error, .rwform1 .pTextaera label.error { color: #e42785; padding: 10px 0 0 0; }

.rwform1 p.txtInput label.checked, .rwform1 .pTextaera label.checked { display: none; float: left; }




.comments { margin-top: 15px; font-size: 0.9em; color: #999; }




/***************************** links ************************/
h3.linksCat {
    background: transparent url(img/bg-title.png) no-repeat 100% 100%;
}

ul.linkz {
    padding: 0;
    line-height: 16px;
}
ul.linkz li {
    float: left;
    
}

ul.linkz li a.imgLogo {
    display: block;
    text-indent: -10000px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 0;
    width: 220px;
    height: 110px;
}

ul.linkz li a.linkLabel {
    text-align: center;
    display: block;
    width: 220px;
    padding: 5px 0 10px 0;
}

ul.linkz li.linkSep {
    float: none;
    width: 100%;
    clear: both;
    
}

/***************************** revue_item ************************/

.revueItemInfo { float: left; width: 500px; }
.revueItemRight { margin-left: 600px; }

.revueItemInfo div.txt { padding: 30px 0 10px 0; }
.revueItemInfo p.link { padding: 30px 0 0 0; }


.galleryRevue #galleryBig {
    width: 252px;
    height: 350px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-bottom: 10px;
}
.galleryRevue { background: transparent url(img/loader.gif) no-repeat 50% 110px; }

/***************************** sitemap ************************/
#sitemap ul { float: left; width: 200px; padding: 0 10px 20px 0; }
/*****************************  ************************/

/*****************************  ************************/

/*****************************  ************************/