* { margin:0; padding:0; }
body          {
	font:13px/1.3 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	background: #fff;
}
img           { border:none; vertical-align:top; }
a             {	color:#00F; }
a:hover       {}
ul,ol         { list-style:none; }
.clear		  { clear:both; }
.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
h1 { background:#000 url(../images/sunset/h1.gif) right 0 no-repeat; width:350px; height:20px; font-size:20px; text-transform:uppercase; text-align:left; font-weight:normal; color:#fff; line-height:1.1em; padding:3px 5px; margin:0 0 30px 0; }


.tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	background: #f5f5f5;
	border-radius: 5px;
	box-shadow: 1px 1px 12px #555;
	text-align: left;
}
.tooltip strong { text-transform: uppercase; }
.tooltip span { color: #E95B2A;  }


/* Header */
#header-wrapper { width:100%; height:255px; background:#000 url(../images/sunset/header.gif) 0 0 repeat-x; }
#header { margin:0 auto; text-align:left; width:955px; height:255px; position:relative; color:#fff; font-family:Arial, Helvetica, sans-serif; }
#header #logo { display:block; width:118px; height:206px; position:absolute; left:0; top:20px; background:url(../images/sunset/logo.gif) 0 0 no-repeat; }
#header #social {  height:16px; width:400px; position:absolute; top:10px; left:290px; }
#header #social p { float:left; color:#666; font-size:10px; text-transform:uppercase; line-height:1.5em; }
#header #social a { display:block; width:16px; height:16px; margin-left:8px; float:left; }
#header #twitter { background:url(../images/sunset/twitter_16.png) 0 0 no-repeat; }
#header #facebook { background:url(../images/sunset/facebook_16.png) 0 0 no-repeat; }
#header #instagram { background:url(../images/sunset/instagram_16.png) 0 0 no-repeat; }
#header #rss { background:url(../images/sunset/rss_16.png) 0 0 no-repeat; }

#header #newsletter { position:absolute; top:10px; right:0; text-align:right; width:250px; }
#header input { border:none; background:#333; color:#fff; }
#header #email { width:171px; font-size:10px; padding:2px; }
#header .fielderror { background:#FFC; color:#000; }
#header .button { cursor:pointer; font-weight:bold; text-align:center; text-transform:uppercase; font-size:11px; padding:1px; width:33px; }

#header #pub-wrapper { width:660px; height:180px; position:absolute; top:45px; right:0; }
#header #pub { width:660px; height:180px; position:relative; }
#header #pub #nav { position:absolute; top:10px; right:10px; width:54px; height:18px; background:#333; }
#header #pub #nav a { display:block; width:18px; height:18px; cursor:pointer; float:left; }
#header #pub #nav .backward { background:url(../images/sunset/nav_prev.gif) 0 0 no-repeat; }
#header #pub #nav .pause { background:url(../images/sunset/nav_pause.gif) 0 0 no-repeat; }
#header #pub #nav .forward { background:url(../images/sunset/nav_next.gif) 0 0 no-repeat; }
#header #pub #tabs { position:absolute; bottom:3px; right:30px; z-index:99; }
#header #pub #tabs a { display:block; width:4px; height:4px; float:left; margin-right:2px; background:#fff; }
#header #pub #tabs a.current { background:#e95c2a; }
#header #banners { width:540px; height:180px; position:relative; }
#header #banners img { width:540px; height:180px; }
#header #banners div { position:absolute; display:none; }

#header #base { width:955px; height:30px; position:absolute; left:0; bottom:0; }
#header #base li { float:left; width:240px; text-transform:uppercase; font-size:12px; padding:6px 0 0 0; text-align:center;  }
#header #base h2 { color:#E95B2A; font-style:italic; font-size:12px; font-weight:bold; }
#header #baseline { text-align:left!important; }
#header #base address { font-style:normal; }
#header #search { width:235px!important;text-align:right!important; }
#header #keyword { width:171px; font-size:10px; padding:2px; }


/* Menu */
#menu-wrapper { width:100%; height:35px; background:#CCC; }

#bouton_nav { display:none; }
.sticky-wrapper { display:none; }

#menu { margin:0 auto; width:955px; height:35px; position:relative; }
#menu #mainmenu { height:35px; }
#menu #mainmenu li { float:left; }
#menu #mainmenu a { display:block; text-transform:uppercase; text-decoration:none; color:#000; border-right:1px solid #E95C2A; font-size:16px; font-weight:bold; padding: 7px 23px; }
#menu #mainmenu a:hover, #menu #mainmenu .active { color:#fff; background:#E95C2A; }

#menu #user { position:absolute; right:0; top:0; height:35px;}
#menu #user li { float:left; margin:10px 0; padding: 1px 20px; }
#menu #user a { display:block; text-transform:uppercase; text-decoration:none; color:#E95C2A; font-size:11px; float:left; }
#menu #user a:hover { text-decoration:underline; }
#menu #user #gocart { border-right:1px solid #E95C2A; }
#menu #user #gocart span { float:left; text-transform:uppercase; margin-left:5px; font-size:11px; }


/* Footer */
#footer-wrapper { width:100%; height:300px; background:#000 url(../images/sunset/footer.jpg) center 0 repeat-x; padding-top:40px; margin-top:40px; }
#footer { width:955px; height:300px; margin:0 auto; color:#fff; text-align:left;  }
#footer #col-1 { width:350px; float:left; }
#footer #col-2 { width:350px; float:left; }
#footer #col-3 { width:255px; float:left; }
#footer p { margin:0 0 10px 0; }
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { color:#fff; text-decoration:underline; }
#footer #col-3 a { display:block; width:16px; height:16px; margin:0 8px 30px 0; float:left; }
#footer #twitter { background:url(../images/sunset/twitter_16.png) 0 0 no-repeat; }
#footer #facebook { background:url(../images/sunset/facebook_16.png) 0 0 no-repeat; }
#footer #instagram { background:url(../images/sunset/instagram_16.png) 0 0 no-repeat; }
#footer #rss { background:url(../images/sunset/rss_16.png) 0 0 no-repeat; }
#footer #newsletter { clear:left; }
#footer input { border:none; background:#333; color:#fff; }
#footer #email { width:171px; font-size:10px; padding:2px; }
#footer #ok_newsletter { cursor:pointer; font-weight:bold; text-align:center; text-transform:uppercase; font-size:11px; padding:1px; width:33px; }
#footer .fielderror { background:#FFC; color:#000; }

/* Page */
#page { width:955px; margin:0 auto; text-align:left; }
#page #content { width:725px; float:left; }
#page #tools { width:230px; float:left; background:#393939 url(../images/sunset/tools.jpg) 0 0 repeat-x; font-size:12px; position:relative; }

/* Fil d'arialne */
#breadcrumb { font-size:11px; margin:5px 0 15px 0; }
#breadcrumb a { color:#000; text-decoration:none;  }
#breadcrumb a:hover { text-decoration:underline; }

/* Haut de page */
#hdp { display:block; background: url(../images/sunset/haut.gif) 0 6px no-repeat; padding-left:20px; margin:40px 0 20px 150px; text-decoration:none; color:#E95B2A; }


/* Tools */
#tools h3 { font-size:28px; color:#E95B2A; font-weight:normal; text-transform:uppercase; line-height:0.7em; margin:10px 5px; }
#tools h4 { font-size:24px; color:#E95B2A; font-weight:normal; text-transform:uppercase; line-height:0.8em; margin:10px 5px; }
#tools h4 span { font-size:16px; line-height:0.6em; }
#tools .toggle { cursor:pointer; width:11px; height:11px; display:block; background:url(../images/sunset/toggle.png) 0 0 no-repeat; position:absolute; top:15px; right:5px; }
#tools .close { background-position:0 -11px; }
#tools .hr { border-bottom:1px solid #fff; }
#tools .box { position:relative; }
#tools .item { cursor:move; }
#tools .target { border:1px dashed #fff; height:80px; margin:10px 5px; }

/* Tools > Style */
#tools #style { position:relative; padding:10px 0 15px 0; }
#tools #style #select { display:none; }
#tools #style #select a { display:block; color:#fff; text-decoration:none; text-transform:uppercase; font-size:13px; padding:2px 10px; background:#E95C2A; }
#tools #style #select .active { background:#09C; color:#fff; }
#tools #style #select a:hover { text-decoration:underline; }

/* Tools > Agenda */
#tools #agenda { position:relative;  padding:10px 0 15px 0; }
#tools #agenda #minical { background:#666; padding-bottom:5px; display:none; }
#tools #agenda #minical table { width:230px; }
#tools #agenda #minical td { text-align:center; vertical-align:top; padding:5px; color:#000; width:14%; }
#tools #agenda #minical td a { color:#fff; text-decoration:none; }
#tools #agenda #minical td:hover { background:#009de0; }
#tools #agenda #minical td:hover a { color:#fff; }
#tools #agenda #minical .calendar_heading { background:#000; color:#fff; font-family:Arial, Helvetica, sans-serif; }
#tools #agenda #minical .calendar_heading a { color:#fff; }
#tools #agenda #minical .calendar_selected { background:#009de0; }
#tools #agenda #minical .calendar_selected a { color:#fff; }

/* Tools > Concours */
#tools #concours { position:relative;  padding:10px 0 15px 0; }
#tools #concours #jeu { display:none; }
#tools #concours #jeu p { color:#fff; padding:5px; }
#tools #concours #jeu .question { text-transform:uppercase; background:#E95C2A; padding:5px 5px 5px 15px; text-indent:-10px; }
#tools #concours #jeu table { margin:5px; width:220px; }
#tools #concours #jeu td { vertical-align:top; padding:5px; }
#tools #concours #jeu .label { color:#fff; font-size:13px; text-transform:uppercase; width:160px; }
#tools #concours #jeu .bouton { text-align:center; margin:5px 0; }
#tools #concours #jeu .bouton input { border:none; background:#333; color:#fff; font-size:16px; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; cursor:pointer; }

/* Tools > Playlist */
#tools #playlist { position:relative; padding:10px 0 15px 0; }
#tools #playlist #player { display:none; }

/* Tools > JazzRadio */
#tools #jazzradio { position:relative; padding:0; height:120px; }
#tools #jazzradio .radio { width:78px; height:88px; position:absolute; top:5px; right:2px; background:url(../images/sunset/radio.png) 0 0 no-repeat; }
#tools #jazzradio .content { padding:10px 5px 5px; }
#tools #jazzradio h3 { text-transform:uppercase; color:#e95a2a; font-size:20px; margin:0; background:#fff; padding:20px 5px 5px; }
#tools #jazzradio h4 { font-size:16px; font-weight:bold; margin:0 0 10px 0; color:#e9592a; text-transform:none; }
#tools #jazzradio p { font-size:11px; color:#999; margin:0 0 10px 0; line-height:1.2em; font-style:italic; }
#tools #jazzradio a { display:block; background:#e95c2a url(../images/sunset/puce_btn.png) 10px 4px no-repeat; padding:0 0 0 25px; line-height:20px; color:#fff; text-transform:uppercase; font-size:13px; text-decoration:none; width:170px; }


/* Tonight */
#tonight { background:#F2F2F2; border-bottom:1px solid #000; padding:10px 5px 0 5px; margin-bottom:30px; }
#tonight ul { width:605px; margin-left:20px; float:left; }
#tonight li { border-bottom:1px dashed #999; padding:5px 0; font-weight:bold; list-style:square inside; }
#tonight h3 { background:#000 url(../images/sunset/tonight_h3.gif) 0 0 no-repeat; width:88px; height:23px; font-size:17px; font-style:italic; text-transform:uppercase; text-align:center; font-weight:normal; color:#E9592A; line-height:1.5em; float:left; }
#tonight #last { border:none!important; }
#tonight a { text-decoration:none; color:#E9592A; cursor:pointer; }
#tonight a:hover { text-decoration:underline; }

#tonight .tooltip { background-color:#E95C2A; background-position:5px 5px; background-repeat:no-repeat; padding:5px 10px 25px 75px; width:180px; display:none; position:relative; z-index:9999; }
#tonight .tooltip p { color:#fff; margin:0px; line-height:1.2em; font-weight:normal; }
#tonight .tooltip .club { font-size:12px; text-transform:uppercase; line-height:1.3em; }
#tonight .tooltip .plus { font-size:12px; color:#0A0A0A; text-decoration:none; font-style:italic; text-transform:uppercase; display:block; background:#fff; padding:0 2px; position:absolute; bottom:5px; left:75px; width:100px; }

/* News */
#news { margin:30px 0; }
#news h1 { background:#000 url(../images/sunset/news_h1.gif) 0 0 no-repeat; width:96px; height:20px; font-size:20px; text-transform:uppercase; text-align:left; font-weight:normal; color:#fff; line-height:1.1em; padding:4px }
#news .item { margin:0 0 15px 0; }
#news .img { width:150px; float:left; padding-top:15px; }
#news .txt { width:540px; float:left; }
#news h6 { width:80px; border-bottom:1px solid #000; padding-right:460px; height:16px; margin-bottom:10px; }
#news h6 span { display:block; color:#fff; background:#E95C2A; width:60px; font-size:14px; text-transform:uppercase; font-weight:normal; padding:2px 10px 1px; font-style:italic; line-height:1.0em; }

#news .week h6 span { width:170px; }
#news .month h6 span { width:120px; }
#news .favorite h6 span { width:100px; }
#news .newtalent h6 span { width:130px; }

#news h4 { font-size:20px; font-weight:normal; line-height:1.2em;  }
#news h4 a { color:#000; text-decoration:none; }
#news h4 a:hover { text-decoration:underline; }
#news h5 { font-size:18px; font-weight:normal; line-height:1.2em; color:#E95C2A; }
#news p { color:#666; line-height:1.3em; margin:2px 0; }
#news img { border:1px solid #000; }
#news .plus { font-size:12px; color:#E95C2A; text-decoration:none; font-style:italic; margin:15px 0; text-transform:uppercase; display:block; }
#news .plus:hover { text-decoration:underline; }

/* Next */
#next { margin-bottom:30px; }
#next h2 { background:#000 url(../images/sunset/next_h2.gif) 0 0 no-repeat; width:96px; height:20px; font-size:20px; text-transform:uppercase; text-align:left; font-weight:normal; color:#fff; line-height:1.1em; padding:4px }
#next #slider-wrapper { background:#000; width:630px; height:320px; color:#fff; padding:35px 35px 15px 35px; position:relative; }
#next #slider { width:630px; height:320px; position:relative; overflow:hidden; }

#next .browse { position:absolute; display:block; width:16px; height:34px; cursor:pointer; }
#next .left { top:65px; left:10px; background:url(../images/sunset/prev.gif) 0 0 no-repeat; }
#next .right { top:65px; right:10px; background:url(../images/sunset/next.gif) 0 0 no-repeat; }
#next .disabled { visibility:hidden !important; }


#next #items { width:20000em; position:absolute; }

#next .group { float:left; }
#next .item { float:left; width:150px; margin-right:15px; }
#next .img { margin-bottom:5px; }
#next .txt {  }
#next p { color:#E95C2A; font-weight:bold; margin-bottom:3px; }
#next h4, #next h5 { font-size:13px; }
#next .plus { font-size:12px; color:#E95C2A; text-decoration:none; font-style:italic; margin-top:10px; text-transform:uppercase; display:block; }
#next .plus:hover { text-decoration:underline; }


/* liste concerts + bon plans */
#onglet_mois { margin:20px 0; height:25px; }
#onglet_mois li { float:left; margin-right:15px;  }
#onglet_mois a { display:block; color:#000; font-size:14px; text-transform:uppercase; width:115px; height:15px; text-decoration:none; padding:5px; background:#CCC; line-height:1.1em; }
#onglet_mois a:hover, #onglet_mois .active { color:#fff; background:#E95C2A; }

#filtre { clear:both; margin:0px 0 30px 0; background:url(../images/sunset/puce.gif) 0 7px no-repeat; font-size:12px; padding-left:15px;  }
#filtre select { margin-left:15px; border:1px solid #CCC; font-size:12px; width:210px; }

#sousmenu { margin:30px 0; height:20px; }
#sousmenu li { float:left; margin:0 15px 15px 0; position:relative; height:17px }
#sousmenu li div { width:10px; margin:3px 0 0 10px; font-size:20px; color:#09C; }
#sousmenu a { display:block; color:#fff; background:#E95C2A; width:180px; padding:2px 5px; text-decoration:none; }
#sousmenu a:hover,
#sousmenu .active { background:#09C; }

#liste_concert #filtre { display:none; }

#liste_concert { margin-bottom:30px; }
#liste_concert h1 {}
#liste_concert .item { margin:0 0 40px 0; }
#liste_concert .img { width:150px; height:150px; display:block; float:left; padding-top:0px; }
#liste_concert .txt { width:540px; float:left; }
#liste_concert h6 { width:540px; border-bottom:1px solid #000; margin-bottom:10px; height:17px; }
#liste_concert h6 span { display:block; font-size:14px; text-transform:uppercase; font-weight:normal; padding:2px 10px 0 10px; float:left; line-height:1.1em; }
#liste_concert h6 .date { color:#fff; background:#000; padding-right:20px; }
#liste_concert h6 .offre { color:#fff; background:#09C; font-size:12px; line-height:15px; }
#liste_concert h6 .prix { font-size:14px; }
#liste_concert h6 .old { text-decoration:line-through; }
#liste_concert h6 .new { font-weight:bold; color:#09C; }
#liste_concert h4 { font-size:20px; font-weight:normal; line-height:1.2em; color:#E95C2A; }
#liste_concert h4 a { color:#E95C2A; text-decoration:none; }
#liste_concert h4 a:hover { text-decoration:underline; }
#liste_concert h5 { font-size:18px; font-weight:normal; line-height:1.2em; color:#000; }
#liste_concert p { color:#666; line-height:1.3em; margin:2px 0; }
#liste_concert img { border:1px solid #000; }
#liste_concert .plus { margin:5px 0; }
#liste_concert .plus li { float:left; border-right:1px solid #000; text-transform:uppercase; padding:0 7px; }
#liste_concert .plus a { font-size:12px; color:#E95C2A; text-decoration:none;  }
#liste_concert .plus a:hover { text-decoration:underline; }
#liste_concert .plus .salle { padding-left:0; }
#liste_concert .plus .info {}
#liste_concert .plus .reserver { border-right:none!important; }
#liste_concert .plus .reserver input { border:none; background:#fff; cursor:pointer; font-size:12px; color:#E95C2A; padding:0; text-transform:uppercase; }
#liste_concert .plus .quota { border-left:1px solid #000; border-right:none!important; color:#F00; }
#liste_concert .aime { float:right; border:none; width:40px; height:40px; margin:-10px 10px 0 0; cursor:pointer; }
#liste_concert .tooltip { background-color:#fff; background-position:5px 5px; background-repeat:no-repeat; width:130px; height:80px; padding:5px; display:none; z-index:999; }
#liste_concert .tooltip p { font-weight:bold; color:#e95b2b; padding:0 0 0 70px; line-height:60px; font-size:16px; }
#liste_concert .tooltip a { color:#09c; font-size:12px; }

/* fiche concert */

#fiche_concert { position:relative; margin:30px 0; }
#fiche_concert h1 {}

#fiche_concert .nav { display:block; width:130px; text-decoration:none; color:#E95B2A; font-size:13px; position:absolute; top:10px; }
#fiche_concert .nav:hover { text-decoration:underline; }
#fiche_concert .prev { left:400px; }
#fiche_concert .next { left:550px; }
#fiche_concert .img { width:265px; float:left; padding-top:0px; }
#fiche_concert .img h6 { color:#666; font-size:12px; font-weight:normal; margin-bottom:5px; }
#fiche_concert .img .copyright { font-size:11px; }
#fiche_concert .ecoute { margin:20px 0; }
#fiche_concert .ecoute .play { color:#E95C2A; font-size:12px; text-decoration:none; padding:4px 0 0 34px; background:url(../images/sunset/listen.gif) 0 0 no-repeat; height:20px; display:block;  }
#fiche_concert .partenaire { margin:20px 0; }
#fiche_concert .partenaire img { margin-right:4px; width:50px; height:50px; }

#fiche_concert .txt { width:425px; float:left; }
#fiche_concert h4, #fiche_concert h5 { font-size:20px; font-weight:normal; line-height:1.2em; }
#fiche_concert h5 { color:#09C; }
#fiche_concert h6 { font-size:15px; font-weight:normal; line-height:1.2em; margin: 10px 0; }
#fiche_concert .lineup { color:#E95B2A; margin:5px 0 10px 0; }
#fiche_concert .description { margin:0; line-height:18px; }
#fiche_concert .description p { margin:0 0 18px 0; }

#fiche_concert .divgrow-showmore { color:#E9592A; font-weight:bold; text-decoration:none; cursor:pointer; }
#fiche_concert .divgrow-showmore:hover { text-decoration:underline; }

#fiche_concert .social { margin:30px 0 20px 0; height:32px; }
#fiche_concert .social a { display:block; width:32px; height:32px; float:left; margin-right:6px; }
#fiche_concert .social .website { background:url(../images/sunset/web.png) 0 0 no-repeat; }
#fiche_concert .social .facebook { background:url(../images/sunset/facebook.png) 0 0 no-repeat; }
#fiche_concert .social .twitter { background:url(../images/sunset/twitter.png) 0 0 no-repeat; }
#fiche_concert .social .myspace { background:url(../images/sunset/myspace.png) 0 0 no-repeat; }
#fiche_concert .social .alert { background:url(../images/sunset/alert.png) 0 0 no-repeat; cursor:pointer; }
#fiche_concert #commander {}
#fiche_concert #commander h6 { font-size:13px; color:#fff; font-weight:normal; background:#E95B2A; padding:2px 5px; line-height:1.1em; }
#fiche_concert #commander li { position:relative; padding:15px 30px 15px 0; background:url(../images/sunset/commander_li.gif) center bottom no-repeat; }
#fiche_concert #commander li input { position:absolute; right:10px; top:18px; }
#fiche_concert #commander .date { text-transform:uppercase; }
#fiche_concert #commander .heure { text-transform:uppercase; }
#fiche_concert #commander .salle {}
#fiche_concert #commander .offre { color:#09C; }
#fiche_concert #commander .quota { color:#f00; }
#fiche_concert #commander .titre { font-style:italic; }
#fiche_concert #commander .prix { font-weight:bold; color:#E9592A; padding:0 5px; }
#fiche_concert #commander .old { text-decoration:line-through; }
#fiche_concert #commander .new { color:#09C; }
#fiche_concert #commander p { width:400px; }
#fiche_concert #commander strong { color:#E95A2A; font-weight:bold; }

#fiche_concert #commander .last { padding:10px; background:#0099cb; color:#fff; }
#fiche_concert #commander .last strong { color:#fff; }
#fiche_concert #commander .last img { float:left; margin-right:10px; }
#fiche_concert #commander .last .exclu { margin:0 0 10px 0; }
#fiche_concert #commander .last .prix { font-weight:bold; color:#000; margin:10px 0; }
#fiche_concert #commander .last .disc { margin:20px 0 0 0; }
#fiche_concert #commander .last input { top:80px; }

#fiche_concert #commander .boutons { margin:10px 0; }
#fiche_concert #commander #retour { display:block; background:#000; width:210px; color:#fff; text-decoration:none; text-transform:uppercase;text-align:center; float:left; margin-right:1px; height:20px; line-height:1.5em; }
#fiche_concert #commander #commander { background:#E95C2A; width:210px; color:#fff; text-transform:uppercase;text-align:center; border:none; float:left; cursor:pointer; height:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:2px; }
#fiche_concert .info { margin:10px 0; font-style:italic; }

#fiche_concert .fb-like { margin:10px 0; }
#fiche_concert .qobuz { margin:10px 0; }
#fiche_concert .youtube { margin:10px 0; }

#fiche_concert .aime { margin:10px 0; }
#fiche_concert .aime img { width:40px; height:40px; margin:0; cursor:pointer; }

#fiche_concert .price-select { margin: 5px 0; }
#fiche_concert .info-tarif { display: inline-block; width: 16px; height: 16px; background: url(../images/icons/information.png) 0 0 no-repeat; vertical-align: middle;}


#partnertip { background-color:#fff; background-position:5px 5px; background-repeat:no-repeat; width:130px; height:80px; padding:5px; display:none; z-index:999; }
#partnertip p { font-weight:bold; color:#e95b2b; padding:0 0 0 70px; line-height:60px; font-size:16px; }
#partnertip a { color:#09c; font-size:12px; }

#socialtip { background:#E95C2A url(../images/sunset/tooltip_alert.png) 10px 10px no-repeat; padding:5px 10px 5px 75px; width:200px;  display:none; position:relative; }
#socialtip p { color:#fff; margin:0 0 3px 0; line-height:1.2em; font-weight:normal; }
#socialtip .plus { font-size:12px; color:#0A0A0A; text-decoration:none; font-style:italic; text-transform:uppercase; display:block; background:#fff; padding:0 2px; position:absolute; bottom:5px; left:75px; width:100px; }


/* Panier */

#panier { margin:30px 0; }
#panier h1 {}
#panier h3 { color:#fff; text-transform:uppercase; font-size:13px; font-weight:normal; padding:0 5px; width:180px; background:#E95B2A; margin:15px 0 10px 0; }

#panier select { font-size:12px; border:1px solid #999; }

#panier table { background:#EDEDED; width:700px; }
#panier .b-top { border-top:6px solid #EDEDED; }
#panier .b-bottom { border-bottom:6px solid #EDEDED; }
#panier .b-left { border-left:6px solid #EDEDED; }
#panier .b-right { border-right:6px solid #EDEDED; }
#panier tr { background:#fff; }
#panier th { text-transform:uppercase; font-weight:bold; font-size:12px; padding:5px; text-align:center; }
#panier td { vertical-align:top; padding:5px; text-align:center; }

#panier .concert { width:200px; }
#panier .article { width:350px; }
#panier .date { width:100px; }
#panier .heure { width:60px; }
#panier .lieu { width:100px; }
#panier .qte {}
#panier .promo {}
#panier  .offre { color:#09C; font-size:12px; }

#panier .prix { width:40px;}

#panier th.concert { text-align:left; }
#panier th.article { text-align:left; }

#panier td.concert { text-align:left; }
#panier td.article { text-align:left; }
#panier td.article img { float:left; margin:0 10px 0 0; }
#panier td.date { color:#E95A2A; text-transform:uppercase; }
#panier td.heure { text-transform:uppercase; }
#panier td.lieu { color:#E95A2A; text-transform:uppercase; }
#panier td.qte {}
#panier td.qte select { width:40px; }
#panier td.promo { color:#09C; font-weight:bold; }
#panier td.prix { color:#E9592A; font-weight:bold; }
#panier td .old { display:block; text-decoration:line-through; }
#panier td .new { display:block; color:#09C; }
#panier td.action { text-align:right; }
#panier td.soustotal { text-align:left; font-size:12px; font-weight:bold; padding:10px 5px 10px 440px;  }
#panier td.soustotal div { position:relative; }
#panier td.soustotal input { width:80px; border:1px solid #999; font-size:12px; font-weight:bold; color:#E9592A; padding:0 5px; text-align:right; position:absolute; right:0; top:0; }


#panier .supprimer { text-transform:uppercase; font-size:10px; color:#999; text-decoration:none; background:url(../images/sunset/supprimer_a.gif) 0 0 no-repeat; padding:0px; height:19px; width:100px; border:none; cursor:pointer;  }

#panier td.livraison { text-align:left; font-size:12px; font-weight:bold; padding:10px 5px 20px 440px;  }
#panier td.livraison div { position:relative; }
#panier td.livraison select { position:absolute; right:0; top:0; }

#panier td.codepromo { text-align:left; }
#panier td.codepromo .field { width:150px; border:1px solid #999; font-size:12px; color:#000; padding:1px; }
#panier td.codepromo .button { border:none; background:#000; font-size:12px; font-weight:bold; color:#fff; padding:1px 2px; text-align:center; text-transform:uppercase; cursor:pointer; line-height:1.2em }

#panier td.total { text-align:left; font-size:12px; font-weight:bold; padding:10px 5px 10px 400px; background: url(../images/sunset/commander_li.gif) right top no-repeat;  }
#panier td.total div { position:relative; }
#panier td.total input { width:80px; border:1px solid #E9592A; background:#E9592A; font-size:12px; font-weight:bold; color:#fff; padding:0 5px; text-align:right; position:absolute; right:0; top:0; }

#panier td.boutons { text-align:left; padding:20px 5px 0 274px;  }
#panier .boutons #retour { display:block; background:#000; width:210px; color:#fff; text-decoration:none; text-transform:uppercase;text-align:center; float:left; margin-right:1px; height:20px; line-height:1.5em; }
#panier .boutons #commander { background:#E95C2A; width:210px; color:#fff; text-transform:uppercase;text-align:center; border:none; float:left; cursor:pointer; height:20px; }

#panier .infotarifs { display: inline-block; margin-left: 10px; background: #009de0; color: #fff; font-weight: bold; text-transform: uppercase; padding: 2px 5px;  text-decoration: none; }

#popupinfotarifs { text-align: left; padding: 15px; width: 420px; }
#popupinfotarifs h3 { padding: 0 0 15px 60px; margin-bottom: 15px; background: url(../images/sunset/infos-02.png) 0 0 no-repeat; line-height: 50px; text-transform: uppercase; font-size: 40px; border-bottom: 1px solid #999; color: #333; }
#popupinfotarifs h4 { font-size: 30px; }
#popupinfotarifs p { margin: 10px 0; font-size: 16px; }
#popupinfotarifs p strong { color: #E95B2A; }

/* Indentification */

#identification { margin:30px 0; }
#identification h1 {}
#identification h3 { color:#fff; text-transform:uppercase; font-size:13px; font-weight:normal; padding:0 5px; width:240px; background:#E95B2A; margin:30px 0 10px 0; }

#identification table { width:700px; border:6px solid #EDEDED; }
#identification td { padding:10px 5px; vertical-align:top; }
#identification .label { padding-left:50px; width:190px; }
#identification .required { color:#666; font-size:10px; }

#identification select { padding:3px; font-size:12px; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #8E8E8E; border-right:1px solid #C2C2C2; border-bottom:1px solid #E2E2E2; border-left:1px solid #C2C2C2;  }
#identification .select1 { width:130px; }
#identification .select2 { width:254px; }
#identification .submit { background:#09C; width:254px; color:#fff; text-transform:uppercase; text-align:center; border:none; cursor:pointer; padding:1px; }
#identification .checkbox { position:relative; padding-left:20px; width:230px; }
#identification .checkbox input { position:absolute; top:5px; left:0; }
#identification .checkbox a { color:#E95A2A; font-weight:bold; text-decoration:none; }
#identification .checkbox a:hover { text-decoration:underline; }

#identification #formlogin a { color:#09C; fon-size:12px; text-decoration:none; }
#identification #formlogin a:hover { text-decoration:underline; }

#identification #formsubscribe {}

#display_cgv { text-align:left!important; width:700px!important; padding:20px; }
#display_cgv p { margin:10px 0; }

/* Indentification */

#compte { margin:30px 0; }
#compte h1 {}
#compte h3 { color:#fff; text-transform:uppercase; font-size:13px; font-weight:normal; padding:0 5px; width:240px; background:#E95B2A; margin:30px 0 10px 0; }

#compte table { width:700px; border:6px solid #EDEDED; }
#compte th { padding:10px; vertical-align:top; font-weight:normal; background:url(../images/sunset/moncompte_th.gif) 630px 10px no-repeat; border-bottom:6px solid #EDEDED; text-align:left; }
#compte th span { color:#09C; }
#compte td { padding:10px 5px; vertical-align:top; }
#compte .label { padding-left:50px; width:190px; }
#compte .required { color:#666; font-size:10px; }

#compte select { padding:3px; font-size:12px; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #8E8E8E; border-right:1px solid #C2C2C2; border-bottom:1px solid #E2E2E2; border-left:1px solid #C2C2C2;  }
#compte .select1 { width:130px; }
#compte .select2 { width:254px; }
#compte .submit { background:#09C; width:254px; color:#fff; text-transform:uppercase; text-align:center; border:none; cursor:pointer; padding:1px; }
#compte .checkbox { position:relative; padding-left:20px; width:230px; }
#compte .checkbox input { position:absolute; top:5px; left:0; }
#compte .checkbox a { color:#E95A2A; font-weight:bold; text-decoration:none; }
#compte .checkbox a:hover { text-decoration:underline; }

#compte #sousmenu a { text-transform:uppercase; width:120px; }


#compte #order { width:700px; border:none; }
#compte #order .b-top { border-top:6px solid #EDEDED; }
#compte #order .b-bottom { border-bottom:6px solid #EDEDED; }
#compte #order .b-left { border-left:6px solid #EDEDED; }
#compte #order .b-right { border-right:6px solid #EDEDED; }
#compte #order tr { background:#fff; }
#compte #order th { text-transform:uppercase; font-weight:bold; font-size:12px; padding:5px; text-align:center; }
#compte #order td { vertical-align:top; padding:5px; text-align:center; }
#compte #order .download { display:block; width:40px; height:40px; background:url(../images/sunset/pdf_dl.gif) 0 0 no-repeat; margin:0 auto; }

#compte #order .date { color:#E95B2A; text-transform:uppercase; width:180px; }
#compte #order .concert { width:320px; text-align:left; }
#compte #order .discount { color:#09C; }
#compte #order .eticket { background:url(../images/sunset/eticket.gif) 0 3px no-repeat; padding-left:25px; margin-top:10px; font-size:11px;}
#compte #order .eticket strong { color:#E95B2A; }

#compte #commander { background:#E95C2A; width:210px; color:#fff; text-transform:uppercase;text-align:center; border:none; float:left; cursor:pointer; height:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:2px; }

#compte #adhesion {}
#compte #adhesion li { margin:5px 0; padding:0 0 0 15px; background:url(../images/sunset/puce.png) 0 5px no-repeat; }

#compte #adhesion .cadre { padding:15px; border:6px solid #ededed; width:600px; margin:20px 0; }
#compte #adhesion .cadre li { margin:5px 0; padding:0 0 0 15px; background:url(../images/sunset/puce.gif) 0 5px no-repeat; }


/* shop */

#shop{ margin:30px 0; }
#shop h1 { margin:20px 0 10px 0; }

#shop #sousmenu li { margin:0 15px 15px 0; }
#shop #sousmenu a { text-transform:uppercase; width:150px; }

#shop #filtre { float:left; width:300px; }

#liste_shop {}
#liste_shop .item { float:left; width:166px; height:265px; position:relative; padding-top:15px; margin:0 12px 30px 0; }
#liste_shop .item .content { border:1px solid #EDEDED; position:relative; padding:7px; width:150px; height:260px; text-align:center; }
#liste_shop .item h3 { font-weight:normal; font-size:13px; color:#fff; text-transform:uppercase; background:#09C; position:absolute; top:0; left:0; height:15px; width:100%;  text-align:center; line-height:1.2em; }
#liste_shop .item img { width:150px; }
#liste_shop .item h4 { font-weight:bold; font-size:13px; text-transform:uppercase; }
#liste_shop .item h5 { font-weight:normal; font-size:13px; color:#E95A2A; }
#liste_shop .item .price {}
#liste_shop .item .old { text-decoration:line-through; }
#liste_shop .item .new { color:#09C; font-weight:bold; }

#liste_shop .item .addcart { background:#E95C2A; color:#fff; font-size:10px; width:70px; text-align:center; cursor:pointer; border:none; position:absolute; bottom:7px; left:7px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; height:16px; padding-bottom:3px; }
#liste_shop .item .goitem { background:#E95C2A; color:#fff; font-size:10px; width:70px; text-align:center; display:block; text-decoration:none; position:absolute; bottom:7px; right:7px; height:16px; line-height:1.4em; }
#liste_shop .item .goitem:hover { background:#09C; }

#page_navigation { float:right; width:270px; text-align:right; margin:0 25px 0 0; }
#page_navigation a {
	display:block;
	padding: 3px 6px;
	margin:2px;
	color:#000;
	text-decoration:none;
	float: left;
	font-size: 12px;
	background-color:#fff;
	border:1px solid #CCC;
}
.active_page{
	background-color:#E95C2A!important;
	color:#fff!important;
}


#fiche_shop .img { width:265px; float:left; padding-top:0px; }
#fiche_shop .txt { width:425px; float:left; }
#fiche_shop h4 { font-size:20px; font-weight:normal; line-height:1.2em; }
#fiche_shop h5 { font-size:20px; font-weight:normal; line-height:1.2em; color:#E95A2A; }
#fiche_shop .label { color:#09C; }
#fiche_shop .description { margin:10px 0; }
#fiche_shop .description p { margin:10px 0; }
#fiche_shop .option { margin:10px 0; }
#fiche_shop .option select { font-size:12px; border:1px solid #999; width:50px; }
#fiche_shop .option p { font-weight:bold; }

#fiche_shop .blocprix { margin:20px 0;  }
#fiche_shop .promo { font-weight:normal; font-size:13px; color:#fff; text-transform:uppercase; background:#09C; height:15px; width:165px; text-align:center; line-height:1.2em; }
#fiche_shop .prix { font-size:20px; color:#E95C2A; }
#fiche_shop .old { text-decoration:line-through; }
#fiche_shop .new { color:#09C; }

#fiche_shop .ecoute h6 { color:#666; font-size:12px; font-weight:normal; margin-bottom:5px; }
#fiche_shop .ecoute { margin:20px 0; }
#fiche_shop .ecoute .play { color:#E95C2A; font-size:12px; text-decoration:none; padding:4px 0 0 34px; background:url(../images/sunset/listen.gif) 0 0 no-repeat; height:20px; display:block;  }

#fiche_shop #commander .boutons {}
#fiche_shop #commander #retour { display:block; background:#000; width:210px; color:#fff; text-decoration:none; text-transform:uppercase;text-align:center; float:left; margin-right:1px; height:20px; line-height:1.5em; }
#fiche_shop #commander #commander { background:#E95C2A; width:210px; color:#fff; text-transform:uppercase;text-align:center; border:none; float:left; cursor:pointer; height:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:2px; }

/* Pages club */

#club { margin:30px 0; }
#club h1 {}

#club #sousmenu li { margin:0 15px 15px 0; }
#club #sousmenu a { width:90px; }
#club #sousmenu .large { width:110px; }

#club #wysiwyg { width:700px; }
#club #wysiwyg p { margin:10px 0; }

#club address { font-style:normal; font-size:13px; margin:20px 0; }
#club #transport { float:right; margin:25px 25px 20px 0; }
#club #transport td { vertical-align:top; font-weight:bold; padding:0 20px 20px 0; }

#club #parking { clear:both; width:500px; }
#club #parking h6 { font-size:13px; font-weight:bold; margin-bottom:5px; }
#club #parking p { background:url(../images/sunset/logo-indigo.png) 0 0 no-repeat; background-size: 300px auto; padding-top:110px; }
#club #parking span { color:#09C; }

#club #equipe { width:700px; border:6px solid #EDEDED; }
#club #equipe td { padding:10px; vertical-align:top; }
#club #equipe h5 { font-size:13px; font-weight:bold; text-transform:uppercase; color:#E95B2A; }
#club #equipe p { color:#09C; }
#club #equipe .phone { background: url(../images/sunset/phone.gif) 0 0 no-repeat; color:#09C; padding:3px 0 0 40px; font-weight:bold; height:17px; }

#club #galerie { width:700px; }
#club #galerie td { padding:10px; width:25%; text-align:center; }

#club #dedicace { width:700px; }
#club #dedicace td { padding:20px 10px; width:25%;  }

#club #formcontact table { width:700px; border:6px solid #EDEDED; }
#club #formcontact th { padding:10px; vertical-align:top; font-weight:normal; background:url(../images/sunset/contact_th.gif) 630px 10px no-repeat; border-bottom:6px solid #EDEDED; text-align:left; }
#club #formcontact th span { color:#09C; }
#club #formcontact td { padding:10px 5px; vertical-align:top; }
#club #formcontact .label { padding-left:50px; width:190px; }
#club #formcontact .required { color:#666; font-size:10px; }

#subscribe ul { margin:0; }
#subscribe li { margin:5px 0; padding:0 0 0 15px; background:url(../images/sunset/puce.png) 0 5px no-repeat; font-size:16px;}
#subscribe p { font-size:20px; }


.field { width:250px; padding:1px; border-top:1px solid #8E8E8E; border-right:1px solid #C2C2C2; border-bottom:1px solid #E2E2E2; border-left:1px solid #C2C2C2; }
.fielderror { width:250px; padding:1px; border-top:1px solid #8E8E8E; border-right:1px solid #C2C2C2; border-bottom:1px solid #E2E2E2; border-left:1px solid #C2C2C2; background:#FFC; }
select.fielderror { background:#FFC; }

#club #formcontact select { padding:3px; font-size:12px; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #8E8E8E; border-right:1px solid #C2C2C2; border-bottom:1px solid #E2E2E2; border-left:1px solid #C2C2C2;  }
#club #formcontact .select { width:254px; }
#club #formcontact .submit { background:#09C; width:254px; color:#fff; text-transform:uppercase; text-align:center; border:none; cursor:pointer; padding:1px; }
#club #formcontact .cnil { font-size:10px; width:250px; margin:10px 0 0 0; }
#club #formcontact .captcha { width:80px; margin:15px 0 0 10px; }
#club #formcontact .captcha span { padding:3px; border:1px dashed #F00; color:#F00; }

/* TinyMCE specific rules */
body.mceContentBody {
   padding:20px;
   text-align:left;
   width:700px;
}
.mceContentBody ul { margin:0; }
.mceContentBody li { margin:5px 0; padding:0 0 0 15px; background:url(../images/sunset/puce.png) 0 5px no-repeat; }

/* Messages d'alerte */
#page #content .warning {
	width:676px;
	color: #000;
	background-color: #FF9;
	padding: 10px;
	border: 2px dashed #FC0;
	margin:10px 0;
}
#page #content .ok {
	width:676px;
	color: #000;
	background-color: #6F6;
	text-align: left;
	padding: 10px;
	border: 2px dashed #3C0;
	margin:10px 0;
}
#page #content .err {
	width:676px;
	color: #000;
	background-color: #F99;
	text-align: left;
	padding: 10px;
	border: 2px dashed #F00;
	margin:10px 0;
}

/* error message jquery */
.error {
	height:15px;
	background-color:#FFFE36;
	font-size:11px;
	border:1px solid #E1E16D;
	padding:4px 10px;
	color:#000;
	display:none;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}

.error p {
	margin:0;
}

.error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#FFFE36 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-17px;
	left:30px;
}


#redirect {  text-align:center; padding:30px 0;
background-image: -moz-linear-gradient(top, #fff, #ccc);
background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0, #fff), color-stop(1, #ccc));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#ccc')";
}
#redirect h3 { color:#444!important; font-size:40px; font-family: Arial, Helvetica, sans-serif; width:300px; margin:0 auto; }
#redirect button { width:60%; margin:30px 0; padding:15px; font-size:36px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; border:1px solid #CCC; -moz-border-radius: .6em; -webkit-border-radius: .6em;	border-radius: .6em; }
#redirect button.mobile { color:#fff; background-color: #E95C2A; }
#redirect button.classic { color:#fff; background-color: #09c; }

/* Preview Newsletter */

#preview {}
#preview h1 { font-weight: bold; margin: 0 0 15px 0; font-size: 20px; color: #e95c2a; text-align: left; text-transform: uppercase; background: none; width:auto; height: auto; padding: 0; line-height: 1.3; }
#preview h2 { font-weight: bold; margin: 0 0 10px 0; font-size: 18px; color: #000000; text-align: left; text-transform: uppercase; background: none; }
#preview h3 { color: #e95c2a; font-weight: bold; font-size: 17px; margin: 0 0 5px 0; text-decoration: none; font-family: "Arial Black", Arial, Helvetica, sans-serif; background: none; }
#preview h4 { color: #000000; font-weight: bold; font-size: 16px; text-transform: uppercase; margin: 0 0 5px 0; text-decoration: none; background: none; }

.payzenlogo { width: 100px; vertical-align: middle; }
.paysubmit { background:#09C; width:254px; color:#fff; text-transform:uppercase; text-align:center; border:none; cursor:pointer; padding:5px; font-size: 16px; }

#openpopup { display: none; }

#covidpopup { max-width: 640px; }
#covidpopup .line1 { background: #030a27; }
#covidpopup .line1 img { width: 100%; height: auto; }
#covidpopup .line3 { text-align: left; padding: 15px; }
#covidpopup .line3 h3 { color: #030a27; font-size: 24px; font-weight: 400; }
#covidpopup .line3 p { color: #030a27; font-size: 18px; line-height: 24px; margin-bottom: 15px; }

@media only screen and (max-width:800px){

/* Header */
#header-wrapper { height:auto; }
#header { margin:0 auto; width:100%; }
#header #logo { left:20px; }
#header #social { left:160px; }

#header #newsletter { right:10px; }
#header input { border:none; background:#333; color:#fff; }
#header #email { width:141px; }

#header #pub-wrapper { width:75%; height:auto; right:10px; }
#header #pub { width:100%; height:auto; }
#header #pub #tabs { top:5px; right:5px; }
#header #banners { width:100%; height:auto; }
#header #banners div { position:absolute; display:none; }
#header #banners div img { width:100%; height:auto; }

#header #base { width:100%; height:30px; position:absolute; left:0; bottom:0; }
#header #base li { padding:5px 1% 0; }
#header #base li:nth-child(1) { width:32%!important;  }
#header #base li:nth-child(2) { width:30%!important;  }
#header #base li:nth-child(3) { width:3%!important;  }
#header #base li:nth-child(4) { width:27%!important;  }
#header #keyword { width:121px; }


/* Menu */
.sticky-wrapper { display:block; }
#bouton_nav {background: #e95c2a; cursor:pointer; width:100%; height:45px; line-height:45px; display:block; color:#fff; font-size:22px; position:relative; text-transform:uppercase; text-align:center; display:block; z-index:999; }
#bouton_nav span { display:inline-block; margin:0 auto; }
#bouton_nav span:before { display:block; width:26px; height:24px; background:url(../images/sunset/bg_btn_nav.png) 0 0 no-repeat; content:""; float:left; margin:10px 10px 0 0; }

#menu-wrapper { width:100%; height:auto; background:#000; }

#menu { width:100%; height:auto; text-align:center; }
#menu #mainmenu { display:none; height:auto; text-align:center; background:#000; padding:5px 0; }
#menu #mainmenu li { float:none; margin:10px auto; width:96%; background: }
#menu #mainmenu a { display:block; text-transform:uppercase; text-decoration:none; color:#fff; border:none; font-size:16px; font-weight:bold; padding: 7px 0; background:#222; }
#menu #mainmenu a:hover, #menu #mainmenu .active { color:#fff; background:#333; }

#menu #user { position:relative; width:40%; margin:0; display:block; height:auto; float:right; }
#menu #user li { float:left; margin:10px 0; padding: 1px 5%; }
#menu #user a { display:block; text-transform:uppercase; text-decoration:none; color:#E95C2A; font-size:11px; float:left; }
#menu #user a:hover { text-decoration:underline; }
#menu #user #gocart { border-right:1px solid #E95C2A; }
#menu #user #gocart span { color:#fff; }

#page { width:100%; }
/*
#page #content { width:68%;  }
#page #tools { width:32%; }
*/
#page #content { width:100%;  }
#page #tools { display:none; }

#footer-wrapper { height:auto; }
#footer { width:100%; height:auto; }
#footer #col-1 { width:46%; padding:0 2%; margin-bottom:40px; }
#footer #col-2 { width:46%; padding:0 2%; margin-bottom:40px; }
#footer #col-3 { width:46%; padding:0 2%; margin-bottom:40px; }
#footer #email { width:141px; font-size:10px; padding:2px; }

#tonight ul { width:95%; margin-left:5%; }

#news { padding:0 1%; }
#news h6 { padding-right:80%; }

#news .img { width:20%; margin-right:5%; }
#news .txt { width:75%; }

#tools #agenda #minical table { width:100%; }

#breadcrumb { width:96%; margin:10px 2%; display:none; }

#onglet_mois { margin:0; height:auto; background:#e5e5e5; width:98%; padding:10px 1% 0; margin-bottom:20px; }
#onglet_mois li { float:left; margin:0 4% 10px 0; width:16%;  }
#onglet_mois a { display:block; color:#000; font-size:14px; text-transform:uppercase; width:100%; height:15px; text-decoration:none; padding:5px; background:#CCC; line-height:1.1em; }
#onglet_mois a:hover, #onglet_mois .active { color:#fff; background:#E95C2A; }

#liste_concert  { padding:0 1%; }
#liste_concert   h6 { width:100%; height:auto; }
#liste_concert .img  { width:20%; margin-right:5%; }
#liste_concert .img img { width:100%; }

#liste_concert .txt { width:75%; }
#liste_concert #onglet_mois { display:none; }

#fiche_concert  { padding:0 1%; }
#fiche_concert  .nav { position:relative; float:left; top:auto; margin-bottom:15px; }
#fiche_concert  .prev { left:auto; }
#fiche_concert  .next { left:auto; }
#fiche_concert h1 { margin-bottom:10px; }
#fiche_concert .img { width:100%; float:none; }
#fiche_concert .txt { width:100%; float:none; }

#fiche_concert #next { width:100%; }
#next #slider-wrapper { width:86%; padding:35px 7% 15px 7%; height:300px; }
#next #slider { width:100%; height:300px;  }
#next .group { }
#next .item { width:150px; margin-right:10px; }
#next .img img {  }
#next .txt {}

#sousmenu { margin:0; height:auto; background:#e5e5e5; width:96%; padding:15px 2% 5px 2%; margin-bottom:20px; }
#sousmenu li { margin:0 5% 15px 0!important; width:20%; height:auto; }
#sousmenu a { text-transform:uppercase;  background:#999; padding:4px 5px; width:auto; }
#sousmenu li div { display:none!important; }
#sousmenu a:hover,
#sousmenu .active { background:#e95c2a; }

#shop{ margin:0; }
#shop #sousmenu li { margin:0 3% 15px 0!important; width:30%; height:auto; }


#shop #filtre { float:none; width:100%; }
#page_navigation { float:none; width:100%; text-align:left; margin: 0; }

#liste_shop { padding:0 1%; }
#liste_shop .item { width:22%; height:265px; padding-top:15px; margin:0 3% 30px 0; }
#liste_shop .item .content { padding:7px 3%; width:94%; height:260px; }
#liste_shop .item img { width:100%; }

#liste_shop .item .addcart { width:80%; margin:5px auto; position:relative; bottom:auto; left:auto;  }
#liste_shop .item .goitem { width:80%; margin:5px auto; position:relative; bottom:auto; right:auto; }
#liste_shop .item .goitem:hover { }

#fiche_shop { padding:0 1%; margin-bottom:30px; }
#fiche_shop h1 { margin-bottom:30px; }
#fiche_shop .img { width:100%; margin-bottom:20px; float:none; }
#fiche_shop .txt { width:100%; float:none; }

#club { margin:0 0 30px 0; }
#club #wysiwyg { padding:0 1%; width:98%; }
#club #sousmenu li { margin:0 5% 15px 0!important; width:20%; height:auto; }
#club #sousmenu a { width:100%; }

#club #formcontact { padding:0 1%; }

#club #equipe { width:100%; }
#club #galerie { width:100%; }
#club #dedicace { width:100%; }
#club #parking { width:100%; }

#club #formcontact table  { width:100%; }

#panier { width:98%; padding:0 1%; }
#panier table { width:100%; }
#panier td.boutons { padding:20px 5px 0 0; }

#identification table { width:100%; }

#compte { padding:0 1%; }
#compte #order { width:100%; }
#compte table { width:100%; }
#compte #adhesion .cadre { width:85%; padding:15px 5%; }

#subscribe { margin:30px 0; padding:0 1%; }
#cms { margin:30px 0; padding:0 1%; }

#display_cgv { width:480px!important; padding:0; }



}
@media only screen and (max-width:500px){

h1 { width:auto; }

/* Header */
#header-wrapper { background-position:0 bottom; }
#header { margin:0 auto; width:100%; height:auto; }
#header #logo { margin:0 auto; position:relative; left:auto; top:auto; }
#header #social { margin:0 auto; position:relative; left:auto; top:auto; padding:10px 0; width:300px; }

#header #newsletter { display:none; }
#header input { border:none; background:#333; color:#fff; }

#header #pub-wrapper { display:none; }
#header #pub { width:100%; height:auto; }
#header #pub #tabs { top:5px; right:5px; }
#header #banners { width:100%; height:auto; }
#header #banners div { position:absolute; display:none; }
#header #banners div img { width:100%; height:auto; }

#header #base { width:100%; height:30px; position:relative; left:auto; bottom:auto; }
#header #base li { padding:5px 1% 0; display:none; }
#header #base li:nth-child(4) { width:98%!important; display:block;  }

#header #search { text-align:center!important; }
#header #keyword { width:70%; height:20px; line-height:20px; font-size:13px; padding:0 2%; }
#header #ok_search { width:20%; height:20px; font-size:13px; padding:0; margin:0; }



#menu #user { position:relative; width:90%; margin:0 auto; display:block; height:auto; float:right; }
#menu #user li { float:left; margin:10px 0; padding: 1px 5%; }

#menu #user a { font-size:13px; }
#menu #user a:hover {}
#menu #user #gocart { border-right:none; }

#page #tools { display:none; width:94%; padding:0 3%; background:none; }
#page #agenda { background:#000; }
#page #jazzradio { display:none!important; }

#footer { padding-bottom:40px; }
#footer #col-1 { width:96%; padding:0 2%; margin-bottom:0; float:none; }
#footer #col-2 { width:96%; padding:0 2%; margin-bottom:10px; float:none; }
#footer #col-3 { width:96%; padding:0 2%; margin-bottom:0; float:none; }

#footer #formnewsfooter { margin-top:60px; }
#footer #email  { width:70%; height:20px; line-height:20px; font-size:13px; padding:0 2%; }
#footer #ok_newsletter { width:20%; height:20px; font-size:13px; padding:0; margin:0; }

#news .img { width:30%; margin-right:5%; }
#news .img img { width:100%; }
#news .txt { width:65%; }
#news h6 { width:auto; padding-right:0; }

#onglet_mois { }
#onglet_mois li {  }
#onglet_mois a { height:auto; }
#onglet_mois a:hover, #onglet_mois .active { color:#fff; background:#E95C2A; }

#fiche_concert #commander #retour { width:40%; margin-bottom:10px; margin-right:4%; }
#fiche_concert #commander #commander { width:55%; margin-bottom:10px; }

#next { display:none; }

#sousmenu li  { width:auto; }
#sousmenu a { height:auto; width:auto;  font-size:11px;  }

#shop #sousmenu li { margin:0 3% 15px 0!important; width:30%; height:auto; }
#shop #sousmenu a { width:auto; }

#liste_shop { padding:0 1%; }
#liste_shop .item { width:45%; height:295px; padding-top:15px; margin:0 3% 30px 0; }
#liste_shop .item .content { padding:7px 3%; width:94%; height:290px; }

#fiche_shop #commander #retour { width:40%; margin-bottom:10px; margin-right:4%; }
#fiche_shop #commander #commander { width:55%; margin-bottom:10px; }

#club #sousmenu li {  }
#club #sousmenu li { margin:0 3% 15px 0!important; width:22%; height:auto; }
#club #sousmenu a { width:auto; }

#club #galerie img { width:100%; }
#club #dedicace a { font-size:12px; }

#club #partenaire { width:100%; }
#club #partenaire td { padding:10px 2%; width:29%; }
#club #partenaire img { width:80%; height:auto; }
#club #partenaire a { font-size:10px; }

#club #formcontact .field { width:180px; }
#club #formcontact .select { width:184px; }
#club #formcontact .submit { width:184px; }
#club #formcontact .cnil { width:180px; }

#subscribe img { width:100%; height:auto; }
#subscribe li img { width:auto; height:auto; }

#panier table { font-size:10px; }
#panier th { font-size:10px; padding:5px 1%; }
#panier td { padding:5px 1%; }

#panier table .concert { width:18%; }
#panier table .article { width:18%; }
#panier table .article  img { width:25%; }
#panier table .date{ width:13%; }
#panier table .heure{ width:13%; display:none; }
#panier table .lieu{ width:8%; display:none; }
#panier table .qte { width:8%; }
#panier table .promo{ width:8%; }
#panier table .prix { width:8%; }

#panier td.soustotal { padding:5px 1%; }
#panier td.total { padding:5px 1%; }
#panier td.livraison { padding:5px 1%; }


#panier .boutons #retour { width:40%; margin-right:4%; font-size:13px; }
#panier .boutons #commander { width:55%; }

#identification  { padding:0 1%; }
#identification td { padding:5px 5px; }
#identification .label { padding-left:1%; width:170px; }
#identification .field { width:190px; }
#identification .select,
#identification .select2 { width:194px; }
#identification .submit { width:194px; }
#identification .checkbox { width:190px; }

#compte  { padding:0 1%; }
#compte td { padding:5px 5px; }
#compte .label { padding-left:1%; width:170px; }
#compte .field { width:190px; }
#compte .select,
#compte .select2 { width:194px; }
#compte .submit { width:194px; }
#compte .checkbox { width:190px; }

#display_cgv { width:260px!important; padding:0; }

#covidpopup { max-width: 460px; }
#covidpopup .line3 h3 { font-size: 20px; }
#covidpopup .line3 p { font-size: 14px; line-height: 18px; margin-bottom: 15px; }

}