body {
  font-family: 'Roboto Condensed', sans-serif;
  color: #383525;
  background: url("../img/bgbody.jpg") repeat left top; }
hr {
  border-top-color: #FFF; }
h5 {
  font-family: 'Cabin Sketch', cursive, sans-serif;
  font-size: 1.9rem; }


#bandeau {
  background-color: white; }
#bandeau h1 {
  margin: 0;
  font-family: 'Cabin Sketch', cursive, sans-serif;
  color: #c2bb95; }
#bandeau .jn {
  color: #ffba00; }
#bandeau .bl {
  color: #21d1ad; }
#bandeau h2 {
  margin-top: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1em;
  color: #c2bb95; }
.bandeauecoute {
  margin: 1em 0; }
#contenu {
  background: url("../img/bgbloc2.jpg") no-repeat center 80px;
  min-height: 604px;
  padding-top: 130px; }
#contenu.ecoute {
  background: none;
  padding-top: 50px;
}
#contenu.ecoute #colonprinc a,
#contenu.ecoute #colonprinc h2,
#contenu.ecoute #colonprinc h3 {
  color: #264071;
}
#contenu h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 3.5em;
  margin: .5em 0 .5em 0;
  font-family: 'Cabin Sketch', cursive, sans-serif;
  color: #eeece5; }
#contenu h1 span {
  text-transform: none;
  line-height: 0.3em;
  display: block;
  font-size: 0.75em;
  color: #358d7b; }
#contenu aside h1 {
  font-size: 2em;
}
#contenu aside h1 span {
  text-transform: uppercase;
  color: #226255;
}
.callout {
    margin: 0 0 1rem 0;
    padding: 1rem;
    box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.5);
    border-radius: 10px;
    color: #FFF;
    background-color: #358d7b;
}
.infobas-wrap {
    margin: 0 0.9375em 1rem 0.9375em;
}
.infobas {
    padding: 1rem;
    color: #FFF;
    background-color: #264071;
    font-size: 1em;
}
.infobas i{
    font-size: 2em;
    color: #F59F2E;
    float: left;
  margin-right: .3em;
}
.infobas, .infobas a {
    color: #fff;
}

#albums .callout h3 {
  border-bottom: solid 1px #217967;
  color: #185e4f;
  margin-bottom: 1em;
}
#albumsliste img {
  width: 200px;
}
#contenu .vert{
  color: #358d7b; }

#contenu h2 {
  font-family: 'Cabin Sketch', cursive, sans-serif;
  color: #0b725a;}
#contenu h3 {
  font-family: 'Roboto Condensed', sans-serif; 
  font-size: 1.4em;
  font-weight: bold;
  color: #2B695C; }
#contenu .unprod h3 {
  color: #21d1ad; }
#contenu .unprod .bis h3 {
  color: #2B695C; }

#contenu .blanc {
    color: #eeece5; }

#contenu #colonprinc p,
#contenu #colonprinc {
    line-height: 1.2;
    font-size: 1.05em; }
#contenu #colonprinc a {
  color: #26816F; }
#contenu .index {
  text-align: center;
}
.miniatalbums {
  padding: 1em;
  border-radius: 10px;
  background-color: rgba(58,153,131, 0.5);
  text-align: center; }
.miniatalbums img {
  width: 120px;
  margin: .5em;
  display: inline-block; }
.miniatalbums img:hover   {
    opacity: 0.80; } 
.bloccie {
  margin-top: 2em;
}
.bloccie .logo{
  text-align: center;
  margin-top: 1em;
  display: block;
}
#albums h2 {
  margin-bottom: 0;
  text-align: center;
  color: white; }
#albums h2.vert {
  margin: 1.5rem 0;
  color: #2B695C; }
#albums h3 {
  text-align: center; }
#albums .prod{
  margin-top: 2em;
  text-align: center; }
#imgnous {
  text-align: center;
  margin: 1em 0; }
