@import "/css/type/futura-condensed.css";
/* ---------------------------------------------------------------------------------------------------

   GLOBAL

--------------------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0;}

body {
	font: 75% Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	margin: 0;
	background-color: #000;
}

/* Links
---------------------------------- */
a {
	color: #383d44;
	text-decoration: underline;
	outline:none;
}
a:hover {
	color:#333;
	text-decoration: none;
}
a img{border:none;}
#content a.fichier{
	background: #e2e2dc url(../images/page.png) no-repeat 5px center;
	padding: 5px 5px 5px 27px;
	display:block;
	border-bottom: 1px solid white;
}
#content a.fichier:hover{
	background: #000 url(../images/page.png) no-repeat 5px center;
	color: white;
}
/* Title */
h1, h2, h3 {
	font-weight: Bold;
	color: #060B19;
}
h2{ color: #060B19; font-size:28px; }
h3 {
	font-size: 20px;
	margin:10px 0;
	color: #535F71;
}
p{ line-height:1.5em; margin-bottom:10px; font-size: 13px; }
#wrap .clear{
	font-size:1px;
	line-height:1px;
	border:none;
	clear:both;
	visibility:hidden;
	background-color:transparent;
	float:none;
	margin:0;
	padding:0;
	width:auto;
}

ul{
	list-style: none;
}
.sous-titre_niv2, #content h2.static {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CA106D;
	background: url(../images/control_play.png) no-repeat left center;
	padding-left: 20px;
	margin:10px 0;
}

#content h3.static{
	font-size:14px;
	margin:10px 0 0 0;
}

img.float-right {
  	margin: 5px 0px 10px 10px;
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	background: #F5F5F5;
	border-left: 3px solid #D4D4D4;
}
acronym {
  cursor: help;
  border-bottom: 1px dashed #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 25px;
   background: #F5F5F5;
	border-left: 3px solid #D4D4D4;
	color: #444;
}
.masque{ display: none; }

