﻿/*
    Les éléments doivent être séparés de 
    14 px dans le sens de la largeur (entre 2 colonnes)
    24 px dans le sens de la hauteur
*/
body
{
    background-image: url(    "/images/bg_fijm2011.jpg" );
    background-position: top center;
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    margin: 0;
    padding: 0;
}
a
{
    color: #000000;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
h1
{
    background-color: #283a44;
    color: #ffffff;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0;
    padding: 6px 10px 6px 10px;
    text-transform: uppercase;
}
h1 a
{
    color: #ffffff;
}
h1 a:hover, h2 a:hover
{
    text-decoration: none;
}
h2
{
    font-size: 1em;
    margin: 3px 0 0 0;
    padding: 0 10px 0 10px;
}
h3
{
    font-size: 0.9em;
    margin: 0;
    padding: 0 10px;
}
h4, h5
{
    font-size: 0.8em;
    margin: 0;
    padding: 0 10px;
}
img
{
    border: 0;
}
p
{
    margin: 0px;
    padding: 5px 10px;
}

/*----- Containers -----*/
#wrapper
{
    margin: 0 auto 0 auto;
    padding: 0 0 24px 0;
    width: 985px;
    background: transparent url(/images/menu/bg_menu_maison.png) no-repeat 848px 160px;
}
#header
{
    float: left;
    margin-top: 6px;
    width: 749px;
}
#content, .mainLarge
{
    float: left;
    margin-right: 14px;
    width: 671px;
}
.rightColumn
{
    float: left;
    width: 300px;
}
#leftColumn
{
    float: left;
    width: 160px;
    margin-right: 14px;
}

.oneColumn
{
    width: 985px;
}

#main
{
    float: left;
    width: 495px;
}

/*-- Classes générales --*/

.topSpace
{
    margin-top: 24px;
}

.bottomSpace
{
    margin-bottom: 24px;
}

.cadre
{
    background-color: #eaf1f7;
    border: solid 1px #283a44;
    color: #000000;
}
.cadreSeparationDotted
{
    border-bottom: dashed 1px #c9ced4;
    clear: left;
    padding: 10px 5px;
}

.SeparationDotted
{
    border-bottom: solid 1px #c9ced4;
    padding: 2px 0px;
    clear: left;
}
.SeparationSolid
{
    border-bottom: solid 1px #c9ced4;
    padding: 2px 0px;
    width: 229px;
}



/*Logo header droit*/
.logo
{
    float: left;
    margin-top: 14px;
    padding-right: 100px;
}

/*-- Contenu header gauche --*/
#mnuAccueil
{
    font-family: Verdana, Helvetica, sans-serif;
    float: left;
    height: 18px;
    margin: 0 0 14px 0;
    padding: 0;
    font-weight: bold;
}
#mnuAccueil li
{
    display: inline;
    margin: 0;
    padding: 0;
}
#mnuAccueil img
{
    padding: 0 3px;
}
#mnuAccueil a
{
    font-size: 0.8em;
    text-transform: uppercase;
    color: #3e3739;
}
#mnuAccueil a:hover
{
    border-bottom: solid 1px #98d7ff;
    text-decoration: none;
}

#txbRechercheTop
{
    width: 230px;
    height: 18px;
    padding: 3px 0 1px 3px;
    margin: 0;
    border: 1px solid #768187;
    font-family: Verdana;
    font-size: 11px;
}
#btnRechercheTop
{
    vertical-align: middle;
    margin: 0 0 1px -5px;
}
#btnRechercheTop:hover
{
    cursor: pointer;
}
#btnInfoJazzBell
{
    vertical-align: middle;
    margin-left: 160px;
}

/*--Menu principal--*/
#zoneMenuPrincipal
{
    padding-top: 18px;
}
/*Styles essentiel à superfish*/
.menuPrincipal, .menuPrincipal *
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.menuPrincipal
{
    line-height: 1.0;
}
.menuPrincipal ul
{
    position: absolute;
    top: -999em;
    width: 10em; /* left offset of submenus need to match (see below) */
}
.menuPrincipal ul li
{
    width: 100%;
}
.menuPrincipal li:hover
{
    visibility: inherit; /* fixes IE7 'sticky bug' */
}
.menuPrincipal li
{
    float: left;
    position: relative;
}
.menuPrincipal a
{
    display: block;
    position: relative;
}
.menuPrincipal li:hover ul, .menuPrincipal li.sfHover ul
{
    left: 0; /*top: 2.3em;*/
    top: 24px; /* match top ul list item height */
    z-index: 99;
}
ul.menuPrincipal li:hover li ul, ul.menuPrincipal li.sfHover li ul
{
    top: -999em;
}
ul.menuPrincipal li li:hover ul, ul.menuPrincipal li li.sfHover ul
{
    left: 10em; /* match ul width */
    top: 0;
}
ul.menuPrincipal li li:hover li ul, ul.menuPrincipal li li.sfHover li ul
{
    top: -999em;
}
ul.menuPrincipal li li li:hover ul, ul.menuPrincipal li li li.sfHover ul
{
    left: 10em; /* match ul width */
    top: 0;
}

/*** Skin menu principal ***/
.menuPrincipal li li a
{
    border-top: 1px dotted #656464;
    padding: .5em 1em;
    text-decoration: none;
}
.menuPrincipal a.firstChild
{
    border-top: none;
}
.menuPrincipal li li a, .menuPrincipal li li a:visited
{
    /* visited pseudo selector so IE6 applies text colour*/
    color: #ffffff;
}
.menuPrincipal li li
{
    background: #000000;
}
.menuPrincipal li li li
{
    background: #424242;
}
.menuPrincipal li li:hover, .menuPrincipal li li.sfHover, .menuPrincipal li li a:focus, .menuPrincipal li li a:hover, .menuPrincipal li li a:active
{
    background: #656464;
    outline: 0;
}

/* arrows */
.menuPrincipal li li a.sf-with-ul
{
    padding-right: 2.25em;
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator
{
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em; /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('/images/menu/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator
{
    /* give all except IE6 the correct values */
    top: .5em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.menuPrincipal ul .sf-sub-indicator
{
    background-position: -10px 0;
}
.menuPrincipal ul a > .sf-sub-indicator
{
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.menuPrincipal ul a:focus > .sf-sub-indicator, .menuPrincipal ul a:hover > .sf-sub-indicator, .menuPrincipal ul a:active > .sf-sub-indicator, .menuPrincipal ul li:hover > a > .sf-sub-indicator, .menuPrincipal ul li.sfHover > a > .sf-sub-indicator
{
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*Masquer le flèches au premier niveau du menu principal*/
.menuNiveau1 > .sf-sub-indicator, .menuNiveau1_en > .sf-sub-indicator
{
    display: none;
}

/*Images des liens du premier niveau du menu principal*/
a.menuNiveau1, a.menuNiveau1_en
{
    background: transparent url(        '/images/menu/menu_sprite_fr.gif' ) no-repeat 0 0;
    height: 23px;
    overflow: hidden;
    width: 121px;
    padding: 0;
    margin-left: 1px;
    text-indent: -9999px; /*Cache le texte...utile pour screen readers?*/
    border: 0px;
    color: black;
}
a.menuNiveau1_en
{
    background: transparent url(        '/images/menu/menu_sprite_en.gif' ) no-repeat 0 0;
}
.menuPrincipal li a.menuProgrammation:hover, .menuPrincipal li a.menuProgrammation:active, .menuPrincipal li a.menuProgrammation:focus, .menuPrincipal li.sfHover a.menuProgrammation, .menuPrincipal li a.menuProgrammationSelected
{
    background-position: 0 -23px;
}
.menuPrincipal li a.menuProgrammation_en
{
    width: 103px;
}
.menuPrincipal li a.menuProgrammation_en:hover, .menuPrincipal li a.menuProgrammation_en:active, .menuPrincipal li a.menuProgrammation_en:focus, .menuPrincipal li.sfHover a.menuProgrammation_en, .menuPrincipal li a.menuProgrammation_enSelected
{
    background-position: 0 -23px;
}
.menuPrincipal li a.menuArtistes
{
    background-position: -122px 0;
    width: 68px;
}
.menuPrincipal li a.menuArtistes:hover, .menuPrincipal li a.menuArtistes:active, .menuPrincipal li a.menuArtistes:focus, .menuPrincipal li.sfHover a.menuArtistes, .menuPrincipal li a.menuArtistesSelected
{
    background-position: -122px -23px;
}
.menuPrincipal li a.menuArtistes_en
{
    background-position: -104px 0;
    width: 68px;
}
.menuPrincipal li a.menuArtistes_en:hover, .menuPrincipal li a.menuArtistes_en:active, .menuPrincipal li a.menuArtistes_en:focus, .menuPrincipal li.sfHover a.menuArtistes_en, .menuPrincipal li a.menuArtistes_enSelected
{
    background-position: -104px -23px;
}
.menuPrincipal li a.menuTourisme
{
    background-position: -191px 0;
    width: 147px;
}
.menuPrincipal li a.menuTourisme:hover, .menuPrincipal li a.menuTourisme:active, .menuPrincipal li a.menuTourisme:focus, .menuPrincipal li.sfHover a.menuTourisme, .menuPrincipal li a.menuTourismeSelected
{
    background-position: -191px -23px;
}
.menuPrincipal li a.menuTourisme_en
{
    background-position: -173px 0;
    width: 147px;
}
.menuPrincipal li a.menuTourisme_en:hover, .menuPrincipal li a.menuTourisme_en:active, .menuPrincipal li a.menuTourisme_en:focus, .menuPrincipal li.sfHover a.menuTourisme_en, .menuPrincipal li a.menuTourisme_enSelected
{
    background-position: -173px -23px;
}
.menuPrincipal li a.menuQuestionsPratiques
{
    background-position: -339px 0;
    width: 138px;
}
.menuPrincipal li a.menuQuestionsPratiques:hover, .menuPrincipal li a.menuQuestionsPratiques:active, .menuPrincipal li a.menuQuestionsPratiques:focus, .menuPrincipal li.sfHover a.menuQuestionsPratiques, .menuPrincipal li a.menuQuestionsPratiquesSelected
{
    background-position: -339px -23px;
}
.menuPrincipal li a.menuQuestionsPratiques_en
{
    background-position: -321px 0;
    width: 138px;
}
.menuPrincipal li a.menuQuestionsPratiques_en:hover, .menuPrincipal li a.menuQuestionsPratiques_en:active, .menuPrincipal li a.menuQuestionsPratiques_en:focus, .menuPrincipal li.sfHover a.menuQuestionsPratiques_en, .menuPrincipal li a.menuQuestionsPratiques_enSelected
{
    background-position: -321px -23px;
}
.menuPrincipal li a.menuAmis
{
    background-position: -478px 0;
    width: 133px;
}
.menuPrincipal li a.menuAmis:hover, .menuPrincipal li a.menuAmis:active, .menuPrincipal li a.menuAmis:focus, .menuPrincipal li.sfHover a.menuAmis, .menuPrincipal li a.menuAmisSelected
{
    background-position: -478px -23px;
}
.menuPrincipal li a.menuAmis_en
{
    background-position: -460px 0;
    width: 151px;
}
.menuPrincipal li a.menuAmis_en:hover, .menuPrincipal li a.menuAmis_en:active, .menuPrincipal li a.menuAmis_en:focus, .menuPrincipal li.sfHover a.menuAmis_en, .menuPrincipal li a.menuAmis_enSelected
{
    background-position: -460px -23px;
}
.menuPrincipal li a.menuMultimedia
{
    background-position: -612px 0;
    width: 87px;
}
.menuPrincipal li a.menuMultimedia:hover, .menuPrincipal li a.menuMultimedia:active, .menuPrincipal li a.menuMultimedia:focus, .menuPrincipal li.sfHover a.menuMultimedia, .menuPrincipal li a.menuMultimediaSelected
{
    background-position: -612px -23px;
}
.menuPrincipal li a.menuMultimedia_en
{
    background-position: -612px 0;
    width: 87px;
}
.menuPrincipal li a.menuMultimedia_en:hover, .menuPrincipal li a.menuMultimedia_en:active, .menuPrincipal li a.menuMultimedia_en:focus, .menuPrincipal li.sfHover a.menuMultimedia_en, .menuPrincipal li a.menuMultimedia_enSelected
{
    background-position: -612px -23px;
}
.menuPrincipal li a.menuBoutique
{
    background-position: -700px 0;
    width: 70px;
}
.menuPrincipal li a.menuBoutique:hover, .menuPrincipal li a.menuBoutique:active, .menuPrincipal li a.menuBoutique:focus, .menuPrincipal li.sfHover a.menuBoutique, .menuPrincipal li a.menuBoutiqueSelected
{
    background-position: -700px -23px;
}
.menuPrincipal li a.menuBoutique_en
{
    background-position: -700px 0;
    width: 70px;
}
.menuPrincipal li a.menuBoutique_en:hover, .menuPrincipal li a.menuBoutique_en:active, .menuPrincipal li a.menuBoutique_en:focus, .menuPrincipal li.sfHover a.menuBoutique_en, .menuPrincipal li a.menuBoutique_enSelected
{
    background-position: -700px -23px;
}
.menuPrincipal li a.menuHistorique
{
    background-position: -771px 0;
    width: 79px;
}
.menuPrincipal li a.menuHistorique:hover, .menuPrincipal li a.menuHistorique:active, .menuPrincipal li a.menuHistorique:focus, .menuPrincipal li.sfHover a.menuHistorique, .menuPrincipal li a.menuHistoriqueSelected
{
    background-position: -771px -23px;
}
.menuPrincipal li a.menuHistorique_en
{
    background-position: -771px 0;
    width: 79px;
}
.menuPrincipal li a.menuHistorique_en:hover, .menuPrincipal li a.menuHistorique_en:active, .menuPrincipal li a.menuHistorique_en:focus, .menuPrincipal li.sfHover a.menuHistorique_en, .menuPrincipal li a.menuHistorique_enSelected
{
    background-position: -771px -23px;
}
.menuPrincipal li a.menuMaison
{
    background-position: -851px 0;
    width: 132px;
}
.menuPrincipal li a.menuMaison:hover, .menuPrincipal li a.menuMaison:active, .menuPrincipal li a.menuMaison:focus, .menuPrincipal li.sfHover a.menuMaison, .menuPrincipal li a.menuMaisonSelected
{
    background-position: -851px -23px;
}
.menuPrincipal li a.menuMaison_en
{
    background-position: -851px 0;
    width: 132px;
}
.menuPrincipal li a.menuMaison_en:hover, .menuPrincipal li a.menuMaison_en:active, .menuPrincipal li a.menuMaison_en:focus, .menuPrincipal li.sfHover a.menuMaison_en, .menuPrincipal li a.menuMaison_enSelected
{
    background-position: -851px -23px;
}

/* shadows for all but IE6 */
.sf-shadow ul
{
    background: url('/images/menu/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off
{
    background: transparent;
}

/*--Fil d'Ariane--*/
.filAriane
{
    color: #ffffff;
    height: 20px;
    margin: 9px 0 9px 15px;
}
.filAriane a
{
    color: #ffffff;
}

/*--Styles FOOTER & sitemap--*/
#footer
{
    background-color: #10171b;
    background-image: url(/images/bg_footer.jpg);
    background-repeat: repeat-x;
    height: 550px;
    font-size: 10px;
}

#footer_wrapper
{
    padding-top: 5px;
    width: 985px;
    margin-right: auto;
    margin-left: auto;
}

#footer_wrapper ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#footer_wrapper li
{
    display: block;
    float: left;
    width: 185px;
    list-style-type: none;
    margin: 0;
    padding: 0 10px 0 0;
}
#footer_wrapper li a
{
    text-decoration: none;
    color: #b1b8bb;
    display: block;
    padding: 0px 2px;
}
#footer_wrapper li a:hover
{
    color: #ffffff;
    background-color: #3e4e57;
}

#footer_wrapper dl
{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#footer_wrapper dl.last
{
    /*****Sans Multimedia et Maison*****/ /*width:167px;*/ /*Pour notre ami IE6 c'est 165px voir feuille style fijm_i6.css*/ /*****Avec tous les items du menu*****/
    width: 123px; /*Pour notre ami IE6 c'est 122px voir feuille style fijm_i6.css---à vérifier*/
}

#footer_wrapper dt, #footer_wrapper dd
{
    margin: 4px 2px 4px 0px;
}

#footer_wrapper dt
{
    font-weight: bold;
}

#footer_wrapper dd.fleche
{
    background-color: transparent;
    margin-top: 3px;
    height: 10px;
    background-image: url(/images/fleche_sitemap.gif);
    background-repeat: no-repeat;
}

/**CSS pour illuminer la section actuelle**/

#footer_wrapper dt.section a, #footer_wrapper dd.section a
{
    color: #ffffff;
}

#footer_wrapper dt.section a:hover, #footer_wrapper dd.section a:hover
{
    color: #ffffff;
}

/**Separation entre les rangée de liens du sitemap**/
#siteMapSeparator
{
    clear: both;
    height: 30px;
    border-bottom: 1px solid #2f3d45;
    margin-bottom: 15px;
}
/*--fin style FOOTER & sitemap*/

/*Utilisé Artistes, Commanditaires*/
.cadreAlternatif
{
    background-color: #ffffff;
    border: solid 1px #000000;
    color: #000000;
}
/*Utilisé Fiche artiste pas de bio (code behind)*/
/*Index des artistes (code behind)*/
.aUnderline
{
    text-decoration: underline;
}

.h1Plus
{
    background-color: Transparent;
    color: #ffffff;
    float: right;
    font-size: 0.9em;
}
.h1Plus a
{
    background-color: Transparent;
    color: #ffffff;
}


.txtNormal
{
    font-weight: normal;
    text-transform: none;
}

.h1Maison
{
    float: right;
    position: relative;
    margin-top: -48px;
}

.h1Small
{
    background-color: Transparent;
    color: #ffffff;
    text-transform: none;
}

.imgLeft
{
    float: left;
    padding: 10px;
    margin: 0;
}

.imgRight
{
    float: right;
    padding: 10px;
    margin: 0;
}

.ombre
{
    background-image: url(/images/ombre.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 24px;
}

/*----------- Classes pour les publicités --------*/
#pubLeaderFr, #pubLeaderEn
{
    background-repeat: no-repeat;
    background-position: left center;
    height: 90px; /*margin-bottom: 31px;*/
    padding-bottom: 31px;
    text-align: right;
    width: 743px;
}
#pubLeaderFr
{
    background-image: url(/images/pub_vertical.gif);
}
#pubLeaderEn
{
    background-image: url(/images/pub_vertical_en.gif);
}
#pubSkyFr, #pubSkyEn
{
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 16px;
    padding-top: 12px;
}
#pubSkyFr
{
    background-image: url(/images/pub_horizontal.gif);
}
#pubSkyEn
{
    background-image: url(/images/pub_horizontal_en.gif);
}
.pubSkyNoMargin
{
    margin-top: -28px;
    padding-top: 0px;
}
#pubBbFr, #pubBbEn
{
    background-repeat: no-repeat;
    background-position: center top;
    margin-bottom: 24px;
    margin-top: -8px;
    padding-top: 12px;
}
#pubBbFr
{
    background-image: url(/images/pub_horizontal.gif);
}
#pubBbEn
{
    background-image: url(/images/pub_horizontal_en.gif);
}
.autoPromo
{
    margin-bottom: 24px;
    text-align: center;
}

/*-----------Classes pour colonne droite --------*/
/*Utilisé galerie*/
.colDr_topArrondi
{
    background-image: url(/images/colDr_top_arrondi.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: Transparent;
}

/*--Boîte de recherche sous le calendrier et pour fiche d'artistes--*/
#recherche
{
    margin-bottom: 24px;
    width: 298px;
}

/*Artistes_recherche*/
.rechercheSection
{
    padding: 5px 8px 10px 8px;
}

.rechercheSection h3
{
    font-size: 1em;
    margin: 0;
    padding: 3px 3px 5px 0px;
}

ul#rechArtNavLettre
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul#rechArtNavLettre li
{
    display: inline;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0 3px 3px;
}

/*Boîte de recherche général sous le calendrier*/

.lienConcert ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.lienConcert li
{
    height: 12px;
    background-image: url(/images/colonne_droite/calendrier/puce.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-bottom: 3px;
}
.lienConcert a
{
    font-size: 0.9em;
}

.indexArtiste
{
    border: none;
}
.indexArtiste a
{
    font-size: 12px;
}
.listeSeries, .listeScenes, .txbRecherche, .txbConcertsDate
{
    height: 20px;
    border: 1px solid #C9CED4;
    font-size: 10px;
    font-family: Verdana;
}
.listeSeries, .listeScenes
{
    width: 255px;
}
.txbRecherche
{
    height: 16px;
    width: 255px;
}
.txbConcertsDate
{
    margin-top: 5px;
    height: 16px;
    width: 110px;
}
.checkBoxPhraseExacte
{
    font-size: 0.9em;
    font-weight: bold;
}
.listeProgType
{
    width: 130px;
    border-right: 1px solid #C9CED4;
    margin-right: 5px;
    float: left;
}
.criteresJoursExtra
{
    font-size: 0.9em;
}
.raccourciConcertsDate
{
    width: 140px;
    text-align: center;
    float: left;
}
#criteresRechercheExtra
{
    font-size: 0.9em;
    margin-top: 5px;
}
#titreCriteresRecherche
{
    width: 98px;
    float: left;
    padding-top: 5px;
}
.listeCriteresRecherche
{
    float: left;
}

/*Style du contrôle calendrier*/
.calJoursSemaine
{
    text-transform: uppercase;
    color: #75787b;
    border-top: 1px solid #cccfd1;
}
.calTitre
{
    text-transform: capitalize;
    font-weight: bold;
    font-size: 1.2em;
}
#calEntete
{
    margin-bottom: 5px;
}
#calInstructions
{
    width: 155px;
    text-align: right;
    float: right;
    color: #75787b;
}
#calNavigation
{
    margin-top: 3px;
}
#calNavigation img
{
    vertical-align: middle;
}
#calNavigation a
{
    color: #75787b;
}
#boutonMoisSuivant, #boutonMoisPrecedent
{
    text-transform: capitalize;
    width: 100px;
    font-weight: bold;
}
#boutonMoisPrecedent
{
    text-align: left;
    float: left;
}
#boutonMoisSuivant
{
    text-align: right;
    float: right;
}
.btnToday
{
    font-weight: bold; /*color:#005C93;     text-decoration:underline;*/
}

/*Colonne droite de zone Maison*/
.introMaison_colDr
{
    margin-bottom: 24px;
}
#adresseMaison
{
    background-color: #283a44;
    color: #ffffff;
    margin: 0;
    padding: 6px 10px 6px 10px;
}
.introMaison_colDr_item
{
    padding: 10px;
}
.introMaison_colDr_item img
{
    width: 75px;
    float: left;
    margin-right: 10px;
}
.introMaison_colDr_text
{
    width: 180px;
    float: left;
}

.lienMaison_colDr ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
}
.lienMaison_colDr ul li
{
    background-image: url(/images/maison_du_festival/maison_puce.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 2px 15px;
}

.lienMaison ul
{
    margin: 0px;
    padding: 3px 0px;
    list-style-type: none;
}
.lienMaison li
{
    background-image: url(/images/maison/puce_jaune.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
}

#pubBalmoral, .exposition, .affichesAnnees_colDr
{
    margin-bottom: 24px;
}
#pubBalmoralAdresse, #pubBalmoralTerrasse
{
    padding: 3px;
    text-align: center;
}
#pubBalmoralAdresse
{
    background-color: #e1e5f2;
    font-size: 0.85em;
    margin-top: -2px;
}
#pubBalmoralTerrasse
{
    background-color: #afb4db;
    color: #142674;
    font-weight: bold;
}
.affichesAnneesContent
{
    padding: 10px;
}
.affichesAnneesContent img
{
    width: 75px;
    float: left;
    margin-right: 10px;
}
.affichesAnnees_text
{
    width: 180px;
    float: left;
}

/*affiches*/
#maison_affiche
{
    margin-bottom: 24px;
}

ul#menuAffiche
{
    display: inline-block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul#menuAffiche li
{
    float: left;
    margin: 0;
    padding: 10px 5px 10px 10px;
}
ul#menuAffiche li a
{
    text-decoration: underline;
}

/*historique concerts*/
#historique_concerts, #historique_liens_rapides
{
    margin-bottom: 24px;
}
#historique_concerts ul, #historique_liens_rapides ul
{
    list-style-type: none;
    margin: 10px 0 0 10px;
    padding: 0;
}
#historique_concerts li, #historique_liens_rapides li
{
    background-image: url(/images/historique/puce.gif);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 2px 10px 5px 15px;
}

/*widget mes concerts*/
#loginFBColDroite
{
    margin: 15px 0;
}
.txtLoginFBColDroite
{
    width: 175px;
    float: left;
    margin: -2px 4px 0 0;
}
#fbButtonWrapper2
{
    display: none;
}
#mes_concerts
{
    background-image: url(    "/images/colonne_droite/mes_concerts/bg.jpg" );
    background-position: top;
    background-repeat: no-repeat;
    background-color: #ebf2f7;
    margin-top: -26px;
    margin-bottom: 10px;
    padding: 20px 10px 5px 10px;
}
#mes_concerts_top
{
    border-bottom: solid 1px #729db8;
    margin-left: 3px;
    padding-bottom: 4px;
}
.mes_concerts_tous
{
    text-align: right;
}
.mes_concerts_tous a
{
    color: #2c2d2e;
    font-size: 0.6em;
    font-weight: bold;
    padding: 3px;
    text-transform: uppercase;
}
.mes_concerts_section
{
}
.mes_concerts_section img
{
    float: left;
    margin: 5px;
}
.mes_concerts_section h3
{
    font-size: 1em;
    margin: 0;
    padding: 3px 3px 0 3px;
}
.mes_concerts_section p
{
    margin: 0;
    padding: 0 3px 0 3px;
}
.mes_concerts_separation
{
    border-bottom: dashed 1px #a6c6da;
    clear: left;
    margin: 5px -10px 5px -10px;
}
.mes_concerts_bas
{
    margin-top: -20px;
    margin-bottom: 24px;
}
.formRowWidgetMesConcerts
{
    clear: both;
    margin-bottom: 5px;
}
.formRowWidgetMesConcerts label
{
    width: 130px;
    display: block;
    float: left;
    font-weight: bold;
}

/*UC Les Amis du festival*/

/*new*/
/*titre de zone*/
#amisZoneTitre
{
    background-image: url(    "/images/colonne_droite/amis_festival/amis_title_bg.png" );
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 26px;
    padding-left: 36px;
    padding-bottom: 11px;
}
#amisZoneTitre h1
{
    background-color: Transparent;
    color: #8dae69;
    font-size: 1em;
    margin-top: 6px;
    text-transform: uppercase;
}
#amisZoneTitre h1 a
{
    background-color: Transparent;
    color: #8dae69;
}
.amis_fleche
{
    float: right;
    margin: -23px 50px 0 0;
}

/*Promo sélection concert*/
#amiConcert
{
    background-image: url(    "/images/colonne_droite/amis_festival/amis_spectacle_bg.png" );
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    width: 300px;
}
#amiConcert h2
{
    background-color: #a3ca7a;
    color: #000000;
    font-size: 0.9em;
    margin: 0px 7px 7px 7px;
    padding: 0px 0px 7px 3px;
    text-transform: uppercase;
}
#amiConcertThumbnail
{
    background-image: url(    "/images/colonne_droite/amis_festival/amis_spectacle_bg_photo.gif" );
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    height: 62px;
    text-align: center;
    width: 134px;
}
#amiConcertThumbnail img
{
    margin-top: 4px;
}
#amiConcertInfo
{
    float: left;
    margin-left: 9px;
    padding-right: 9px;
    width: 148px;
}
/*promo souvenirs*/
#amiSouvenir
{
    /*background-image:url("/images/colonne_droite/amis_festival/amis_souvenir_bg.png");*/
    background-image: url(    "/images/colonne_droite/amis_festival/amis_souvenir_2_bg.png" );
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: 0px;
    width: 300px;
}
#amiSouvenir h2
{
    font-size: 0.9em;
    margin: 0px 7px 7px 7px;
    padding: 18px 0px 7px 3px;
    text-transform: uppercase;
}
.amiSouvenirPhoto
{
    float: right;
    margin: 18px 0 0 0;
}
#amiSouvenirInfo
{
    padding: 0 10px 10px 10px;
}

/*promo blog*/
#amisBlogTitre
{
    background-image: url(    "/images/colonne_droite/amis_festival/amis_blog_title_bg.png" );
    background-position: center;
    background-repeat: no-repeat;
    color: #d2c4ae;
    font-family: Arial;
    font-size: 0.9em;
    font-style: italic;
    height: 78px;
    margin-top: -1px;
}

#amisBlogTitre h1
{
    background-color: Transparent;
    color: #d2c4ae;
    font-family: Arial;
    font-size: 1.4em;
    font-style: italic;
    padding-top: 20px;
    padding-bottom: 0;
    text-transform: none;
}
#amisBlogInfos
{
    background-image: url(    "/images/colonne_droite/amis_festival/amis_blog_bg.png" );
    background-position: center;
    background-repeat: repeat-y;
}
#amisBlogInfos p
{
    border-bottom: dashed 1px #979387;
    font-style: italic;
    padding-bottom: 6px;
    padding-top: 6px;
}
#amisBlogInfos a
{
    font-style: normal;
}
/*Réseau*/
#amisReseau
{
    background-image: url(    "/images/colonne_droite/amis_festival/amis_reseau_bg.png" );
    background-position: center;
    background-repeat: repeat-y;
    color: #dea807;
    margin-top: -3px;
    text-align: center;
}
#amisReseau h2
{
    background-color: Transparent;
    color: #ffffff;
    font-size: 0.7em;
    padding: 10px 3px 10px 3px;
    text-transform: uppercase;
}
#amisReseau p
{
    font-family: Courier New;
    font-size: 1em;
    font-weight: bold;
    padding: 10px 3px 10px 6px;
    text-transform: uppercase;
}
#amisReseauBas
{
    background-image: url(    "/images/colonne_droite/amis_festival/amis_reseau_bas.png" );
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -4px;
}
/*Page Fan du Festival*/
#fanFestivalVideo
{
    width: 560px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 24px;
    z-index: 1;
}
#fanFestivalPhoto
{
    width: 640px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 50px;
}

/*Écoutez les artistes*/
#ecoutez
{
    margin-bottom: 24px;
}
/*Liens rapides questions*/

#questionsLiensRapides
{
    margin-bottom: 24px;
}
#questionsLiensRapides ul
{
    list-style-type: none;
    padding: 0 0 0 10px;
    margin: 0;
}
#questionsLiensRapides li
{
    background-image: url(/images/questions/questions_puce.gif);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 5px 10px 5px 15px;
}
.ucQuestionFestival, .ucConcertsJour
{
    background-image: url(/images/colDr_top_arrondi.png);
    background-position: top;
    background-repeat: no-repeat;
    color: #ffffff;
    padding-top: 5px;
}
.ucConcertsJour
{
    margin-bottom: 1px;
}
.ucQuestionFestival h2
{
    padding-bottom: 6px;
    padding-top: 6px;
}
.ucConcertsJour h1
{
    background-color: Transparent;
    margin: 5px 0 0 0;
    padding: 6px 10px 6px 10px;
    text-transform: uppercase;
}
.ucConcertsJour a
{
    background-color: Transparent;
    color: #ffffff;
}
.ucConcertsJour a:hover
{
    text-decoration: underline;
}

.QuestionBottomLine
{
    border-bottom: dashed 1px #c9ced4;
}

/*Galerie Festival*/
.right_galerie
{
    border-bottom: dashed 1px #c9ced4;
    font-size: 0.9em;
    margin-bottom: 12px;
    padding-bottom: 12px;
    margin-top: 12px;
    text-align: center;
    text-transform: uppercase;
}

.right_galerie img
{
    margin-bottom: 5px;
}

.right_galerie_txt
{
    border-bottom: dashed 1px #c9ced4;
    font-size: 0.9em;
    margin-bottom: 12px;
    margin-top: 12px;
}
.right_galerie_txt ul
{
    float: left;
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 10px 0;
    width: 130px;
}
.right_galerie_txt li
{
    padding-left: 10px;
    padding-bottom: 3px;
}

.right_galerie_strong
{
    font-weight: bold;
    text-transform: uppercase;
}
/*Boutique*/
.categories_colDr
{
    background-color: black;
    color: White;
}

.categories_colDr a
{
    color: White;
}

.categories_colDr ul
{
    display: inline-block;
    list-style-type: none;
    padding: 10px;
    margin: 0px;
}
.categories_colDr ul li
{
    height: 80px;
    font-size: 0.9em;
    padding: 10px;
}
.categories_colDr ul li img
{
    float: left;
    margin-right: 10px;
}
/*Utilisé UC Amis Étapes*/
#zoneAmisEtapes h3
{
    font-size: 1.1em;
    margin: 0;
    padding: 10px 10px 0px 10px;
}
#zoneAmisEtapes h3 a
{
    background-color: Transparent;
    color: #283a44;
}
#zoneAmisEtapes p
{
    margin: 0;
    padding: 3px 0 0 0;
    margin: 3px 0 3px 0;
}
.etapeActive
{
    background-color: #ffffff;
    color: #283a44;
    padding-bottom: 10px;
    padding-top: 10px;
}
.etapePaddSup
{
    padding-top: 10px;
}
.etapeLog
{
    padding-top: 0;
}
.etapeInactive
{
    background-color: #cfe3b9;
    color: #283a44;
    padding-bottom: 10px;
    padding-top: 10px;
}
.etapeSeparateur
{
    border-bottom: dotted 1px #8dae69;
}
.etapeNo
{
    float: left;
    padding: 10px 10px 0 0;
    margin: 0 0 5px 0;
}
.etapeInfoImg
{
    float: left;
    height: 70px;
    width: 74px;
}
.etapeLong .etapeInfoImg
{
    height: 100px;
}
.etapeImgInfo
{
    padding: 10px;
    margin: 0;
}
.etapePhoto
{
    float: right;
    margin: 8px;
    padding: 1px;
}
/*Fin uc Amis Étapes*/
/*---- Fin des classes de la colonne de droite ----*/

/****Classes communes pour différentes sections***/

/***Cadre large séparé en quatre (Accueil et Maison)**/
.demiSpace
{
    background-color: #000000;
    color: #b3b3b3;
    float: left;
    margin: 0;
    padding: 10px;
    width: 225px;
}

.demiSpace h2
{
    text-transform: uppercase;
    padding-left: 0;
    padding-bottom: 10px;
}

.dsImg
{
    float: left;
    margin-right: 10px;
    border: 0;
}
.demiSpace p
{
    font-size: 0.9em;
}
.dsLeft
{
    border-left: solid 1px #434446;
}
.dsBottom
{
    border-bottom: solid 1px #434446;
}
.plus
{
    clear: left;
    float: right;
    margin-right: 10px;
}
/***Cadre large séparé en trois (Maison)**/
.tierSpace
{
    background-color: #000000;
    color: #b3b3b3;
    float: left;
    margin: 0;
    padding: 10px 10px 3px 10px;
    width: 202px;
    border-left: 1px solid #283a44;
}
.tierSpace h2
{
    color: #f5c338;
    text-transform: uppercase;
    padding-left: 0;
    padding-bottom: 7px;
    font-size: 10px;
}
.tierSpace h2 a
{
    background-color: Transparent;
    color: #f5c338;
}

.tierSpace p
{
    padding: 0px;
}
.contenuTierSpace
{
    height: 120px;
}
.tierSpace .Plus
{
    margin-right: 5px;
}

/***Cadre large séparé également avec ul li (Accueil(à ne pas manquer), Artiste(Légendes), Maison(Les Grands Prix)**/

.listeSpace ul
{
    display: inline-block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.listeSpace ul li
{
    border-bottom: solid 1px #c9ced4;
    border-left: solid 1px #c9ced4;
    float: left;
    margin: 0;
    padding: 0;
    width: 245px;
}
.listeSpace ul li div
{
    padding: 8px;
    height: 54px;
}

.listeSpace ul li
{
    behavior: url(    "/css/ressources/IEFixes.htc" );
}

.listeSpace ul li:hover, .listeSpace ul li.hover
{
    background-color: #d4dfe8;
}

/***Fin de classes communes pour différentes sections***/


/****Accueil****/
img#bandePromoMultimedia
{
    margin: 0px auto;
}
.annonceVedette
{
    color: White;
    background-color: Black;
    width: 668px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}
.filetRouge
{
    width:668px;
    margin:0 auto;    
    border:1px solid #c61d00;
}
#chequesCadeaux
{
    border:0;  
}
#annoncePrevente2010, #enteteCarousselColG
{
    width: 305px;
    float: left;
    padding: 5px 0 4px 25px;
    border-right: 1px solid #005C93;
}
#annoncePrevente2010 a, #enteteCarousselColG a
{
    text-decoration: none;
    color: #de4f32;
    font-weight: bold;
}
#enteteCarousselColG a:hover
{
    text-decoration: underline;    
}
#titreAnnoncePrevente2012, #titreEnteteCarousselColG
{
    font-size: 17px;
    color: #de4f32;
    font-weight: bold;
    line-height: 0.85em;
    margin-bottom: 3px;
}
#titreEnteteCarousselColG
{
    line-height: normal;
}
#titreAnnoncePrevente2012
{
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    line-height: 0.85em;
    margin-bottom: 3px;
}
#annonceJal
{
    width: 310px;
    float: left;
}
#logoAnnonceJal
{
    float: left;
    margin: 0px 10px 0 10px;
    border: 0;
}
#texteAnnonceJal
{
    color: #de4f32;
    font-weight: bold;
    padding-top: 15px;
}
#texteAnnonceJal .dates
{
    font-weight: normal;
    margin-top: 5px;
}
#texteAnnonceJal .dates a, #texteAnnonceJal a
{
    color: #de4f32; /*text-decoration: underline;*/
}

#annoncePianoSolo
{
    background: url(    "/images/accueil/piano_spirale.gif" ) no-repeat top left;
    width: 210px;
    height: 50px;
    padding-left: 170px;
    float: left;
    color: #de4f32;
    font-weight: bold;
    font-size: 1.4em;
}

#annoncePianoSolo a
{
    color: #ffffff;
    font-size: 11px;
    text-decoration: underline;
}

#annonceForfaits
{
    float: right;
    width: 250px;
}
#iconeLitForfaits
{
    float: left;
    margin: 7px 10px 0 5px;
    border: 0;
}

#texteAnnonceForfaits
{
    font-weight: bold;
    padding-top: 15px;
}

#texteAnnonceForfaits a
{
    color: #de4f32;
}


#enConcert, #promoJAL
{
    padding-bottom: 10px;
}

#maisonFest, #zonePromoHistorique
{
    background-color: #000000;
}

#maisonFest .demiSpace h2, #maisonFest .demiSpace h2 a, #zonePromoHistorique .demiSpace h2, #zonePromoHistorique .demiSpace h2 a
{
    color: #f5c338;
}

#maisonFest p, #zonePromoHistorique p
{
    padding: 0px 10px;
}

#maisonMnuArch, #maisonMnuServ
{
    background-color: #f5c338;
    font-size: 0.9em;
    font-weight: bold;
    padding: 5px 1px;
    text-align: center;
}
#maisonMnuArch
{
    border-bottom: solid 1px #000000;
}
/*#promo_iPhone, #promo_galerie, #promo_mediatheque
{
    float: right;
    width: 240px;
}
#article_bluenote, #bout_souv
{
    float: left;
    width: 240px;
}*/

.boite_acc_right
{
    float: right;
    width: 240px;
}
.boite_acc_left
{
    float: left;
    width: 240px;
}

#mot_da h3
{
    padding-top: 10px;
}

#bout_souv h2
{
    color: #3e5b85;
    font-size: 1.2em;
}
#bout_souv h2 a
{
    color: #3e5b85;
}

.mnuFooter
{
    font-size: 0.9em;
    margin: 10px 0 24px 0;
    padding: 0;
    text-align: center;
}

.mnuFooter a
{
    color: #606060;
}
/* Newsticker */
#newstickerConteneur
{
    margin: 0 0 10px 0;
}
#newstickerTitre
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
}
#newstickerNews
{
    width: 495px;
    height: 50px;
    float: left;
    margin-top: 3px;
    padding-top: 7px;
    background: url(        '/images/accueil/newsticker/bgNewsticker.png' ) repeat-x 0 0;
}
#newstickerBtn
{
    width: 30px;
    float: left;
    margin: 0 10px 0 7px;
}
#newstickerBtnPrecedent, #newstickerBtnSuivant
{
    width: 12px;
    height: 12px;
    float: left;
    margin: 1px;
}
#newstickerBtnPrecedent
{
    background: url(        '/images/accueil/newsticker/btnNewsticker.png' ) no-repeat 0 0;
}
#newstickerBtnSuivant
{
    background: url(        '/images/accueil/newsticker/btnNewsticker.png' ) no-repeat -18px 0;
}
#newstickerBtnPrecedent:active
{
    background: url(        '/images/accueil/newsticker/btnNewsticker.png' ) no-repeat 0 -18px;
}
#newstickerBtnSuivant:active
{
    background: url(        '/images/accueil/newsticker/btnNewsticker.png' ) no-repeat -18px -18px;
}
#newstickerBtnPrecedent:hover, #newstickerBtnSuivant:hover
{
    cursor: pointer;
}
#newstickerTexte
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    width: 400px;
    float: left;
}
#newstickerTexte a
{
    color: #000000;
    text-decoration: none;
}
#newstickerTexte a:hover
{
    text-decoration: underline;
}

/*Ne pas manquer*/
.clearNePasManquer
{
    display: block;
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 0.1em;
}

#firstNePasManquer
{
    float: none;
    height: 84px;
    width: 100%;
    border: 0;
    background-color: #e4892e;
}

.img1erNePasManquer
{
    float: left;
    margin: 0 10px 10px 0;
}

span.nePasManquerCurrent
{
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
}

#nextNePasManquer, #introNePasManquer
{
    font-weight: bold;
    font-size: 11px;
}

#introNePasManquer
{
    background-color: #d4dfe8;
    zoom: 1;
}
#nextNePasManquer
{
    background-color: #e4892e;
    clear: both;
    padding: 6px 10px 6px 10px;
}
#datesFestival
{
    font-size: 1.5em;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    margin-top: -20px;
}
#copyrightFIJM
{
    margin-top: 25px;
    text-align: center;
    padding: 10px;
    color: #ffffff;
    font-size: 0.85em;
}
/*Carousel*/
.carouselVedetteContainer
{
    width: 670px;
    margin: 0 auto 0 auto;
    background-color: #005c93;
    clear: left;
}


/* ---- zone ARTISTES ----*/

/*** Page Artiste default***/
.h1ArtistesBg
{
    background-color: #000000;
    border-bottom: solid 1px #808080;
    color: #ffffff;
}

#zoneArtistesVedette
{
    border: solid 1px #000000;
}

#artisteVedette
{
    background: #e4892d;
    color: #000000;
    float: left;
    width: 300px;
}

#artisteCarousel
{
    background: #000000;
    color: #ffffff;
    float: left;
}
#artisteCarousel
{
    width: 369px;
}
#zoneArtisteFiche
{
    background: #283a44;
    border: 1px solid #343233;
}

#artistePhotoAudio
{
    width: 300px;
    float: left;
}
#artisteBio
{
    width: 351px;
    color: #ffffff;
    float: left;
    margin: 0 5px 0 10px;
}
#artisteInfo
{
    background: #e4892d;
    color: #000000;
    float: right;
    width: 300px;
}

/*La même classe que celle utilisée pour lecteur audio de la fiche concert, 
on change seulement la couleur du background*/
#artistePhotoAudio .fiche_lecteur_audio
{
    background-color: Transparent;
    height: 25px;
    margin-top: 5px;
}
#artisteBio p
{
    padding: 0;
    margin: 5px 0 10px 0;
}
#artisteBio a
{
    background-color: Transparent;
    color: #ffffff;
}

#artisteBio h1
{
    background-color: Transparent;
    color: #e4892d;
    font-size: 1.2em;
    padding: 6px 0;
}
.zoneArtisteWeb
{
    border-bottom: 1px dotted #343233;
    padding: 0 5px 5px 5px;
}
#titreZoneArtisteWeb
{
    font-weight: bold;
    margin: 5px;
}
/*
.zoneArtistesAssocies
{
    background-color: #ffffff;
    border-bottom: solid 1px #283a44;
    border-left: solid 1px #283a44;
    border-right: solid 1px #283a44;
    color: #000000;
    margin: -2px 0 0 0;
    padding-bottom: 10px;
    padding-top: 10px;
}
*/
.zoneArtistesAssocies
{
    border-bottom: 1px dotted #343233;
    padding: 5px 0 40px 5px;
}
#titreZoneArtisteAssocies
{
    font-weight: bold;
    margin-bottom: 5px;
}
#zoneArtisteFBLikeButton
{
    padding: 10px 0 10px 0;
    background: url('/images/artistes/dot1x4.gif') repeat-x bottom left;
}
#artisteFBLikeButton
{
    height: 28px;
    overflow: hidden;
    padding: 5px;
    width: 225px;
}
#lienArtisteVisitFacebook
{
    font-weight: bold;
    width: 210px;
    margin: 5px auto;
    text-align: right;
}
#lienArtisteVisitFacebook a
{
    font-size: 0.85em;
    margin-left: 20px;
    text-decoration: underline;
}


.artistesPuces ul
{
    margin: 5px;
    padding: 0 0 0 20px;
}

.artistesPuces li
{
    list-style-image: url(    "/images/artistes/puce_artistes.jpg" );
    margin: 5px;
}

#zoneArtistesDecouverte li
{
    font-weight: bold;
}

.demi
{
    float: left;
    margin: 0;
    padding: 0;
    width: 244px;
}

#artisteLegende.demi
{
    background-color: #ffffff;
    border-bottom: solid 1px #d9dada;
    border-left: solid 1px #d9dada;
    color: #000000;
}

#artisteLegende h3
{
    margin: 24px 10px 0 0;
    text-transform: uppercase;
}

#zoneArtistesPasManquer, .zoneArtistesPasManquer
{
    background-color: #000000;
    color: #b3b3b3;
    margin-bottom: 0;
    padding: 0;
}
.zoneArtistesPasManquer
{
    margin: 0;
}
.demiLarge
{
    background-color: #000000;
    border-bottom: solid 1px #434446;
    border-left: solid 1px #434446;
    color: #ffffff;
    float: left;
    padding-bottom: 10px;
    width: 334px;
}


.artistePasManquer
{
    border-bottom: solid 1px #434446;
    border-left: solid 1px #434446;
    padding-bottom: 10px;
}



.artistePasManquer a, #zoneArtistesDossiers a
{
    background-color: Transparent;
    color: #b3b3b3;
    font-weight: bold;
}

.artistePasManquer h2 a, #zoneArtistesDossiers h2 a
{
    background-color: Transparent;
    color: #e4892d;
}

/***Fiche Artistes***/
#onglets
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 671px;
}
#onglets li
{
    display: inline;
    padding: 0px;
    margin: 0;
    cursor: pointer;
}
#onglets img
{
    border: 0;
    margin-right: -3px;
    padding: 0;
    text-align: center;
}
.divOnglets
{
    background-color: #e1e8ed;
    border: solid 1px #000000;
    color: #000000;
    margin-top: -3px;
}
#div_youtube
{
    text-align: center;
    padding: 10px;
    background-color: black;
}
#div_photos
{
    background-color: Black;
    padding-top: 10px;
    padding-bottom: 10px;
}
#div_montrealjazzfest_tv
{
    padding-bottom: 10px;
}


.artisteWebLinks
{
    margin: 5px 5px 5px 5px;
    padding: 0 0 10px 0;
    width: 290px;
}

.artisteWebLinks li
{
    background-image: url(    "/images/artistes/puce_artistes_inverse.jpg" );
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    font-size: 0.9em;
    list-style-type: none;
    padding-right: 13px;
    padding-left: 15px;
}

.googleWebLink
{
    font-size: 0.9em;
    line-height: 1.5em;
    margin: 5px 0 0 5px;
}

.artisteBioLink
{
    background-image: url(    "/images/artistes/puce_artistes_inverse.jpg" );
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    font-size: 0.9em;
    margin-left: 5px;
    padding: 0px 13px 5px 15px;
}

.artisteLinkSep
{
    border-bottom: dotted 1px #333333;
    margin-bottom: 5px;
}

.artisteGenres
{
    display: inline;
    margin: 0;
    padding: 0;
}

.artisteGenres li
{
    display: inline;
    list-style: none;
    margin-right: 13px;
}

.artisteSeparateur
{
    border-top: dashed 1px #E4892D;
    margin-top: 5px;
    padding-top: 5px;
}

.artisteConcerts
{
    font-weight: bold;
}

.artConcertEdition
{
    background-color: #eaf1f7;
    padding: 5px;
    text-align: center;
    width: 65px;
}

.artConcertTitre
{
    padding: 5px;
    width: 204px;
}
.artSpectSousTitre
{
    font-size: 0.9em;
    font-weight: normal;
}
.artConcertDateLieu
{
    font-weight: normal;
    padding: 5px;
    width: 276px;
}

.artConcertLien
{
    padding: 5px;
    width: 190px;
    vertical-align: middle;
}
.artConcertLien div
{
    margin-left: auto;
    margin-right: auto;
}
.artConcertLienOld
{
    padding: 5px;
    width: 138px;
}


.artConcertLien a
{
    background-color: Transparent;
    color: #283a44;
}

.artConcertSeparateur
{
    border-top: dashed 1px #c9ced4;
}
.artEditionSeparateur
{
    border-top: solid 1px #c9ced4;
}

#zoneArtistesPhotoVideo
{
    margin: 0;
    padding: 0;
    text-align: center;
}


.ZoneArtistesInstrument
{
    float: left;
    width: 328px;
}


.ZoneArtistesGenre
{
    float: right;
    width: 328px;
}

#artistesLiens .cadre
{
    background-color: #ffffff;
    border: solid 1px #768187;
    color: #000000;
}

/**** Bio Artistes****/
#zoneArtisteBioNav
{
    clear: both;
    background-color: #000000;
    color: #ffffff;
}
#zoneArtisteBioNav a
{
    background-color: Transparent;
    color: #ffffff;
}
.zoneArtisteBioNavRight
{
    float: right;
}
/***Index Artistes***/
.artistes3Col
{
    float: left;
    margin-top: 10px;
    width: 213px;
}
.artistes3Col p
{
    padding: 0 10px 3px 10px;
}
.artistesLettrine
{
    background-color: Transparent;
    color: #e4892d;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 0;
}

/*Légendes*/
#zoneLegendes
{
    /*background-color:black;*/
}
#zoneLegendes .artistes3Col
{
    padding: 5px;
    text-align: center;
}
#zoneLegendes .artistes3Col img
{
    padding-top: 15px;
}

#zoneLegendes .artistes4Col
{
    width: 138px;
    margin: 12px 14px;
    text-align: center;
    float: left;
}

#zoneLegendes .artistes4Col a
{
    color: White;
    font-weight: bold;
}
#zoneLegendes .artistes4Col p
{
    padding: 5px 0px 0px 0px;
    margin: 0px;
}

#zoneArtisteIndex ul
{
    list-style-type: none;
    margin: 0;
    padding: 10px 7px 10px 7px;
}

#zoneArtisteIndex li
{
    display: inline;
    padding: 6px;
}

#zoneArtisteIndex li a
{
    font-size: 0.9em;
    font-weight: bold;
}

.artisteIndexNavLettre
{
    /*background-color: #000000;     border-top: dotted 1px #797c7f;     color: #ffffff;     padding: 0;     margin: 0;*/
}

#zoneArtisteIndex .artisteIndexNavLettre ul
{
    padding: 6px 7px 6px 7px;
}

.artisteIndexNavLettre a
{
    /*background-color: Transparent;     color: #ffffff;*/
    color: #b2b7bc;
}
/*Style pour dans Index des Artistes quand on a un dossier thématique a annoncer (ex.: genre:jazz fusion)*/
.artisteIndexDossierTheme
{
    background-color: Black;
    color: white;
}
.artisteIndexDossierTheme a
{
    color: White;
}
.artisteIndexDossierTheme .imgDossierTheme
{
    width: 300px;
    height: 169px;
    border: 0px;
    float: left;
    padding-right: 10px;
}



/***Dossiers thématiques***/
.artDossierPhotoFiche
{
    background-color: #000000;
    color: #ffffff;
    float: left;
    height: 169px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 300px;
}
.artDossierIntroArtiste
{
    background-color: #000000;
    color: #ffffff;
    float: left;
    font-size: 1em; /*font-weight: bold;*/
    padding: 0 10px 0 10px;
    width: 350px;
}
.artDossierIntroArtiste h1
{
    background-color: Transparent;
    color: #e4892d;
    font-size: 1.2em;
    padding: 6px 0px;
}
.artDossierIntroArtiste p
{
    padding: 5px 0px;
}

.artDossierIntroArtiste a
{
    color: #ffffff;
}

.dossierTheme
{
    padding-bottom: 20px;
}


.dossierTheme h2
{
    font-size: 1.2em;
    margin-top: 15px;
    margin-bottom: 5px;
}

#plusEdition
{
    width: 250px;
    text-align: center;
    border: 1px solid #E4892D;
    font-size: 10px;
    font-weight: bold;
    margin: 15px auto 20px;
}

#plusEdition a
{
    color: #000000;
    text-decoration: none;
    background-color: #E4892D;
    margin: 1px;
    padding: 2px;
    display: block;
}

#plusEdition a:hover
{
    color: #333333;
}

/***Prix du Festival***/

#awards h2
{
    text-transform: uppercase;
    margin-bottom: 10px;
}
.awardsTitre
{
    /*color:#e4892d;*/
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 15px;
    text-align: center;
}

#awards p
{
    text-align: justify;
}
.descGagnant
{
    border-bottom: 1px solid #C9CED4;
    padding-bottom: 10px;
    padding-top: 10px;
}


/* ---- Section Questions ----*/
/*questions pratiques*/
#profiter_festival
{
    background-color: #40b6ff;
    color: #000000;
}
.questions2tiers
{
    border-right: solid 1px #c9ced4;
    float: left;
    margin: 0;
    width: 331px;
}
.questions1tier
{
    float: left;
    margin: 0;
    width: 160px;
}
#questionsBilletterie
{
    float: left;
    margin-right: 14px;
    width: 238px;
}
#objets_perdus
{
    float: left;
    width: 238px;
}
#meteo h3
{
    padding: 10px;
}
#meteo p
{
    text-align: justify;
}
.iconeMeteo
{
    margin: 10px;
}
#prochainesEditions ul
{
    list-style-type: none;
    margin: 0;
    padding: 5px 0 5px 10px;
}
#prochainesEditions li
{
    background-image: url(/images/questions/questions_puce.gif);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 5px 10px 5px 15px;
}

/*Contact*/
.contact
{
    border-bottom: 1px solid #C9CED4;
    padding-bottom: 10px;
    padding-top: 10px;
}

/*Famille*/
.famille
{
    padding-bottom: 20px;
    background-image: url(/images/questions/famille/chat3.gif);
    background-position: 95% 92%;
    background-repeat: no-repeat;
}

.famille h2
{
    font-size: 18px;
    color: #40b6ff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}
/*Musiciens*/
.musiciens h2
{
    font-size: 18px;
    color: #40b6ff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}
.musiciens h3
{
    font-size: 14px;
}
.musiciens table
{
    width: 100%;
}
.musiciens table tr
{
    padding: 10px;
}
.musiciens table tr img
{
    margin: 0px 10px;
}

/*Sécurité*/
.securite p
{
    margin: 10px;
}
/*Maps routières*/
.road p
{
    margin: 10px;
}
/*Rues barrées*/
#ruesBarreesMap
{
    margin: 5px auto 10px auto;
    padding: 10px;
    text-align: center;
}
.ruesBarreesLegende
{
    padding: 10px;
}



/*S'orienter*/
.orienterSection
{
    float: left;
    width: 324px;
}
.orienterSepLeft
{
    margin-right: 14px;
}

/*Hebergement*/
.hotelsh2
{
    border-bottom: 1px dashed #C9CED4;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
}


.forfait_inclut
{
    padding: 10px; /*background-color: #eaf1f7;*/
    margin: 5px 0px;
}

.forfait_inclut ul
{
    list-style: square;
    margin-bottom: 0px;
    padding-bottom: 5px;
}

.forfait_inclut_nouvelle_orleans
{
    padding: 0px 10px 10px 0px; /*background-color: #eaf1f7;*/
    margin: 5px 0px;
}

.forfait_inclut_nouvelle_orleans ul
{
    list-style: square;
    margin-bottom: 0px;
    padding-bottom: 5px;
}

.forfaitsExtra p
{
    /*border-bottom: 1px dashed #C9CED4;*/
    font-weight: bold;
    padding: 10px;
}

.forfait_left
{
    font-weight: bold;
    float: left;
    margin: 15px 10px 10px 10px;
}


.forfait_right
{
    font-weight: bold;
    float: right;
    padding: 5px;
    margin: 10px;
    border: 1px solid #C9CED4;
    font-size: 1.1em;
    text-align: center;
}


.hotels2col p
{
    float: left;
    margin-top: 15px;
    padding: 5px 5px 5px 10px;
    width: 295px;
}

.hotels2col h2
{
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 3px;
    padding-top: 3px;
}
.hotels2col a
{
    text-decoration: underline;
}

.activiteTourist
{
    padding: 10px 0px;
    zoom: 1;
    border-top: 1px dashed #a6c6d4;
}

.activiteTourist h2
{
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 0px;
    padding-top: 0px;
}

.activiteTourist .imgActivites
{
    float: left;
    margin-left: 10px;
}

.activiteTourist .descActivites
{
    float: left;
    width: 430px;
}


.hotel_detail
{
    padding: 10px 0px;
}
.hotel_detail img
{
    margin: 5px 10px;
}

.tarifs
{
    padding: 3px;
    width: 650px;
    margin: 15px auto 10px;
    border-collapse: collapse;
}
.tarifs th
{
    font-weight: bold;
    padding: 3px; /*border:1px solid #C9CED4;*/
}
.tarifs td
{
    padding: 3px;
    text-align: center; /*border:1px solid #C9CED4*/
}
/*Trousse du Festivalier*/
#trousse
{
    padding-bottom: 30px;
}
#trousse .btnCommandez
{
    border: 1px solid #40B6FF;
    font-size: 1em;
    font-weight: bold;
    margin: 30px auto 0px;
    text-align: center;
    width: 200px;
}

#trousse .btnCommandez a
{
    background-color: #40B6FF;
    color: black;
    display: block;
    margin: 1px;
    padding: 2px;
    text-decoration: none;
    text-transform: uppercase;
}


/*Planétair*/

.planetair_left
{
    float: left;
    margin: 10px;
    width: 400px;
}

.planetair_right
{
    float: right;
    padding: 5px;
    margin: 10px;
    width: 215px;
    border: 1px solid #C9CED4;
    text-align: center;
}
.planetair_video
{
    padding: 10px;
}
.planetair_video div
{
    width: 425px;
    float: left;
    margin-right: 10px;
}

.planetair_video p
{
    width: 210px;
    float: left;
    margin: 0px;
    padding: 0px;
}



.planetairFAQ
{
    padding-bottom: 20px;
}
.planetairFAQ ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: square;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 8px;
    padding-top: 5px;
}
.planetairFAQ p
{
    padding-bottom: 8px;
}
.planetairProjets
{
    padding: 5px 40px;
}


/* Festival (à propos)*/
#festivalBloc1
{
    background-color: #ffffff;
    border: solid 1px #283a44;
    color: #000000;
    text-align: center;
}
#festivalBloc1 h2
{
    padding-top: 20px;
    padding-bottom: 8px;
    text-align: left;
}
.festivalTxt
{
    font-weight: normal;
    font-size: 0.9em;
    margin-left: 20px;
}
#prixFestival
{
    background-color: #ffffff;
    color: #000000;
    font-size: 0.7em;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    width: 605px;
}
.prixFestival
{
    float: left;
    margin-right: 1px;
    width: 150px;
}
.prixFestival p
{
    margin: 5px;
    text-align: left;
}
#festivalBlocPresse
{
    clear: both;
    width: 985px;
}
.soleil
{
    background-color: #000000;
    color: #ffffff;
    padding: 10px;
}
/*Salle de presse*/

ul#presseDocuments
{
    list-style:none;
    margin:0px;
    padding:20px 10px;
}
ul#presseDocuments li
{
    float:left;
    margin-right:20px;
    width:350px;
    font-weight:bold;
}

ul#presseDocuments li img
{
    vertical-align: text-top;
    float:left;
    margin-right:10px;
}

.articlePresse, .articlePresse2
{
    padding: 14px 10px 8px 10px;
}
.articlePresse
{
    background-color: #ffffff;
}
/*--Commanditaires*/
.commLogos
{
    text-align: center;
    margin: 35px auto;
}
.commLogos img
{
    margin-right: 30px;
    margin-left: 30px;
    vertical-align: middle;
}
#zonePhotoTD
{
    width: 760px;
    margin: 15px auto 15px auto;
}
.photosTD
{
    width: 250px;
    text-align: center;
    float: left;
    padding-bottom: 15px;
}
#zonePhotoTD_apropos
{
    margin: 15px 10px 15px 10px;
    text-align:center;
}
.photosTD_apropos
{
    width: 200px;
    padding-left:15px;
    text-align: center;
    float: left;
    padding-bottom: 15px;
}
#videoTD
{
    text-align: center;
    padding: 15px 0 30px 0;
}

/*---- fin section questions ----*/
/*---- début section questions V2----*/

/*page default*/
.questionColGauche
{
    width: 450px;
    float: left;
}
.questionColDroite
{
    width: 207px;
    float: right;
}

.questionColGauche p, .questionColDroite p
{
    padding: 10px;
}

ul.questionListeLiens
{
    list-style-type: none;
    padding: 5px 0 5px 10px;
    margin: 0;
}
ul.questionListeLiens li
{
    background-image: url(/images/questions/questions_puce.gif);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 5px 10px 5px 15px;
}


/*Page avec des listes (style accordéon)*/
.liste_infos
{
    background-color: White;
}

.liste_infos dt
{
    background-image: url('/images/questions/plus.gif');
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-color: #c7d8e6;
    color: black;
    font-size: 11px;
    padding: 5px 10px;
    margin: 2px 0px;
    font-weight: bold;
    clear: both;
    cursor: pointer;
}
.liste_infos dt.titreActif
{
    background-image: url('/images/questions/moins.gif');
    background-color: #a9c6dd;
    color: black;
}
.liste_infos dd
{
    color: #000;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 10px;
    display: none;
    background-color: White;
}
.liste_infos dd a
{
    text-decoration: underline;
}
.afficherToutInfos
{
    float: right;
    text-transform: none;
    text-decoration: underline;
    font-weight: normal;
}



/*---- fin section questions V2----*/



/* ---- zone BOUTIQUE ----*/

.bg_boutique
{
    background-color: #2acec2;
}

/*Boutique-Accueil*/

#titreCarouselBoutique
{
    margin: -15px 0 0 20px;
}
#zoneProduitsVedette /*Page d'accueil*/
{
    background: url(     '/images/boutique/bgCarousselBoutique.png' ) no-repeat;
    width: 987px;
    height: 348px;
    padding-top: 20px;
    margin: 0 auto;
    color: #ffffff;
}
#fadeInProduitsVedette
{
    visibility: hidden;
}
#zoneProduitsVedette a
{
    color: #ffffff;
}
.produitsVedettesDescription
{
    position: relative;
    top: -40px;
}
.imgProduitVedette
{
    width: 180px;
    margin: 0 auto;
}
.imgProduitVedette img
{
    width: 180px;
}

/* Utilisé lorsque l'on divise espace gauche en 2 colonnes
#boutique_gauche
{
    float: left;
    width: 439px;
}

#boutique_droite
{
    float: right;
    width: 218px;
}
*/


.categories_accueil
{
    background-color: black;
    color: White;
}
.categories_accueil a
{
    color: White;
}

.categories_accueil ul
{
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0 20px 25px;
}

.categories_accueil ul li
{
    float: left;
    height: 125px;
    margin: 0; /*Utilisé lorsque l'on divise espace gauche en 2 colonnes     padding: 15px 21px 0;     */
    padding: 15px 18px 0;
    text-align: center;
    width: 88px;
    font-size: 0.9em;
}

.categories_accueil ul li img
{
    margin: 3px;
}

/**Affichage des items en vedette**/


#produitVedette
{
    /*On doit mettre float left pour intégration de l'annonce du coloriage à côté produit en vedette*/
    float: left; /*width: 437px;*/
    width: 200px;
    height: 250px;
    color: #000000;
    background-color: #ffffff;
}
.produitVedetteImage
{
    /*width: 200px;     height: 250px;*/
    float: left; /*margin-left: 15px;*/
}
#produitVedetteInfos
{
    /*width: 195px;*/
    width: 310px;
    padding: 25px 5px 10px; /*float: left;*/
    float: right;
}
#produitVedetteInfos a
{
    background-color: Transparent;
    color: #ffffff;
}
#produitVedetteTitre
{
    font-size: 12px;
    font-weight: bold;
    color: #06113c;
    text-transform: uppercase;
}
#produitVedetteDesc
{
    margin: 20px 0 20px 0;
}
#produitVedetteTexteDesc
{
    display: inline;
}
#produitVedetteLien
{
    width: 120px;
    text-align: center;
    border: 1px solid #2ACEC2;
    font-size: 10px;
    font-weight: bold;
}
#produitVedetteLien a
{
    color: #000000;
    text-decoration: none;
    background-color: #2ACEC2;
    margin: 1px;
    padding: 2px;
    display: block;
}
/*Utilisé pour mettre temporairement l'annonce 'coloriage' dans l'encadré produits en vedette*/
#coloriageVedette
{
    float: left;
    height: 250px;
    padding-top: 20px;
    padding-left: 7px;
    border-left: 1px solid #C9CED4;
}
/**Heures ouverture Boutique**/
table.horaireBoutique
{
    width: 300px;
    margin: 3px 10px 3px 10px;
}

table.horaireBoutique td
{
    padding: 1px 0px;
}


/**Sonnerie Bell**/

ul.sonnerie
{
    margin: 0px;
    padding: 0px 10px 10px 10px;
    list-style-type: none;
}

ul.sonnerie li
{
    margin: 20px 0px;
}

ul.sonnerie li img
{
    margin-right: 10px;
    float: left;
    clear: left;
}

ul.sonnerie li a
{
    font-weight: bold;
    font-size: 0.9em;
}


/**User Controls Panier**/

.statut_achat
{
    /*border-bottom: 1px dashed #C9CED4;*/
    display: block;
    background-color: #2acec2;
}

.statut_achat_clDr
{
    width: 300px;
    background-color: #2acec2;
    margin-bottom: 24px;
}

.statut_achat_galerie
{
    width: 300px;
    border: 1px solid #2acec2;
}

.statut_achat .contenu_panier
{
    width: 250px;
    float: left;
    font-weight: bold;
}

.statut_achat_clDr .contenu_panier, .statut_achat_galerie .contenu_panier
{
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 2px;
}

.statut_achat .cout_panier
{
    width: 120px;
    text-align: right;
    float: right;
}
.statut_achat_clDr .cout_panier, .statut_achat_galerie .cout_panier
{
    font-weight: normal;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.voir_panier
{
    clear: both;
    text-align: right;
    margin-top: 0px;
    padding-top: 0px;
}
.voir_panier a
{
    font-weight: bold;
}

/*Galerie-Accueil*/
.ombre_galerie
{
    background-color: #2acec2;
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
    height: 40px;
}
.ombre_galerie p
{
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 15px;
    font-size: 0.9em;
}

.galerie_artiste
{
    float: left;
    width: 100px;
}

.galerie_artiste img, .galerie_oeuvre img
{
    margin: 10px;
}

.galerie_description
{
    width: 340px;
    text-align: justify;
    float: left;
    padding-bottom: 10px;
}

.galerie_description p
{
    margin: 0px;
    padding: 10px 0px;
}
.galerie_description h2
{
    border-bottom: dashed #2acec2 1px;
    padding: 10px 0px;
    margin: 0px;
}

.galerie_oeuvre
{
    float: left;
    text-align: center;
    width: 228px;
    padding-bottom: 10px;
}

/**Présentation des items d'une catégorie dans sectionBoutique.aspx**/
.boutique
{
    background-color: White; /* width:660px*/
}

.boutique .panier_galerie
{
    display: none;
}

.galerie
{
    background-color: White;
    width: 985px;
}

.galerie .panier_galerie
{
    float: right;
    padding: 10px;
}


.boutique h2, .galerie h2
{
    text-transform: uppercase;
    padding: 15px;
}

.cat_items
{
    float: left;
    height: 300px;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 200px;
}

.cat_items a
{
    font-weight: bold;
}


.galerie .cat_items
{
    width: 222px;
}
.coloriage .cat_items
{
    height: 270px;
}
.coloriage .cat_items img
{
    margin-bottom: 10px;
}

.itemTextePromo
{
    background-color: #FFFFFF;
    border: 1px solid #FF3300;
    bottom: 110px;
    color: #EC0202;
    font-weight: bold;
    left: 10px;
    opacity: 0.8;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 110px;
}
/**Fiche d'un article**/
.ficheArticleImg
{
    width: 174px;
    margin: 0 20px 10px 0;
    float: left;
    text-align: center;
    line-height: 2em;
}

.ficheArticleImg a
{
    font-weight: bold;
}

.infosArticle
{
    width: 400px;
    float: left;
}

.infosArticlePromo
{
    font-weight: bold;
    color: #ec0202;
}

.infosArticle span
{
    display: block;
}

.titreArticle
{
    font-weight: bold;
    font-size: 1.2em;
}

.no_editionArticle
{
    font-style: italic;
}

.descArticle, .selectionArticle
{
    margin: 10px 0 10px 0;
}

.prixArticle
{
    font-weight: bold;
}

/*Panier d'achat*/
.wrapperPanier
{
    width: 680px;
    padding: 10px 20px;
}

table.grillePanier
{
    width: 100%;
    border-collapse: collapse;
    margin-right: auto;
    margin-left: auto;
}

table.grillePanier td, table.grillePanier th
{
    padding: 3px;
}

.AlternatingRowStylePanier
{
    background-color: #F9F9EE;
}

.HeaderStylePanier
{
    text-align: left;
    color: #000000;
    background-color: #2ACEC2;
}

.FooterStylePanier
{
    font-weight: bold;
    color: #000000;
}

.grillePanierProduit
{
    width: 240px;
}

.grillePanierArgent
{
    text-align: right;
}

.grillePanierCenter
{
    text-align: center;
}

/*Section checkout*/
.stepStyle
{
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px;
}

.stepStyle .coordonnee
{
    width: 480px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px; /*background-color:#eaf1f7;*/
}

.stepStyle table
{
    margin-left: auto;
    margin-right: auto;
}


.noCommande
{
    display: block;
    font-weight: bold;
    padding: 15px 0px;
}

.txbcoord
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/*@media print
{
    .cadreSansBottomLine
    {
        width: 650px;
    }
    table.grillePanier
    {
        width: 650px;
    }
}*/


.wizard_flecheD
{
    background-image: url(/images/boutique/fleche_d.gif);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 20px;
    width: 400px;
    text-align: right;
    display: block;
}
.wizard_flecheG
{
    background-image: url(/images/boutique/fleche_g.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20px;
    width: 400px;
    text-align: left;
    display: block;
}


.NavigationStyle
{
    font-weight: bold;
    padding: 10px;
}


.NavigationStyle table
{
    width: 850px;
    margin-right: auto;
    margin-left: auto;
}

.NavigationStyle table td
{
    text-align: center;
}


/*Formulaire Infos Client*/
.formRow
{
    clear: both;
    margin-bottom: 10px;
}

.formRow label
{
    width: 140px;
    display: block;
    float: left;
    font-weight: bold;
}

.formRow2
{
    clear: both;
    margin-bottom: 5px;
}

.formRow2 label
{
    font-weight: bold;
    display: block;
    margin: 5px 0 5px 0;
}

/*Tableau des option d'expédition*/
table.checkoutStepsStyle
{
    width: 100%;
}

table.checkoutStepsStyle table
{
    border-collapse: collapse;
}

/*Style pour le step bon de commande*/
.listeModePaiement label
{
    margin-right: 10px;
}

/*Style du Modal PopUp des réglements*/
.modalBackground
{
    background-color: #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.reglements_popup
{
    background-color: #ffffff;
    border: 1px solid #000000;
    width: 650px;
    height: 400px;
    padding: 15px;
}

.reglements_texte
{
    width: 600px;
    height: 335px;
    border: 1px solid #000000;
    margin: 0 auto 0 auto;
    overflow: auto;
    padding: 10px;
    text-align: justify;
}

.reglements_texte h5
{
    text-align: center;
}

.reglements_popup_boutons
{
    text-align: center;
    margin-top: 10px;
}

.maskPopupTarget
{
    display: none;
}

/*Style de la page de confirmation*/
table.paypalConfirmDetails
{
    width: 80%;
    margin: 10px auto 0 auto;
}
table.paypalConfirmDetails tr td, table.paypalConfirmDetails tr th
{
    border: 1px solid #000000;
    padding: 3px;
}

col#detailTitle, table.paypalConfirmDetails tr th
{
    background-color: #eeeeee;
}
col#detailTitle
{
    width: 165px;
}
/*---Section Billeterie----*/
.billetterie
{
    background-color: White;
}

.billetterie p
{
    padding-right: 45px;
    padding-left: 45px;
    padding-top: 15px;
}

.billetterie table
{
    width: 895px;
    margin: 15px auto 25px;
    border-collapse: collapse;
    border: 1px solid #eaf1f7; /*border:1px solid #C9CED4;*/
}


.billetterie table td
{
    padding: 5px;
}

tr.billetEntete
{
    background-color: #2acec2;
    font-weight: bold;
}
tr.billetAltRow
{
    background-color: #eaf1f7;
}
/*---Section Livre 30ans---*/
/***Page de l'album***/
.etoiles
{
    background-color: White;
    padding-bottom: 30px;
}

.etoilesColG
{
    width: 200px;
    float: left;
    text-align: center;
    padding-left: 20px;
}

.etoilesColD
{
    width: 400px;
    float: right;
    text-align: justify;
    padding-right: 20px;
}

.lienAcheter a, .lienAcheter_en a
{
    display: block; /*width:173px;     height:21px;*/
    width: 85px;
    height: 17px;
    margin-right: auto;
    margin-left: auto;
}

.lienAcheter a
{
    background-image: url(    "/images/boutique/livre30ans/bouton_achat2_fr.gif" );
}

.lienAcheter a:hover
{
    background-image: url(    "/images/boutique/livre30ans/bouton_achat2_over_fr.gif" );
}

.lienAcheter_en a
{
    background-image: url(    "/images/boutique/livre30ans/bouton_achat2_en.gif" );
}

.lienAcheter_en a:hover
{
    background-image: url(    "/images/boutique/livre30ans/bouton_achat2_over_en.gif" );
}

/*--- Section programmation ---*/


.concertPuces ul, ul.concertPuces
{
    margin: 5px;
    padding: 0 0 0 20px;
}

.concertPuces li
{
    list-style-image: url(    "/images/programmation/puce_mes_concerts.jpg" );
    margin: 5px;
}
/*Utilisé loggin*/
.mesConcertsExemple
{
    background-color: #e2e2e2;
    border-bottom: dotted 1px #7f7f7f;
    display: inline-block;
    padding: 10px;
}
.mesConcertsExemple img
{
    float: right;
    margin-left: 10px;
}
.mesConcertsExemple p
{
    padding-left: 0;
    margin-left: 0;
}
#mesConcertsRetourProg
{
    text-align: right;
    margin-bottom: 15px;
}
#mesConcertsRetourProg a
{
    font-weight: bold;
    text-decoration: underline;
}
.grillePager
{
    background-color: #000000;
}
.btnJourPrecedent, .btnJourSuivant
{
    width: 90px;
    font-size: 0.75em;
    text-transform: uppercase;
}
.btnJourPrecedent a, .btnJourSuivant a
{
    text-decoration: none;
    color: #ffffff;
}
.btnJourPrecedent img, .btnJourSuivant img
{
    vertical-align: middle;
    border: 0;
    margin: 0 10px 0 10px;
}
.btnJourPrecedent
{
    float: left;
}
.btnJourSuivant
{
    float: right;
    text-align: right;
}
.grilleTypeSurtitre, .msgMaxResultats, .lieuAdresse
{
    text-align: center;
    color: #75797c;
    font-weight: bold;
    font-size: 0.85em;
}
.msgMaxResultats, .lieuAdresse
{
    margin-top: 5px;
}
.grilleTypeSurtitre
{
    text-transform: uppercase;
}
.grilleTypeBottom, .grilleTypeTop
{
    color: #de4f32;
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
}
.grilleTypeTop
{
    font-size: 1.65em;
}
.zoneInfosSerie
{
    padding: 10px;
    background: #ffffff;
    border-color: #000000 #000000 #c9ced4 #000000;
    border-width: 0 1px 1px 1px;
    border-style: solid solid dashed solid;
    font-weight: bold;
}
.zoneInfosSerie img
{
    vertical-align: middle;
    margin: 0 5px 0 5px;
}
#partenairesMedia
{
    color: #89959d;
    width: 215px;
    float: right;
}
.grilleConcertsWrapper
{
    border: 1px solid #000000;
    border-top: 0;
}
table.grilleConcertsJours, table.grilleConcertsSeries, table.grilleMesConcerts
{
    border-collapse: collapse;
    width: 100%;
}

.grilleConcertsJours td, .grilleConcertsSeries td, .grilleMesConcerts td
{
    font-weight: bold;
    padding: 5px;
}
.colonneDateHeure
{
    background-color: #ffffff;
    border-bottom: 1px solid #eaf1f7;
    border-right: 1px solid #ffffff;
    width: 72px;
    padding: 0;
}
.colonneSerie, .colonneIcones, .colonneMesConcerts
{
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.colonneIcones
{
    width: 16px;
}
.colonneThumbnailConcert, .colonneThumbnailConcertSansSerie
{
    background-color: #e1e8ed;
    padding: 5px 0 5px 5px;
    vertical-align: top;
    width: 16%;
}
.colonneDetailsConcert, .colonneDetailsConcertSansSerie, .colonneDetailsConcertFiche, .colonneDetailsMesConcerts
{
    background-color: #e1e8ed; /*width: 275px;*/
    line-height: 1.3em;
    border-right: 1px solid #ffffff;
    vertical-align: top;
}
/*.colonneThumbnailConcertSansSerie, .colonneDetailsConcertSansSerie, .colonneDetailsMesConcerts*/
.colonneDetailsMesConcerts
{
    border-bottom: 1px solid #ffffff;
}
.colonneDetailsConcertFiche, .colonneDetailsMesConcerts
{
    width: 386px;
}
.grilleMesConcertsThumbnails
{
    padding: 5px 0 5px 5px;
    vertical-align: top;
    width: 101px;
    float: left;
}
.grilleMesConcertsInfos
{
    width: 275px;
    float: left;
}
.colonneSerie
{
    background-color: #e1e8ed;
    border-bottom: 1px solid #ffffff;
}
.concertTitre
{
    text-transform: uppercase;
    padding: 0;
}
.concertTitre a:link, .concertTitre a:active, .concertTitre a:visited
{
    text-decoration: none;
}
.concertTitre a:hover
{
    text-decoration: underline;
}
.concertSousTitre
{
    font-weight: normal;
}
.commentaireRepresentation
{
    font-weight: normal;
    font-style: italic;
}
.concertDateLieu
{
    color: #283a44;
    font-weight: bold;
}
.concertLieuAdresse
{
    font-weight: normal;
    font-size: 0.85em;
    margin-right:10px;
}
.concertGoogleMap
{
    font-size: 0.85em;
    text-decoration:underline;   
}
.concertSerie
{
    font-size: 0.85em;
    text-transform: uppercase;
    font-weight: normal;
}
.iconeHoraireRight
{
    width: 140px;
    float: right;
    text-align: right;
}
.concertSerie img
{
    vertical-align: middle;
    margin-left: 5px;
}
.concertCommentaire, .prixBillets
{
    font-weight: normal;
    font-size: 0.85em;
}
.concertCommentaire
{
    margin-top: 5px;
}
.colonneIcones
{
    background-color: #e2e2e2;
    text-align: center;
    padding: 0;
}
.colonneMesConcerts
{
    text-align: center;
    background-color: #005c95;
    color: #ffffff;
    font-size: 0.75em;
    width: 64px;
}
.colonneMesConcerts img, .colonneMesConcerts input
{
    border: 0;
    margin: 5px 0 5px 0;
}
.colonneAchat
{
    color: #ffffff;
    background-color: #89959d;
    border-bottom: 1px solid #ffffff;
    text-align: center;
    width: 80px;
}
.colonneAchat a
{
    color: #ffffff;
}
.btnAchatConcert, .btnConcertGratuit
{
    color: #ffffff;
    width: 70px;
    text-align: center;
    border: 1px solid #de4f32;
    font-size: 10px;
    font-weight: bold;
}
.btnAchatConcert a, .btnAchatConcert span, .btnConcertGratuit a, .btnConcertGratuit span
{
    color: #ffffff;
    text-decoration: none;
    background-color: #de4f32;
    margin: 1px;
    padding: 2px;
    display: block;
}
.btnConcertGratuit
{
    border: 1px solid #005c95;
}
.btnConcertGratuit a, .btnConcertGratuit span
{
    background-color: #005c95;
}
.lastConcertRow td
{
    border-bottom: 0;
}
.nomSerie
{
}
.noResult
{
    background-color: #e2e2e2;
    text-align: center;
    padding: 15px;
}
.grilleConcertsLegende, .editionsMesConcerts
{
    border-top: 1px dashed #c9ced4;
    background-color: #ffffff;
    font-weight: bold;
    color: #b0b0b0;
    text-align: center;
    font-size: 0.8em;
    padding: 10px;
}
.grilleConcertsLegende img
{
    vertical-align: middle;
}
.titreConcertsLegende
{
    color: #005c95;
}
.avisPrixBillets
{
    text-transform: none;
    margin-top: 10px;
}
.editionsMesConcerts a
{
    text-decoration: underline;
}
.CollectionPagerStyle
{
    color: #ffffff;
    margin: 0 0 5px 5px;
}
.CollectionPagerStyle a
{
    color: #ffffff;
}
.zoneAutoPromo
{
    width: 160px;
    height: 107px;
    float: left;
    text-align: center;
    background-color: #283a44;
    color: #ffffff;
}

/* Style des phylactères « horaire personnalisé » */
.hp_status
{
    width: 182px;
    height: 59px;
    padding: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(     "/images/programmation/phylactere.gif" );
    background-position: top 5px;
    background-repeat: no-repeat;
    display: none;
    text-align: center;
    font-size: 1.1em;
    color: #000000;
}

.hp_text
{
    margin-bottom: 5px;
    font-weight: normal;
}

.hp_status a
{
    font-weight: bold;
    text-decoration: underline;
}

/*Style zone de commentaire des grilles horaires*/
.mesConcertsCommentaire
{
    border-top: 1px dotted #c9ced4;
    padding: 5px;
    margin: 5px -5px 0 -5px;
    display: none;
}
.avatarCommentaire
{
    width: 32px;
    height: 32px;
    float: left;
    margin: 2px 8px 0 0;
}
.txbMesConcertsCommentaire, .txbMesConcertsCommentaireLong
{
    width: 240px;
    float: left;
    margin-right: 8px;
}
.txbMesConcertsCommentaireLong
{
    width: 275px;
    padding-left: 5px;
}
.txbMesConcertsCommentaire textarea, .txbMesConcertsCommentaireLong textarea
{
    width: 240px;
    height: 32px;
    margin-right: 8px;
    border: 1px solid #C9CED4;
    font-size: 11px;
    overflow: auto;
}
.txbMesConcertsCommentaireLong textarea
{
    width: 270px;
}
a.btnPartagerCommentaire, a.btnModifierCommentaire
{
    display: block;
    width: 62px;
    float: left;
    margin-top: 10px;
    padding: 2px;
    text-align: center;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
    background-color: #97adb7;
    border: 1px solid #cfd8dc;
}
a.btnPartagerCommentaire:hover, a.btnModifierCommentaire:hover
{
    font-weight: bold;
}
.msgCharLimit
{
    clear: both;
    font-weight: normal;
    font-size: 10px;
    text-align: center;
    color: #666666;
    font-family: Arial,Verdana,Helvetica,sans-serif;
}
.btnPopUpPartage
{
    width: 50px;
    margin: 10px auto;
    text-align: center;
    border: 1px solid #005c93;
    font-size: 10px;
    font-weight: bold;
}
.btnPopUpPartage a
{
    color: #ffffff;
    text-decoration: none;
    background-color: #005c93;
    margin: 1px;
    padding: 2px;
    display: block;
}
/* Style du modal popup pour l'authorisation de partage */
#maskModal
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}
#boxesModal .windowModal
{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 9999;
}
#boxesModal #popupPartage
{
    width: 475px;
    height: auto;
    background-color: #ffffff;
    padding: 20px;
    border: 2px solid #005c93;
}
#boxesModal #popupPartage a
{
    text-decoration: underline;
}
#popupPartage label
{
    font-weight: bold;
    margin: 0 10px;
}

/*----Grilles des résultats de rechreche de vidéos et d'artistes----*/
.grilleVideosWrapper, .grilleArtistesWrapper
{
    border: 1px solid #000000;
    border-top: 0;
}
table.grilleVideos, table.grilleArtistes
{
    border-collapse: collapse;
    width: 100%;
}
.grilleVideos td, .grilleArtistes td
{
    padding: 5px;
}

.colonneVideoThumbnail, .colonneArtisteThumbnail
{
    background-color: #FFFFFF;
    border-bottom: 1px solid #EAF1F7;
    border-right: 1px solid #FFFFFF;
    width: 99px;
}

.colonneVideoInfos, .colonneArtisteInfos
{
    background-color: #E1E8ED;
    border-bottom: 1px solid #FFFFFF;
}

/*----Fiche d'un concert----*/
#fiche_infos
{
    float: left;
    margin: 0px;
    padding: 0;
    text-align: center;
    width: 300px;
    background-color: #de4f32;
}
.fiche_lecteur_audio
{
    margin-top: -2px;
    background-color: #6f2719;
    color: #ffffff;
    padding: 4px;
    text-align: center;
    height: 25px;
}
#concert_liens_artistes
{
    color: #000000;
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: left;
}
#concert_liens_artistes a
{
    font-weight: bold;
}
#zoneConcertFBLikeButton
{
    border-top: 1px dotted #000000;
    padding: 0 0 0 5px; /*height:50px;*/
}
#concertFBLikeButton
{
    overflow: hidden;
    width: 225px; /*height: 25px;*/
    height: 28px;
    padding: 5px;
}
#lienConcertVisitFacebook
{
    width: 215px;
    margin: 5px auto;
    text-align: right;
}
#lienConcertVisitFacebook a
{
    font-size: 0.85em;
    margin-left: 20px;
    text-decoration: underline;
}
#iconesPartageFiche
{
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 2px;
    color: #333333;
    font-weight: bold;
    font-size: 0.85em;
}

#iconesPartageFiche img
{
    border: 0;
    vertical-align: middle;
    margin-right: 13px;
}

#partageVideo
{
    padding: 5px 5px 10px 10px;
    font-weight: bold;
    font-size: 9px;
}
#partageVideo a
{
    outline: none;
}

#iconesPartageVideo img
{
    vertical-align: middle;
    margin-left: 17px;
}

#liensPartageVideo
{
    padding-top: 10px;
}

.titre_concert_liens_artistes
{
    color: #ffffff;
    font-weight: bold;
    font-size: 1.1em;
    margin: 10px;
}

#fiche_description
{
    background-color: #000000;
    color: #ffffff;
    float: left;
    width: 369px;
}
#fiche_description h1
{
    background-color: Transparent;
    color: #de4f32;
    font-size: 1.2em;
    text-transform: none;
}
#fiche_description a
{
    color: #ffffff;
    text-decoration: underline;
}
.ficheConcertSousTitre
{
    font-weight: bold;
    padding: 0 10px 0 10px;
}
.concertDescription
{
    padding: 10px;
}
.concertDescription p
{
    padding: 5px 0;
}
.noConcertFound
{
    background-color: #e2e2e2;
    text-align: center;
    padding: 15px;
    border: 1px solid #000000;
}
.divOngletsConcert
{
    background-color: #ffffff;
    border: solid 1px #000000;
    color: #000000;
    margin-top: -3px;
}
.divOngletsVideosConcert
{
    background-color: #000000;
    border: solid 1px #000000;
    color: #ffffff;
    margin-top: -3px;
}
#div_photos
{
    text-align: center;
}
.zoneConcertPhotoVideo
{
    text-align: center;
    margin-top: 15px;
}
#pouceCommentaireVIP
{
    vertical-align: middle;
    margin: 0 10px 10px 0;
}
#titreCommentaireVIP
{
    font-size: 1.3em;
    font-weight: bold;
}
.listeCommentairesVIP
{
    background-color: #283a44;
    color: #ffffff;
    padding: 10px;
}
.commentaireVIP
{
}
img.thumbnailVIP
{
    float: left;
    margin: 5px;
    padding: 1px;
    border: 1px solid #ffffff;
}
.commentaireVIPTexte
{
    padding: 10px 0 0 10px;
    color: #ffffff;
    width: 550px;
    float: left;
}
.linkNomVIP
{
    font-weight: bold;
    color: #ffffff;
}
.linkNomVIP:a
{
    text-decoration: none;
}
.linkNomVIP:hover
{
    text-decoration: underline;
}
.zoneConcertAmis
{
    background-color: #a3ca7a;
}
/*On pourra éliminer concert_amis quand on activera les onglets dans les fiche de concert*/
.concert_amis
{
    background-image: url(    "/images/programmation/concert_bg_amis.png" );
    background-position: center;
    background-repeat: repeat-y;
}
.concert_liste_amis
{
    background-color: Transparent;
    border-right: dashed 1px #d1e5bd;
    color: #51653d;
    float: left;
    font-weight: bold;
    margin-left: 20px;
    width: 220px;
}
.concert_liste_amis ul
{
    list-style-type: none;
    margin: 0;
    padding: 10px 0 10px 0;
}
.concert_liste_amis ul li
{
    display: inline;
    margin-right: 10px;
}
.concert_liste_amis img
{
    padding: 1px;
    border: 1px solid #000000;
}
.concert_titre_liste_amis
{
    font-size: 1.5em;
    margin-top: 5px;
}
.concert_txt_amis
{
    font-family: Courier New;
    font-weight: bold;
    padding: 10px 30px 10px 10px;
    text-align: center;
}
.concert_festival_de
{
    float: left;
    padding: 10px 10px 0 10px;
    width: 396px;
}
.concert_festival_de_unfloat
{
    width: 80%;
    float: none;
    margin: 0 auto 0 auto;
}
img.concert_festival_de_image
{
    float: left;
    margin: 0 5px 5px 0;
    padding: 1px;
    border: 1px solid #000000;
}
/*On pourra éliminer concert_ami_mnu quand on activera les onglets dans les fiche de concert*/
#concert_ami_mnu
{
    background-image: url(    "/images/programmation/concert_bg_amis_bas.png" );
    background-position: center;
    background-repeat: no-repeat;
    color: #d1e5bd;
    padding: 2px 30px 12px 30px;
    text-align: center;
}
.zoneConcertAmisMenu
{
    background-color: #8dae69;
    color: #d1e5bd;
    padding: 5px 30px;
    text-align: right;
}
#concert_ami_mnu a, .zoneConcertAmisMenu a
{
    background-color: Transparent;
    color: #51653d;
    font-size: 0.7em;
    font-weight: bold;
    text-transform: uppercase;
}

/*--- Section Mes concerts ---*/
.createWizardChangerImage
{
    padding: 10px;
}
.createWizardChangerImage label
{
    display: none;
}
.createWizardImageEdition
{
    width: 450px;
    margin: 10px auto 10px auto;
    text-align: center;
}
.h1MesConcerts
{
    background-color: #de4f32;
    color: #000000;
}
.h1MesConcerts span
{
    background-color: Transparent;
    float: right;
    font-size: 0.9em;
}
.h1MesConcerts span a
{
    background-color: Transparent;
    color: #000000;
}
.h1MesConcerts span a:hover
{
    text-decoration: underline;
}
#zoneMesConcerts
{
    padding: 69px 0 15px 0;
    background-color: #ffffff;
    border: solid 1px #283a44;
    color: #000000;
    background-image: url(/images/programmation/669x60_bell_jazz_2010.jpg);
    background-repeat: no-repeat;
}
#zoneMesConcerts #loginWrapper
{
    width: 625px;
    margin: 0 auto;
}
#zoneMesConcerts .zoneFbLogin
{
    width: 300px;
    float: left;
    margin: 15px 10px;
    padding: 15px 0;
    text-align: center;
}
/*Les classes .AspNet-Login et .AspNet-PasswordRecovery sont générées par le CSSFriendlyAdapter pour le contrôle de login*/
#zoneMesConcerts .AspNet-Login
{
    width: 300px;
    float: left;
    margin: 15px 10px;
    padding: 15px 0 15px 15px;
    border-left: 1px solid #000000;
}
#zoneMesConcerts .AspNet-PasswordRecovery
{
    width: 375px;
    margin: 15px auto 0 auto;
    padding: 15px 0 15px 0;
}
#formModifierProfil
{
    padding: 15px 0 15px 0;
}
#zoneMesConcerts input
{
    font-size: 1em;
}
.mesConcertsBtn
{
    width: 100px;
    text-align: center;
    border: 1px solid #de4f32;
    font-size: 10px;
    font-weight: bold;
    margin: 15px 10px 0 10px;
}
.mesConcertsBtn a
{
    color: #000000;
    text-decoration: none;
    background-color: #de4f32;
    margin: 1px;
    padding: 2px;
    display: block;
}
#zoneMesConcerts .formRow label
{
    width: 150px;
    display: block;
    float: left;
    font-weight: bold;
}
#zoneMesConcerts .formRow
{
    clear: both;
    margin-bottom: 5px;
}
#zoneMesConcerts .formRow2
{
    clear: both;
    margin-bottom: 5px;
}
#zoneMesConcerts .formGroup
{
    margin-top: 15px;
    border-top: 1px dotted #000000;
}
#zoneMesConcerts .formRow2 label
{
    font-weight: bold;
    display: block;
    margin: 5px 0 5px 0;
}
/*Dans certains steps des wizards, les label sont plus larges avec le texte aligné à droite*/
#formModifierProfil .formRow label, #createWizardUserInfos .formRow label
{
    width: 225px;
    text-align: right;
    margin-right: 5px;
}
img.avatarGenerique, img.votreAvatar
{
    vertical-align: middle;
    margin: 5px;
    padding: 1px;
    border: 1px solid #000000;
}
ul#listeAvatarsGeneriques
{
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0;
}
ul#listeAvatarsGeneriques li
{
    width: 100px;
    margin-bottom: 10px;
    float: left;
}
ul#listeAvatarsGeneriques li img
{
    padding: 1px;
    border: 1px solid #000000;
}
.zonePartageEtConditions
{
    padding: 10px;
}
/*Styles pour le popup «change password»*/
.PopupChangePassword
{
    width: 325px;
    background-color: #ffffff;
    border: 1px solid #000000;
    padding: 15px;
}

/*Instruction pour télécharger «Mes Concerts»*/
.etapesTelechargerConcerts ol li a
{
    text-decoration: underline;
}
.etapesTelechargerConcerts ol li img
{
    display: block;
    margin: 15px auto;
}
.etapesTelechargerConcerts li
{
    font-size: 24px;
    font-weight: bold;
}
.etapesTelechargerConcerts li span
{
    font-size: 12px;
    font-weight: normal;
}

/* Page «choix des programmateurs» */
ul#listeProgrammateurs
{
    list-style-type: none;
    margin: 10px 0 24px 0;
    padding: 0;
}
ul#listeProgrammateurs li
{
    width: 230px;
    margin: 0 0 10px 40px;
    float: left;
}
ul#listeProgrammateurs li img
{
    float: left;
    border: 1px solid #000000;
    margin: 0 10px 10px 0;
}
ul#listeProgrammateurs li div
{
    margin-top: 20px;
}

/*--- Section Maison ---*/
#zoneCommuniquesMaison
{
    padding-bottom: 15px;
}
#zoneCommuniquesMaison img
{
    margin: 5px 0 0 5px;
}
#zoneCommuniquesMaison ul
{
    list-style-type: none;
    padding-left: 0px;
    margin-left: 0px;
}
#zoneCommuniquesMaison ul li
{
    display: block;
    width: 265px;
    float: left;
    background: url("/images/maison_du_festival/puce_rouge.png") no-repeat 0 6px;
    padding-left: 20px;
    margin: 0 0 10px 30px;
}
#headerGrilleMaisonFestival
{
    background-image: url(/images/maison_du_festival/entete_grille_maison_festival.png);
    background-repeat: no-repeat;
    color: #ffffff;
    padding: 10px;
}
#titreGrilleMaisonFestival
{
    /*color:#f5c338;     font-size:1.2em;*/
    color: #ffffff;
    font-weight: bold;
}
.grilleConcertsMaisonBottom
{
    background: #000000;
    color: #ffffff;
    font-weight: bold;
    font-size: 0.8em;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 0 5px 0;
}
.grilleConcertsMaisonBottom a
{
    color: #ffffff;
}
.introMaison
{
    background-image: url(/images/maison_du_festival/cadre_intro_fond.gif);
    background-repeat: repeat-y;
    background-position: top right;
    margin-bottom: 24px;
}
.imgIntroMaison
{
    float: right;
    margin-top: -38px;
}
.introMaisonSousTitre
{
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 10px;
}
#zoneIntroHistorique
{
    background: url(    "/images/historique/fr/bg_intro_maison.jpg" ) no-repeat top center;
    border: solid 1px #283a44;
    background-color: #000000;
    color: #ffffff;
    padding-top: 150px;
}
#zoneIntroHistorique_en
{
    background: url(    "/images/historique/en/bg_intro_maison.jpg" ) no-repeat top center;
    border: solid 1px #283a44;
    background-color: #000000;
    color: #ffffff;
    padding-top: 150px;
}

#introMaisonLogoMediatheque
{
    padding: 10px;
    text-align: right;
    font-size: 10px;
}
#introMaisonLogoMediatheque img
{
    vertical-align: middle;
    margin: 0 0 7px 5px;
}
.dossier
{
    float: left;
    padding: 15px 20px;
    color: White;
    width: 328px;
}
.dossier h1
{
    color: #f5c338;
    background-color: black;
    padding: 0px 0px 6px 0px;
    font-size: 12px;
}
.dossier h1 a
{
    background-color: Transparent;
    color: #f5c338;
}
.dossier a
{
    color: #ffffff;
}
.dossierDessus
{
    border-bottom: dashed #f5c338 1px;
    padding: 5px 0px 15px 0px;
}
.dossierDessous
{
    font-size: 10px;
    padding: 15px 0px 5px 0px;
}

/*#autresDossiers{background-color: black;}*/

#maison_prix ul
{
    display: inline-block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#maison_prix ul li
{
    height: 80px;
    width: 215px;
    padding: 10px 3px;
    border: 0px;
    float: left;
}
#maison_prix img
{
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    border: 0px;
}
#maison_prix li a
{
    /*text-transform: uppercase;*/
}
#maison_prix li a:hover
{
    text-decoration: none;
}
#partenairesMaisonFestival
{
    text-align: center;
}
#partenairesMaisonFestival img
{
    vertical-align: middle;
    border: 0;
    margin: 10px 25px;
}

/*Pages des prix du Festival*/
#entetePrix
{
    color: #ffffff; /*background-image: url(/images/historique/prix/backgroundEntetePrix.gif);     background-repeat: repeat-x;*/
    background-color: Black;
    position: relative;
    zoom: 1;
}
#imageEntetePrixCarlosJobim, #imageEntetePrixEllaFitzgerald, #imageEntetePrixMilesDavis, #imageEntetePrixOscarPeterson, #imageEnteteSpiritAward, #imageEntetePrixBruceLundvall
{
    width: 333px;
    float: left;
    margin-right: 10px;
    margin-bottom: -12px;
}
#imageEnteteSpiritAward
{
    width: 164px;
    float: left;
    margin-right: 10px;
    margin-bottom: -12px;
}
#imageEntetePrixGM, #imageEntetePrixJazz, #imageEntetePrixGalaxie
{
    width: 270px;
    float: left;
    margin-right: 10px;
    margin-bottom: -12px;
}
#texteEntetePrix
{
    padding: 5px 10px 0px 10px;
    float: left;
    width: 600px;
}
ul#recipiendairesPrix
{
    display: inline-block;
    width: 900px;
    margin: 0 40px;
    list-style-type: none;
    padding: 0px;
}

ul#recipiendairesPrix li
{
    text-align: center;
    height: 160px;
    width: 172px;
    padding: 10px 3px;
    float: left;
}

ul#recipiendairesPrix li img
{
    margin: 10px 0 10px 0;
    border: 1px solid #000000;
}

ul#recipiendairesPrix li a
{
}

div#recipiendairesPrixGalaxie
{
    float:left;
    width: 700px;
}


div#recipiendairesPrixGalaxie ul
{
    list-style-type:none;
    padding:20px 20px 0px 20px;
    margin:0px;
  
}
div#recipiendairesPrixGalaxie ul li
{
    padding-bottom:10px;
}

#photosPrixGalaxie
{
    width:150px;
    float:right;   
    margin-right:55px;
    margin-top:20px;
}
#photosPrixGalaxie img
{
    margin-bottom:10px;
}
div#recipiendairesPrixGalaxie p
{  
    padding: 5px 20px 20px 20px;    
    font-size: 10px;
}


#annee_video
{
    text-align: center;
    padding: 10px 0 0 0;
    border-bottom: 0;
    background-color: #ffffff;
}
#zoneProgramme
{
    background-color: #ffffff;
}
#annee_promo_amis
{
    background-image: url(    "/images/maison/1993_bg_amis.png" );
    background-position: top;
    background-repeat: no-repeat;
    margin-top: -5px;
    padding-right: 38px;
    padding-top: 8px;
    padding-bottom: 7px;
}
.txtAmisColor
{
    background-color: Transparent;
    color: #8dae69;
    font-size: 1.2em;
    font-weight: bold;
}
.txtAmisColor a
{
    background-color: Transparent;
    color: #8dae69;
}
.txtAmisColor a:hover
{
    text-decoration: none;
}
.txtAmisBig
{
    font-size: 1.2em;
    font-weight: bold;
}
.annee_chevrons
{
    float: right;
}

#annee_programme
{
    float: left;
    padding: 10px;
    width: 222px;
    text-align: center;
}

#annee_programme img
{
    margin-bottom: 10px;
}

#annee_programme_desc
{
    float: left;
    padding: 10px;
    width: 400px;
}

/*--- zone timeline ---*/

#zoneTimeline
{
    background-color: #231f20;
}
#timelineContent
{
    text-align: center;
}
ul#timelineListeAnnees
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #000000;
}
ul#timelineListeAnnees li
{
    display: block;
    float: left;
    width: 19px;
    background-color: #231f20;
    border-right: 1px solid #eaf1f7;
    text-align: center;
    padding: 5px 0 5px 0;
}
ul#timelineListeAnnees li
{
    behavior: url(    "/css/ressources/IEFixes.htc" );
}
ul#timelineListeAnnees li:hover, ul#timelineListeAnnees li.hover
{
    background-color: #f5c338;
}

#datesDevoilementTimeline
{
    color: #f5c338;
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
}

/*-- Bilan vidéo historique --*/
#bilanVideo > div
{
   padding:15px 10px 10px 10px;
}
#bilanVideo img
{
   float:left;
   margin-right:10px;
   margin-top:-5px;
}

/*-- Page vidéos des anecdotes d'André Ménard --*/

ul#ongletsAnecdotes
{
    list-style-type: none;
    position: relative;
    z-index: 2;
    top: 1px;
    width: 537px;
    height: 24px;
    margin: 0;
    padding: 0;
}
ul#ongletsAnecdotes li
{
    display: block;
    height: 24px;
    float: left;
    text-indent: -999em;
    padding: 0px;
    margin: 0 1px 0 0;
    cursor: pointer;
}
.ongletLegendesOn
{
    background: url(    "/images/historique/sprite_onglets_anecdotes_fr.png" ) no-repeat 0 0px;
    width: 165px;
}
.ongletLegendesOff
{
    background: url(    "/images/historique/sprite_onglets_anecdotes_fr.png" ) no-repeat 0 -25px;
    width: 165px;
}
.ongletLegendesEnOn
{
    background: url(    "/images/historique/sprite_onglets_anecdotes_en.png" ) no-repeat 0 0px;
    width: 165px;
}
.ongletLegendesEnOff
{
    background: url(    "/images/historique/sprite_onglets_anecdotes_en.png" ) no-repeat 0 -25px;
    width: 165px;
}
.ongletMariagesMusicauxOn
{
    background: url(    "/images/historique/sprite_onglets_anecdotes_fr.png" ) no-repeat -168px 0;
    width: 213px;
}
.ongletMariagesMusicauxOff
{
    background: url(    "/images/historique/sprite_onglets_anecdotes_fr.png" ) no-repeat -168px -25px;
    width: 213px;
}
.ongletMariagesMusicauxEnOn
{
    background: url(    "/images/historique/sprite_onglets_anecdotes_en.png" ) no-repeat -168px 0;
    width: 213px;
}
.ongletMariagesMusicauxEnOff
{
    background: url(    "/images/historique/sprite_onglets_anecdotes_en.png" ) no-repeat -168px -25px;
    width: 213px;
}
.ongletMauvaisSouvenirsOn
{
    background: url(    "/images/historique/sprite_onglets_anecdotes_fr.png" ) no-repeat -384px 0;
    width: 156px;
}
.ongletMauvaisSouvenirsOff
{
    background: url(    "/images/historique/sprite_onglets_anecdotes_fr.png" ) no-repeat -384px -25px;
    width: 156px;
}
.ongletMauvaisSouvenirsEnOn
{
    background: url(    "/images/historique/sprite_onglets_anecdotes_en.png" ) no-repeat -384px 0;
    width: 156px;
}
.ongletMauvaisSouvenirsEnOff
{
    background: url(    "/images/historique/sprite_onglets_anecdotes_en.png" ) no-repeat -384px -25px;
    width: 156px;
}
#anecdotesLegendes, #anecdotesMariagesMusicaux, #anecdotesMauvaisSouvenirs
{
    position: relative;
    z-index: 1;
    background-color: White;
    clear: both;
}
#anecdotesMariagesMusicaux, #anecdotesMauvaisSouvenirs
{
    display: none;
}
.introOngletAnectodes
{
    width: 640px;
    margin: 0 auto;
    padding: 20px 10px 0 10px;
    font-size: 1.2em;
}
#listeAnecdotes
{
    margin: 20px auto;
    text-align: justify;
    width: 660px;
}
#listeAnecdotes p
{
    clear: left;
    padding: 10px;
}
#listeAnecdotes img
{
    width: 150px;
    height: 85px;
    margin: 3px 10px 3px 0px;
    position: relative;
}
#listeAnecdotes .titreVideo
{
    font-weight: bold;
    font-size: 1.2em;
}

/*-- Zone Caroussel Médiathèque --*/
#conteneurCarousselMediateque
{
    background-color: #000000;
    padding: 0 8px 10px 8px;
}
/*--zone Anniversaire--*/
#zoneAnniversaire
{
    padding-bottom: 15px;
}

#zoneAnniversaire h2
{
    font-size: 1.2em;
    margin-top: 10px;
    margin-bottom: 5px;
}


/*--container video pleine page--*/

.videoPlayerContainerWide
{
    text-align: center;
    margin: 24px 0 24px 0;
}
.videoDescription
{
    text-align: center;
}
/*--- Page Médiathèque La Presse ---*/

#titreServicesMediatheque
{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
    padding: 10px 0 5px 10px;
    background-color: #283a44;
}

#zoneServicesMediatheque
{
    background-color: #000000;
    color: #ffffff;
    padding: 10px 8px;
}
ul#servicesMediatheque
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul#servicesMediatheque li
{
    width: 125px;
    float: left;
    text-align: center;
    font-weight: bold;
}
#facadeMaison
{
    width: 205px;
    margin: 10px 10px;
    float: right;
}
/*Encadré sur les projections à la salle Stevie Wonder*/
#grandEcran_left
{
    width: 280px;
    float: left;
    margin-bottom: 10px;
}
#grandEcran_right
{
    width: 370px;
    float: right;
    border-left: 1px solid #059cf7;
    padding-left: 10px;
    margin-bottom: 10px;
}
#grandEcran_right h2
{
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 8px;
}
.projection
{
    background-color: #dfe6eb;
    margin-bottom: 6px;
    padding: 4px 8px;
    margin-right: 10px;
}
.projection img
{
    float: left;
    width: 96px;
    height: 54px;
}
.projection_info
{
    width: 240px;
    float: right;
}

.projection_info a.titre
{
    text-transform: uppercase;
    font-weight: bold;
}
.projection_info a.infos
{
    color: #0364a1;
}
.grandEcran_tous
{
    text-transform: uppercase;
}
.grandEcran_tous img
{
    margin-right: 5px;
}


/*--- AMIS du FESTIVAL ---*/

/*Utilisé pour les h1 aux coins arrondis*/
.amisTitre
{
    background-color: Transparent;
    background-image: url(    "/images/amis-du-festival/bg_titre_content.png" );
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
}
.amisTitreOneColumn
{
    background-color: Transparent;
    background-image: url(    "/images/amis-du-festival/bg_titre_content985.png" );
    background-repeat: no-repeat;
    color: #ffffff;
    width: 985px;
}
.amisTitreShadow
{
    background-color: Transparent;
    background-image: url(    "/images/amis-du-festival/bg_titre_content_shadow.png" );
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
}
h1.amisTitreShadow
{
    padding-top: 10px;
    padding-bottom: 5px;
}
/*Utilisé pour les cadres avec les coins arrondis en bas*/
.amisBas, .amisBasShadow
{
    background-position: bottom;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}
/*sans ombre*/
.amisBas
{
    background-image: url(    "/images/amis-du-festival/bas_arrondi.png" );
    height: 7px;
}
.amisBasOneColumn
{
    background-image: url(    "/images/amis-du-festival/bas_arrondi985.png" );
    background-repeat: no-repeat;
    height: 7px;
    width: 985px;
}
/*avec ombre*/
.amisBasShadow
{
    background-image: url(    "/images/amis-du-festival/bas_arrondi_shadow.png" );
    height: 19px;
}

/*Utilisé pour les cadres aux coins arrondis*/
.amisContent
{
    background-color: #ffffff;
    border-right: solid 1px #343434;
    border-left: solid 1px #343434;
    color: #000000;
    margin: 0px;
    padding: 0px;
}
/*avec ombre*/
.amisContentShadow
{
    background-image: url(    "/images/amis-du-festival/fond_blanc_shadow.png" );
    color: #000000;
    margin: 0px;
    padding: 0px;
}

/*Utilisé pour l'identification*/
#zoneAmiLogin
{
    padding-top: 10px;
    padding-bottom: 10px;
}
#zoneAmiLogin h2
{
    font-size: 1.3em;
    margin: 0;
    padding: 10px 0 10px 0;
}

.amiLoginLeft, #zoneAmiLogin .AspNet-Login
{
    float: left;
    padding-left: 10px;
    padding-top: 10px;
    width: 320px;
}
.amiLoginLeft p, #zoneAmiLogin .AspNet-Login p
{
    padding-left: 0;
}
.amiLoginLeft
{
    text-align: center;
}
#zoneAmiLogin .AspNet-Login
{
    border-left: solid 1px #000000;
}
#zoneAmiLogin .AspNet-Login .formRow label
{
    width: 130px;
}
.amiLoginRight.formRow input
{
    margin-bottom: 5px;
}
#zoneAmiLogin .AspNet-Login .formRow .formChk label
{
    padding-top: 3px;
    width: 150px;
}
.formCmdAmi
{
    border: 1px solid #8dae69;
    font-size: 1em;
    font-weight: bold;
    padding: 15px auto 15px auto;
    margin: 10px auto 10px auto;
    text-align: center;
    width: 100px;
}
.formCmdAmi a
{
    background-color: #8dae69;
    color: #ffffff;
    display: block;
    margin: 1px;
    padding: 2px;
    text-decoration: none;
    text-transform: uppercase;
}
.formFeedBackAmi
{
    display: block;
    padding: 10px;
    color: #aa0000;
}
.amisContent .formRow label
{
    padding-left: 0px;
    padding-top: 3px;
}
/*Fin de l'identification*/
/*Utilisé pour les commentaires sur les concerts*/
.tblAmiConcerts
{
    border-bottom: dotted 1px #b5b5b5;
    width: 669px;
}
.tblAmiConcerts th
{
    padding: 0 0 5px 10px;
    text-align: left;
}
.tblAmiConcerts td
{
    background-color: #e2e2e2;
}
.amiGrillePhoto
{
    margin: 0;
    padding: 10px;
    width: 116px;
}
.amiGrilleConcerts
{
    width: 217px;
}
.amiGrilleConcerts p
{
    margin-left: 0;
    padding-left: 0;
    width: 217px;
}
td.amiGrilleCommentaires
{
    padding: 10px;
    width: 336px;
}

.amiGrilleCommentaires textarea
{
    border: solid 1px #828587;
    width: 300px;
}
.amiGrillePublier
{
    font-size: 0.9em;
    padding: 10px;
}
.amiGrilleCmdPublier
{
    width: 200px;
}
.amiGrilleSeparateur
{
    border-bottom: solid 1px #ffffff;
}
/*fin commentaires concert*/
/*Utilisé pour le partage des concerts avec des amis*/
.sendSelection
{
    padding: 10px;
}
.sendSelection p
{
    padding-top: 0px;
    margin-top: -3px;
}
.sendSelection .sendLink
{
    padding-bottom: 0px;
    padding-top: 13px;
    margin: 0;
}
.sendSelection label, .sendSelectionFrom
{
    clear: left;
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-top: 10px;
    text-align: right;
    width: 200px;
}
.sendSelection textarea, .sendSelection input
{
    width: 400px;
    margin: 10px 5px 10px 0px;
}
.sendCmd
{
    margin: 10px auto 10px auto;
    width: 250px;
}
.sendCmd .formCmdAmi
{
    float: left;
    margin-left: 10px;
}
.sendSelectionCopy label
{
    clear: none;
    display: inline;
    float: none;
    padding-top: 0;
    margin-top: 0;
}

.sendSelectionCopy input
{
    margin-bottom: 0;
    margin-left: 200px;
    width: 18px;
}
.sendSelectionEnd
{
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}
/*Fin partage concert*/

/*Utilisé pour la page sélection d'un ami*/
.selectionAmiPhoto, .pageMesConcertsPhoto
{
    border: solid 1px #000000;
    float: left;
    margin: -16px 10px 10px 10px;
    padding: 1px;
    position: relative;
    z-index: 1;
}
.pageMesConcertsPhoto
{
    margin: -76px 10px 10px 10px;
}
.amisContent .grilleConcertsJours
{
    border: 0;
    clear: left;
    margin-top: -46px;
}
.amisContent .grilleConcertsJours td
{
    border-bottom: 0;
}
.amisContent .grilleConcertsJours td.selectionAmiComment
{
    background-color: #cfe3b9;
    border-bottom: solid 2px #ffffff;
    border-right: solid 1px #ffffff;
    font-weight: normal;
    margin: 5px;
    text-align: justify;
}
.grilleLegendeConcerts
{
    background-color: #ffffff;
    color: #b0b0b0;
    font-size: 0.8em;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.grilleLegendeConcerts img
{
    vertical-align: middle;
}
.titreLegendeConcerts
{
    color: #005c95;
}
/*Fin de la page sélection d'un ami*/
/*Page Liste des amis qui partagent leur sélection*/
.amisPartageListePhoto
{
    clear: left;
    float: left;
    border: solid 1px #000000;
    padding: 1px;
    margin: 5px 10px 5px 10px;
}
.amisLettrine
{
    background-color: Transparent;
    clear: left;
    color: #8dae69;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.amiEditions
{
    font-weight: bold;
    text-align: center;
    font-size: 0.8em;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.amiTri
{
    padding: 15px;
    text-align: center;
}
.amiTriColor
{
    background-color: Transparent;
    color: #8dae69;
    font-weight: bold;
}
/*Fin de la page Liste des amis qui partagent leur sélection*/
/*Utilisé pour la page liste des amis qui partagent leurs souvenirs*/
.amisContentDemi
{
    float: left;
    padding-bottom: 10px;
    width: 334px;
}

/*Utilisé pour la page d'un souvenir*/
.pnlSouvPhotos
{
    margin-top: 12px;
    text-align: center;
}
.pnlSouvVideo
{
    margin-top: 12px;
    text-align: center;
}
.souvTexte
{
    background-image: url(    "/images/amis-du-festival/souvenirs_texte_fond.jpg" );
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0;
    padding: 100px 140px 10px 140px;
    min-height: 410px;
}
.linkPartage
{
    margin-top: 14px;
    padding-bottom: 14px;
    text-align: center;
}
/*Fin de la page liste partage souvenir*/

/*Bas de page insitatif UC partage concerts*/
.zonePartageConcert, .zonePartageConcertShadow, .zonePartageShadow
{
    background-color: #ffffff;
    padding: 15px 40px 15px 15px;
}
.zonePartageConcert
{
    background-image: url(    "/images/amis-du-festival/trombone.png" );
    border-right: solid 1px #343434;
    border-left: solid 1px #343434;
    background-position: top;
    background-repeat: no-repeat;
}
.zonePartageConcertShadow, .zonePartageShadow
{
    background: url(    "/images/amis-du-festival/trombone_shadow.png" );
    background-position: top;
    background-repeat: no-repeat;
    margin-top: -14px;
}
.zonePartageConcert h3, .zonePartageConcertShadow h3, .zonePartageBtn h3, .zonePartageShadow h3
{
    color: #8dae69;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.zonePartageConcert p, .zonePartageConcertShadow p, .zonePartageShadow p
{
    font-size: 1.1em;
    padding: 5px 0 5px 0;
}
.zonePartageConcert p.small, .zonePartageConcertShadow p.small, .zonePartageShadow p.small
{
    font-size: 0.9em;
}
.zonePartageBtn
{
    margin: 5px;
    text-align: center;
}
.partageNumeroEtape
{
    background-color: #8dae69;
    padding: 0 2px 0 2px;
    margin-left: 15px;
    color: #ffffff;
}
/*fin du bas de page*/

/*Page partager vos souvenirs*/
.amiAvatarLeft
{
    float: left;
    margin: 8px;
    padding: 1px;
}
.sendSouvenirForm
{
    padding: 10px;
}
.sendSouvenirForm label
{
    display: block;
    font-weight: bold;
    padding: 10px 0 0 0;
    margin: 0;
}
.sendSouvenirForm p
{
    padding: 5px 0 0 0;
}
label.labelInline
{
    display: inline;
    padding-right: 5px;
    padding-top: 10px;
}
.sendSouvenirForm textarea, .sendSouvenirForm input
{
    width: 400px;
    margin: 5px 5px 5px 0px;
}
.sendSouvenirForm select
{
    margin-top: 10px;
}
.sendSouvenirPublier label
{
    display: inline;
    font-weight: normal;
}
.sendSouvenirPublier input
{
    margin: 10px 5px 0px 0px;
    width: 15px;
}
#souvenirVideoForm
{
    float: left;
    width: 420px;
}
#souvenirVideoYoutube
{
    margin-top: 2px;
    text-align: center;
}
/*fin de la page partager vos souvenirs*/

#zonePartageSelection, #zonePartageSouvenir
{
    background-image: url(    "/images/amis-du-festival/fond_spirale.png" );
    background-repeat: no-repeat;
}
#zonePartageSelectionBas
{
    background-image: url(/images/amis-du-festival/fond_spirale_bas.png);
    background-position: top;
    background-repeat: no-repeat;
    height: 26px;
}
#zonePartageSouvenir
{
    margin-top: 8px;
}
#zonePartageSelection h1, #zonePartageSouvenir h1
{
    background-color: Transparent;
    padding-top: 10px;
}
.amisFestH1Plus
{
    background-color: Transparent;
    color: #434446;
    float: right;
    font-size: 0.85em;
    font-weight: bold;
    margin-top: 3px;
}
.amisFestH1Plus a
{
    margin-left: 20px;
    background-color: Transparent;
    color: #434446;
}

/*nouveau*/
.zonePartageLeft
{
    background-color: Transparent;
    float: left;
    margin: 10px 20px auto 5px;
    padding: 15px;
    width: 280px;
}
.zonePartageRight
{
    background-color: Transparent;
    float: left;
    padding: 15px;
    margin: 10px 5px auto 20px;
    width: 271px;
}
.zonePartageVide
{
    background-color: #ffffff;
    display: block;
    margin: 0 5px 0 5px;
    padding: 0;
}
.photoConcert
{
    background-image: url(    "/images/amis-du-festival/coins_photo_selection.png" );
    background-repeat: no-repeat;
    height: 164px;
    text-align: center;
    width: 275px;
}
.photoSouvenir
{
    background-image: url(    "/images/amis-du-festival/coins_photo_souvenirs.png" );
    background-repeat: no-repeat;
    height: 179px;
    text-align: center;
    width: 258px;
}
.photoConcert img, .photoSouvenir img
{
    margin-top: 10px;
}
.nomConcert, .nomConcert a
{
    color: #283a44;
    font-weight: bold;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 5px;
}
.amiAvatar
{
    float: left;
    margin-right: 3px;
}
.amiAvatar img
{
    padding: 1px;
    border: 1px solid #000000;
}

.amiInfos
{
    margin-left: 3px;
}
.amiInfos h3
{
    color: #f1f6ec;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
}
.amiInfos p
{
    margin: 0;
    padding: 0;
}
.amiPartageTxtLight
{
    color: #f1f6ec;
}
.amiPartageTxtDark
{
    color: #283a44;
}

.amisPartageLinkAll
{
    clear: left;
    font-size: 1.1em;
    font-weight: bold;
    margin: 10px -10px 10px -10px;
    padding-top: 10px;
}
.amisPartageLinkAll a
{
    background-color: Transparent;
    color: #ffffff;
}

.amiSelections
{
    border-bottom: 1px dashed #d1e4bd;
    color: #283a44;
    padding: 0 2px 10px 0;
    margin-bottom: 10px;
}
.amiSelectionsThumbnail
{
    width: 100px;
    float: left;
}
.amiSelectionsThumbnail img
{
    border: 5px solid #edebda;
}
.amiSelectionsInfos
{
    width: 155px;
    margin-left: 10px;
    float: left;
}

blockquote.souvenirWithquote
{
    background-image: url(    "/images/amis-du-festival/guillemet_g_fr.gif" );
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 0.8em;
    margin-left: 0;
    padding-top: 0;
    padding-left: 50px;
}
p.souvenirWithunquote
{
    background-image: url(    "/images/amis-du-festival/guillemet_d_fr.gif" );
    background-position: bottom right;
    background-repeat: no-repeat;
    margin-right: -50px;
    padding-right: 60px;
    padding-bottom: 15px;
}
.souvenirTitre
{
    font-weight: bold;
}

#zoneSouvenirsVideo
{
    margin-bottom: 0;
    padding-bottom: 0;
}
#zoneSouvenirsPhoto
{
    margin-top: -5px;
    padding-top: 0;
}
#zoneSouvenirsVideo h1, #zoneSouvenirsPhoto h1
{
    background-color: Transparent;
    background-image: url(    "/images/amis-du-festival/bg_titre_uni.png" );
    background-repeat: no-repeat;
}
.zoneAmiVedette
{
    background-image: url(    "/images/amis-du-festival/bg_uni.png" );
    background-repeat: repeat-y;
    padding: 10px 0px 0px 10px;
    margin-top: -1px;
}
.zoneAmiVedetteTopPlusHaut
{
    margin-top: -5px;
}
.zoneAmiVedetteBas
{
    background-image: url(    "/images/amis-du-festival/fond_uni_plat.png" );
    background-repeat: no-repeat;
    height: 23px;
}
.zoneAmiVedetteBasRonds
{
    background-image: url(    "/images/amis-du-festival/fond_uni_arondi.png" );
    background-repeat: no-repeat;
    height: 23px;
}

.amiVedette
{
    border-right: dotted 1px #8dae69;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    width: 150px;
}

.amiVedetteThumbnail
{
}
.amiVedetteThumbnail img
{
    border: 5px solid #edebda;
}
.amiVedetteInfos
{
}
.amisSouvenirLinkAll
{
    clear: left;
    font-size: 1.1em;
    font-weight: bold;
    margin: 10px -10px 0 -10px;
    padding-top: 10px;
    padding-bottom: 0;
    text-align: center;
}
/*fin nouveau*/
/*old*/
.zonePartageSelectionLeft
{
    width: 290px;
    padding: 15px 15px 10px 15px;
    float: left;
    margin-right: 38px;
}
.zonePartageSelectionRight
{
    width: 276px;
    padding: 15px 15px 5px 15px;
    float: left;
}
.zonePartageSouvenirsLeft
{
    width: 290px;
    padding: 15px 15px 5px 15px;
    float: left;
    margin-right: 24px;
}
.zonePartageSouvenirsRight
{
    width: 290px;
    padding: 15px 15px 5px 15px;
    float: left;
}
.photoSouvenirs
{
    width: 256px;
    height: 177px;
    margin: 0 0 15px 20px;
    text-align: center;
    background-image: url(    "/images/amis-du-festival/coins_photo_souvenirs.png" );
    background-repeat: no-repeat;
}
.photoSouvenirs img, .photoSelection img
{
    margin-top: 10px;
}

.ami_selection
{
    border-bottom: 1px dashed #d1e4bd;
    color: #283a44;
    padding: 10px 5px 10px 0;
    font-weight: bold;
}
.ami_selection_last
{
    border-bottom: 0;
    padding-bottom: 0;
}
.ami_selection_thumbnail
{
    width: 100px;
    float: left;
}
.ami_selection_thumbnail img
{
    border: 5px solid #edebda;
}
.ami_selection_infos
{
    width: 160px;
    margin-left: 10px;
    float: left;
}
.ami_selection_infos a
{
    color: #283a44;
}
.ami_fest
{
    margin-top: 5px;
    font-weight: bold;
}
.zonePartageSouvenirsRight .ami_fest
{
    margin-left: 15px;
}
.ami_fest_avatar
{
    /*width: 28px;*/
    float: left;
    margin-right: 3px;
}
.ami_fest_avatar img
{
    padding: 1px;
    border: 1px solid #000000;
}
.ami_fest_infos_125px
{
    width: 125px;
    float: left;
}
.ami_fest_infos
{
    margin-left: 3px;
}
.ami_fest_infos_titre
{
    color: #f1f6ec;
    font-size: 0.8em;
}
.nom_ami_fest, .nom_ami_fest a
{
    color: #000000;
}
.ville_ami_fest_blanc
{
    color: #f1f6ec;
    font-weight: normal;
}
.ville_ami_fest_bleu
{
    color: #283a44;
    font-weight: normal;
}
.amis_fest_all_link
{
    /*border-top: 1px dashed #d1e4bd;*/
    clear: both;
    font-size: 1.1em;
    font-weight: bold;
    margin: 15px -10px 10px -10px;
    padding-top: 10px;
}
.amis_fest_all_link a
{
    background-color: Transparent;
    color: #ffffff;
}


.nomArtistePartageSelection, .nomArtistePartageSelection a
{
    color: #283a44;
    font-weight: bold;
}
blockquote.withquote
{
    margin: 0;
    background: url(    "/images/amis-du-festival/guillemet_g_fr.gif" ) no-repeat;
    background-position: top left;
    padding-left: 45px;
    text-align: justify;
    font-weight: normal;
}
p.withunquote
{
    background: url(    "/images/amis-du-festival/guillemet_d_fr.gif" ) no-repeat;
    background-position: bottom right;
    padding-right: 55px;
    padding-bottom: 18px;
}
.dateSouvenir
{
    font-weight: bold;
    font-size: 0.8em;
}

/*fin old*/


.partageDescription
{
    padding: 15px 40px 0 15px;
}
.partageDescriptionTexte
{
    font-size: 1.1em;
    padding-bottom: 5px;
}
.partageDescriptionTitre, .partageDescriptionTitreVert
{
    padding-bottom: 5px;
    font-size: 1.25em;
    font-weight: bold;
}
.partageDescriptionTitreVert
{
    color: #8dae69;
}
.partageDescriptionChevron
{
    margin-left: 5px;
    vertical-align: middle;
    border: 0;
}
.partageDescriptionNumeroEtape
{
    background-color: #8dae69;
    font-size: 0.7em;
    padding: 0 2px 0 2px;
    margin-left: 5px;
    color: #ffffff;
}
.zonePhotosVideosTous
{
    width: 671px;
    background: url(    "/images/amis-du-festival/fond_video.png" ) no-repeat;
}
.zonePhotosVideosTous h1
{
    background-color: Transparent;
}
.zoneVideosTousFooter
{
    width: 671px;
    height: 23px;
    background: url(    "/images/amis-du-festival/fond_video_bas.png" ) no-repeat;
}
.zonePhotosTousFooter
{
    width: 671px;
    height: 21px;
    background: url(    "/images/amis-du-festival/fond_photo_arrondi.png" ) no-repeat;
}
.amiSelectionPhoto, .amiSelectionVideo
{
    width: 24.5%;
    border-right: 1px dashed #8dae69;
    float: left;
}
.lastAmiSelection
{
    border: 0;
}
.amiSelectionColumnContent
{
    padding: 10px;
}
.amiSelectionColumnContent .ami_selection_thumbnail
{
    margin-bottom: 8px;
}
.amiSelectionColumnContent .ami_fest
{
    margin-bottom: 8px;
    clear: both;
}

/*Default amis*/

#zoneActuMusicale
{
    margin: 20px auto 0 auto;
    padding-bottom: 20px;
    width: 661px;
}

#zoneActuMusicale h2
{
    background-color: #c3ccd3;
    color: #283a44;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 5px 0 5px 12px;
    text-transform: uppercase;
}

.disquesRSSElement, .disquesRSSElement2
{
    color: #283a44;
    float: left;
    padding: 10px 0 3px 12px;
    width: 312px;
}
.disquesRSSElement
{
    border-right: 1px dashed #c3ccd3;
}
.disqueRSSDate
{
    float: left;
    width: 85px;
}
.disqueRSSImage
{
    float: left;
    width: 44px;
}
.disqueRSSDetail
{
    float: left;
    width: 256px;
}
#zoneActuMusicaleTitre
{
    color: #283a44;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 0 5px 12px;
    background-color: #c3ccd3;
}
#zoneActuMusicaleLeft, #zoneActuMusicaleRight
{
    float: left;
    padding: 0;
    color: #283a44;
    width: 330px;
}
#zoneActuMusicaleLeft
{
    /*width: 312px;*/
    border-right: 1px dashed #c3ccd3;
}
#zoneActuMusicaleRight
{
    /*width: 280px;*/
}
.actuAuteur, .disqueAuteur
{
    font-size: 0.9em;
    font-style: italic;
}
.actuMusicaleItemTitle
{
    color: #000000;
    font-weight: bold;
}
.actuMusicaleEntrevue
{
    width: 150px;
    padding: 0 5px 5px 0;
    float: left;
}
.actuMusicaleEntrevue img
{
    border: 5px solid #c3ccd3;
    display: block;
    margin-bottom: 5px;
}
ul.actuMusicaleDisques
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul.actuMusicaleDisques li
{
    margin: 0 10px 10px 0;
}
.actuMusicaleIconeCD
{
    width: 34px;
    margin-right: 10px;
    float: left;
}
.actuMusicaleInfosCD
{
    width: 220px;
    float: left;
}

/*Concours*/
#concoursIntro
{
    background-image: url(    "/images/amis-du-festival/fond_sans_spirale.png" );
    background-position: center top;
    background-repeat: no-repeat;
    padding: 5px;
}
#concoursIntro h1
{
    background-color: Transparent;
    color: #ffffff;
    margin-left: 5px;
}
#concoursIntro p
{
    font-weight: bold;
    padding: 10px 5px 10px 5px;
    text-align: center;
}
#concoursListOne
{
    background-image: url(    "/images/amis-du-festival/trombone_shadow.png" );
    background-position: center top;
    background-repeat: no-repeat;
    margin: -10px 0 0 0;
    padding: 0;
}
#concoursListOther
{
    background-image: url(    "/images/amis-du-festival/fond_blanc_shadow.png" );
    margin: 0;
    padding: 0;
}
.concoursElement
{
    /*margin-right:28px;*/
}
.concoursLinkTxt
{
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 10px; /*margin-top: -5px;*/
}
#concoursListOne h2, #concoursListOther h2, #concoursFinis h2
{
    font-family: Arial;
    font-size: 1.3em;
    padding-top: 15px;
}
.concoursPhoto
{
    float: left;
    margin: 20px 5px 20px 15px;
    width: 112px;
}
.concoursDesc
{
    float: left;
    width: 530px;
}
.concoursDates
{
    float: right;
    font-size: 0.8em;
    padding-top: 10px;
}
.concoursPlusInfos
{
    float: left;
    padding-top: 8px;
}
.concoursSep
{
    clear: both;
    border-bottom: dashed 1px #7f7f7f;
    margin: 0 10px 0 10px;
    padding: 0;
}

#concoursFinis
{
}
/*Concours The Gazette, montrealjazzfest.com*/

.requiredSymbol
{
    color: #800517;
    font-weight: bold;
}
#contest .btnSubmit, #contestSite .btnSubmit
{
    border: 1px solid #8dae69;
    font-size: 1em;
    font-weight: bold;
    margin: 30px auto 0px;
    text-align: center;
    width: 150px;
}
#contest .btnSubmit a, #contestSite .btnSubmit a
{
    background-color: #8dae69;
    color: black;
    display: block;
    margin: 1px;
    padding: 2px;
    text-decoration: none;
    text-transform: uppercase;
}

#contestSite
{
    padding: 15px;
}
#contestSite h2
{
    color: #8dae69;
    font-weight: bold;
    font-size: 1.3em;
    padding: 15px 0px;
}

/*Carte des Amis*/

/************* Edition 2011 */
#caIntroLeft, #caIntroRight
{
    padding: 0 10px 10px 10px;
    font-family: Verdana;
    font-size: 13px;
}
#caIntroLeft
{
    background: url(    "/images/amis-du-festival/concours/carte_amis/bgIntroLeft.png" ) no-repeat center top;
    width: 311px;
    border-right: 1px dashed #000000;
    float: left;
}
#imgCarteIntroLeft
{
    float: right;
    margin-top: -20px;
}
#caTitreIntroLeft
{
    display: block;
    width: 304px;
    margin: 5px auto;
}
#caSousTitreIntroLeft
{
    margin: 5px;
    text-align: center;
}
#caIntroRight
{
    background-color: #ffcd09;
    width: 315px;
    float: left;
}
#imgCarteIntroRight
{
    float: right;
}
ul.caListeIntroLeft, ul.caListePrivileges
{
    list-style: disc url("/images/amis-du-festival/concours/carte_amis/caPuce.png") inside;
    margin-left: 10px;
    padding: 0;
}
ul.caListeIntroLeft
{
    font-weight: bold;
}
ul.caListePrivileges
{
    font-size: 12px;
    font-weight: bold;
}
ul.caListePrivileges li
{
    margin-bottom: 10px;
}
#caTitreTelechargement
{
    margin: 10px 0 20px 0;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}
#caTitreTelechargementForfaits
{
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 17px;
}
.caTexteTelechargementForfaits
{
    margin: 0;
    text-align: center;
    font-size: 11px;
}
#caInputCodeTelechargementForfaits
{
    text-align: center;
}

#caInputCodeTelechargement
{
    text-align: center;
    margin-top: 20px;
}
#caInputCodeTelechargement input[type=text]
{
    border: 1px solid #005495;
    text-transform: uppercase;
}
.caBtn
{
    border: 1px solid #f04730;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    width: 100px;
    margin: 20px auto 0 auto;
}
.caBtn a
{
    background-color: #f04730;
    color: #FFFFFF;
    display: block;
    margin: 1px;
    padding: 2px;
    text-decoration: none;
    text-transform: uppercase;
}
.caInterTitre
{
    font-family: Verdana;
    font-size: 13.5px;
    font-weight: bold;
    border: 1px dashed #000000;
    border-left: 0;
    border-right: 0;
    padding: 10px;
}
#caTitreGrandPrix
{
    color: #ea8c1c;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 0 10px;
}
#caListePrix
{
    width: 662px;
    margin: 0 auto;
}
#caListePrix tr td
{
    padding: 10px 0;
}
#caListePrix tr td.col1
{
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: 14px;
    color: #ea8c1c;
    width: 75px;
}
#caListePrix tr td.col2
{
    vertical-align: middle;
    text-align: center;
    width: 120px;
}
#caListePrix tr td.col3
{
    font-family: Verdana;
    font-size: 11px;
}
#infosTirage
{
    font-size: 12px;
    font-weight: bold;
    padding: 20px 10px;
}
.caDescGrandsPrix
{
    font-family: Verdana;
    font-size: 18px;
}
.caSection
{
    padding: 10px;
}
.titreSectionPrivileges
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 10px 0;
}
.titreSectionPrivileges img
{
    vertical-align: middle;
    margin-right: 5px;
}
.descriptionPrivilege
{
    font-weight: normal;
    font-size: 11px;
    margin-left: 20px;
}
.caNomPrix
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}
/************* Edition 2010 */

#caCd
{
    background-image: url(    "/images/amis-du-festival/fond_sans_spirale_haut.png" );
    background-position: center top;
    background-repeat: no-repeat;
    padding: 5px;
}
#caCd h1
{
    background-color: Transparent;
    color: #ffffff;
    margin-left: 5px;
}
#caCd h2
{
    font-size: 1.1em;
    text-align: center;
}
#caCd p
{
    background-color: Transparent;
    color: #283a44;
    text-align: center;
}
#caCdPhoto
{
    float: left;
    padding-top: 20px;
    width: 187px;
}
#caCdPhoto p
{
    background-color: Transparent;
    color: #000000;
    font-size: 0.8em;
    text-align: left;
}
.caLogoUniversal
{
    float: right; /*margin-top: -10px;*/
}
#caCdIntro
{
    float: left;
    position: relative;
    margin-left: -160px;
    padding-left: -160px;
    width: 600px;
    z-index: 5;
}
#caPlayer
{
    float: left;
    position: relative;
    width: 470px;
}
#caConcours
{
    background-image: url(    "/images/amis-du-festival/fond_blanc_shadow.png" );
    margin: -5px 0 0 0;
    padding: 0 0 20px 0;
}

#caConcours h2
{
    font-size: 1.1em;
    padding-top: 10px;
    padding-bottom: 10px;
}
table#listePrixCarteAmis
{
    border-collapse: collapse;
    margin-top: 15px;
    width: 100%;
}

table#listePrixCarteAmis td
{
    padding: 15px;
}

.listePrixImage
{
    text-align: right;
    width: 130px;
}

.listePrixImage img
{
    border: 0;
}
#caCarte
{
    background-image: url(    "/images/amis-du-festival/fond_blanc_shadow.png" );
    margin: 0 0 0 0;
    padding: 0 0 20px 0;
}
#caCarte h1
{
    margin-right: auto;
    margin-left: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 643px;
}
#caCarte h2
{
    font-size: 1.1em;
    margin: 10px 10px 20px 10px;
    text-transform: uppercase;
}
.caLogoTD
{
    margin-top: -5px;
}
#caImgCA
{
    float: left;
    margin-top: 45px;
    margin-bottom: 45px;
    text-align: center;
    width: 220px;
}
#caBandeLogos
{
    text-align: center;
    margin-top: 15px;
}

/*--- Téléchargement Carte des Amis ---*/
#titreCarteAmisDownload
{
    background-color: #fdb316;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 15px;
    margin: 0 4px;
}
.sousTitreCarteAmisDownload
{
    background-color: #5b5b5b;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 15px;
    margin: 0 4px;
}
table#tblCarteAmisDownloadZip
{
    border-collapse: collapse;
    width: 642px;
    margin: 1px auto 22px auto;
}
table#tblCarteAmisDownloadZip .col1
{
    width: 96px;
    text-align: center;
}
table#tblCarteAmisDownloadZip .col2
{
    width: 50px;
    text-align: center;
}
table#tblCarteAmisDownloadZip .col3
{
    width: 70px;
    text-align: center;
}
table#tblCarteAmisDownloadZip .col4
{
    width: 200px;
    text-align: left;
}
table#tblCarteAmisDownloadZip .col5
{
    text-align: center;
}
table#tblCarteAmisDownloadZip img
{
    border: 0;
    vertical-align: middle;
}
table#tblCarteAmisDownloadZip a
{
    text-decoration: underline;
}
table#tblCarteAmisDownloadZip tr td
{
    background-color: #f4f3f3;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    vertical-align: middle;
    border-bottom: 4px solid #ffffff;
}
.downloadZipWeight
{
    font-size: 10px;
    font-weight: normal;
}
table#tblCarteAmisDownloaMP3
{
    border-collapse: collapse;
    border-top: 1px dashed #7f7f7f;
    width: 663px;
    margin: 0 auto 46px auto;
    font-size: 11px;
}
table#tblCarteAmisDownloaMP3 tr td
{
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #ffffff;
    background-color: #f4f3f3;
    padding: 10px;
}
table#tblCarteAmisDownloaMP3 .col1
{
    text-align: left;
    width: 160px;
}
table#tblCarteAmisDownloaMP3 .col2
{
    text-align: left;
    width: 140px;
}
table#tblCarteAmisDownloaMP3 .col3
{
    text-align: left;
    width: 152px;
}
table#tblCarteAmisDownloaMP3 .col4
{
    text-align: center;
    width: 24px;
}
table#tblCarteAmisDownloaMP3 .col5
{
    text-align: left;
    border-right: 0px;
}
table#tblCarteAmisDownloaMP3 .col5 img.arrow_download
{
    margin-left: 25px;
}
table#tblCarteAmisDownloaMP3 thead tr td
{
    background-color: #c6c6c6;
    text-align: center;
    border: 0;
    padding: 6px 0;
}
img.arrow_download
{
    vertical-align: middle;
}
.supportCarteAmisDownload
{
    margin: 15px 0;
    padding: 10px;
}
#zoneLogosCieDisques
{
    text-align: center;
    margin: 0 4px;
}
/*--- blogsession colonne droite ---*/
/*Utilisés*/
#blogsession_col_droite
{
    margin: 0 0 14px 0;
}
#blogsession_header
{
    background-image: url(    "/images/colonne_droite/amis_festival/amis_blog_title_bg_no_shadow.png" );
    background-position: center;
    background-repeat: no-repeat;
    height: 78px;
}
#blogsession_header h1
{
    background-color: Transparent;
    color: #d2c4ae;
    font-family: Arial;
    font-size: 1.4em;
    font-style: italic;
    padding-top: 20px;
    padding-bottom: 0;
    text-transform: none;
}
#blogsession_header p
{
    background-color: Transparent;
    color: #d2c4ae;
    font-family: Arial;
    font-size: 0.9em;
    font-style: italic;
    padding-bottom: 5px;
}
#blogsession_content
{
    background-color: #ece2c8;
    color: #000000;
    margin-top: -2px;
    padding-top: 2px;
}
#blogsession_footer
{
    background-image: url(    "/images/colonne_droite/amis_festival/ami_blog_foot_bg.png" );
    background-repeat: no-repeat;
    font-size: 0.8em;
    font-weight: bold;
    height: 35px;
    padding: 0 10px 0 10px;
    text-transform: uppercase;
}
#blogsession_footer a
{
    background-color: Transparent;
    color: #ffffff;
}
.blogsessionAutor
{
    font-size: 0.9em;
    font-style: italic;
}
/* -- fin blogsession -->*/

/*--- Actualité musicale colonne droite ---*/

#actuMusicaleColDroite
{
    margin-bottom: 24px;
}
#actuMusicaleColDroite h2
{
    background-color: #c3ccd3;
    color: #283a44;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0;
    padding: 5px 5px 5px 10px;
    text-transform: uppercase;
}
#actuMusicaleColDroite ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #283a44;
}
#actuMusicaleColDroite ul li
{
    padding: 5px 10px 5px 10px;
    border-bottom: 1px dashed #c3ccd3;
}
.articles_recent_cat, #actuMusicaleColDroite ul li a
{
    font-weight: bold;
    color: #000000;
}
#actu_musicale_col_droite_foot
{
    padding: 10px;
    font-size: 0.75em;
    font-weight: bold;
    text-transform: uppercase;
    color: #283a44;
}

/***Zone Multimédia***/

.multimedia
{
    width: 669px;
    background-color: black;
}

.SSPcentre
{
    width: 669px;
    margin-right: auto;
    margin-left: auto;
    background-color: black;
}
.extraVideo
{
    background-color: #e6d71c;
    padding: 8px 25px;
}
.extraVideo a
{
    text-transform: uppercase;
    font-size: 8px;
    font-weight: bold;
}

.extraVideo a img
{
    margin-right: 10px;
}


.multimedia_coldr_top
{
    background-image: url(/images/multimedia/colDr_top.png);
    background-position: top;
    background-repeat: no-repeat;
    color: black;
}
.promo_cd_dvd_coldr
{
    color: #000000;
}
.img_cd30e
{
    float: left;
    margin: 10px 10px 0px 10px;
}

.img_trompettiste
{
    float: right;
    margin-right: 8px;
    margin-top: 1px;
}
.img_confidences
{
    float: left;
    margin: 10px 0px 0px 8px;
}

.multimedia_coldr_infos
{
    background-color: #283a44;
    padding-bottom: 15px;
    padding-top: 10px;
}

.multimedia_coldr_infos p
{
    color: White;
}
.multimedia_coldr_infos img
{
    float: right;
    margin: 3px 10px;
    clear: right;
}
#headerStreamingBrianSetzer
{
    width: 985px;
    background-color: #50b948;
    margin: 0 auto;
    padding: 2px 0;
    text-align: center;
}
#zoneStreamingBrianSetzer /*Zone de Streaming Brian Setzer*/
{
    width: 965px;
    background-color: #000000;
    color: #ffffff;
    font-size: 12px;
    padding: 10px;
}
#streamingBrianSetzer
{
    width: 640px;
    margin-right: 10px;
    float: left;
}
#frameBrianSetzer
{
    background-color: #000000;
}
#infosStreamingBrianSetzer
{
    width: 310px;
    float: left;
}
#infosStreamingBrianSetzer h2
{
    color: #ffffff;
    padding: 0;
    margin: 0;
}
#streamingBrianSetzerText
{
    height: 50px;
    font-size: 18px;
    font-weight: bold;
}
#imgTitreStreamingBrianSetzer
{
    margin: 5px 0 15px 0;
}
#streamingBrianSetzerLogoWeb2
{
    padding: 20px 15px;
    text-align: right;
}
#streamingBrianSetzerLogoWeb2 img
{
    margin-right: 15px;
    vertical-align: middle;
    border: 0;
}
#streamingBrianSetzerLogoXM
{
    margin-top: 50px;
    text-align: center;
    font-size: 11px;
}
#streamingBrianSetzerLogoXM img
{
    border: 0;
    vertical-align: middle;
}
#zoneJazzFestTv /*Zone MontrealJazzFest.tv*/
{
    background-color: #283a44;
    color: #ffffff;
    font-size: 12px; /*height:440px;*/
    height: 528px;
    width: 985px;
}

#titreJazzFestTv
{
    padding: 12px 0 0 10px;
}
#titreJazzFestTvText
{
    width: 100px;
    text-align: center;
    padding-top: 17px;
}
#titreJazzFestTv img, #titreJazzFestTvText
{
    float: left;
}
#zoneVideoJazzFestTv
{
    width: 490px;
    float: left;
}
#zoneVideoJazzFestTv #player
{
    display: block;
    width: 474px;
    height: 290px;
    background-color: Black;
    margin: 0 0 10px 10px;
}
#legendeVideo a, #legendeText a
{
    color: #ffffff;
    text-decoration: underline;
}
#zoneJazzFestTv #legendeText
{
    font-size: 11px;
}

/*Pour éviter outline quand on clique sur le player*/
#player_api:focus
{
    outline: 0;
}
#player_api:focus
{
    outline: none;
}
#player_api::-moz-focus-inner
{
    border: none;
}

#zoneVideoJazzFestTv #titre
{
    /*padding-left: 10px;*/
    padding: 22px 0px 15px 10px; /*font-weight:bold;*/
}

#zoneVideoJazzFestTv #contenuLegende
{
    height: 32px;
}
#contenuLegende #legende
{
    padding-left: 10px;
}
#zoneCarrouselJazzFestTv
{
    width: 474px;
    height: 370px;
    float: right;
    padding-right: 10px;
}
#choixVideo
{
    border-bottom: 1px dotted #afb2b3;
    margin: 15px 0 54px;
    padding-bottom: 6px;
}
.ddlVideoEdition
{
    margin-left: 75px;
    width: 140px;
}
.ddlVideoCat
{
    margin: 0 15px 0 18px;
    width: 155px;
}
#btnVideosSearch
{
    vertical-align: middle;
    cursor: pointer;
}
#zoneTvBell #txbVideosSearch
{
    color: White !important;
}


.videoItem /*css caroussel item vidéos*/
{
    width: 219px;
    height: 75px;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

.videoItem:hover
{
    cursor: pointer;
}
.videoThumbnailImg
{
    font-size: 9px;
    float: left;
    width: 105px;
}
.videoThumbnailImg img
{
    margin-bottom: 2px;
}

.videoThumbnailTxt
{
    font-size: 11px;
    float: right;
    width: 108px;
}


.videoItem:hover .videoThumbnailImg img, #carVideo .jcarousel-item-selected .videoThumbnailImg img
{
    border: 1px solid #e6d71c;
}

.videoItem:hover .videoThumbnailTxt, #carVideo .jcarousel-item-selected .videoThumbnailTxt
{
    color: #c2c3c3;
}


#footerJazzFestTv /*Footer de la zone JazzFest TV*/
{
    clear: both;
    border-top: 1px dotted #afb2b3;
    font-size: 9px;
    padding: 8px 15px;
}

#footerJazzFestTv #txbVideosSearch
{
    font-size: 11px;
    width: 185px;
}

#partagerVideo
{
    clear: both;
    font-size: 9px;
}

/*a#btnPartagerVideo, a#btnEmbedVideo, a#btnVideoUnique, a#btnVoirVideos
{
    display: block;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
}
a#btnPartagerVideo, a#btnEmbedVideo, a#btnVideoUnique
{
    background: url(    "/images/multimedia/puceJaune.png" ) no-repeat 0 3px;
    padding-left: 25px;
    float: left;
}
a#btnPartagerVideo
{
    width: 160px;
}
a#btnEmbedVideo
{
    width: 170px;
}
a#btnVideoUnique
{
    width: 170px;
}*/
a#btnVoirVideos
{
    background: url(    "/images/plus_blanc.gif" ) no-repeat 0 3px;
    padding-left: 15px;
    margin-left: 30px;
    width: 155px;
    display: inline;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
}
#dateContenuVideo
{
    font-size: 11px;
}

/*Design spécial Bell pour Zone montrealjazzfest.tv*/

#zoneTvBell #zoneJazzFestTv /*Zone MontrealJazzFest.tv*/
{
    background: #e4e4e4 url("/images/multimedia/bg_bell.gif" ) no-repeat top left;
    color: Black;
    height: 598px;
}

#zoneTvBell #zoneVideoJazzFestTv #titre, #zoneTvBell #titreJazzFestTv
{
    color: White;
}

#zoneTvBell #zoneVideoJazzFestTv #titre
{
    font-size: 13px;
    padding-bottom: 10px;
}


#zoneTvBell #zoneVideoJazzFestTv
{
    /*width: 490px;*/
    width: 503px;
    float: left;
}
#zoneTvBell #zoneVideoJazzFestTv #tvBell
{
    background: url("/images/multimedia/bg_tv_bell.png") no-repeat;
    display: block;
    height: 348px;
    padding: 12px 0 0 11px;
    margin-left: 7px;
}
#zoneTvBell #zoneVideoJazzFestTv #player
{
    margin: 0px;
}


#zoneTvBell #legendeVideo a, #legendeText a
{
    color: black;
}

#zoneTvBell #contenuLegende #legende
{
    padding-left: 10px;
}

#zoneTvBell #partageVideo
{
    padding: 30px 5px 20px 10px;
}

#zoneTvBell #zoneCarrouselJazzFestTv
{
    width: 464px;
}


#zoneTvBell #carVideo .jcarousel-item-selected .videoThumbnailImg img, #zoneTvBell .videoItem:hover .videoThumbnailImg img
{
    border: 1px solid #009bfb;
}

#zoneTvBell #carVideo .jcarousel-item-selected .videoThumbnailTxt, #zoneTvBell .videoItem:hover .videoThumbnailTxt
{
    color: #00609b;
}


#zoneTvBell #choixVideo
{
    margin-left: 7px;
    padding-left: 20px;
    border-bottom: 1px dotted #504d4c;
}

#zoneTvBell .videoItem
{
    margin-right: 0px;
    margin-left: 10px;
}


/*#zoneTvBell a#btnPartagerVideo, #zoneTvBell a#btnEmbedVideo, #zoneTvBell a#btnVideoUnique
{
    color: black;
    background: url("/images/multimedia/puceBleueBell.png") no-repeat 0 3px transparent;
}*/

#zoneTvBell a#btnVoirVideos
{
    color: black;
    background: url("/images/plus_noir.gif") no-repeat 0 3px transparent;
}

#zoneTvBell #footerJazzFestTv
{
    padding: 8px 10px;
}

#zoneTvBell #footerJazzFestTv #txbVideosSearch
{
    background-color: Black;
    color: White;
    padding: 2px;
}

/*********************/


.apple_overlay_multimedia /*Formulaire de partage des vidéos*/
{
    display: none;
    background-image: url(../images/overlay/boite_blanche_550x450.png);
    width: 534px;
    padding: 35px;
    font-size: 12px;
}
.apple_overlay_multimedia a.close, .apple_overlay_multimedia div.close
{
    background-image: url(../images/overlay/close.png);
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}
#envoiAmiLegendeValidation
{
    font-size: 11px;
    padding: 15px 0px 15px 5px;
}
#envoiAmiVideo h2, #embed h2, #envoiAmiFiche h2
{
    font-size: 14px;
}

#envoiAmiVideo .rowEnvoiAmi, #envoiAmiFiche .rowEnvoiAmi
{
    padding: 5px;
}
#envoiAmiVideo .rowEnvoiAmi label, #envoiAmiFiche .rowEnvoiAmi label
{
    padding-bottom: 5px;
}
#envoiAmiVideo .error, .infoObligatoire, #envoiAmiFiche .error
{
    color: Red;
}
#envoiAmiVideo label.error, #envoiAmiFiche label.error
{
    padding: 0px 5px 0px 5px;
}
#envoiAmiVideo #envoiAmiForm, #envoiAmiFiche #envoiAmiFormFiche
{
    display: block;
}
#envoiAmiVideo #envoiAmiFeedback, #envoiAmiVideo #envoiAmiFeedbackFiche
{
    display: none;
}
#envoiAmiVideo h2 em, #envoiAmiFiche h2 em
{
    font-size: 13px;
}



/*Overlay plus d'infos*/
#plusInfosVideo h2
{
    margin-bottom: 5px;
    font-size: 14px;
}

#plusInfosVideo h4
{
    /*border-bottom: 1px dotted #cccccc;*/
    border-bottom: 1px dotted #504D4C;
    font-size: 12px;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 20px;
}

#plusInfosVideo ul
{
    list-style-type: none;
    margin: 0;
    padding: 3px 0px 0px 0px;
}

#plusInfosVideo li
{
    background-image: url("/images/multimedia/puceBleueBell.png");
    background-position: 2px 11px;
    background-repeat: no-repeat;
    font-weight: normal;
    margin: 0;
    padding: 5px 10px 5px 25px;
}

#plusInfosVideo .containerVideoInfos
{
    height: 530px;
    overflow: auto;
    padding: 0px 10px;
}

/*Overlay url (lien vidéo unique)*/

#url h2
{
    margin-bottom: 5px;
    font-size: 14px;
}
.urlVideoUnique
{
    padding: 10px;
}

#zonePhotosPano ul li
{
    background-color: #000000;
    color: #ffffff;
}
#zonePhotosPano ul li img
{
    float: left;
}
.descPhotosPano
{
    width: 140px;
    padding: 5px;
    float: left;
}
#introPhotosPano /*Intro au photos panoramique*/
{
    background-color: #000000;
    color: #ffffff;
    width: 643px;
    margin: 10px auto;
}
#introPhotosPano img
{
    float: left;
}
#textIntroPhotoPano
{
    width: 155px;
    padding: 10px 5px 10px 10px;
    float: left;
}
#radioFIJMContenu
{
    background-color: #283a44;
    color: white;
    padding: 0 10px 10px;
}
#radioFIJMContenu a
{
    color: #ffffff;
}
#playerRadioFIJM
{
    clear: both;
    margin-bottom: 10px;
}
#radioFIJMLienStandAlone
{
    width: 140px;
    float: left;
    text-align: center;
}
#radioFIJMLiensRSS
{
    width: 120px;
    float: left;
    text-align: center;
}
#radioFIJMLiensRSS img
{
    vertical-align: middle;
}

/*Page «Toute les vidéos»*/
#multiToutesVideos
{
    background-color: #283a44;
    color: #ffffff;
    font-size: 12px;
    width: 985px;
}
#choixToutesVideos
{
    /*margin: 15px;*/
    margin: 25px 15px 30px 15px;
}
#choixToutesVideos #txbVideosSearch
{
    width: 175px;
}

#multiToutesVideos
{
    width: 967px;
    color: white;
    background-image: url(   '/images/coins/multimedia/bg.png' );
    margin: 0 auto;
}
#multiToutesVideos .choixVideo
{
    padding: 15px 10px 30px 10px;
    margin: 0px;
    border: 0px;
}

#listeVideo
{
    padding: 0 10px 10px 10px;
}
#listeVideo .videoItem
{
    width: 226px;
    margin-right: 10px;
    margin-bottom: 15px;
}

#listeVideo .videoThumbnailTxt
{
    width: 115px;
    font-size: 11px;
}
#listeVideo .videoThumbnailImg img
{
    border: 1px solid black;
}

#listeVideo .videoItem:hover .videoThumbnailImg img, #listeVideo .videoItem-selected .videoThumbnailImg img
{
    border: 1px solid #e6d71c;
}

#listeVideo .videoItem:hover .videoThumbnailTxt, #listeVideo .videoItem-selected .videoThumbnailTxt
{
    color: #c2c3c3;
}

#multiToutesVideos #pager
{
    background-color: #231f20;
    margin-top: 10px;
    padding: 5px;
    z-index: 1;
    text-align: center;
}

#multiToutesVideos #pager a
{
    color: #ffffff;
    padding: 10px;
    font-size: 14px;
    outline: none;
    font-weight: bold;
}

#multiToutesVideos #pager a.highlight
{
    color: #e6d71c;
}

p.searchVideosFeedback
{
    padding-bottom: 10px;
}

.apple_overlay_video
{
    display: none;
    background-image: url(../images/overlay/boite_noire_950x570.png);
    width: 934px;
    padding: 35px;
    font-size: 12px;
    color: White;
}
.apple_overlay_video div.close
{
    background-image: url(../images/overlay/close.png);
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}
#exposeMask
{
    background: #123;
}

#openVideo #player
{
    display: block;
    clear: both;
    background-color: Black;
    width: 640px;
    height: 384px;
    outline: none;
    margin: 25px 0px 10px 0px;
}
#openVideoLeft h2#titre
{
    font-weight: bold;
    font-size: 15px;
    padding: 0px 0px 15px 0px;
}

#openVideoLeft
{
    width: 650px;
    height: 530px;
    float: left; /*border-right:1px dotted #afb2b3;*/
    border-right: 1px dotted #16292e;
}

#openVideoLeft div#contenuLegende #legende
{
    width: 640px;
}
#openVideoLeft div#contenuLegende #legende
{
    padding: 0px;
}

.legendeHauteur
{
    height: 32px;
}

#openVideoRight
{
    width: 270px;
    float: right;
    font-weight: bold;
}
#openVideoRight h3#titreEnSavoirPlus
{
    font-size: 13px;
    padding: 5px 0px 7px 0px;
}

#openVideoRight .videoInfosExtra ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#openVideoRight .videoInfosExtra li
{
    background-image: url(/images/accueil/fleche_bl.png);
    background-position: 2px 10px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 5px 10px 5px 25px; /*border-bottom: 1px dotted #afb2b3;*/ /*border-bottom: 1px dotted #2b525b;*/
    font-weight: normal;
}


#openVideoRight .videoInfosExtra li a
{
    color: White;
}

#openVideoRight .videoInfosExtra h4
{
    margin: 0px;
    padding-top: 20px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #2b525b;
}

/*Player vidéo unique*/
.zoneVideoUnique
{
    color: #ffffff;
    background-color: black;
}
.contentVideoUnique
{
    width: 640px;
    margin: 10px auto 30px auto;
}
#msgAucunVideoUnique
{
    font-weight: bold;
    text-align: center;
    margin: 40px 0 20px 0;
}
.videoUniqueInfosExtra
{
    margin-bottom: 24px;
}
#videoInfosExtraEntete
{
    background-image: url(/images/colDr_top_arrondi.png);
    background-position: center top;
    background-repeat: no-repeat;
    color: #ffffff;
    padding: 10px;
    font-weight: bold;
}
#videoInfosExtraLiens
{
    background-color: #283A44;
    color: #ffffff;
}
#videoInfosExtraLiens h2
{
    margin: 0px;
    padding: 5px 10px;
}

#videoInfosExtraLiens a
{
    color: #ffffff;
}
#videoInfosExtraLiens ul
{
    list-style-type: none;
    padding: 2px 0 10px 0;
    margin: 0;
    border-top: 1px dotted #AFB2B3;
}
#videoInfosExtraLiens li
{
    /*background-image: url(/images/accueil/fleche_bl.png);*/
    background-image: url(/images/multimedia/puceJaune.png);
    background-position: 10px 8px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 4px 10px 5px 30px;
}
#videoUniqueLiensRapides
{
    margin-bottom: 24px;
}
#videoUniqueLiensRapides ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#videoUniqueLiensRapides li
{
    background-image: url(/images/multimedia/puce_multimedia.gif);
    background-position: 10px center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 5px 10px 5px 25px;
    border-bottom: 1px dashed #c9ced4;
}
#zoneVideoU_FBLikeButton
{
    padding: 10px;
    text-align: center;
}
#videoU_FBLikeButton
{
    overflow: hidden;
    width: 225px;
    height: 25px;
    padding: 5px;
}
#lienVideoU_VisitFacebook
{
    margin-top: 5px;
}
#lienVideoU_VisitFacebook a
{
    text-decoration: underline;
}
/*Multimedia extra*/
.wallpaper
{
    width: 570px;
    margin-right: auto;
    margin-left: auto;
}

.wallpaper div
{
    float: left;
    margin: 20px 15px;
    width: 158px;
}
.wallpaper div img
{
    border: 1px solid #666666;
}
.wallpaper div p
{
    font-weight: bold;
    text-align: center;
}

.jwplayercontainer
{
    text-align: center;
    padding: 15px;
}

/*Multimedia DVD Confidences et CD 30e*/
.descDVD, .descCD
{
    width: 700px;
    margin: 20px auto;
    text-align: justify;
}
.imgDVD, .imgCD
{
    float: left;
    text-align: center;
    margin-left: 10px;
}

.detailDVD, .detailCD
{
    float: left;
    margin-left: 40px;
}

.detailDVD h2, .detailCD h2
{
    margin-top: 20px;
    padding-left: 0px;
    text-transform: uppercase;
}

.detailDVD ul
{
    margin: 10px 15px 0px 25px;
    padding: 0px;
}
.detailCD ul
{
    padding: 0px;
    list-style: none;
    margin: 10px 0px 30px 0px;
}

.detailCD ul li
{
    padding: 3px 0px;
}
/*Wrap-up*/
.wrapUp
{
    padding-top: 10px;
    clear: both;
}
.wrapUp h2
{
    text-transform: uppercase;
}

.wrapUp img
{
    float: left;
    margin-left: 10px;
    margin-right: 5px;
}
.wrapUp > div
{
    width: 490px;
    float: left;
}
.finWrapUp
{
    clear: both;
    padding-bottom: 10px;
}



/*--- Réseau sociaux colonne droite ---*/
#reseaux_sociaux_col_droite
{
    background-color: #000000;
    color: #dea807;
    padding: 0 10px 0 10px;
    margin-top: -3px;
    text-align: center;
}
.reseaux_sociaux_haut, .reseaux_sociaux_bas
{
    background-position: top center;
    background-repeat: no-repeat;
    height: 25px;
}
.reseaux_sociaux_haut
{
    background-image: url(    "/images/colonne_droite/amis_festival/reseau_coin_h.png" );
}
.reseaux_sociaux_bas
{
    background-image: url(    "/images/colonne_droite/amis_festival/reseau_coin_b.png" );
}
#reseaux_sociaux_col_droite img
{
    vertical-align: middle;
    margin: 5px;
}
#reseaux_sociaux_col_droite p
{
    font-family: Courier New;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 10px 3px 10px 6px;
    text-align: center;
    text-transform: uppercase;
}
#reseaux_sociaux_col_droite h2
{
    color: #ffffff;
    font-size: 0.75em;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}

/*Pages de règlements de concours*/
.reglList
{
    margin-bottom: 0;
}
.reglList li
{
    font-weight: bold;
    padding-bottom: 5px;
    padding-right: 10px;
    text-align: justify;
    text-transform: uppercase;
}
.reglList li p
{
    font-weight: normal;
    text-transform: none;
}
.reglList ol
{
    list-style-type: lower-alpha;
    margin-top: 10px;
    margin-bottom: 10px;
}
.reglList ol li
{
    text-transform: none;
    font-weight: normal;
}
.reglList ol li ol
{
    list-style-type: lower-roman;
}
.reglList ol li ol li ol
{
    list-style-type: decimal;
}

.regTitre
{
    margin: 0;
    padding: 10px 0 10px 10px;
}

/*Page de l'équipe*/

.equipeGroupe
{
    border-bottom: 1px solid #C9CED4;
    padding-bottom: 10px;
    padding-top: 10px;
    line-height: 2em;
}
.equipeGroupe h2
{
    text-transform: uppercase;
}

/* Page liens */

.liensGroupe
{
    border-bottom: 1px solid #C9CED4;
    padding-bottom: 10px;
    padding-top: 10px;
}

.liensGroupe h2
{
    text-transform: uppercase;
}

.liensGroupe li
{
    list-style-type: square;
    margin: 10px 0;
}

/*Blue note*/
.blueNote_expo
{
    width: 400px;
    float: left;
    padding-left: 20px;
    padding-top: 10px;
}
.blueNote_desc
{
    width: 520px;
    float: right;
    padding: 5px 40px 20px 0;
    text-align: justify;
}


.blueNote_expo h1, .blueNote_desc h1
{
    background-color: #EAF1F7;
    color: black;
}

.blueNote_date
{
    width: 119px;
    float: left;
    font-size: 12px;
    font-weight: bold; /*color: #959595;*/
}

/*Patrick Watson*/
.watson_entete
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 13px;
    margin-top: 10px;
}
.watson_left
{
    width: 316px;
    float: left;
    padding: 0px 10px;
}
.watson_right
{
    width: 324px;
    float: left;
    background-color: #d7ca7a;
}
.watson_right h2
{
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.watson_direct h2
{
    font-size: 13px;
}
.conteneur_audioWatson
{
    background-color: #4b4525;
    padding: 3px 0px 4px 15px;
    margin-top: 2px;
}
.watson_direct
{
    border-bottom: 1px dashed #C9CED4;
    border-top: 1px dashed #C9CED4;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.panelLienWatsonDirect
{
    padding: 15px;
    text-align: center;
    color: #ffffff;
}
.panelLienWatsonDirect a
{
    text-decoration: underline;
    color: #ffffff;
    font-weight: bold;
}

/*Conditions d'utilisation*/
.utilisation h2
{
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 10px;
}
.utilisation ul li
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

/*Réservation salle L'Astral*/
.reserv_astral_cat
{
    width: 232px;
    background-color: white;
}
.reserv_astral_desc
{
    background-color: #e1e8ed;
    border-bottom: 1px solid white;
}
.reserv_astral_desc .employes_astral
{
    line-height: 1.4;
}


/*Maison du Festival - Galerie Lounge TD*/

/*Accueil section Galerie*/
.gal_entete_acc
{
    background-image: url(    '/images/maison_du_festival/galerie/top_acc.png' );
    background-position: top left;
    background-repeat: no-repeat;
    padding: 10px 0px;
    height: 114px;
}
.gal_entete_acc h1
{
    font-size: 18px;
    font-weight: bold;
    color: #EAF1F7;
    background-color: transparent;
}

.gal_entete_carousel
{
    background-image: url(    '/images/ombre.png' );
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #EAF1F7;
}

#tableHoraireAcc, #tableHoraireAcc2
{
    width: 400px;
    margin: 5px 10px;
    border: 0;
}


.gal_rens_accG
{
    float: left;
    width: 435px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.gal_rens_accD
{
    float: right;
    width: 192px;
    padding: 10px;
}
.expoAVenir
{
    clear: both;
    color: #ffffff;
    font-size: 16px;
}
.expoAVenir img
{
    width: 197px;
    float: left;
    margin: 10px 20px 10px 10px;
}
.expoAVenir h2
{
    margin: 0;
    padding: 0;
    font-size: 18px;
}
.expoAVenirTxt
{
    width: 425px;
    float: left;
    padding: 20px 0 0 0;
}
.expoPasseeImg
{
    float: left;
    margin: 0 5px 10px 10px;
}

.expoPasseeTxt
{
    float: left;
    width: 500px; /*padding-top: 10px;*/
}
.expoPasseeTxt h2
{
    font-size: 12px;
    margin-bottom: 3px;
    color: Black;
    text-transform: uppercase;
}
.expoPassesDate
{
    padding: 2px 10px 10px 10px;
    color: #283A44;
}

/*Entete général Galerie (Collection permanente, exposition et bio*/
.gal_entete
{
    background-color: Black;
    color: White;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 3px;
}
.gal_entete h1
{
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    background-color: transparent;
    margin: 0px 0px 3px 0px;
    padding: 25px 0px 0px 0px;
}

.gal_entete p
{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
}

.gal_entete_logo
{
    width: 75px;
    height: 75px;
    margin: 0px 20px 0px 0px;
    float: left;
}

.gal_entete_imgD
{
    margin: 0px 0px 10px 20px;
    float: right;
}

/*Exposition temporaire*/
.gal_entete_temp
{
    width: 500px;
    text-align: center;
    float: right;
}
/*Exposition Leonard Cohen*/
.textePoemeLC
{
    width: 360px;
    float: left;
}
.textePoemeLC h2
{
    font-size: 17px;
    text-transform: uppercase;
}

.photoPoemeLC
{
    width: 255px;
    float: right;
    padding-top: 20px;
    padding-right: 10px;
}

/*Collection permanente*/
.perma_oeuvre_artiste
{
    width: 178px;
    float: left;
}

.perma_desc_artiste
{
    width: 490px;
    float: left;
    padding-top: 20px;
}

.perma_desc_artiste h2
{
    font-size: 16px;
}


/*Galerie biographie artistes*/

.gal_bio_oeuvre
{
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.gal_bio_oeuvre p
{
    padding-top: 12px;
}

.gal_bio_achat_oeuvre
{
    float: right;
    margin-right: 15px;
    margin-bottom: 20px;
}

.gal_bio_desc
{
    clear: right;
    padding-bottom: 20px;
}

/*Aussi utilisé pour les items de la collection dans la Boutique*/
.gal_copyright
{
    font-size: 9px;
    font-weight: normal;
    text-transform: none;
}

#infoExpoG
{
    width: 326px;
    float: left;
}

#infoExpoD
{
    width: 326px;
    float: right;
}

#tableHoraire
{
    width: 310px;
    margin: 10px 5px 10px 10px;
    font-size: 13px;
    font-weight: bold;
    border: 0;
}

/*Balmoral*/

/*Page accueil*/
#balmoral_acc
{
    background-color: #eaf1f7;
    background-image: none;
    border: 1px solid #283A44;
    border-top: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
#conteneurFlashEntete
{
    width: 671px;
    height: 120px;
    display: block;
}

#balmoral_acc h1
{
    background-color: Transparent;
    color: Black;
    font-size: 12px;
    text-transform: uppercase;
}

#balmoral_acc_left
{
    width: 325px;
    float: left;
}
#balmoral_acc_right
{
    width: 333px;
    float: right;
    background-color: White;
    padding-left: 10px;
    padding-top: 1px;
    border-left: 1px solid #00529c;
}
#balmoral_acc_right h2
{
    font-size: 12px;
    color: black;
    text-transform: uppercase;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
}
#balmoral_acc .balmoral_contact
{
    width: auto;
}

.spectacle_clubJazz
{
    background-color: #ead97f;
    margin-bottom: 6px;
    padding: 4px 8px;
    margin-right: 10px;
}
.spectacle_clubJazz img
{
    float: left;
    width: 96px;
    height: 54px;
}
.spectacle_clubJazz_info
{
    width: 203px;
    float: right;
}

.spectacle_clubJazz_info a.titre
{
    text-transform: uppercase;
    font-weight: bold;
}

.spectacle_clubJazz_info a.infos
{
    color: #00529b;
}
.clubJazz_tous
{
    text-transform: uppercase;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}

.clubJazz_tous img
{
    margin-right: 5px;
}

.fb_balmoral
{
    padding-top: 10px;
    padding-bottom: 5px;
}

.fb_balmoral ul
{
    list-style-type: none;
    padding-left: 20px;
    margin: 0px;
    overflow: hidden;
}

.fb_balmoral ul li
{
    float: left;
    padding-right: 10px;
}

/*Autres pages*/
#balmoral_entete
{
    background: #00529B url(      '/images/maison_du_festival/balmoral/entete.jpg' ) no-repeat; /* height: 220px;*/
    padding: 0px 0px 0px 10px;
}
#balmoral_entete a
{
    color: White;
}
#balmoral_entete img
{
    margin-top: 10px;
}
#balmoral_entete .balmoral_contact
{
    width: 280px;
    float: left;
    color: White; /*padding: 13px 0px 10px 2px;*/
    padding: 0px 0px 0px 2px;
    margin-top: 15px;
}
#balmoral_entete .balmoral_contact .titre
{
    font-weight: bold;
    font-size: 11px;
}
#balmoral_entete #tableHoraireBalmoral
{
    width: 270px; /*margin: 5px 0px 10px 10px;*/
    margin: 0px 0px 0px 10px;
    font-size: 11px;
    border: 0;
}



@media screen
{
    .carte_menu dd, .vins dd, .boissons dd
    {
        display: none;
    }
    #balmoral_carte
    {
        background-color: White;
        border-right: 1px solid #283A44;
        border-left: 1px solid #283A44;
        border-bottom: 1px solid #283A44;
        padding-bottom: 15px;
    }
    #balmoral_carte h2
    {
        color: #00529b;
        text-transform: uppercase;
        font-size: 13px;
        padding-top: 35px;
        margin: 0px;
    }

    #carte_entete
    {
        padding-top: 35px;
    }

    #carte_entete h2
    {
        padding-top: 0px;
    }

    .carte_entete_left
    {
        float: left;
        width: 250px;
    }

    .carte_entete_right
    {
        float: right;
        width: 300px;
        text-align: right;
        padding-right: 20px;
        font-size: 10px;
    }

    .lienImprimerCarte, .lienToutAfficher
    {
        text-decoration: underline;
        color: #00529b;
    }

    .lienToutAfficher
    {
        margin-right: 15px;
    }


    #balmoral_carte dt
    {
        background-image: url(    '/images/maison_du_festival/balmoral/plus.gif' );
        background-repeat: no-repeat;
        background-position: 98% 50%;
        background-color: #c4d6e6;
        color: #00529b;
        font-size: 12px;
        padding: 5px;
        margin: 2px;
        font-weight: bold;
        clear: both;
        cursor: pointer;
    }
    #balmoral_carte dd
    {
        color: #000;
        margin: 5px 12px 5px 5px;
    }
    #balmoral_carte dt.titreActif
    {
        background-image: url(    '/images/maison_du_festival/balmoral/moins.gif' );
        background-color: #00529b;
        color: white;
    }
    #balmoral_carte ul
    {
        list-style: square;
        margin-left: 25px;
        padding: 0px;
    }
    .prixAliment
    {
        float: right;
    }

    .descAliment
    {
        width: 500px;
    }
    #balmoral_carte li
    {
        width: 100%;
        clear: both;
    }
    #Balmoral_sbl p
    {
        text-align: center;
        padding: 20px 10px;
    }

    #redirBalmoralAcc
    {
        width: 210px;
        height: 190px;
        float: right;
        display: block;
        cursor: pointer;
    }



}

/*Style zone UStream*/
#zoneUstreamTitre
{
    font-size: 17px;
    color: #de4f32;
    font-weight: bold;
    background-color: #000000;
    padding: 10px 10px 10px 27px;
    margin-bottom: 1px;
}
#zoneUstreamAccueil
{
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    padding: 0;
    font-weight: bold;
}
#zoneUstreamWeb2
{
    padding: 10px;
    text-align: center;
    font-weight: bold;
}
#zoneUstreamWeb2 img
{
    margin: 10px;
    vertical-align: middle;
}

/*Application mobile*/
/*.smartphone
{
    text-align: center;
    float: left;
    width: 330px;
}*/
.appMobile h2
{
    font-size: 14px;
    margin-top: 20px;
}

.appMobile ul
{
    list-style-type: none;
    margin: 0;
    padding: 20px;
}

.appMobile li
{
    background-image: url(/images/colonne_droite/calendrier/puce.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-bottom: 3px;
    padding-top: 2px;
    padding-left: 15px;
    font-size: 12px;
}

.appMobileDesc
{
    float: left;
    width: 425px;
    padding-top: 10px;
}

.appMobilePresentation
{
    width: 310px;
    float: left;
}


.appMobileImg
{
    float: right;
    width: 214px;
    padding: 10px 10px 30px 10px;
    text-align: center;
}

.appMobilePreFooter
{
    clear: both;
    border-top: 1px #CCCFD1 dashed;
    padding-top: 20px;
    padding-bottom: 20px;
}

.appMobileFooter
{
    clear: both;
    border-top: 1px #CCCFD1 dashed;
    border-bottom: 1px #CCCFD1 dashed;
    padding-top: 20px;
    padding-bottom: 10px;
}

.appMobileFooter img
{
    float: left;
    border: 0px;
    margin-right: 10px;
    margin-top: -15px;
}
/*Expo Bell*/

.EnteteExpoBell
{
    width: 671px;
    height: 237px;
}
.ExpoBell_col
{
    float: left;
    width: 205px;
    text-align: justify;
}

/*Festival responsable*/

#festivalResponsable 
{
    padding-bottom:10px;
}

#festivalResponsable p
{
    text-align:justify;
}

#festivalResponsable p.suiteResponsable
{
    text-align: right;
    padding-bottom: 30px;
}

#festivalResponsable ul, #sousSectionResponsable ul
{
    margin:0px;
    padding:7px 10px 7px 30px;
    
}#festivalResponsable ul li, #sousSectionResponsable ul li
{
   padding-bottom:3px;
}

#titreResponsable
{
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    padding-top: 30px;
}

.stitreResponsable
{
    font-size: 14px;
    font-weight: bold;
    text-align: left;  
    padding:10px 10px 5px 10px;
    color: #335339;
    text-transform: uppercase;
}

.colResponsable
{
    float: left;
    width: 212px;
    height: 420px;
    border: 1px solid #666;
    background-color: #f0f4f6;
    padding: 5px 0;
    margin: 5px 0 5px 6px;
}

.imgColResponsable
{
   margin:6px;
}

.iniSalueeResponsable
{
    background-color:#F0F4F6; 
    border:1px solid #ccc; 
    margin:10px;
    padding:8px 10px 10px 10px;
}


/*Sous-section - Festival responsable*/
.intro
{
    zoom:1;
}

#sousSectionResponsable .intro h2
{
    padding:0px;
}
#sousSectionResponsable .intro h2.stitreResponsable
{
    padding:10px 10px 5px 10px;
}
#sousSectionResponsable .informations
{
    border-top:10px solid #283A44;
    padding-top:15px;
    padding-bottom:15px;
}

#sousSectionResponsable h2
{
    font-size:15px;
}

#sousSectionResponsable h3
{
    font-size:13px;
}

#sousSectionResponsable h4
{
    font-size:11px;
}

.colGaucheResp
{
    width:335px;
    float:left;    
}
.colDroiteResp
{
    width:320px;
    float:right;   
}

.colDroiteResp div
{ 
    border:1px solid #283A44;
    margin:20px 10px;
    padding:5px;
}


#sousSectionResponsable blockquote
{
   
}

#sousSectionResponsable blockquote p
{   
    padding:0 0 2px 0;
}

#sousSectionResponsable blockquote img
{
    border:1px solid #cecccd;
}

.saviezVous
{
    background-color: white;
    color:black;
    border: 1px dashed #23532c;
    padding: 5px;
    margin:10px;
    
}

.colDroiteResp div.saviezVous
{
     border: 1px dashed #23532c;
     padding: 5px;
     margin:10px;    
}

.saviezVous h5
{
   font-size:11px;
   font-weight:bold;
   text-transform:uppercase;    
}

.navInterneResponsable
{
     border-top:1px solid #283A44;
     border-bottom:1px solid #283A44;
     background-color:white;
      
}

#sousSectionResponsable .navInterneResponsable ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;    
   
}
#sousSectionResponsable .navInterneResponsable ul li
{
    padding-bottom:0px;
}

.navInterneResponsable ul li
{
    float:left;   
    font-size:10px;   
    text-align:center;
    height: 25px;
    line-height: 25px;   
    
}

.navInterneResponsable ul li a
{
    color:#23532C;
    padding:5px 30px;
    text-transform:uppercase;     
    
}
.navInterneResponsable ul li a:hover
{
    opacity:0.8;
    text-decoration:none;
}
.navInterneResponsable ul li.selected a
{
    
    color:#23532C;
    font-weight:bold;
   
}


