/*
Theme Name: AqME
Theme URI: http://www.aqme.com/
Description: AqME template
Author: Rue Pavée
Author URI: http://www.ruepavee.com/
Version: 1.0
*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|
|       Copyrigth (c) 2012 Sébastien Moulène
|       http://www.sebousan.com/
|
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* HTML5 Boilerplate  */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; background:url(img/background2019.jpg); color:#fefefe; }
h1, h2 { font-size:24px; text-transform:uppercase; margin:0 0 10px; padding:0; border-bottom:1px solid #1a1a1a; padding-bottom:10px; }
a { color:#fff; text-decoration:none; }
p { font-size:14px; }

#audio, #header, #content, #bottom, #footer { width:940px; margin:0 auto; }

#wrapper { 
	/*background:url(img/bg-header.png) repeat-x 50% 0;*/
}

#audio { height:60px; padding-top:20px; }

#socialHeader { list-style:none; float:right; margin:0; padding:0; }
#socialHeader li { float:left; margin-right:10px; }
#socialHeader li a { display:block; text-indent:-9999px; overflow:hidden; height:22px; width:18px; background:url(img/logos-social.png) no-repeat; }
#socialHeader li.twitter a { width:24px; background-position:-25px 0; }
#socialHeader li.dm a { background-position:-54px 0; }
#socialHeader li.ms a { width:20px; background-position:-80px 0; }

#header { padding-top:25px; text-align:center; position:relative; }
#header .logo { position:relative; z-index:10; }
#header ul { list-style:none; margin:0; padding:0; position:absolute; top:60px; white-space:nowrap; }
#header li { display:inline-block; text-transform:uppercase; font-size:20px; padding:20px 20px 20px 0; border-top:1px solid #2e2e2e; border-bottom:1px solid #2e2e2e; }
#header li#menu-item-19 { margin-right:390px; padding-right:0; }
#header li#menu-item-6 { margin-left:302px; padding-right:2; }
#header li#menu-item-144 { margin-left:2px; padding-right:2; }
#header li#menu-item-8 { margin-left:2px; padding-right:2; }
#header li#menu-item-13 { margin-left:2px; padding-right:0; }
#header li.current-menu-item a { color:#bc9d4a; }

#content { padding:20px; overflow:hidden; position:relative; }

#slider { margin-bottom:35px; height:549px; width:940px; overflow:hidden; }
#slider .panel { float:left; height:549px; width:940px; }
.coda-nav, .coda-nav-left, .coda-nav-right { position:absolute; }
.coda-nav { top:525px; left:460px; }
.coda-nav ul { list-style:none; width:70px !important; }
.coda-nav li { float:left; margin-right:5px; }
.coda-nav-left, .coda-nav-right { top:250px; left:40px; }
.coda-nav-right { left:910px; }
.coda-nav-left a, .coda-nav-right a, .coda-nav a { display:block; height:46px; width:28px; background:url(img/bg-slider.png) no-repeat; text-indent:-9999px; overflow:hidden; }
.coda-nav-right a { background-position:-28px 0; }
.coda-nav a { height:12px; width:12px; background-position:-12px -46px; }
.coda-nav a.current { background-position:0 -46px; }

#main { width:620px; float:left; }
#main .post { background:#000 url(img/main-top.jpg) no-repeat; margin-bottom:10px; }
#main .post article { background:url(img/main-bot.jpg) no-repeat 0 100%; padding:20px; }
#photos ul { list-style:none; margin:0 auto; height:130px; overflow:hidden; }
#photos li { float:left; }
#posts h2, #photos h2, #events h2 { background:url(img/ico-fb.png) no-repeat 100% 5px; }
#videos h2 { background:url(img/ico-dm.png) no-repeat 100% 5px; }
#posts .meta { color:#696969; font-size:12px; }
#posts .meta em { font-size:11px; }
.category #main h3 { font-size:18px; font-weight:normal; text-transform:none; margin:0 0 10px; padding:0; }
.post .content { clear:both; padding:20px; overflow:hidden; background:url(img/bg-disco.png) repeat; margin-bottom:10px; }
.category .post .desc { float:left; width:250px; margin-bottom:20px;}
.category .post img { float:left; margin-right:20px; margin-bottom:20px; }
.category .post p { font-size:11px; margin:0 0 5px; }
#shopping { border-top:1px solid #424242; clear:both; padding:20px 0 0; overflow:hidden; }
#shopping p { float:left; line-height:44px; font-size:12px; font-style:italic; color:#696969; margin-right:10px; }
#shopping ul { float:left; list-style:none; padding:0; margin:0; }
#shopping li { float:left; margin-right:10px; }
#shopping li a { display:block; background:url(img/logos-shop.png) no-repeat; width:85px; height:44px; text-indent:-9999px; overflow:hidden; margin:0; }
#shopping li.fnac a { background-position:-101px 0; width:43px; }
#shopping li.virgin a { background-position:-154px 0; width:45px; }
#shopping li.boutique a { background-position:-270px 0; width:76px; }
#shopping li.amazon { margin-right:0; }
#shopping li.amazon a { background-position:-208px 0; width:51px; }
#listen p { float:left; line-height:44px; font-size:12px; font-style:italic; color:#696969; margin-right:10px; }
#listen ul { float:left; list-style:none; padding:0; margin:0; }
#listen li { float:left; margin-right:10px; }
#listen li a { display:block; background:url(img/logos-listen.png) no-repeat; width:45px; height:44px; text-indent:-9999px; overflow:hidden; margin:0; }
#listen li.ec_dezeer a { background-position:0px 0; width:45px; }
#listen li.ec_napster a { background-position:-200px 0; width:47px; }
#listen li.ec_spotify a { background-position:-150px 0; width:46px; }
#listen li.ec_apple a { background-position:-50px 0; width:95px; }
.page .bloc1 { float:left; width:245px; }
.page .bloc2 { clear:none; float:right; width:245px; }
.page .desc p { padding:0; margin:0; }
.page-id-2 .desc p { margin-bottom:10px; }
.page .desc p.email { font-size:12px; color:#696969; }
.page .desc p.email a { color:#696969; }
#posts div { padding:20px; overflow:hidden; background:url(img/bg-disco.png) repeat; margin-bottom:10px; }
#posts p { margin:0 0 5px 0; }
#posts em { font-size:11px; }

#sidebar { width:300px; float:right; }
#sidebar p { font-size:12px; }
#sidebar .block { background:#000 url(img/sidebar-top.jpg) no-repeat; margin-bottom:15px; }
#sidebar .blockWrapper { background:url(img/sidebar-bot.jpg) no-repeat 0 100%; padding:20px; overflow:hidden; }
#sidebar #shop a { float:left; margin-right:10px; margin-bottom:20px; }
#sidebar #shop a img { display:block; }
#sidebar #shop h3 { font-size:14px; font-weight:normal; margin-bottom:5px; margin-top:35px; padding:0; }
#sidebar #shop p { font-size:11px; color:#696969; margin:0; }
#sidebar #shop ul { border-top:1px solid #1a1a1a; clear:both; padding:20px 0 0; overflow:hidden; list-style:none; margin:0; }
#sidebar #shop li { float:left; margin-right:10px; }
#sidebar #shop li a { display:block; background:url(img/logos-shop.png) no-repeat; width:85px; height:44px; text-indent:-9999px; overflow:hidden; margin:0; }
#sidebar #shop li.fnac a { background-position:-101px 0; width:43px; }
#sidebar #shop li.virgin a { background-position:-154px 0; width:45px; }
#sidebar #shop li.amazon { margin-right:0; }
#sidebar #shop li.amazon a { background-position:-208px 0; width:51px; }
#sidebar #socials ul { list-style:none; margin:0; padding:0; }
#sidebar #socials li { background:url(img/pictos.jpg) no-repeat; padding-left:40px; line-height:30px; font-size:12px; margin-bottom:10px; }
#sidebar #socials li.fb { background-position:0 -38px; }
#sidebar #socials li.dm { background-position:0 -79px; }
#sidebar #socials li.ms { background-position:0 -123px; }
#sidebar #socials li.is { background-position:0 -165px; }
#sidebar #shop h2 { background:url(img/ico-athome.png) no-repeat 100% 5px; }
#sidebar #events .blockWrapper div { padding:20px; overflow:hidden; background:url(img/bg-disco.png) repeat; margin-bottom:10px; }
#sidebar #events h3 { font-weight:normal; font-size:14px; margin:0 0 5px; text-transform:capitalize; }
#sidebar #events p { font-size:12px; color:#696969; margin:0 0 5px; }

#bottomWrapper { background:url(img/bg-footer.png); clear:both; }
#bottom { position:relative; height:100px; }
#bottom ul { list-style:none; text-align:center; padding:35px 0 0 0; margin:0; }
#bottom li { display:inline; padding:0; margin:0 10px; text-transform:uppercase; }
#bottom a { font-size:11px; color:#696969; }
#bottom .logo-athome, #bottom .logo-aqme { position:absolute; top:15px; }
#bottom .logo-aqme { left:0; }
#bottom .logo-athome { right:0; }

#footerWrapper { background:url(img/bg-footer.jpg); clear:both; }
#footer { padding:10px 0; }
#footer p { font-size:11px; color:#696969; margin:0; padding:0; }
#footer p.ruepavee { float:right; }
#footer p.ruepavee a { color:#696969; }


.jp-audio { overflow:hidden; width:798px; height:37px; position:relative; font-size:12px; float:left; }
.jp-audio ul { margin:0; padding:0; list-style:none;  }
.jp-audio a { color:#696969; }
.jp-controls { float:left; width:140px; overflow:hidden; }
.jp-controls li { float:left; margin-right:15px; }
.jp-previous, .jp-next, .jp-play, .jp-pause { display:block; height:21px; width:27px; background:url(img/player-button.png) no-repeat; text-indent:-9999px; cursor:pointer; }
.jp-previous, .jp-next { margin-top:5px; }
.jp-next { background-position:-27px 0; }
.jp-play { width:28px; height:37px; background-position:0 -21px; }
.jp-pause { width:28px; height:37px; background-position:-30px -21px; }
.jp-progress {clear:right; float:left; height:11px; width:658px; background:url(img/player-time.png) no-repeat 0 2px; }
.jp-play-bar {background:url(img/player-time.png) no-repeat 0 -9px; height:11px; }
.jp-stop, .jp-mute, .jp-volume-max, .jp-toggles, .jp-playlist li { position:absolute; left-99999px; text-indent:-9999px; display:block; }
.jp-toggles { display:none; margin:0; padding:0; list-style:none; }
.jp-playlist { position:absolute; left:140px; top:0; }
.jp-playlist ul { display:none; }
.jp-playlist li.jp-playlist-current { position:static; left:0; text-indent:1px; }
.jp-time-holder { float:right; }
.jp-current-time { color:#bc9d4a; }
.jp-time-holder div { display:inline; }
.jp-no-solution { font-size:11px; }

/* corner */
#corner #infooter { margin-right: 10px; }
#corner #infooter { 
	margin-right: -200px; 
	&:hover {
		margin-right: 10px;
	}
}
#corner {
  text-align: left;
  width: 100%;
  bottom: 0px;
  z-index: 99;
  font-size: 12px;
}

#corner img {
	float: left;
    margin-right: 15px;
    width: 150px;
    height:150px;
}
#corner #infooter {
  background-color: #bea343;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: -200px;
  overflow: hidden;
  padding: 10px;
  text-align: left;
  width: 350px;
  color: #FFF;
  position: fixed;
  right: 0px;
  bottom: 0px;
  z-index: 999999;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#corner #infooter:hover {
  margin-right: 10px;
}
#corner #infooter .album {
  float: left;
  margin-right: 10px;
  width: 130px;
  height: auto;
}
#corner #infooter a {
  color: #FFF;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#corner #infooter a:hover {
  color: #000 ;
}
@media only screen and (max-width: 767px) {
  #corner {
    display: none;
  }
}

#slider .panel img {
	width:100%;
	height: auto;
}