/* Table
---------------------------------- */
table {
	border-collapse: collapse;
	margin: 0;
	width: 100%;
}
th {
	background: #e7e6e6 url(../images/button.jpg) repeat-x;
	padding: 15px 12px;
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;
}
td {
	padding: 10px 11px;
	border-bottom: 1px solid #F4F4F4;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;
}
table.barsEnFolies td{
	padding:2px;
	text-align:center;
	font-size:10px;
}
table.barsEnFolies td.barHours{
	background-color:#7F7D68;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}
tr.barDays{
	font-weight:bold;
	color:#FFF;
}
tr.barDays td{
	background-color:#7F7D68;
	font-size:12px;
}
tr.tabLineColor td{background-color:#D6CDBA;}

/* Form element
---------------------------------- */
label {
	display:block;
	font-weight:bold;
	margin:5px 0 0 0;
}
input {
	padding:5px;
	border:1px solid #ccc;
	font: normal 1em Arial, Sans-serif;
	color:#777;
	width: 97%;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Arial, Sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button {
	font: bold 12px Arial, Sans-serif;
	height: 24px;
	margin: 0;
	padding: 2px 3px;
	color: #333;
	background: #e7e6e6 url(../images/button.jpg) repeat-x;
	border: 1px solid #dadada;
}

/* EDITION PROFIL */
.btnSubmit{ width: auto; background-color: #333333; color: #fff; border: 0; font-weight: bold; }
.checkbox{ width: auto; }
.grid_3_5{ width: 190px; margin-left:10px; margin-right:10px; float: left; display: inline; }
.grid_3_5.alpha{ margin-left: 0; }
.grid_3_5.omega{ margin-right: 0; }
.form-bloc{margin-bottom:20px;}
.form-submit{ border-top:1px solid #ccc; padding-top:5px; }
.form-bloc .btnSubmit{ display:block; margin-top:10px; }
.form-photo h3{margin-bottom:5px;}
.form-photo p{ margin-bottom: 0; }
.form-photo span{ display:block; font-weight:bold; margin-bottom:5px; text-decoration: underline; }
.profil-img{margin-bottom:10px;}

/* Search Form
---------------------------------- */
.searchform {
	background-color: transparent;
	border: none;
	margin: 0 5px 0 10px; padding: 5px 0 15px 0;
	width: 190px;
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox {
	width: 100px;
	color: #777;
	height: 18px;
	padding: 2px;
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.searchform input.button {
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}

/* ---------------------------------------------------------------------------------------------------

   BASIC LAYOUT

--------------------------------------------------------------------------------------------------- */
#wrap {	width: 100%; text-align: left; overflow:hidden; }
.festivalOff #wrap{	width: 746px;}
#medias { overflow: hidden; }
#header { background-color:#EEEEEE; position:relative; z-index:10; }
#main-container, #promo { overflow: hidden; padding:20px 0; }
#promo { background-color: #EDEDEF; }
#main-container {background-color:#fff;}
#medias{ background-color: #F6F6F7;}
#top{ position: relative; height: 108px; z-index: 10; }
#footer{ background-color: #000; padding: 15px; overflow: hidden; }

.custom-colo #main-container{background-color:#EDEDF0;}
.custom-colo #medias{background-color:#fff;}

#wrap > div{width:100%;}

/* ---------------------------------------------------------------------------------------------------

   Header

--------------------------------------------------------------------------------------------------- */
/* ------------------------------
	TOP NAV.
------------------------------ */
#top-nav{ text-align:right; height:30px; }
#top-nav ul{
	background-color: #FAFAFA;
	display: inline-block;
	height: 30px;
	margin: 0;
	width: auto;
}
#top-nav ul li{ display: block;	float: left; margin:0; padding-left:0; }
#top-nav ul li{ background: transparent url(/images/interface/sepa_top_nav.gif) no-repeat right top; }
#top-nav ul li a{
	display: block;
	font-size:11px;
	text-transform:uppercase;
	color:#8F8F8F;
	text-align:center;
	padding: 5px 15px 5px 32px;
	text-decoration:none;
	line-height: 20px;
}
#top-nav ul li a:hover{color:#494949;}
#top-nav ul li a.nav-partage{ background: transparent url(/images/interface/ico_partage_off.gif) no-repeat 12px 9px; }
#top-nav ul li a.nav-partage:hover{ background: transparent url(/images/interface/ico_partage_on.gif) no-repeat 12px 9px; }
#top-nav ul li a.nav-radio{ background: transparent url(/images/interface/ico_radio_off.gif) no-repeat 12px 9px; }
#top-nav ul li a.nav-radio:hover{ background: transparent url(/images/interface/ico_radio_on.gif) no-repeat 12px 9px; }
#top-nav ul li a.nav-mesfrancos{ background: transparent url(/images/interface/ico_mesfrancos_off.gif) no-repeat 12px 9px; }
#top-nav ul li a.nav-mesfrancos:hover{ background: transparent url(/images/interface/ico_mesfrancos_on.png) no-repeat 12px 9px; }
#top-nav ul li a.nav-mesfrancos.actif{ background:#009999 url(/images/interface/ico_mesfrancos_on.png) no-repeat 12px 9px; color:#fff; }
#top-nav ul li a.nav-mesfrancos.actif span{
	background:transparent url(/images/interface/bg_mesfrancos_nbr_top.gif) no-repeat left top;
	display:inline-block;
	width:20px;
	height:20px;
	margin-left:5px;
	color:#009999;
	font-weight:bold;
}
#top-nav ul li.no-bg{background:none;}
#top-nav ul li.btn-deco a{ background:#333 none; padding:5px 0; width:30px; height:20px; }
#top-nav ul li.btn-deco a:hover{ background:#B82515 none; }
#top-nav ul li.nav-search{ padding: 5px 8px 0 7px; height: 25px; position: relative; }
#top-nav ul li.nav-search input{
	padding: 3px 6px;
	background: transparent url(/images/interface/icon_recherche.png) no-repeat 3px 3px;
	padding-left: 20px;
	width: 150px;
	font-size: 11px;
	z-index: 100;
	position: relative;
}
#top-nav ul li.nav-search span{
	position: absolute;
	text-transform: uppercase;
	font-size: 11px;
	top:10px;
	left: 28px;
	color: #8F8F8F;
	z-index: 10;
}

/* ------------------------------
	SITE NAV.
------------------------------ */
#site-nav{ position:relative; margin:28px 0 0 0; padding-left:150px; width:810px; }
#site-nav li{margin-right:1px;}
#site-nav li a{
	font-size:14px;
	font-family: Helvetica,"Helvetica Neue",Arial,sans-serif;
	color:"#484848";
}
#site-nav > li > a{ font-size:20px; font-family: "FuturaCondensedLight", Helvetica,"Helvetica Neue",Arial,sans-serif; text-transform: uppercase; }

#site-nav li a:hover{color:#fff}
#site-nav li a.selected{ color:#C9310F; background:#B82515 url(../images/interface/puce_nav.jpg) no-repeat left top; }
#site-nav li.parent-current a, #site-nav li.parent-current > a:hover, #site-nav li.nav-tickets ul a{ color:#fff; background-color:#B82515; }
#site-nav li.parent-current a:hover, #site-nav li.nav-tickets ul a:hover{background-color:#9D1F12;}
#site-nav li.parent-current li.current > a, #site-nav li.nav-tickets.parent-current li.here > a{background-color:#C65144;}
/* TICKETS */
#site-nav li.nav-tickets{ margin-left:60px; float:right; }
#site-nav li.nav-tickets > a{
	display:inline-block;
	padding-left:35px;
	background: transparent url(/images/interface/ico_tickets_off.gif) no-repeat 10px 10px;
	color:#B82515;
}
#site-nav li.nav-tickets > a:hover, #site-nav li.nav-tickets.parent-current > a, #site-nav li.nav-tickets.sfHover a.sf-with-ul{ color:#fff; background:#B82515 url(/images/interface/ico_tickets_on.gif) no-repeat 10px 10px; }
/* ------------------------------
	LOGO
------------------------------ */
#logo{
	position: absolute;
	left: 0;
	top:20px;
	width: 137px;
	height: 141px;
	z-index: 20;
}