#imgnous img { }
.panel {
  color: white;
  border-color: #CBC5A3;
  background-color: #D1CCB3; }
.panel p{
  font-size: .9em;
  color: white; }
.plaquette {
text-align: center; }
.plaquette a {
color: #B9332D; }
.petitsp {
  font-size: .8em;
  margin-bottom: .5em;
  color: #666; }
.dossierpresse img {
  margin-bottom: 1em;
  border: solid 1px #6F6959; }
.formatfich {
  margin: .5em;
  padding: .5em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #21d1ad;
  color: white; }
.minipresse img {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: white;
  padding: 5px;
  border: solid 1px #CFCCB1; }
.papillonsbleus {
  background: url("../img/papillonsbleus-nuage.png") no-repeat center 75px; }
.papillonsbleus p {
  text-align: center;
  line-height: 1.3;
  padding:  0 1em 3em 1em; }
.papillonsbleus img{
  padding-bottom: 1.4em; }
.bleu {
  color: #43D0FC; }

.asidecontact a {
  color: white;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

#formcontact small.error,
#formcontact .button {
  color: #6B6754;
  background: #ffba00; }

#msgok.alert-box.success {
  background-color:#308B76;
  background: #369D85; }

.ldor-msg {
  padding: .4em 0;
  margin: .2em 0;
  border-bottom: solid 1px #CFCCB1; }
.ldor-msg .nom {
  font-style: italic; 
  text-align:  right;
  color:#358d7b; }
.ldor-msg .sujet{
  color:#B5AD82; }
.ldor-msg .datepost{
  color:#B5AD82; }

/* Panier jcart
jCart v1.3
http://conceptlogic.com/jcart/
*/
.jcart { background-color: #26816F; text-align:center; border-radius: 10px; }
.jcart ul { margin:0; list-style:none; padding:0 1em; text-align:left; }
.jcart fieldset { border:0; }
.jcart strong { color:#000066; }
.jcart .button { margin: 1em 0; max-width: 80%; }

#jcart * { margin:0; padding:0; }

#jcart a { color: #21d1ad; }

#jcart fieldset { border:0; }

#jcart-error { text-align:center; padding:5px; }

#jcart table { width:100%; border:0; background:#fff; border-collapse:collapse; }
#jcart thead { font-size: .9em; }
#jcart-title { font-size: 1.2em; }
#jcart tbody {  }
#jcart tfoot {  }
#jcart tr {  }
#jcart th { background:#D1CCB3 }
#jcart th, #jcart td { padding: .5em; border:0; border:solid 1px #D1CCB3; vertical-align:middle; text-align:left; font-weight:normal; }
#jcart #jcart-empty { text-align:center; }

.jcart-item-qty { width:25%; }
.jcart-item-qty input { width:30px; }
#jcart .jcart-item-name { width:50%; font-weight:bold; }
#jcart .jcart-item-price { width:25%; font-weight:bold; text-align:right; }
.jcart-item-price span,
.jcart-item-price span { display:block; color: #26816F; }
#jcart .jcart-dte { text-align: right;}

.jcart-remove { font-size:11px; font-weight:normal; }

#jcart-subtotal { display:block; text-align: right; }
#jcart-subtotal strong { font-size: 1.5em; color: #26816F; }

#jcart-buttons input { padding:2px; margin:2px; }

#jcart-checkout { padding : 1rem 2rem 2rem 2rem; }

#jcart-paypal-checkout { display:block; width:14em; padding:10px; margin:20px auto; }

#jcart-tooltip { display:none; position:absolute; padding:3px 7px 3px 25px; background:url("../img/checkmark.png") 3px center no-repeat #fdfdfd; border:1px solid #a6c9e2; z-index:9999; }

#contenu .jcart { color: #21d1ad; }
#contenu .jcart h2{ color: #FFF; font-size:1.3em; margin-bottom: 0; text-shadow: none; }
#contenu .jcart h2 strike{ color: #21D1AD; }

#contenu .jcart h2.nouveaute { background-color: #ffba00; text-transform:uppercase; }
#contenu .medium-6 .jcart h3 { color: #21d1ad; }

#contenu .medium-3 .jcart h2{ font-size:1em; margin-top: 1.25em; }
#contenu .medium-3 fieldset { padding: 0;}
#contenu .medium-3 .button { padding: 1rem 0; text-align: center; width: 100%;}

#contenu .medium-4 .jcart h2{ font-size:1.1em; margin-top: 1.25em; }
#contenu .medium-4 .jcart h2 span{ color: #FFBA00; }
#contenu .medium-4 .jcart fieldset { padding: 0; }
#contenu .medium-4 .jcart .button {
  z-index: 0;
  padding-left: .8em;
  padding-right: .8em; }

#contenu .jcart img{ margin-top: 1em; width: 100px; }

#contenu .jcart.bis { background-color: #D1CCB3; color: #26816F; }
#contenu .jcart.bis .visible img { width: 155px; }

#contenu .medium-3 .jcart.bis .visible img { width: 100px; }


#contenu #jcart input { height: 3.5rem; text-align: center;}

footer {
  font-size: 1.4em;
  color: #c2bb95; }
.icon-bar {
  background: #FFF; }
.icon-bar > * {
  padding: 1.2rem 0 0 0; }
.icon-bar > * i {
  font-size: 2.5rem;
  color: #d1ccb3; }
.icon-bar> * i:before {
  line-height: 1.5; }
.icon-bar > a.active {
  background-color: #fff; }
.icon-bar > a.active i {
  color: #ffba00; }
.icon-bar > a.active:hover {
  background-color: #ffba00; }
.icon-bar > a.active:hover i {
  color: #fff; }

#piedpage span {
  margin: 0 1em;
  color: #21d1ad; }
#piedpage li {
  margin-left: 0; }
#piedpage a {
  color: #c2bb95; }

.jaune span {background: linear-gradient(#F70505 0%, #8F0808 100%);}
.jaune span::before {border-left-color: #8F0808; border-top-color: #8F0808;}
.jaune span::after {border-right-color: #8F0808; border-top-color: #8F0808;}

.blue span {background: linear-gradient(#2989d8 0%, #1e5799 100%);}
.blue span::before {border-left-color: #1e5799; border-top-color: #1e5799;}
.blue span::after {border-right-color: #1e5799; border-top-color: #1e5799;}

/* Ruban */ 
/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  margin: 1.125rem;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #a07911;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 5px 0;
  background-color: #3498db;
  background: linear-gradient(#ffba00 0%, #c89200 100%);
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font-family: 'Cabin Sketch', cursive, sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 22px;
}
.ribbon-bottom-left::after {
  top: 22px;
  left: 0;
}
.ribbon-bottom-left span {
  z-index: 10;
  right: -25px;
  bottom: 30px;
  transform: rotate(45deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}

/* Large screens - DESKTOP */
@media only screen and (min-width: 64.063em) { 
  #bandeau h1 {
    font-size: 2.4em; }
  #bandeau h2 {
    font-size: 1em; }
  #contenu h2 {
    font-size: 2.4em;
    line-height: 1.4;
    text-shadow: white 0 0 0.1em; }
}
@media only screen and (max-width: 64.063em) {
  footer p {
    font-size: .9rem;
  }
      #asidebio {
  text-align: center; }
  #asidebio img {
  max-width: 50%; }
  .miniatalbums {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5em;}
  #bandeau h1 {
    text-align: center; }
  #bandeau h2 {
    padding: .4em;
    text-align: center;
    background-color: #F2F0D9; }
  #contenu h2 {
    font-size: 2em;
    line-height: 1;
  }
  #albums h2 {
    color: #222; }
}




/* Responsive Audio Player : */

/* Font Family
================================================== */
/* @import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap"); */

/* Global Styles
================================================= */
/*
html,body {
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
background-color:#0665a2;
color:#fff;
font-size:1rem;
font-family:"Source Sans Pro", arial, sans-serif;
font-weight:400;
letter-spacing:.025rem;
line-height:1.618;
padding:1rem 0;
}

*,::before,::after {
box-sizing:border-box;
}

* {
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color:transparent;
}

p { color:#fff; display:block; font-size:.9rem; font-weight:400; margin:0 0 2px; }

a,a:visited { color:#8cc3e6; outline:0; text-decoration:underline; }
a:hover,a:focus { color:#bbdef5; }
p a,p a:visited { line-height:inherit; }
*/

/* Setup
================================================== */
.container { position:relative; margin:0 auto; max-width:800px; width:100%; }
.column { width:inherit; }

/* Misc.
================================================== */
.add-bottom { margin-bottom:2rem !important; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.hidden { display:none; }

.no-support {
margin:2rem auto;
text-align:center;
width:90%;
}

/* Audio Player Styles
================================================ */
audio {
display:none;
}

#audiowrap,
#plwrap {
margin:0 auto;
background-color: #F59F2E;
}
#audiowrap button {
display: inherit;
font-size: 1em;
margin: 0;
color: #264071;
}
#plwrap ul {
margin-left: 0;
}
#tracks {
font-size:0;
position:relative;
text-align:center;
}

#nowPlay {
display:block;
font-size:0;
}

#nowPlay span {
display:inline-block;
font-size:1.05rem;
vertical-align:top;
}

#nowPlay span#npAction {
padding:1em 0;
width:30%;
}

#nowPlay span#npTitle {
padding:1em 0; 
text-align:right;
width:70%;
color: #264071;
font-weight: bold; }

#plList li {
cursor:pointer;
display:block;
margin:0;
padding:0;
}

#plList li:hover {
background-color:rgba(0, 0, 0, .1);
}

.plItem {
position:relative;
}

.plTitle {
left:50px;
overflow:hidden;
position:absolute;
right:65px;
text-overflow:ellipsis;
top:0;
white-space:nowrap;
}

.plNum {
padding-left:21px;
width:25px;
}

.plLength {
padding-left:21px;
position:absolute;
right:21px;
top:0;
}

.plSel,
.plSel:hover {
background-color:rgba(0, 0, 0, .1);
color:#fff;
cursor:default !important;
}

#tracks a {
border-radius:3px;
color:#fff;
cursor:pointer;
display:inline-block;
font-size:2.3rem;
line-height:.2;
margin:0;
padding:12px;
text-decoration:none;
transition:background .3s ease;
}

#tracks a:hover,
#tracks a:active {
background-color:rgba(0, 0, 0, .1);
color:#fff;
}

#tracks a::-moz-focus-inner {
border:0;
padding:0;
}

#contenu #colonprinc #tracks a {
  color: #264071; }


/* Plyr Overrides
================================================== */
#audiowrap button:hover, #audiowrap button:focus, #audiowrap .button:hover, #audiowrap .button:focus {
    background-color: #264071; }
#audiowrap button:hover svg, #audiowrap button:focus svg, #audiowrap .button:hover svg, #audiowrap .button:focus svg {
    color:#FFF; }

.plyr--audio .plyr__controls {
background-color:transparent;
border:none;
color:#fff;
/* font-family:"Source Sans Pro", arial, sans-serif; */
padding:20px 20px 20px 13px;
width:100%;
}

a.plyr__controls__item.plyr__control:hover,
.plyr--audio .plyr__controls button:hover,
.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr__play-large {
background-color:rgba(0, 0, 0, .1);
}

.plyr__progress--played,
.plyr__volume--display {
color:rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
background-color:rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer {
color:rgba(0, 0, 0, .1);
}

.plyr--full-ui input[type="range"] {
width:calc(100% - 39px);
}

.plyr__controls .plyr__controls__item.plyr__time {
font-size:14px;
margin-left:7px;
}
/* Media Queries
================================================== */
@media only screen and (max-width:600px) {
    #nowPlay span#npAction { display:none; }
    #nowPlay span#npTitle { display:block; text-align:center; width:100%; }
}