.compositeur {background:url(../images/bg_compositeur.jpg) no-repeat top right; margin:0 !important;}

.content-nav-subliste { float:left; margin-left:40px; margin-top:50px; text-align: left;}
.content-nav-subliste h3 { text-transform:uppercase; font-size:24px; }
.content-nav-subliste ul {margin-top: 20px;}
.content-nav-subliste li { text-transform:uppercase; font-size:17px; color:#f8c670; float: left; list-style-image: url(../images/arow-dote.png); margin: 0px; box-sizing: border-box; min-height: 30px; /*min-width: 200px;*/ width:inherit; }
.content-nav-subliste li + li { margin-left:50px; }
.content-nav-subliste li > a{ padding:0; font-size:14pt; font-weight:100; color:#f8c670; border-bottom:2px solid transparent; text-transform:uppercase;}
.content-nav-subliste li > a:hover,
.content-nav-subliste li > a:focus { background-color:transparent; border-bottom-color:#a9a9a9; border-bottom-color:rgba(255,255,255,.25); color:#f8c670;  }
.content-nav-subliste li.active { list-style-image: url(../images/arow-dote-white.png); }
.content-nav-subliste li.active > a{ padding:0; font-size:14pt; font-weight:100; color:#fff; border-bottom:2px solid transparent; text-transform:uppercase;}
.content-nav-subliste li.active > a:hover,
.content-nav-subliste li.active > a:focus { background-color:transparent; border-bottom-color:#a9a9a9; border-bottom-color:rgba(255,255,255,.25); color:#fff;  }

.content-data {position:relative; clear: both; padding: 25px 55px 0; text-align:left;}
.content-data p {font-size:18px; line-height:1.1em; text-align:justify;}
.content-data .text1 {width:650px; float:left; /*margin-top:30px;*/ font-size:18px; line-height:1.1em; margin-left: 10px; margin-top: -15px;}
.content-data .text1 ul {padding-left: 0px;}
.content-data .text1 li {list-style: none;}
.content-data .text1 li strong {color:#f8c670; text-transform: uppercase; font-weight: 300; }
.content-data .text1 img {margin-left: 0px;}
.content-data .text1 img + img {margin-left: 35px;}
.content-data .visuel1 {float:right; margin-right:50px;}
.content-data .text2 {width:700px; float:right; margin-top:30px;}
.content-data .text2 em {color:#CBCBCB; font-weight:100;}
.content-data .visuel2 {float:left; margin-left:50px; margin-top: 20px;}

.content-data .content-fiche { float: left; width: 450px; height: auto; margin-left: 10px;}
.content-data .content-fiche .album-desc { position: relative;}
.content-data .content-fiche .album-desc .album-label { position: absolute; right: 50px; top: 3px;}
.content-data .content-fiche .album-desc > h1 { font-size: 21px; text-transform: uppercase; color:#f8c670; margin-bottom: 5px; margin-top: 0;}
.content-data .content-fiche .album-desc > p { font-size: 17px; text-transform: uppercase; color:#fff; margin-bottom: 0px;}
.content-data .content-fiche .album-desc > p small{ font-size: 14px; text-transform: none;}
.content-data .content-fiche .album-zoom { position: relative; margin: 5px 0;}
.content-data .content-fiche .album-zoom > img { margin: 0;}
.content-data .content-fiche .album-zoom .album-zoom-m { position: absolute; top:0px; right:50px; width: 50px;}
.content-data .content-fiche .album-zoom .album-zoom-m > img { float: right; margin:0 0 15px 0; }
.content-data .content-fiche .album-over { margin-top: 10px; position: absolute;}
.content-data .content-fiche .album-over > p { font-size: 14px; color:#fff; margin-bottom: 4px;}

.vignette-album,
.vignette-album:focus { position: relative; float: left; margin:0 15px 0 0; background-color: rgba(255, 255, 255, 0.1); padding: 3px;}
.vignette-album:hover { background-color: rgba(255, 255, 255, 0.3);}
.vignette-album img { /* width: 170px; */ height: 125px; }
.vignette-album .legende { width:auto; min-height: 20px; background-color:rgba(0,0,0,0.5); color:#9999; position: absolute; bottom:3px; padding: 1px 5px;  line-height: 1.1em;}

.content-data .content-album { float: right; text-align: left; width: 680px;}

.left { float: left;}
.right { float: right;}

.detail { width:350px; height:250px; position: absolute; left: 900px; top: 300px; margin:0 15px 0 0; background-color: rgba(0, 0, 0, 0.4); padding: 15px;}
.detail h3 { font-size:19px; color:#F8C670; text-transform:uppercase; margin-top: 15px; margin-bottom: 10px;}
.detail p { font-size:14px; color:#ddd; line-height:1.15em; margin-bottom: 5px; text-align:center;}