/* ------------------------------
	BANNER
------------------------------ */
#banner{ background-color: #000; overflow: hidden; z-index: 5; }
.caption h3{ display: inline-block; color: #fff; font-size: 55px; margin: 0; padding: 0 10px; text-transform: uppercase; background-color: #000; }
.caption p{ display: inline-block; padding: 5px 10px; margin: 1px 0 0 0; background-color: #000; }

.titre-prog-accueil{
	background-color: #DDDDDE;
	position: relative;
	height: 46px;
	text-align: center;
	float: left;
	width: 100%;
	z-index: 1000;
}
.titre-prog-accueil h2{
	text-transform: uppercase;
	font-size: 26px;
	font-weight:normal;
	color: #B82515;
	margin: 13px 0 0 0;
	background: transparent url(/images/interface/ico_eclairs.gif) no-repeat center 4px;
	font-family: "FuturaCondensedMedium", Helvetica,"Helvetica Neue",Arial,sans-serif; text-transform: uppercase;
}
.flecheProgAccueil{
	position: absolute;
	width: 53px;
	height: 30px;
	left: 50%;
	margin-left: -15px;
	top:-30px;
}
.search-line-accueil{
	background-color:#B82515;
	color:#fff;
	height:46px;
	width:100%;
	padding:0;
	float: left;
	text-align: center;
}
.search-line-accueil > div{ overflow: hidden; width: 940px; margin: 0 auto; padding: 9px 10px 0 0; }
.search-line-accueil span, .search-line-accueil input{ float: left; }
.search-line-accueil span{
	background-color:#B82515;
	color:#fff;
	font-size: 22px;
	padding-right: 5px;
	position: relative;
	top:2px;
}
.search-line-accueil input.search-keywords{
	background-color:transparent;
	border:1px solid #E2A7A0;
	width:581px;
	padding:5px;
	margin-right: 6px;
	color: #fff;
	font-size: 14px;
	height: 18px;
}
.search-line-accueil input.submit{
	background-color:#fff;
	color:#B82515;
	width:auto;
	border:0;
	text-transform:uppercase;
	font-weight: bold;
	padding: 0 12px;
	height: 30px
}

/* ------------------------------
	PROG. ACCUEIL (survol)
------------------------------ */
#prog-accueil{ overflow:hidden; color:#fff; border-right:1px solid #4E3E3F; display:none; }
#prog-accueil h3{  font-size:18px; font-family: "FuturaCondensedLight", Helvetica,"Helvetica Neue",Arial,sans-serif; color:#fff; font-weight:normal; text-transform:uppercase; }
#prog-accueil h3 span{ display:block; font-family: "FuturaCondensedMedium", Helvetica,"Helvetica Neue",Arial,sans-serif; font-size:50px; }
#prog-accueil p{line-height:1.6em;}
#prog-accueil a{ color:#fff; font-size:14px; text-decoration:underline; }
#prog-accueil a:hover{text-decoration:none;}
#prog-accueil div{ width:171px; padding:65px 10px 25px 10px; float:left; border-left:1px solid #4E3E3F; height:355px; }

/* ---------------------------------------------------------------------------------------------------

   Main Container

--------------------------------------------------------------------------------------------------- */
/* ------------------------------
	GENERAL
------------------------------ */
#contenu h2{ color:#535F71; font-size:20px;  }

#nav-pages li{ margin-left:10px; border-left:1px solid #E5E5E5; }
#nav-pages li a {
	display:block;
    background-color: transparent;
    color: #7B7979;
    font-size: 15px;
    font-weight: bold;
    height: 27px;
    padding: 6px 0 0 10px;
    text-decoration: none;
    width: 200px;
}
#nav-pages li a:hover {color:#333;}
#nav-pages > li.here, #nav-pages > li.parent-here{
	margin:0;
	padding:0;
	width: 220px;
}
#nav-pages li.here.sub-level-0 > a, #nav-pages li.parent-here.sub-level-0 > a{
	background: url("/images/interface/tab_active_medias.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
	padding-left:20px;
}
#nav-pages li.parent-here.sub-level-0 { border:0; background:transparent url("/images/interface/bg_nav_pages.gif") repeat-y 10px top; }
#nav-pages li.parent-here.sub-level-0 ul{margin-left:10px;}
#nav-pages li.here.sub-level-1 a{color:#B82515;}
#nav-pages li ul{margin-bottom:0;}

.btn-back{
	display:block;
	font-size:13px;
	text-decoration:none;
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	margin:30px 0 0 0;
	padding: 6px 0;
	color:#999;
	text-align:left;
}

ul.indent{ margin:0 0 0 15px; }
ul.indent li{ margin-bottom: 7px; }

/* ------------------------------
	FORMS
------------------------------ */
.champsRequis{color:#B82515;}

/* ------------------------------
	ACCUEIL
------------------------------ */
.page-accueil #contenu h2{ font-size:30px; color:#000; }
#main-container.page-accueuil{background:#EDEDEF;}

#tab-medias{ overflow: hidden; padding: 0; }
#tab-galeries ul li{ margin: 0 0 10px 0; float: left; width: 195px; }
#tab-galeries ul li.margin-right{ margin: 0 10px 0 0; }
#medias .container_16{ padding: 20px 0;  overflow: hidden; background:transparent url(/images/interface/tab_vertical_filet.gif) no-repeat 260px 74px; }

/* News */
#mod-news{ position: relative; overflow: hidden; }
#mod-news h3{ color: #151515; margin: 4px 0 10px 0; padding: 0; }
#mod-news p.date-news{ color: #B72615; font-size: 14px; font-weight: bold; margin: 0; padding: 0; }
#mod-news .btn-read-more, #mod-twitter .btn-read-more{ display: block; background: transparent url(/images/interface/fleche_suite.png) no-repeat left 1px; padding-left: 20px; }
ul#slides-news {
    height: auto;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.btn-rss{
    display: block;
    height: 16px;
    left: 96px;
    padding: 0;
    position: absolute;
    top: 14px;
    width: 16px;
}
ul#slides-news li{ margin: 0; padding-right: 20px; }
ul#slides-news li h3, ul#slides-news li .news-intro{ padding-right: 20px; }

.slides-news-nav, #mod-twitter .jta-tweet-list-controls{ overflow: hidden; position: absolute; top:0; right: 0; }
.slides-news-nav a, #mod-twitter .jta-tweet-list-controls span{ display:block; float: left; width: 16px; height: 16px; padding: 10px 5px; text-indent: -1000px; }
#slides-news-next, #mod-twitter .jta-tweet-list-controls .jta-tweet-list-controls-button-next{ background: transparent url(/images/interface/fleche_next.png) no-repeat 5px 10px; }
#slides-news-prev, #mod-twitter .jta-tweet-list-controls .jta-tweet-list-controls-button-prev{ background: transparent url(/images/interface/fleche_prev.png) no-repeat 5px 10px; }

/* Btn iphone, franc'off, ... */
#mod-btn ul li{ margin:0 0 10px 0; }

#mod-medias{ overflow: hidden; }

/* Module Twitter */
#tweetFeed li, #tweetFeedAll li{ margin-left: 0; padding: 5px; }
#mod-twitter{ overflow: hidden; position: relative; }

/* Promo */
#mod-liens li{ float: left; width: 145px; margin:0 0 5px 0; border-bottom:1px solid #D3D3D3; padding: 5px 0; }
#mod-liens li.margin{ margin-right: 10px; }
#mod-liens li a{ display: block; font-weight: bold; padding: 2px 0 2px 25px; text-decoration:none; }
#mod-liens li a:hover{color:#B82515;}
.lien-facebook{ background: transparent url(/images/interface/ico_lien_fb.jpg) no-repeat left top; }
.lien-twitter{ background: transparent url(/images/interface/ico_lien_twitter.jpg) no-repeat left top; }
.lien-youtube{ background: transparent url(/images/interface/ico_lien_youtube.jpg) no-repeat left top; }
.lien-rss{ background: transparent url(/images/interface/ico_lien_rss.jpg) no-repeat left top; }
.lien-myspace{ background: transparent url(/images/interface/ico_lien_myspace.jpg) no-repeat left top; }
.lien-iphone{ background: transparent url(/images/interface/ico_lien_iphone.jpg) no-repeat left top; }
.lien-site{ background: transparent url(/images/interface/ico_artiste_star.png) no-repeat left top; }

/* Newsletter */
#mod-newsletter input{
	background: #F8F8F8 url(/images/interface/ico_field_newsletter.jpg) no-repeat 5px 5px;
	padding: 6px 6px 6px 25px;
	width: 270px;
	border: 0;
}

.btn-newsletter{
	display:inline-block;
	background-color:#333333;
	color:#fff;
	padding:10px 15px;
	text-decoration:none;
	font-weight: bold;
}
.btn-newsletter:hover{ background-color:#B82515; color:#fff; }

#mod-pub{ border: 5px solid #F8F8F8; width:290px; }

/* ------------------------------
	PROGRAMME
------------------------------ */
#main-container.page-programme{background:#000;}

/* Options */
ul.prog-options{text-align:right;}
ul.prog-options a{ display:inline-block; background-color:#393939; font-weight:bold; padding: 10px 15px; color:#EBEBF0; text-decoration:none; }
ul.prog-options a:hover{ background-color:#B82515; color:#fff; }

#prog-container{ overflow:hidden; margin-bottom:35px; color: #FFFFFF; position:relative; }
#prog-container div h3{ font-family: "FuturaCondensedLight", Helvetica,"Helvetica Neue",Arial,sans-serif; color:#fff; font-size:30px; height: 70px; font-weight:normal; }
#prog-container div.grid_6 h3{font-size:40px;}

#prog-container ul#prog-nav{ position:absolute; top:0; left:0; margin:0; }
#prog-container div{overflow:hidden;}

/* Nom de l'artiste + programmation */
ul.prog-details li{ margin:0 0 8px 0; padding:0 0 8px 0; border-bottom:1px solid #2B2B2B; overflow:hidden; position:relative; }
ul.prog-details a{ color:#fff; font-size:14px; display:block; float:left; text-decoration:none; width: 195px; }
ul.prog-details a:hover{color:#B82515;}
ul.prog-details a span{ font-weight:bold; padding-right:10px; }

.scene-tarifs{
	border-bottom:1px solid #484848;
	text-transform:uppercase;
	font-size:12px;
	padding:5px 0;
	margin-bottom:10px;
	width:100%;
	clear: left;
	color:#484848;
}
.grid_5 .scene-tarifs{clear:left;}
.grid_12.scene-tarifs{margin-left:250px;}

#prog-nav li a{ text-transform: capitalize; }

/* ------------------------------
	ARTISTES
------------------------------ */
#main-container.page-artiste, #main-container.page-static, #main-container.page-actualites{padding-top:70px;}
#btn-back{
	background: #B82515 url(/images/interface/bg_nav_sidebar_back.gif) no-repeat left top;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	height: 25px;
	padding: 6px 15px 0 20px;
	text-decoration: none;
	text-align:right;
	width: 185px;
	margin-top:5px;
}
.page-artiste h1, .page-static h1, .page-actualites h1{ font-size:40px; margin-bottom: 20px; }
.page-artiste h2{
	color: #535F71;
	font-size: 17px;
	margin: 20px 0 15px 0;
}
.artiste-btn-ticket{
	border-top: 1px solid #E5E5E5;
	color: #B82515;
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin-top: 25px;
	padding: 10px 0;
}
.page-artiste h3{ margin:5px 0; }
.page-artiste h3 a{ font-size:15px; color:#666; }

/* Historique */
.artiste-historique{ text-decoration:none; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; position: relative; margin-bottom: 25px; }
.artiste-historique ul{ margin-bottom: 0; }
.artiste-historique li{ margin:0; padding: 6px 0; font-size:16px; font-weight:bold; color:#737272; }
.artiste-historique li.concert_archives{ display: none; color: #999999; font-weight: normal; }
.artiste-historique a#open-archives{ position: absolute; top:-50px; right: 0; }
.artiste-desc p{ line-height:15px; margin-bottom:10px; }
.artiste-video, .artiste-photos{margin-bottom:20px;}

/* Sidebar */
#contenu-sidebar li{ margin:0 0 6px 0; }
.artiste-agent p{line-height:1.4em;}
.artiste-agent span.nom{font-weight:bold;}
.artiste-photos{overflow:hidden;}

#contenu-sidebar h2{margin-top:0;}

/* Artistes le même jour */
#artistes-meme-jour{margin-top:15px;}
#artistes-meme-jour li{ float:left; margin:0 5px 5px 0; width:155px; }
#artistes-meme-jour span.concert_heure { font-weight: bold; font-size: 13px; }
#artistes-meme-jour span.concert_scene { font-size: 13px; }

/* Icons artiste */
.artiste-liens li{ margin:0 0 5px 0; padding: 0; }
.artiste-liens li a{ display: block; padding: 0 0 2px 25px; }
.artiste-liens li a:hover{color:#B82515;}

/* ------------------------------
	STATIC
------------------------------ */
.page-photo{ margin:10px 0 20px 0; }
.page-static ul li{margin-left:0;}
.page-static h3{ font-size:17px; margin-bottom: 15px; }

/* Mentions légales */
.mentionsCredits li{margin-bottom:4px;}
.mentionsCredits li span{ font-weight:bold; color:#333; }

/* IPHONE */
a.iPhone{
	display:block;
	width:164px;
	height:56px;
	background:transparent url(../images/interface/btn_iphone.jpg) no-repeat left top;
	text-indent: -9999px;
	margin:0 auto;
}
a.iPhone:hover{
	background:transparent url(../images/interface/btn_iphone.jpg) no-repeat left bottom;
}

/* Partenaires */
ul.listMajors{
	overflow: hidden;
	margin:0 0 20px 0;
}
ul.listMajors li{
	width: 210px;
	text-align: center;
	margin:0 0 5px 0;
	padding: 0;
	float: left;
	height: 105px;
	background: none;
	line-height:105px;
}
ul.listMajors li.large{
	width: 320px;
	height: 80px;
	margin-bottom: 15px;
}
ul.listMajors li.margeSup{
	padding-top: 20px;
	height: 82px;
}

/* ------------------------------
	ARTISTES BELGES
------------------------------ */
#artistesBelges-nav{ margin-bottom: 15px; }
#artistesBelges{ overflow: hidden; margin-left:0; }
#artistesBelges li{
	float: left;
	width: 155px;
	height: 150px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#artistesBelges li.dernier{ margin-right: 0; }
#artistesBelges li a{
	display: block;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.listNav { margin:0 0 10px; }
.ln-letters {overflow:hidden;}
.ln-letters a { font-size:13px; display:block; float:left; padding:2px 6px; border-right:2px solid #fff; text-decoration:none; color: #666; }
.ln-letters a.ln-last { }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; color: #666; }
.ln-letters a.ln-disabled {color:#ccc;}
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }

/* ------------------------------
	ACTUS
------------------------------ */
.page-actualites #contenu h2{ font-size:30px; color:#000; }
p.actu-date{ color:#B8B8B8; font-size:16px; font-weight:bold; margin-bottom:0; }
.article{margin-bottom:40px;}
a.btn-suite{
	display:inline-block;
	padding:8px 15px 8px 35px;
	margin:10px 0 0 0;
	background:#F5F5F5 url(/images/interface/puce_suite.png) no-repeat 12px center;
	text-decoration:none;
}
a.btn-suite:hover{background-color:#E4E4E4;}
.actus-details h1{margin-bottom:25px;}

/* Pagination  */
ul.pagination{
margin-top:15px;
padding:15px 0 0 0;
border-top: 1px solid #E5E5E5;
text-align: right;
}
ul.pagination li{ display:inline; margin:0 5px 0 0; }
ul.pagination li a{ color:#999999; font-size: 14px; }
ul.pagination li a:hover{color:#333;}
ul.pagination li span{color:#CC0066;}
ul.pagination li.here a{ color:#B82515; font-weight: bold; text-decoration: none; }

/* ------------------------------
	MES FRANCOS
------------------------------ */
table.mf-tab th{
	font-weight: bold;
	color:#333;
}
ul.actions{
	padding:0;
	margin: 10px 0;
	width: 280px;
	float: right;
}
ul.actions li{ display: block; float: left; height: 28px; }
ul.actions li.a-print a{
	background:transparent url(/images/interface/ico_mf_print.gif) no-repeat 10px 7px;
	display: inline-block;
	padding: 5px 15px 5px 30px;
	text-align: left;
	border-right: 1px solid #ccc;
}
ul.actions li.a-share{ position: relative; width: 182px; }
ul.actions li.a-share > span{
	display: inline-block;
	height: 18px;
	padding: 5px 0;
	background:transparent url(/images/interface/ico_mf_share.gif) no-repeat 10px 7px;
	padding: 5px 5px 5px 30px;
}
.mf-prog-url-partage a{
	display: block;
	color: #fff;
	clear: left;
	padding: 6px 15px 6px 30px;
	background:#666 url(/images/interface/fleche_mf_monprog.png) no-repeat 10px 7px;
	margin-bottom: 1px;
	text-decoration: none;
	font-weight: bold;
}
.mf-prog-url-partage a:hover{ background:#33ADAD url(/images/interface/fleche_mf_monprog.png) no-repeat 10px 7px;  }

/* Public */
a.mf-print-public{
	background:transparent url(/images/interface/ico_mf_print.gif) no-repeat 10px 7px;
	display: block;
	padding: 5px 15px 5px 30px;
	margin: 15px 0 5px 0;
}
.mf-username{ color:#33ADAD; font-weight: bold;  }

/* Affiche */
ul.prog-details a.mf-prog-add, ul.prog-details a.mf-prog-remove{
	display:block;
	width:12px;
	text-indent:-9999px;
	margin:2px 12px 0 0;
	background: transparent url(/images/interface/ico_mesfrancos_prog.gif) no-repeat left top;
	float:left;
	cursor: pointer;
}
ul.prog-details a.mf-prog-add:hover{ background-position:-12px top; }
ul.prog-details a.mf-prog-remove{ background-position:-24px top; }
ul.prog-details a.mf-prog-remove:hover{ background-position:-36px top; }
ul.prog-details span.mf-prog-loader{ position:absolute; width:16px; height:16px; top:0; left:0; }

/* ------------------------------
	ACCREDITATION
------------------------------ */
.page-accreditation input{ width: auto; }
.page-accreditation label{ display: inline; }
.page-accreditation li{ margin-bottom: 10px; }
.page-accreditation a{ color: #B82515; }
.page-accreditation textarea{ width: 100%; }

.page-accreditation .form{ margin-top: 20px; }

/* ---------------------------------------------------------------------------------------------------

   Footer

--------------------------------------------------------------------------------------------------- */
#footer a {color:#CA3110;}
#footer a:hover { color:#CA3110; text-decoration: underline; }
#footer a img{ position:relative; top:2px; }

/* NAV */
ul#nav-footer{ margin:20px 0 0 0; }
ul#nav-footer li{ margin: 0 9px 0 0; display: inline; }
ul#nav-footer li a{ font-family: "FuturaCondensedLight", Helvetica,"Helvetica Neue",Arial,sans-serif; color: #494949; text-transform: uppercase; font-size: 17px; text-decoration: none; }
ul#nav-footer li a:hover{ color: #fff; text-decoration: none; }
ul#nav-footer li.actif a, ul#nav-footer li.actif a:hover{ color: #B82514; }
#copyright{ line-height:1.5em; color:#666; }