body
{
    background: url(      '/images/bgTop.jpg' ) no-repeat center top;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
}
a
{
    color: #000000;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

.aUnderline
{
    text-decoration: underline;
}

img
{
    border: 0;
}

/*** Mise en page générale ***/
#zoneTop
{
    width: 987px;
    margin: 0 auto;
}
#logoFrancos
{
    width: 232px;
    float: left;
    margin: 50px 8px 0 0;
}
#zoneTopLeft
{
    width: 740px;
    float: left;
}
.promoFouDesFrancos, .promoProchaineEdition
{
    clear: both;
    width: 987px;
    margin: 0 auto;
    padding: 10px 0 0 0;
}
.promoProchaineEdition
{
    text-align: center;
}
#bandeFouDesFrancos
{
    background-color: #000000;
    color: #ffffff;
    text-align: center;
}
#zoneContenu1
{
    clear: both;
    background: transparent url(        '/images/bgMusiciens.png' ) no-repeat center bottom;
    padding-top: 20px;
    min-height: 400px;
}
#zoneContenu2
{
    background-color: #000000;
    color: #ffffff;
    padding-bottom: 50px;
}
#zoneSitemap
{
    background-color: #016f9d;
}
.zoneContenu
{
    width: 987px;
    margin: 0 auto;
}
.colonneContenuGauche
{
    width: 660px;
    float: left;
}

.colonneContenuGaucheTiers
{
    width: 160px;
    float: left;
}

.colonneContenuGauche2Tiers
{
    width: 473px;
    float: right;
}

.colonneContenuDroit
{
    width: 300px;
    float: right;
}

.stylesGnlColDte h2
{
    font-size: 1em;
    margin: 0;
    padding: 3px;
}
.imageTitre
{
    margin: 10px 0 5px 20px;
}
.imageTitreInContener
{
    margin: 10px 0 5px 0;
}

.topSpace
{
    margin-top: 24px;
}
.negativeTopSpace
{
    margin-top: -24px;
}
.bottomSpace
{
    margin-bottom: 24px;
}

.shadow_987
{
    background-color: Transparent;
    background-image: url(       "/images/shadow_988.png" );
    background-position: top left;
    background-repeat: no-repeat;
    margin: 10px auto 0 auto;
    padding-top: 20px;
    height: 31px;
    width: 988px;
}
.shadow_680, #shadowVideoUnique
{
    background-color: Transparent;
    background-image: url(       "/images/shadow_680.png" );
    background-position: top left;
    background-repeat: no-repeat;
    margin: 10px auto 0 -10px;
    padding-top: 20px;
    height: 31px;
    width: 680px;
}
.shadow_660
{
    background-color: Transparent;
    background-image: url(       "/images/shadow_660.png" );
    background-position: top center;
    background-repeat: no-repeat;
    margin-top: 10px;
    padding-top: 20px;
    height: 31px;
    width: 660px;
}

.puceFlecheDroite
{
    margin-right: 5px;
    margin-bottom: 2px;
    vertical-align: middle;
}

@media print
{
    #zoneSitemap, #zoneTop
    {
        display: none;
    }
}
/***********/

/*** Menu secondaire ***/
ul#menuSecondaire
{
    float: left;
    list-style-type: none;
    margin: 27px 0 0 0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
}
#menuSecondaire li
{
    display: inline;
    margin: 0;
    padding: 0 6px 0 8px;
    background: url(        '/images/accueil/separateurMenuSecondaire.gif' ) no-repeat center right;
}
#menuSecondaire li.last
{
    background-image: none;
}
#menuSecondaire a
{
    text-decoration: none;
    color: #000000;
}
#menuSecondaire a:hover
{
    color: #a50103;
}
/***********/
/*** Accueil usager ***/
#accueilUsager
{
    width: 300px;
    margin-top: 15px;
    float: right;
    font-weight: bold;
    font-size: 12px;
    text-align: right;
}
/*bouton profil*/
a.btnProfilAccueil
{
    display: block;
    width: 89px;
    height: 15px;
    margin: 2px 0 0 0;
    float: right;
    text-align: left;
    text-indent: -9999px;
    background: transparent url(        '/images/accueil/btnMonProfil_fr.png' ) no-repeat 0 top;
    outline: none;
}
a.btnProfilAccueil_en
{
    background: transparent url(        '/images/accueil/btnMonProfil_en.png' ) no-repeat 0 top;
}
a.btnProfilAccueil:hover, a.btnProfilAccueil:focus
{
    background-position: 0 center;
}
a.btnProfilAccueil:active
{
    background-position: 0 bottom;
}
/*bouton connexion / déconnexion*/
a.btnDeconnexionAccueil
{
    display: block;
    width: 96px;
    height: 15px;
    margin: 2px 4px 0 4px;
    float: right;
    text-align: left;
    text-indent: -9999px;
    background: transparent url(        '/images/accueil/btnMonProfil_fr.png' ) no-repeat -90px top;
    outline: none;
}
a.btnDeconnexionAccueil_en
{
    background: transparent url(        '/images/accueil/btnMonProfil_en.png' ) no-repeat -90px top;
}
a.btnDeconnexionAccueil:hover, a.btnConnexionAccueil:focus
{
    background-position: -90px center;
}
a.btnDeconnexionAccueil:active
{
    background-position: -90px bottom;
}
a.btnConnexionAccueil
{
    display: block;
    width: 83px;
    height: 15px;
    margin: 2px 0 0 0;
    float: right;
    text-align: left;
    text-indent: -9999px;
    background: transparent url(        '/images/accueil/btnMonProfil_fr.png' ) no-repeat -187px top;
    outline: none;
}
a.btnConnexionAccueil_en
{
    background: transparent url(        '/images/accueil/btnMonProfil_en.png' ) no-repeat -187px top;
}
a.btnConnexionAccueil:hover, a.btnConnexionAccueil:focus
{
    background-position: -187px center;
}
a.btnConnexionAccueil:active
{
    background-position: -187px bottom;
}
/***********/
/*** boite recherche accueil ***/
#logoInfoFrancos
{
    float: left;
    margin-top: 10px;
}
.boiteRechercheAccueil
{
    width: 315px;
    height: 20px;
    float: right;
    padding: 6px 0 6px 6px;
    margin: 20px 20px 0 0;
    border: 1px solid #9bcde0;
    background-image: url(        '/images/accueil/bgBoiteRechercheAccueil.png' );
}
#txbRechercheAccueil
{
    border: 1px solid #7f9db9;
    width: 210px;
    height: 17px;
    float: left;
    font-size: 11px;
    margin: 0;
    padding: 0 0 0 5px;
}
/*
.btnRechercheAccueil
{
    float: left;
    margin-left: 5px;
    vertical-align: middle;
    opacity: 1; 
    filter: alpha(opacity:100); 
}
.btnRechercheAccueil:hover, .btnRechercheAccueil:active
{
    opacity: .75; 
    filter: alpha(opacity:75); 
}
.btnRechercheAccueil:active
{
    margin-left: 6px;
}
*/
a#btnRechercheAccueil
{
    display: block;
    width: 65px;
    height: 17px;
    float: left;
    margin-left: 5px;
    padding: 2px 0 0 23px;
    background: transparent url(        '/images/accueil/btnRecherche.png' ) no-repeat 0 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}
a#btnRechercheAccueil:hover
{
    background: transparent url(        '/images/accueil/btnRecherche.png' ) no-repeat 0 -19px;
}
a#btnRechercheAccueil:active
{
    background: transparent url(        '/images/accueil/btnRecherche.png' ) no-repeat 0 -38px;
}
/***********/
/*** File d'Ariane ***/
#filAriane
{
    clear: both;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 20px;
}
/***********/
/*** Publicité ***/
#pubLeaderFr, #pubLeaderEn
{
    background-repeat: no-repeat;
    background-position: left center;
    height: 90px;
    margin-top: 5px;
    text-align: right;
    width: 740px;
}
#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);
}

#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);
}
.pub640x90Fr, .pub640x90En
{
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
    padding-left: 10px;
}
.pub640x90Fr
{
    background-image: url(/images/pub_vertical.gif);
}
.pub640x90En
{
    background-image: url(/images/pub_vertical_en.gif);
}
/***********/
/*** Zone UStream de la page d'acceuil ***/
#zoneUStreamAccueil
{
    width: 967px;
    height: 420px;
    color: #ffffff;
    background-image: url(        '/images/accueil/concerts-vedettes/bgEnVedette.png' );
    margin: 0 auto;
}
#embedUStreamAccueil
{
    width: 671px;
    float: left;
}
#infosUStreamAccueil
{
    width: 276px;
    float: left;
    margin-left: 10px;
}
#titreUsTreamAccueil
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
#debutUStreamAccueil
{
    font-size: 14px;
    font-weight: bold;
}
#web2UStreamAccueil
{
    font-weight: bold;
    text-align: center;
    margin-top: 40px;
}
#web2UStreamAccueil img
{
    vertical-align: middle;
    margin: 0 10px;
}
#shadowUStreamAccueil
{
    width: 987px;
    height: 31px;
    background: transparent url(        '/images/accueil/concerts-vedettes/shadowVedettes.png' ) no-repeat 0 0;
    margin: 10px auto 0 auto;
    padding-top: 20px;
}
/***********/
/*** Zone «En vedette» ***/
#enVedetteConteneur
{
    width: 967px;
    height: 360px;
    color: #ffffff;
    background-image: url(        '/images/accueil/concerts-vedettes/bgEnVedette.png' );
    margin: 0 auto;
}
#shadowVedettes
{
    width: 987px;
    height: 62px;
    background: transparent url(        '/images/accueil/concerts-vedettes/shadowVedettes.png' ) no-repeat 0 0;
    margin: 10px auto 0 auto;
    padding-top: 20px;
}

#enVedetteContenu
{
    position: relative;
    top: -6px;
    left: -8px;
    z-index: 1;
}
.enVedetteImg
{
    width: 558px;
    height: 360px;
    border: 0;
    float: left;
}
#enVedetteInfos
{
    width: 268px;
    float: left;
    margin-left: 8px;
}
#enVedetteFiche
{
    position: relative;
    top: 6px;
    left: -15px;
    z-index: -1;
}
#enVedetteTitre
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
#enVedetteDates, #enVedetteLieu
{
    font-size: 14px;
    font-weight: bold;
}
#enVedetteDesc
{
    margin: 10px 0;
}
#enVedetteLien
{
    margin-top: 40px;
}
#enVedetteLien a
{
    display: block;
    width: 176px;
    height: 26px;
    background: transparent url(        '/images/accueil/concerts-vedettes/btnEnvedetteAchat.png' ) no-repeat 0 0;
    padding: 5px 25px 0 0;
    float: right;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
}
#enVedetteLien a:hover
{
    text-decoration: underline;
}
/*** Zone «À ne pas manquer» ***/
.ne-pas-manquerTexte
{
    font-size: 11px;
}
#ne-pas-manquer li a
{
    color: #000000;
    text-decoration: none;
}
#ne-pas-manquer li a:hover
{
    color: #000000;
    text-decoration: underline;
}
/*** Zone «Événements spéciaux» ***/
.evenements-speciauxTitre
{
    font-weight: bold;
    font-size: 11px;
}
.evenements-speciauxSoustitre
{
    font-size: 11px;
}
.evenements-speciauxLieux
{
    font-size: 11px;
}
#evenements-speciaux li a
{
    color: #000000;
    text-decoration: none;
}
#evenements-speciaux li a:hover
{
    color: #000000;
    text-decoration: underline;
}
.evenements-speciauxDate
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 5px;
    font-size: 10px;
    font-weight: bold;
}

/*** Menu principal ***/
/* Styles essentiels à superfish */
.menuFrancos, .menuFrancos *
{
    z-index: 2; /* pour la superposition des sous-menus dans IE7  */
    margin: 0;
    padding: 0;
    list-style: none;
}
.menuFrancos
{
    line-height: 1.0;
    margin-top: 20px;
}

.menuFrancos ul /* Sous-menu */
{
    position: absolute;
    top: -999em;
    width: 12em; /* left offset of submenus need to match (see below) */
}
.menuFrancos ul li
{
    width: 100%;
}
.menuFrancos li:hover
{
    visibility: inherit; /* fixes IE7 'sticky bug' */
}
.menuFrancos li
{
    float: left;
    position: relative;
}
.menuFrancos a
{
    display: block;
    position: relative;
}

.menuFrancos li:hover ul, .menuFrancos li.sfHover ul /*Position du sous-menu en hover*/
{
    left: 0;
    top: 3.5em; /* match top ul list item height */
    z-index: 99;
}

ul.menuFrancos li:hover li ul, ul.menuFrancos li.sfHover li ul /*Troisième niveau*/
{
    top: -999em;
}
ul.menuFrancos li li:hover ul, ul.menuFrancos li li.sfHover ul
{
    left: 12em; /* match ul width */
    top: 0;
}
ul.menuFrancos li li:hover li ul, ul.menuFrancos li li.sfHover li ul
{
    top: -999em;
}
ul.menuFrancos li li li:hover ul, ul.menuFrancos li li li.sfHover ul
{
    left: 12em; /* match ul width */
    top: 0;
}
/* Styles spécifique aux menu francos */
.menuFrancos a
{
    border-bottom: 1px dotted white;
    padding: .2em .8em;
    text-decoration: none;
}
.menuFrancos li.last a
{
    border: none;
}
.menuFrancos a, .menuFrancos a:visited
{
    /* visited pseudo selector so IE6 applies text colour*/
    color: white;
}
.menuFrancos li li
{
    background: transparent url(        '/images/menu/bgSousMenu.png' ) repeat;
}
/*Si troisième niveau */
/*.menuFrancos li li li 
{ 
	        background:transparent url('../bgSousMenu.png') repeat;
}*/
.menuFrancos li:hover, .menuFrancos li.sfHover, .menuFrancos a:focus, .menuFrancos a:hover, .menuFrancos a:active
{
    /*color: #62b6e1;*/
}
.menuFrancos li a.menuNiveau1
{
    background: transparent url(        '/images/menu/menu_fr.png' ) no-repeat 0 0;
    height: 47px;
    overflow: hidden;
    width: 166px;
    padding: 0;
    text-indent: -9999px; /*Cache le texte...utile pour screen readers?*/
    border: 0px;
    color: black;
}
.menuFrancos_en li a.menuNiveau1
{
    background: transparent url(        '/images/menu/menu_en.png' ) no-repeat 0 0;
}
.menuFrancos li a.menuArtistes
{
    background-position: -168px 0;
    width: 96px;
}
.menuFrancos li a.menuMesFrancos
{
    background-position: -266px 0;
    width: 139px;
}
.menuFrancos li a.menuQuestionsPratiques
{
    background-position: -405px 0;
    width: 105px;
}
.menuFrancos li a.menuMultimedia
{
    background-position: -512px 0;
    width: 115px;
}
.menuFrancos li a.menuBoutique
{
    background-position: -628px 0;
    width: 106px;
}
.menuFrancos li a.menuProgrammation:hover, .menuFrancos li a.menuProgrammation:active, .menuFrancos li a.menuProgrammation:focus, .menuFrancos li.sfHover a.menuProgrammation, .menuFrancos li a.menuProgrammationSelected
{
    background-position: 0 -50px;
}
#sousMenuProgrammation a:hover, #sousMenuProgrammation a:active
{
    color: #62b6e1;
}
.menuFrancos li a.menuArtistes:hover, .menuFrancos li a.menuArtistes:active, .menuFrancos li a.menuArtistes:focus, .menuFrancos li.sfHover a.menuArtistes, .menuFrancos li a.menuArtistesSelected
{
    background-position: -168px -50px;
}
#sousMenuArtistes a:hover, #sousMenuArtistes a:active
{
    color: #7e9514;
}
.menuFrancos li a.menuMesFrancos:hover, .menuFrancos li a.menuMesFrancos:active, .menuFrancos li a.menuMesFrancos:focus, .menuFrancos li.sfHover a.menuMesFrancos, .menuFrancos li a.menuMesFrancosSelected
{
    background-position: -266px -50px;
}
#sousMenuMesFrancos a:hover, #sousMenuMesFrancos a:active
{
    color: #62b6e1;
}
.menuFrancos li a.menuQuestionsPratiques:hover, .menuFrancos li a.menuQuestionsPratiques:active, .menuFrancos li a.menuQuestionsPratiques:focus, .menuFrancos li.sfHover a.menuQuestionsPratiques, .menuFrancos li a.menuQuestionsPratiquesSelected
{
    background-position: -405px -50px;
}
#sousMenuQuestionsPratiques a:hover, #sousMenuQuestionsPratiques a:active
{
    color: #e9e87c;
}
.menuFrancos li a.menuMultimedia:hover, .menuFrancos li a.menuMultimedia:active, .menuFrancos li a.menuMultimedia:focus, .menuFrancos li.sfHover a.menuMultimedia, .menuFrancos li a.menuMultimediaSelected
{
    background-position: -512px -50px;
}
#sousMenuMultimedia a:hover, #sousMenuMultimedia a:active
{
    color: #f04230;
}
.menuFrancos li a.menuBoutique:hover, .menuFrancos li a.menuBoutique:active, .menuFrancos li a.menuBoutique:focus, .menuFrancos li.sfHover a.menuBoutique, .menuFrancos li a.menuBoutiqueSelected
{
    background-position: -628px -50px;
}
#sousMenuBoutique a:hover, #sousMenuBoutique a:active
{
    color: #20c1c2;
}
/* shadows for all but IE6 */
.sf-shadow ul
{
    background: url(        '/images/menu/shadowMenu.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;
}
#promoFrancosTV
{
    width: 210px;
    float: right;
    text-align: center;
}
/***********/
/*** Newsticker ***/
#newstickerConteneur
{
    margin: 0 0 20px 15px;
}
#newstickerTitre
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    width: 90px;
    float: left;
}
#newstickerNews
{
    width: 542px;
    height: 27px;
    float: left;
    margin-top: 3px;
    background: url(        '/images/accueil/newsticker/bgNewsticker.png' ) no-repeat 0 0;
}
#newstickerBtn
{
    width: 30px;
    float: left;
    margin: 7px 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: 485px;
    float: left;
}
#newstickerTexte a
{
    color: #000000;
    text-decoration: none;
}
#newstickerTexte a:hover
{
    text-decoration: underline;
}
/***********/
/*** Zone «Bienvenue» ***/
#zoneBienvenue
{
    background-color: #334149;
    border: 1px solid #c4c4c5;
    color: #ffffff;
    padding: 10px 0 10px 18px;
    margin: 20px 2px 0 0;
}
#zoneBienvenue ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#zoneBienvenue ul li
{
    width: 308px;
    float: left;
}
#zoneBienvenue img
{
    border: 2px solid #000000;
    width: 99px;
    float: left;
    margin-right: 10px;
}
#zoneBienvenue a
{
    color: #ffffff;
}
.texteItemBienvenue
{
    width: 185px;
    float: left;
    font-size: 11px;
}
.texteItemBienvenue h3
{
    font-size: 12px;
    padding: 0;
    margin: 0;
}
/***********/
/*** Site Map ***/
.contenuSitemap
{
    background-color: Transparent;
    color: #ddecf2;
    margin: 0 auto 0 auto;
    width: 987px;
}
#mnuFooter
{
    margin: 0;
    padding: 10px 0;
    text-align: left;
}
#mnuFooter li
{
    float: left;
    list-style-type: none;
    width: 141px;
}
#mnuFooter li ul, #mnuFooter li ul li
{
    margin: 0;
    padding: 0;
}
#mnuFooter li a
{
    background-color: Transparent;
    color: #88bbd0;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 1px 5px 15px 5px;
    margin: 0 1px 1px 1px;
}
#mnuFooter li a:hover, #mnuFooter li.selected a
{
    background-color: Transparent;
    color: #ffffff;
}
#mnuFooter li ul li a
{
    font-weight: normal;
    padding: 1px 5px 1px 5px;
}
/***********/
/*** Zone «Mes Francos» en page d'acceuil ***/
#zoneMerciFousFrancos
{
    color: #000000;
    background-color: #e7e7ea;
    border: 1px solid #bdbdbd;
    padding: 10px;
}
#zoneMesFrancosAccueil
{
    background-color: #008dd2;
    padding: 5px 0 0 16px;
}
ul#listeMesFrancosAccueil
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul#listeMesFrancosAccueil li
{
    width: 300px;
    float: left;
    color: #ffffff;
    padding: 5px 10px 0 0;
}
ul#listeMesFrancosAccueil li img
{
    border: 2px solid #000000;
    float: left;
    margin-right: 5px;
}
ul#listeMesFrancosAccueil li a
{
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
ul#listeMesFrancosAccueil li a:hover
{
    text-decoration: underline;
}
.mesFrancosAccueilItemDetails
{
    width: 150px;
    float: left;
}
#mesFrancosAccueilTous
{
    clear: both;
    text-align: right;
    padding: 10px;
}
#mesFrancosAccueilTous a
{
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
}
#mesFrancosAccueilTous a:hover
{
    text-decoration: underline;
}
#mesFrancosAccueilTous img
{
    vertical-align: middle;
    margin: 0 5px 0 0;
    border: 0;
}
#zoneMesFrancosAccueil .loginFailureText
{
    color: #f8f506;
}
#loginAccueilBottom
{
    background-color: #ffffff;
    color: #000000;
    padding-left: 16px;
    zoom: 1;
}
#loginAccueilBottom a
{
    text-decoration: underline;
}
#loginAccueilBottom .listeMiniFleches
{
    margin-top: 0;
}
.titreConcertMesFrancosAccueil
{
    text-transform: uppercase;
}
.mesFrancosAccueilSansShow a
{
    color: #ffffff;
    text-decoration: underline;
}
.mesFrancosAccueilExemple
{
    padding-bottom: 10px;
}
.mesFrancosAccueilExemple img
{
    float: right;
    margin: 0 10px 0 10px;
}
/***********/
/*** Zone «Partagez votre sélection» ***/
#zonePartageAccueil
{
    background-color: #008dd2;
    padding: 5px 0 10px 16px;
    color: #ffffff;
    overflow: auto;
}
#zonePartageAccueil a
{
    color: #ffffff;
    font-weight: bold;
}
#zonePartageSoustitre
{
    font-size: 14px;
    margin: 0 0 5px 0;
}
#exemplesPartageAccueil
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#exemplesPartageAccueil li
{
    width: 300px;
    float: left;
    color: #ffffff;
    padding: 5px 10px 0 0;
}
.usagerPartageAccueil
{
    overflow: auto;
}
.usagerPartageAccueil img
{
    width: 22px;
    height: 22px;
    border: 1px solid #000000;
    margin: 0 10px 0 0;
    float: left;
}
.usagerPartageAccueil div
{
    width: 250px;
    float: left;
    font-weight: bold;
}
.concertPartageAccueil img
{
    border: 2px solid #000000;
    margin: 0 10px 0 0;
    float: left;
}
.concertPartageAccueil
{
    clear: both;
    margin-top: 10px;
}
.concertPartageAccueil div
{
    width: 180px;
    float: left;
}
#selectionFestivaliersTous
{
    clear: both;
    text-align: right;
    padding: 10px;
}
#selectionFestivaliersTous a
{
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
}
#selectionFestivaliersTous a:hover
{
    text-decoration: underline;
}
#selectionFestivaliersTous img
{
    vertical-align: middle;
    margin: 0 5px 0 0;
    border: 0;
}
/***********/
/*** Zone «Web» en page d'accueil ***/
#zoneWeb2Accueil
{
    background-color: #ffffff;
    padding: 10px 0 15px 0;
}
#zoneWeb2Accueil img
{
    margin: 0 15px;
    border: 0;
    vertical-align: middle;
}
/***********/

/*** Questions pratiques et Pages sous le menu accueil ***/
.plainBox
{
    background-color: #e7e7ea;
    border-left: 1px solid #b5b5b6;
    border-right: 1px solid #b5b5b6;
    color: #000000;
    padding: 0px 15px 15px 15px;
}
.plainBoxBottom
{
    background-color: Transparent;
    background-image: url(       "/images/artistes/bottomDecouvertes.png" );
    background-position: top left;
    background-repeat: no-repeat;
    clear: both;
    height: 22px;
}
ul.listePuce
{
    list-style-type: none;
    padding: 0 10px 0 10px;
    margin: 10px 0 10px 0;
}
ul.listePuce li
{
    margin: 0;
    padding: 5px 10px 5px 22px;
}

/**Page des dons**/
#zoneDons
{
    font-size: 14px;
}
#donsTitre
{
    font-size: 14px;
    text-align: center;
    padding: 15px 0;
}
img#logoFouFrancos
{
    width: 202px;
    display: block;
    margin: 0 auto;
    clear: both;
}
#zoneDonsColGauche
{
    width: 350px;
    margin-right: 10px;
    float: left;
}
#zoneDonsColDroite
{
    width: 251px;
    float: left;
}
#donsColDroiteTitre
{
    background: transparent url(      '/images/dons/colDroiteTitre_bg.png' ) no-repeat 0 0;
    padding-top: 7px;
    height: 22px;
    font-weight: bold;
    text-align: center;
}
#donsColDroiteDetails
{
    border: 2px solid #00a6de;
    padding: 5px;
    font-size: 12px;
}
img#imgBracelets
{
    display: block;
    margin: 30px auto;
}
.zonePayPalButton
{
    text-align: center;
    margin: 20px 0 10px;
}
img#donsBandeLogos
{
    display: block;
    margin: 0 auto;
}
#donsLienFacebook
{
    margin: 30px 0;
}
#donsLienFacebook img
{
    vertical-align: middle;
}
#liensFondsEcranFouFrancos a
{
    text-decoration: underline;
    font-weight: bold;
}
#overlayHelpFondsEcran /* Popup de la grande image du produit */
{
    background: transparent url(     '/images/overlay/boite_blanche_530x700.png' ) no-repeat top left;
    display: none;
    z-index: 10000;
    width: 450px; /*height: 620px;*/
    padding: 40px;
    overflow: hidden;
}
#overlayHelpFondsEcran h2
{
    text-align: center;
    text-transform: uppercase;
    margin-top: 50px;
}
#overlayHelpFondsEcran .close
{
    background-image: url(     '/images/overlay/close.png' );
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}
/** Liens rapides **/
#questionsLiensRapides
{
    padding-top: 3px;
    background-color: #dddd55;
    border-right: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
}
#questionsLiensRapides ul
{
    list-style-type: none;
    padding: 0 10px 0 10px;
    margin: 0;
    font-weight: bold;
}
#questionsLiensRapides li
{
    background-image: url(/images/puceFlecheDroite.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 5px 10px 5px 22px;
    border-bottom: 1px dashed #bdbdbd;
}
/** Page d'accueil questions pratiques **/
.questionsPratiques p
{
    padding: 0px 0px 15px 0px;
    margin: 0px;
}
.questionsPratiques h2
{
    font-size: 1em;
    margin: 0px;
    padding: 15px 0px 0px 0px;
}

.questionsEnteteG
{
    width: 250px;
    float: left;
}

.questionsEnteteD
{
    width: 340px;
    float: right;
}


.questionsMusicEnteteG
{
    width: 330px;
    float: left;
}

.questionsMusicEnteteD
{
    width: 260px;
    float: right;
}

ul.listeCoordonnees
{
    list-style: disc;
    color: #0357b5;
    margin: 0px;
    padding: 0px 10px 0px 15px;
    width: 150px;
    float: left;
}

ul.listeCoordonnees li a
{
    color: Black;
}

ul.listeEditions
{
    list-style-type: none;
    padding: 0 10px 0 0;
    margin: 10px 0;
}

ul.listeEditions li
{
    background-image: url(/images/puceFlecheDroite.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 2px 10px 2px 22px;
}
.questionsBoite
{
    background-color: #e7e7ea;
    border: 1px solid #bdbdbd;
    padding: 15px;
}

.questionsBoiteNoBorderTop
{
    clear: both;
    background-color: #e7e7ea;
    border-bottom: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    padding: 0px 15px 15px 15px;
}

.questionsBoiteNoBorderTopBottom
{
    background-color: #e7e7ea;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    padding: 0px 15px 0px 15px;
}

.questionsBoiteTopDesc
{
    background-image: url(/images/questions/topDescendant.png);
    display: block;
    height: 47px;
}
.questionsBoiteTopAsc
{
    background-image: url(/images/questions/topAscendant.png);
    display: block;
    height: 47px;
}

.questionsBoiteTopDesc250
{
    background-image: url(/images/questions/topDescendant250.png);
    display: block;
    height: 25px;
}

.questionsBoiteTopAsc250
{
    background-image: url(/images/questions/topAscendant250.png);
    display: block;
    height: 25px;
}

.questionsBoiteTopAsc img
{
    float: left;
    margin-left: 16px;
}

.questionsBoiteTopDesc img
{
    float: right;
    margin-right: 16px;
}

.climat
{
    width: 325px;
    float: left;
}

.meteoMedia
{
    width: 100px;
    float: right;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
#containerPlanScenes
{
    width: 934px;
    background-image: url(        '/images/coins/plan-scenes/bg.png' );
    padding: 15px;
    margin: 0 auto;
}
#legendePlanScenes
{
    background: transparent url(     '/images/overlay/boite_blanche_880x660.png' ) no-repeat top left;
    display: none;
    z-index: 10000;
    width: 820px;
    height: 600px;
    padding: 30px;
    overflow: hidden;
}
#legendePlanScenes .close
{
    background-image: url(     '/images/overlay/close.png' );
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}
/** Contact **/

.contact, .mobilite
{
    background: url(/images/pointilleNoir.png) bottom repeat-x;
    padding-bottom: 10px;
    padding-top: 10px;
}

/** Sections touristiques **/

.planifiezEnteteG, .planifiezEnteteD
{
    width: 295px;
}
.planifiezEnteteG
{
    float: left;
}

.planifiezEnteteD
{
    float: right;
}

.hotelParticipantG
{
    float: left;
    width: 200px;
}
.hotelParticipantD
{
    float: right;
    width: 200px;
}

.hotelParticipantG p, .hotelParticipantD p
{
    padding: 10px 0;
    margin: 0px;
}

.hotelPrix
{
    font-size: 15px;
    font-weight: bold;
}

ul.forfaitsDesc, .hotelsAutres ul
{
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
}
ul.forfaitsDesc li, .hotelsAutres ul li
{
    background-image: url(/images/puceFlecheDroite.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 2px 10px 2px 22px;
}
.hotelsAutres li
{
    float: left;
    margin: 0;
    padding: 5px 10px 5px 22px;
    width: 250px;
}

.hotelsAutres
{
    background: transparent url(/images/pointilleNoir.png) repeat-x scroll center bottom;
    padding: 15px 0;
}
.hotelsAutres p
{
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 305px;
}
table.tarifs
{
    border: solid 1px #000000;
    margin-top: 15px;
    margin-bottom: 15px;
}
.tarifs th
{
    border: solid 1px #000000;
    font-weight: bold;
    padding: 3px;
}
.tarifs td
{
    border: solid 1px #000000;
    padding: 3px;
}

/** Billetteries **/

.billetterie table
{
    width: 100%;
    margin: 0px auto 25px;
    border-collapse: collapse;
}
.billetterie table tr
{
    background: url(/images/pointilleNoir.png) bottom repeat-x;
}

.billetterie table td
{
    padding: 15px 5px;
}


tr.billetEntete
{
    font-weight: bold;
}

tr.billetEntete td
{
    padding-top: 0px;
}

tr.billetEntete td h2
{
    font-size: 1.3em;
    padding-top: 0px;
}

.promoBilletteries p
{
    padding-top: 15px;
}
/*Page Liens*/
#liens h2
{
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 3px;
}
#liens .contact
{
    padding-bottom: 10px;
}
/*fin page Liens*/
/*Page commanditaires*/
#commanditaires .contact, #commanditaires .contactNoBorder
{
    text-align: center;
}
#commanditaires h2
{
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 3px;
    margin-left: 5px;
    text-align: left;
}
.contactNoBorder
{
    padding-bottom: 10px;
    padding-top: 10px;
}
.imgCommanditaires img
{
    padding: 5px;
}
/*Fin page commanditaires*/

/*Page conditions d'utilisation*/
#conditionUtilisation h2
{
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: 3px;
}
#conditionUtilisation h3
{
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 3px;
}
/*fin de la page conditions d'utilisation*/
/*page à propos des FrancoFolies*/
#FrancosTopG h2, #FrancosTopD h2
{
    font-size: 1.3em;
    margin-top: 3px;
    margin-bottom: 3px;
}
#FrancosTopG
{
    float: left;
    /*width: 380px;*/
}
/*#FrancosTopD
{
    float: left;
    width: 245px;
}*/
#FrancosTopG ul.listeMiniFleches
{
   font-weight:bold;
}
.feteMusicaleTitle
{
    background-image: url(/images/zone_accueil/topAproposFeteMusicale.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: -10px 0 0 0;
    padding: 0 0 0 15px;
}
.feteMusicaleTitle img
{
    margin-top: -25px;
}
.feteMusicaleTxt
{
    background-color: #e7e7ea;
    border-bottom: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    margin: 0 0 5px 0;
    padding: 0px 15px 15px 15px;
}
.feteMusicaleTxt p
{
    margin: 0;
    padding: 0 0 12px 0;
}
#txt22ans
{
    background-color: #e7e7ea;
    border: 1px solid #bdbdbd;
    padding: 0px;
}
#txt22ans p
{
    margin: 0;
    padding: 6px 15px 12px 15px;
}
#medias
{
    background-color: #008dd2;
    color: #ffffff;
    padding: 10px;
}
.txtColor1
{
    color: #ffffff;
    font-size: 1.1em;
    font-weight: bold;
}
.txtColor2
{
    /*color:#99ae36;*/
    color: #ffffff;
    font-size: 1.1em;
    font-weight: bold;
}
.auteur
{
    color: #f3f3f3;
}
/*fin de la page à propos*/

/*Page fermeture de rues*/

.ruesBarreesLegende
{
    border-bottom: solid 1px #c9ced4;
    border-left: solid 1px #c9ced4;
    float: left;
    height: 70px;
    margin: 0;
    padding: 5px;
    width: 300px;
}
.rueBarreesLettre
{
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    width: 31px;
}
.rueBaresTexte
{
    float: left;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    width: 269px;
}

/*fin de la page fermeture rues*/

/****************/

/*** Artistes ***/

/*Page default (page par défaut de la zone artiste)*/
#artistesVedettes
{
    /*background-color: Transparent;*/
    background-image: url(       "/images/coins/artiste-fiche/bg.png" );
    color: #ffffff;
    margin: 10px auto 0 auto;
    width: 968px;
}
#artistesVedettes a
{
    background-color: Transparent;
    color: #ffffff;
}

#artVedetteBig
{
    float: left;
    width: 368px;
}

#artVedetteSmall
{
    float: left;
    width: 600px;
}
.carArtVedetteSmallItem
{
    height: 100px;
    text-align: center;
    width: 111px;
}
#carArtVedetteSmall h3
{
    background-color: Transparent;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: normal;
    padding: 3px 0 0 3px;
    margin: 0;
}
.carArtTxtRight
{
    margin-top: -11px;
    text-align: right;
}
#artDecouvertes
{
    background-color: #e7e7ea;
    border-top: solid 1px #b5b5b6;
    border-right: solid 1px #b5b5b6;
    border-left: solid 1px #b5b5b6;
    color: #000000;
    padding-top: 15px;
    width: 658px;
}
#artDecouvertesBottom
{
    background-color: Transparent;
    background-image: url(       "/images/artistes/bottomDecouvertes.png" );
    background-position: top left;
    background-repeat: no-repeat;
    width: 660px;
    height: 22px;
}

.artDecouvertesItem
{
    float: left;
    padding: 0px;
    text-align: center;
    width: 131px;
}
.artDecouvertesItem h3
{
    background-color: Transparent;
    color: #000000;
    font-size: 0.9em;
    font-weight: normal;
    padding: 3px 0 0 3px;
    margin: 0;
}
.artDecouvertesItem img
{
    border: solid 1px #000000;
}

#zoneArtConstellation
{
    background-color: #7e9514;
    color: #000000;
    padding: 15px;
    width: 630px;
}
/*Fin de la page default*/
/*Page artiste (fiche d'artiste)*/
#artisteInfo
{
    /*background-color: Transparent;*/
    background-image: url(       "/images/coins/artiste-fiche/bg.png" );
    color: #ffffff; /*height: 340px;*/
    margin: 10px auto 0 auto;
    width: 968px;
}
#artisteInfo h1
{
    margin-top: 0;
}
#artisteInfo a
{
    background-color: Transparent;
    color: #ffffff;
    text-decoration: underline;
}

#artistePhoto
{
    float: left;
    padding-right: 5px;
    width: 373px;
}

#frameFB
{
    background-color: #c7c8bf;
    padding: 5px;
    margin-top: 5px;
}
#artisteResume
{
    border-right: solid 1px #a7a9aa;
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    width: 292px;
}
#artisteResume p
{
    margin-top: 0;
    padding-top: 0;
}

#artisteExtras
{
    float: left;
    width: 268px;
}
.artisteSeparateur
{
    border-bottom: dotted 1px #afb2b3;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
#zoneArtisteInfosSupp
{
    /*background-color: Transparent;*/
    margin: 0 auto 0 auto;
    padding: 0;
}
.artConstellationImg
{
    border: 0px;
    float: left;
    height: 44px;
    margin-right: 5px;
    width: 72px;
}
.artConstellationTxt
{
    margin: 0;
    padding: 0; /*width:191px;*/
}
/*onglets*/
#onglets
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 660px;
}
#onglets li
{
    display: inline;
    padding: 0px;
    margin: 0;
}
#onglets img
{
    border: 0;
    margin-right: -5px;
    padding: 0;
    text-align: center;
}
.ongletArtContener
{
    background-color: #f4f4f5;
    border: solid 1px #000000;
    margin: -4px 0 0 0;
    padding: 5px;
    width: 650px;
}
.ongletArtContenerNoPadding
{
    background-color: #f4f4f5;
    border: solid 1px #000000;
    margin: -4px 0 0 0;
    padding: 0;
    width: 660px;
}
/*Table spectacles*/
.artSpectSeparateur
{
    border-top: solid 2px #64b8e3;
}
.artSpectEdition
{
    background-color: #e7e7ea;
    border-right: solid 1px #64b8e3;
    color: #000000;
    padding: 5px;
    width: 50px;
}
.artSpectTitre
{
    padding: 5px;
    width: 204px;
}
.artSpectSousTitre
{
    font-size: 0.9em;
}
.artSpectTitreOld
{
    padding: 5px;
    width: 143px;
}
.artSpectTitre a, .artSpectTitreOld a
{
    background-color: Transparent;
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}
.artSpectDateLieu
{
    padding: 5px;
    width: 322px;
}
.artSpectLien
{
    padding: 5px;
    width: 120px;
}
.artSpectLien a
{
    background-color: Transparent;
    color: #000000;
    text-decoration: none;
}
.artSpectLien a:hover
{
    text-decoration: underline;
}
/*Fin Page artiste (fiche d'artiste)*/

/*Page artiste index*/
#zoneArtisteIndex
{
    background-color: #e7e7ea;
    border-left: 1px solid #b5b5b6;
    border-right: 1px solid #b5b5b6;
    color: #000000;
    padding: 0px 10px 10px 10px;
}
#zoneArtisteIndexBottom
{
    background-color: Transparent;
    background-image: url(       "/images/artistes/bottomDecouvertes.png" );
    background-position: top left;
    background-repeat: no-repeat;
    width: 660px;
    height: 22px;
}
#zoneArtisteIndex h1
{
    font-size: 1.4em;
    margin: 0;
    padding: 5px 0px 15px 20px;
}
#zoneArtisteIndex p
{
    margin: 0;
    padding: 3px 20px 3px 20px;
}
#zoneArtisteIndex p.indexIntro
{
    font-size: 0.8em;
    margin-right: 20px;
    margin-left: 20px;
}
.indexArtNavLettre
{
    clear: both;
    margin: 0;
    padding: 0;
}
.indexArtNavLettre ul
{
    margin: 0 17px 0 17px;
    padding: 0;
}
.indexArtNavLettre li
{
    display: inline;
    float: left;
    list-style-type: none;
    text-align: center;
}
.indexArtNavLettre a
{
    background-color: Transparent;
    color: #8b8b8b;
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    height: 15px;
    padding: 2px;
    text-decoration: none;
    width: 18px;
}
.indexArtNavLettre a:hover
{
    background-color: Transparent;
    color: #000000;
    font-size: 0.9em;
}
.indexArtNavLettre .selected
{
    color: #000000;
    font-size: 0.9em;
}
.artistes3Col
{
    float: left;
    margin-top: 10px;
    width: 210px;
}
.artistes3Col p
{
    margin: 0;
}
.artistesLettrine
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: 3px 20px 0 20px;
}
/*Fin Page artiste index*/
/*Page Artiste Constellation*/
.ckbConstellation input
{
    float: left;
    margin: 0 3px 8px 0;
}
.ckbConstellation label
{
    display: none;
}
/*Fin page artiste constellation*/

/*Styles de la constellation*/
.constellationTitre
{
    background-image: url(       "/images/artistes/titreContellation_photos.png" );
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 165px;
}
.imageContellationTitre
{
    margin-left: 97px;
}

/*fin des styles constellation*/

/*User control artiste recherche*/
#rechercheArtiste
{
    background-color: #7e9514;
    padding: 3px;
}

#rechercheArtisteBottom
{
    background-color: Transparent;
    background-image: url(       "/images/artistes/bottomRechercheArtistes.png" );
    background-position: top left;
    background-repeat: no-repeat;
    width: 300px;
    height: 14px;
}

#rechArtNavLettre
{
    margin: 0;
    padding: 0 3px 0 3px;
}
#rechArtNavLettre li
{
    display: inline;
    list-style-type: none;
}
#rechArtNavLettre a
{
    background-color: Transparent;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 3px 3px 3px;
    text-decoration: none;
}
.rechArtBtn
{
    vertical-align: middle;
}
#rechArtLiensRapides
{
    font-weight: bold;
}
/*Fin User control artiste recherche*/
/*User control Index des artistes*/
.ucIndexArtistes_fr a, .ucIndexArtistes_en a
{
    display: block;
    height: 25px;
    margin: 10px 0 25px 15px;
    outline: none;
    text-indent: -9999px;
}
.ucIndexArtistes_fr a
{
    background: transparent url(      '/images/accueil/btnIndexArtistes_fr.png' ) no-repeat 0 0;
    width: 175px;
}
.ucIndexArtistes_en a
{
    background: transparent url(      '/images/accueil/btnIndexArtistes_en.png' ) no-repeat 0 0;
    width: 138px;
}
.ucIndexArtistes_fr a:hover, .ucIndexArtistes_fr a:focus, .ucIndexArtistes_en a:hover, .ucIndexArtistes_en a:focus
{
    background-position: 0 -25px;
}
.ucIndexArtistes_fr a:active, .ucIndexArtistes_en a:active
{
    background-position: 0 -50px;
}
/*fin user control Index des artistes*/
/***********/

/*****Zone de recherche******/
#zoneRecherche, #pubInfolettre
{
    background: transparent url(      '/images/calendrier/bgCalendrier.png' ) no-repeat top left;
    background-color: #e7e7ea;
    border: 1px solid #b5b5b6;
    border-bottom: 0;
}
#zoneRechercheFooter, .bottomZoneGriseColDroite
{
    background: url(       '/images/bottomZoneRecherche.png' ) no-repeat bottom center;
    height: 15px;
}
.titreZonesRecherche
{
    margin: 10px 0 10px 15px;
}
/*calendrier*/
img#imgTitreCalendrier
{
    margin: 10px 0 10px 10px;
}
#zoneCalendrier
{
    border-bottom: 2px dotted #000000;
    min-height: 255px;
}
#zoneCalendrier table
{
    margin: 0 auto;
}
.Calendrier a
{
    text-decoration: none;
}
.calHeader
{
    text-transform: uppercase;
    font-size: 13px;
}
.calDay
{
    font-size: 24px;
}
.calSelectedDay
{
    color: #a1cae0;
}
.calToday
{
}
.calOtherMonth
{
    visibility: hidden;
}
.calNavigation
{
    height: 25px;
    border-top: 1px solid #b9b9bd;
    border-bottom: 1px solid #b9b9bd;
    background: transparent url(        '/images/calendrier/bgCalNavigation.png' );
}
.calNomMois
{
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin-top: 3px;
}
#boutonMoisSuivant
{
    width: 30px;
    float: right;
}
#boutonMoisSuivant a
{
    display: block;
    width: 30px;
    height: 25px;
    text-indent: -9999px;
    background: transparent url(        '/images/btnFlecheDroiteMedium.png' ) no-repeat -90px 0;
    outline: none;
}
#boutonMoisSuivant a:hover, #boutonMoisSuivant a:focus
{
    background-position: -60px 0;
}
#boutonMoisSuivant a:active
{
    background-position: -30px 0;
}
a.boutonMoisSuivantInactif, a.boutonMoisSuivantInactif:hover, a.boutonMoisSuivantInactif:hover, a.boutonMoisSuivantInactif:focus
{
    visibility: hidden;
}
#boutonMoisPrecedent
{
    width: 30px;
    float: left;
}
#boutonMoisPrecedent a
{
    display: block;
    width: 30px;
    height: 25px;
    text-indent: -9999px;
    background: transparent url(        '/images/btnFlecheGaucheMedium.png' ) no-repeat 0 0;
    outline: none;
}
#boutonMoisPrecedent a:hover, #boutonMoisPrecedent a:focus
{
    background-position: -30px 0;
}
#boutonMoisPrecedent a:active
{
    background-position: -60px 0;
}
a.boutonMoisPrecedentInactif, a.boutonMoisPrecedentInactif:hover, a.boutonMoisPrecedentInactif:focus, a.boutonMoisPrecedentInactif:active
{
    visibility: hidden;
}
#titreCalendrier
{
    font-size: 18px;
    margin: 10px 5px 0 5px;
}
#titreCalendrier div
{
    width: 55px;
    float: right;
    padding-bottom: 5px;
}
#numeroEdition
{
    font-size: 12px;
    white-space: nowrap;
}
.visibleDate /*Utilisé comme selecteur de certains scripts client*/
{
    display: none;
}
/*fin styles calendrier*/
/*Zone des options d'affichage de la programmation */
#zoneOptionsProgrammation
{
    font-weight: bold;
    font-size: 11px;
    margin: 0 0 0 10px;
}
#zoneListeSeries, .zoneListeGenres, #zoneListeScenes
{
    margin-top: 5px;
}
/*Pour masquer la liste des genres au besoin*/
/*.zoneListeGenres
{
   display:none;
}*/
#zoneMotsCles
{
    margin: 5px 0 10px 0;
}
#zoneMotsCles .txbRecherche, #zoneListeSeries .listeSeries, #zoneEditionType .listeAnnees, .zoneListeGenres .listeGenres, #zoneListeScenes .listeScenes
{
    border: 1px solid #cccdc5;
    font-size: 11px;
    margin: 2px 0 0 0;
    padding: 0 0 0 5px;
}
#zoneMotsCles .txbRecherche
{
    width: 260px;
    height: 17px;
}
#zoneListeSeries .listeSeries, .zoneListeGenres .listeGenres, #zoneListeScenes .listeScenes
{
    width: 267px;
    height: 19px;
}
#zoneEditionType .listeAnnees
{
    margin-top: 10px;
    width: 60px;
    height: 19px;
}
.btnOptionsProgrammation
{
    vertical-align: middle;
    opacity: 1; /*mozilla firefox*/
    filter: alpha(opacity:100); /*internet explorer*/
}
.btnOptionsProgrammation:hover, .btnOptionsProgrammation:active
{
    opacity: .5; /*mozilla firefox*/
    filter: alpha(opacity:50); /*internet explorer*/
    cursor: pointer;
}
.btnOptionsProgrammation:active
{
    margin-left: 1px;
}
ul.liensRapidesRecherche
{
    list-style-type: none;
    padding: 0;
    margin: 5px 0;
}
ul.liensRapidesRecherche li
{
    background-image: url(/images/puceFlecheDroite.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 3px 22px;
}
#zoneEditionType
{
    margin: 10px 0 10px 0;
}
.listeProgType
{
    width: 130px;
    border-right: 1px solid #C9CED4;
    margin-right: 5px;
    float: left;
}
.raccourciConcertsDate
{
    width: 140px;
    text-align: center;
    float: left;
}
/*Fin de la zone des options d'affichage de la programmation*/
/*menu 7 mondes accueil*/
#zoneMenuMondesAccueil
{
    border-bottom: 2px dotted #000000;
    padding-bottom: 10px;
}
ul#menuMondesAccueil
{
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 273px;
}
ul#menuMondesAccueil li
{
    width: 38px;
    height: 52px;
    float: left;
    margin-right: 1px;
}
ul#menuMondesAccueil li a
{
    display: block;
    width: 38px;
    height: 52px;
    text-indent: -9999px;
    outline: none;
}
li#monde1Accueil a
{
    background: transparent url(        '/images/accueil/menuMondesAccueil.png' ) no-repeat 0 0;
}
li#monde1Accueil a:hover, li#monde1Accueil a:focus
{
    background-position: 0 -52px;
}
li#monde2Accueil a
{
    background: transparent url(        '/images/accueil/menuMondesAccueil.png' ) no-repeat -40px 0;
}
li#monde2Accueil a:hover, li#monde2Accueil a:focus
{
    background-position: -40px -52px;
}
li#monde3Accueil a
{
    background: transparent url(        '/images/accueil/menuMondesAccueil.png' ) no-repeat -80px 0;
}
li#monde3Accueil a:hover, li#monde3Accueil a:focus
{
    background-position: -80px -52px;
}
li#monde4Accueil a
{
    background: transparent url(        '/images/accueil/menuMondesAccueil.png' ) no-repeat -120px 0;
}
li#monde4Accueil a:hover, li#monde4Accueil a:focus
{
    background-position: -120px -52px;
}
li#monde5Accueil a
{
    background: transparent url(        '/images/accueil/menuMondesAccueil.png' ) no-repeat -160px 0;
}
li#monde5Accueil a:hover, li#monde5Accueil a:focus
{
    background-position: -160px -52px;
}
li#monde6Accueil a
{
    background: transparent url(        '/images/accueil/menuMondesAccueil.png' ) no-repeat -200px 0;
}
li#monde6Accueil a:hover, li#monde6Accueil a:focus
{
    background-position: -200px -52px;
}
li#monde7Accueil a
{
    background: transparent url(        '/images/accueil/menuMondesAccueil.png' ) no-repeat -240px 0;
}
li#monde7Accueil a:hover, li#monde7Accueil a:focus
{
    background-position: -240px -52px;
}
#tooltipMenuMondes
{
    display: none;
    background: transparent url(/images/accueil/bulleMonde1.png) no-repeat 0 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    height: 50px;
    width: 150px;
    padding: 15px;
    color: #fff;
}

/*Bouton «index des artistes»*/
#zoneIndexArtistesAccueil
{
    border-bottom: 2px dotted #000000;
}
a#btnIndexArtistes_fr, a#btnIndexArtistes_en
{
    display: block;
    width: 175px;
    height: 25px;
    margin: 10px 0 10px 15px;
    text-indent: -9999px;
    outline: none;
}
a#btnIndexArtistes_en
{
    width: 138px;
}
a#btnIndexArtistes_fr
{
    background: transparent url(        '/images/accueil/btnIndexArtistes_fr.png' ) no-repeat 0 0;
}
a#btnIndexArtistes_en
{
    background: transparent url(        '/images/accueil/btnIndexArtistes_en.png' ) no-repeat 0 0;
}
a#btnIndexArtistes_fr:hover, a#btnIndexArtistes_fr:focus, a#btnIndexArtistes_en:hover, a#btnIndexArtistes_en:focus
{
    background-position: 0 -25px;
}
a#btnIndexArtistes_fr:active, a#btnIndexArtistes_en:active
{
    background-position: 0 -50px;
}
#zoneInfolettreSpectraAccueil
{
    border-bottom: 2px dotted #000000;
}
#zoneInfolettreSpectraAccueil:hover, #zoneInfolettreSpectra:hover
{
    cursor: pointer;
}

ul#avantagesInfolettreSpectra_fr, ul#avantagesInfolettreSpectra_en
{
    list-style-type: square;
    margin: 10px 10px 10px 25px;
    padding: 0;
}
ul#avantagesInfolettreSpectra_fr
{
    background: transparent url(        '/images/accueil/logoInfolettreSpectra.png' ) no-repeat center right;
}
ul#avantagesInfolettreSpectra_en
{
    background: transparent url(        '/images/accueil/logoSpectraNewsletter.png' ) no-repeat center right;
}
ul#avantagesInfolettreSpectra_fr li, ul#avantagesInfolettreSpectra_en li
{
    color: #008dd2;
}
ul#avantagesInfolettreSpectra_fr li span, ul#avantagesInfolettreSpectra_en li span
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
}
ul#avantagesInfolettreSpectra_fr li span:hover, ul#avantagesInfolettreSpectra_en li span:hover
{
    color: #008dd2;
}
/**********/

/* --------- Zone programmation ----------*/
/*Page Liste des Festivaliers qui partagent leur sélection*/
/*Page de suggestion des programmateurs*/
#zoneListeFestivaliers h1, #zoneListeProgrammateurs h1
{
    margin-top: 0;
}

.listeFestivaliersPhoto
{
    border: solid 1px #000000;
    clear: left;
    float: left;
    margin: 5px 10px 5px 15px;
    padding: 1px;
}
.listeFestivaliersLettrine
{
    background-color: Transparent;
    clear: left;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
}
.listeFestivaliersP
{
    margin: 15px;
}
.programmeurItem
{
    float: left;
    padding-bottom: 15px;
    padding-right: 15px;
    width: 315px;
}
.programmeurItem img
{
    float: left;
    margin-right: 10px;
}
/*Page horaire d'un festivalier partage selection*/
#zoneListeSpectacles
{
    /*margin: 0 -10px -10px -10px;     padding: 0 10px 0 10px;*/
}
.grilleSpectaclesFestivalier
{
    border-collapse: collapse;
}
.colonneDate
{
    background-color: #e7e7ea;
    border-bottom: 2px solid #64b8e3;
    border-right: 1px solid #64b8e3;
    font-weight: bold;
    padding: 5px 0 5px 5px;
    margin: 0;
    width: 75px;
}
.colonnePhoto
{
    background-color: #f4f4f5;
    padding: 5px 0 5px 5px;
    vertical-align: top;
    width: 99px;
}
.colonneSpectacle
{
    background-color: #f4f4f5;
    border-right: 1px solid #64b8e3;
    padding: 5px;
    vertical-align: top;
    width: 280px;
}
.spectacleTitre
{
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.spectacleSousTitre
{
    font-size: 0.9em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.spectacleCommentaire
{
    font-size: 0.9em;
    font-style: italic;
    margin: 0;
    padding: 0;
}
.spectacleLieu
{
    color: #325464;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.spectaclePrix
{
    font-size: 0.85em;
    margin: 0;
    padding: 0;
}
.grilleSpectaclesFestivalier .colonneMesConcerts
{
    width: 81px;
}
.grilleSpectaclesFestivalier .colonneAchat
{
    padding-right: 10px;
    padding-left: 10px;
    width: 80px;
}
.colonneLegende
{
    background-color: #f4f4f5;
    border-bottom: 2px solid #64b8e3;
    border-right: 1px solid #ffffff;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 22px;
}
.colonneLegende img
{
    margin-bottom: 10px;
}
.colonneSpectacleSupl
{
    background-color: #f4f4f5;
    border-bottom: 2px solid #64b8e3;
    border-right: 1px solid #64b8e3;
    padding: 5px;
}
.serieNom
{
    font-size: 0.85em;
    text-transform: uppercase;
}
.serieDesc
{
    font-size: 0.85em;
    margin: 5px 0 0 0;
    padding: 0;
}
.mesCommentaires
{
    border-top: 1px dotted #c9ced4;
    padding-top: 10px;
    padding-bottom: 10px;
}
.legendeSpectaclesFestivaliers
{
    /*background-color: #f4f4f5;*/
    color: #022c40;
    font-size: 11px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}
.legendeSpectaclesFestivaliers img
{
    margin: 3px 5px;
    vertical-align: middle;
}
.legendeTitre
{
    float: left;
    margin: 3px 5px;
    text-align: right;
    width: 120px;
}
.legendeInfo
{
    float: left;
    text-align: left;
    width: 500px;
}
/*User control login mini*/
#loginDte
{
    background-color: #008dd2;
    padding: 5px;
}
#loginDteBottom
{
    background-color: Transparent;
    background-image: url(       "/images/programmation/bottomMesFrancosDte.png" );
    background-position: top left;
    background-repeat: no-repeat;
    width: 300px;
    height: 14px;
}
.miniFormInputLarge
{
    font-size: 1em;
    margin-bottom: 6px;
    width: 260px;
}
.miniFormTxtButton
{
    background-color: Transparent;
    background-image: url(       "/images/puceFlecheDroite.png" );
    background-position: center left;
    background-repeat: no-repeat;
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    height: 15px;
    margin: 10px auto 10px auto;
    padding-left: 20px;
}
.mfTxtButtonSmall
{
    width: 80px;
}
.mfTxtButtonLarge
{
    width: 150px;
}

a.miniFormTxtButton
{
    display: block;
}
.miniFormCkb
{
    font-weight: bold;
}
.mesFrancosItem
{
    float: left;
    width: 186px;
}
.mesFrancosItemImg
{
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}
.mesFrancosItem p
{
    font-size: 0.9em;
    margin: 0;
    padding: 0 3px 0 3px;
}
.mesFrancosSeparateur
{
    clear: left;
    padding-bottom: 10px;
}
/**********/

/* --------- Zone Mes Francos ----------*/

.mesFrancosStyle
{
    background-color: Transparent;
    background-image: url("/images/coins/mes-francos/bg.png" );
    color: #000000;
    margin: 10px auto 0 auto;
}
ul.listeMiniFleches
{
    list-style-type: none;
    padding: 0 10px 0 10px;
    margin: 10px 0;
}
ul.listeMiniFleches li
{
    background-image: url(/images/puceFlecheDroite.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 5px 10px 5px 22px;
}

/*Page de partage de sélection de spectacles*/
/*partager selection, selection festivalier, partage selection*/
#zonePartageBig
{
    float: left;
    width: 368px;
}
#zonePartageSmall
{
    float: left;
    width: 292px;
}
#zonePartageSmall h4
{
    font-size: 1.1em;
}
#zonePartageConcours
{
    background-color: #008dd2;
    color: #ffffff;
    clear: left;
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 15px;
    padding: 10px;
}
#zonePartageConcours h2
{
    background-color: Transparent;
    color: #000000;
    text-align: center;
}
.btnPartage
{
    background-color: Transparent;
    background-image: url(       "/images/puceFlecheDroite.png" );
    background-position: center left;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    height: 15px;
    margin: 10px auto 10px auto;
    padding-left: 20px;
}
.avatarSmall
{
    float: left;
    margin-right: 3px;
    width: 26px;
}
.avatarBig
{
    float: left;
    margin-right: 3px;
    width: 50px;
}
.avatarSmall img, .avatarBig img
{
    padding: 1px;
    border: 1px solid #000000;
}
.festivalierInfos
{
    float: left;
    padding-bottom: 10px;
}
.festivalierInfos p
{
    margin: 0;
    padding: 0 5px 0 5px;
}
.festivalierNameH
{
    font-size: 1.4em;
    margin: 0;
    padding: 0 5px 3px 5px;
}
.partageSmallImg
{
    float: left;
    margin-left: 15px;
    margin-right: 5px;
}
.partageSmallH
{
    margin: 0;
    padding: 0 5px 3px 5px;
}
.partageSmallSep
{
    clear: left;
    padding-bottom: 10px;
}
.partageSmallLink
{
    margin-top: 20px;
    margin-left: 10px;
}
.partageFestivalierInfos
{
    float: left;
    margin-left: 10px;
    margin-right: 0;
    width: 163px;
}
.txtBig
{
    font-size: 1.6em;
}
.imgNumber
{
    float: left;
    margin-right: 15px;
}
/*Interfaces de création et de modification de compte*/
.createWizardChangerImage
{
    padding: 10px;
}
.createWizardChangerImage label
{
    display: none;
}
.createWizardImageEdition
{
    width: 450px;
    margin: 10px auto 10px auto;
    text-align: center;
}
.zoneMesFrancos, .wizardMesFrancos .wizard
{
    color: #000000;
    background-image: url(        '/images/coins/mes-francos/bg.png' );
    margin-top: 10px;
}
.zonePartageEtConditions
{
    width: 500px;
    margin: 10px auto 20px auto;
}

/*Les classes .AspNet-Login et .AspNet-PasswordRecovery sont générées par le CSSFriendlyAdapter pour le contrôle de login*/
.zoneMesFrancos .AspNet-Login
{
    margin-top: 15px;
    padding-top: 15px;
}
.zoneMesFrancos .AspNet-Login input[type=text], .zoneMesFrancos .AspNet-PasswordRecovery input[type=text], .zoneMesFrancos .AspNet-Login input[type=password], .zoneMesFrancos .AspNet-PasswordRecovery input[type=password]
{
    margin-bottom: 10px;
    width: 200px;
}
#formModifierProfil
{
    padding: 15px 0 15px 0;
}
.zoneMesFrancos input, .loginForm input, .wizardMesFrancos .wizard input
{
    font-size: 1em;
}
.loginForm .formRow input
{
    margin-bottom: 10px;
    width: 200px;
}
a.btnMesFrancosLong, a.btnMesFrancosCourt
{
    display: block;
    height: 26px;
    text-align: center;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
a.btnMesFrancosLong
{
    width: 256px;
    padding: 5px 25px 0 0;
    background: transparent url(        '/images/mes_francos/btnForm_281.gif' ) no-repeat top left;
}
a.btnMesFrancosCourt
{
    width: 95px;
    padding: 5px 30px 0 0;
    background: transparent url(        '/images/mes_francos/btnForm_125.png' ) no-repeat top left;
}
a.btnMesFrancosFloatLeft
{
    float: left;
    margin: 0 10px 0 0;
}
a.btnMesFrancosMarginLeft
{
    margin-left: 40px;
}
a.btnMesFrancosSingle
{
    margin: 0 auto;
}
a.btnMesFrancosLong:hover, a.btnMesFrancosCourt:hover
{
    text-decoration: underline;
}
.zoneMesFrancos .formRow label, .loginForm .formRow label, .wizardMesFrancos .wizard .formRow label
{
    width: 150px;
    display: block;
    float: left;
    font-weight: bold;
}

.zoneMesFrancos .formRow, .loginForm .formRow, .wizardMesFrancos .wizard .formRow
{
    clear: both;
    margin-bottom: 5px;
}
.zoneMesFrancos .formRow2, .wizardMesFrancos .wizard .formRow2
{
    clear: both;
    margin-bottom: 5px;
}
.zoneMesFrancos .formGroup, .wizardMesFrancos .wizard .formGroup
{
    margin-top: 15px;
    border-top: 1px dotted #000000;
}
.zoneMesFrancos .formRow2 label, .wizardMesFrancos .wizard .formRow2 label
{
    font-weight: bold;
    display: block;
    margin: 5px 0 5px 0;
}
.mesFrancosExemple
{
    background-image: url(       "/images/coins/mes-francos/bottomColor/bg.png" );
    padding: 10px;
    margin: 10px 0 -10px 0;
    color: #ffffff;
    z-index: 99;
}
.mesFrancosExempleSeparateur
{
    clear: both;
    border-bottom: 2px dotted #b7b7b7;
}
.mesFrancosExemple img
{
    float: right;
    margin-left: 10px;
}
.mesFrancosExemple a
{
    color: #ffffff;
    text-decoration: underline;
}
.modalBackground
{
    background-color: #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
#btnArtistesFavoris
{
    background: url(  '/images/mes_francos/btnArtistesFavoris.png' ) no-repeat top left;
    display: block;
    width: 218px;
    height: 28px;
    padding: 13px 0 0 25px;
    float: right;
    font-size: 12px;
    font-weight: bold;
}
#btnArtistesFavoris a
{
    text-decoration: underline;
}
#mesFrancosRetourProg
{
    text-align: right;
    margin-bottom: 15px;
}
#mesFrancosRetourProg a
{
    font-weight: bold;
    text-decoration: underline;
}
/*Formulaire de login*/
.loginCkb
{
    display: block;
    float: left;
    font-weight: bold;
}
.loginRow2
{
    margin-right: auto;
    margin-left: auto;
    width: 350px;
}
.loginBottom
{
    background-image: url(       "/images/coins/mes-francos/bottomColor/bg.png" );
    color: #ffffff;
    margin-top: 10px;
    padding-top: 10px;
    z-index: 1;
}
.loginBottom a
{
    color: #ffffff;
    text-decoration: underline;
}
.loginFailureText
{
    color: #ff0033;
    clear: both;
    padding: 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;
}

/*Styles pour le popup «change password»*/
.PopupChangePassword
{
    width: 325px;
    background-color: #ffffff;
    border: 1px solid #000000;
    padding: 15px;
}

/*Instruction pour le télécharger «Mes Francos»*/
.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 envoyer sélection de spectacles*/
#zoneEnvoi
{
    padding-left: 50px;
    padding-right: 50px;
}
.envoiInputLarge
{
    width: 450px;
}
/**********/

/*** Grilles de programmation ***/
.grillePagerTop
{
    background-color: #000000;
    padding: 15px 0 10px 0;
}
.grillePagerBottom
{
    background-color: #000000;
    padding: 5px 0 5px 0;
}
.btnJourPrecedent, .btnJourSuivant
{
    width: 90px;
    font-size: 0.75em;
    text-transform: uppercase;
    margin: 0 10px 0 10px;
}
.btnJourPrecedent a, .btnJourSuivant a
{
    text-decoration: none;
    color: #ffffff;
}
.btnJourPrecedent
{
    float: left;
}
.btnJourSuivant
{
    float: right;
    text-align: right;
}
.grilleTypeSurtitre, .msgMaxResultats
{
    text-align: center;
    color: #75797c;
    font-weight: bold;
    font-size: 0.85em;
}
.msgMaxResultats
{
    margin-top: 5px;
}
.grilleTypeSurtitre
{
    text-transform: uppercase;
}
.grilleTypeBottom, .grilleTypeTop
{
    color: #62b6e1;
    font-weight: bold;
    text-align: center;
}
.grilleTypeTop
{
    font-size: 1.65em;
}
.grilleTypeTop img
{
    vertical-align: middle;
    margin: 0 5px;
}
.grilleTypeBottom
{
    font-size: 1.1em;
}
#titreSerieTop
{
    width: 490px;
    display: inline-block;
    vertical-align: middle;
}
#partenairesMedia
{
    clear: both;
    margin-top: 5px;
    color: #ffffff;
    font-size: 11px;
}
.grilleConcertsWrapper
{
    border: 1px solid #b5b5b6;
    border-top: 0;
    margin-top: 1px;
}
table.grilleConcertsJours, table.grilleConcertsSeries, table.grilleMesConcerts, table.grilleConcertsGenres, table.grilleConcertsScenes, table.grilleConcertsRecherches, table.grilleConcertsFiches
{
    border-collapse: collapse;
    width: 100%;
}
.grilleConcertsJours td, .grilleConcertsSeries td, .grilleMesConcerts td, .grilleConcertsGenres td, .grilleConcertsScenes td, .grilleConcertsRecherches td, .grilleConcertsFiches td
{
    font-weight: bold;
    padding: 5px;
}
.colonneDateHeure
{
    background-color: #e7e7ea;
    border-bottom: 2px solid #64b8e3;
    border-right: 1px solid #64b8e3;
    width: 72px;
    padding: 0;
}
.colonneIcones
{
    width: 16px;
    border-bottom: 2px solid #64b8e3;
    border-right: 1px solid #ffffff;
}
.colonneThumbnailConcert, .colonneThumbnailConcertSansSerie
{
    background-color: #f4f4f5;
    padding: 5px 0 5px 5px;
    vertical-align: top;
    width: 16%;
}
td.colonneDetailsConcertFiche
{
    vertical-align: middle;
}
.colonneDetailsConcert, .colonneDetailsConcertSansSerie, .colonneDetailsConcertFiche, .colonneDetailsMesConcerts
{
    background-color: #f4f4f5;
    line-height: 1.3em;
    border-right: 1px solid #64b8e3;
    vertical-align: top;
}
.colonneDetailsMesConcerts
{
    border-bottom: 2px solid #64b8e3;
}
.colonneDetailsConcertFiche, .colonneDetailsMesConcerts
{
    width: 375px;
}
.grilleMesConcertsThumbnails
{
    vertical-align: top;
    width: 99px;
    float: left;
}
.grilleMesConcertsInfos
{
    margin-left: 5px;
    width: 260px;
    float: left;
}
.colonneSerie
{
    background-color: #f4f4f5;
    border-bottom: 2px solid #64b8e3;
    border-right: 1px solid #64b8e3;
}
.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;
}
.concertSerie
{
    font-size: 0.85em;
    text-transform: uppercase;
    font-weight: normal;
}
.concertSerie img
{
    vertical-align: middle;
    margin-left: 5px;
}
.concertCommentaire, .prixBillets
{
    font-weight: normal;
    font-size: 0.85em;
}
.concertCommentaire
{
    margin-top: 5px;
}
.iconeHoraireRight
{
    width: 140px;
    float: right;
    text-align: right;
}
.colonneIcones
{
    background-color: #f4f4f5;
    text-align: center;
    padding: 0;
}
.colonneMesConcerts
{
    text-align: center;
    background-color: #008dd2;
    color: #ffffff;
    font-size: 0.75em;
    width: 64px;
    border-bottom: 2px solid #64b8e3;
    border-right: 1px solid #ffffff;
}
.colonneMesConcerts img, .colonneMesConcerts input
{
    border: 0;
    margin: 5px 0 5px 0;
}
.colonneAchat
{
    color: #ffffff;
    background-color: #011c29;
    border-bottom: 2px solid #64b8e3;
    text-align: center;
    width: 80px;
}
.colonneAchat a
{
    color: #ffffff;
}
a.btnAchatConcert, a.btnConcertGratuit, span.btnAchatConcert, span.btnConcertGratuit
{
    display: block;
    width: 70px;
    text-align: center;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    padding: 2px;
    text-decoration: none;
}
a.btnAchatConcert, span.btnAchatConcert
{
    color: #ffffff;
    background-color: #008dd2;
    border: 1px solid #00608e;
}
a.btnConcertGratuit, span.btnConcertGratuit
{
    color: #000000;
    background-color: #bcd640;
    border: 1px solid #718c37;
}
a.btnAchatConcert:hover, a.btnConcertGratuit:hover
{
    font-weight: bold;
}
.lastConcertRow td
{
    border-bottom: 0;
}
.nomSerie
{
}
.noResult
{
    background-color: #e2e2e2;
    text-align: center;
    padding: 15px;
}
.grilleConcertsLegende
{
    border-top: 2px solid #64b8e3;
    background-color: #f4f4f5;
    font-weight: bold;
    color: #022c40;
    font-size: 11px;
    padding: 10px;
}
.editionsMesConcerts
{
    font-size: 11px;
    padding: 10px 0;
    color: #64b8e3;
    font-weight: bold;
}
.editionsMesConcertsTitre
{
    color: #000000;
}
.editionsMesConcerts a
{
    text-decoration: underline;
    border-left: 2px solid #64b8e3;
    padding-left: 3px;
}
.grilleConcertsLegende img
{
    margin: 3px 5px;
    vertical-align: middle;
}
.avisPrixBillets
{
    text-align: center;
    margin-bottom: 10px;
}
.titreConcertsLegende
{
    width: 120px;
    float: left;
    text-align: right;
    margin: 3px 5px;
}
.infosConcertsLegende
{
    width: 500px;
    float: left;
}
/* Style des phylactères « Mes Francos » */
.hp_status
{
    width: 185px;
    height: 65px;
    padding: 3px 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(          "/images/programmation/phylactere.png" );
    background-position: top 5px;
    background-repeat: no-repeat;
    display: none;
    text-align: center;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}
.hp_text
{
    font-weight: normal;
    margin-bottom: 3px;
}

.hp_status a
{
    font-weight: bold;
    text-decoration: underline;
}
/*Style zone de commentaire des grilles horaires*/
.mesFrancosCommentaire
{
    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;
}
.txbMesFrancosCommentaire, .txbMesFrancosCommentaireLong
{
    width: 240px;
    float: left;
    margin-right: 8px;
}
.txbMesFrancosCommentaireLong
{
    width: 275px;
    padding-left: 5px;
}
.txbMesFrancosCommentaire textarea, .txbMesFrancosCommentaireLong textarea
{
    width: 240px;
    height: 32px;
    margin-right: 8px;
    border: 1px solid #64b8e3;
    font-size: 11px;
    overflow: auto;
}
.txbMesFrancosCommentaireLong 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;
}
/* 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 #64b8e3;
}
#boxesModal #popupPartage a
{
    text-decoration: underline;
}
#popupPartage label
{
    font-weight: bold;
    margin: 0 10px;
}
/**********/
/*****  Style des fiches de concert  *****/
#zoneFicheConcert, .noConcertFound
{
    background-image: url(        '/images/accueil/concerts-vedettes/bgEnVedette.png' );
    color: #ffffff;
    margin: 10px 0 0 10px;
    width: 640px;
}
.noConcertFound
{
    height: 100px;
    padding-top: 60px;
    font-weight: bold;
    text-align: center;
}
#zoneFicheConcert a
{
    color: White;
}

#zoneFicheConcert h1
{
    margin: 0 0 5px 0;
}
#ficheConcertPhotoAudio
{
    width: 368px;
    margin-right: 10px;
    float: left;
}
#ficheConcertTexte
{
    width: 260px;
    float: left;
}
#ficheConcertTexte a
{
    color: #ffffff;
    text-decoration: underline;
}
.ficheConcertSousTitre
{
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 14px;
}
.ficheConcertInfos
{
    background-image: url( "/images/coins/concert-fiche/bottomColor/bg.png" );
    margin-top: 10px;
    color: #ffffff;
    z-index: 99;
}
.ficheConcertInfos ul.listeMiniFleches
{
    width: 355px;
    margin-right: 5px;
    float: left;
}
#zoneFBLikeButton
{
    margin-top: 10px;
    width: 225px;
    float: left;
}
#zoneFBLikeButton a:link
{
    /*font-size:0.85em;     display:block;     margin:5px;     text-align:center;*/
}
#ficheConcertFBLikeButton
{
    background-color: #e7e7ea;
    overflow: hidden;
    width: 225px;
    height: 25px;
    padding: 5px;
}
#iconesPartageFiche
{
    padding: 5px 0 0 10px;
}

#iconesPartageFiche img
{
    border: 0;
    vertical-align: middle;
    margin-right: 13px;
}

#partageVideo
{
    padding: 10px 5px 10px 10px;
}
#partageVideo a
{
    outline: none;
}

#iconesPartageVideo img
{
    vertical-align: middle;
    margin-left: 17px;
}

.iconesPartageVideoInline
{
    width: 200px;
    float: left;
}

#liensPartageVideo
{
    padding-top: 3px;
}

.liensPartageVideoInline
{
    width: 360px;
    float: left;
    margin-left: 20px;
}

a#btnPartagerVideo, a#btnEmbedVideo, a#btnVideoUnique, a#btnVoirVideos
{
    display: block;
    color: #ffffff;
}
a#btnPartagerVideo, a#btnEmbedVideo, a#btnVideoUnique
{
    background: url( "/images/puceFlecheDroite.png" ) no-repeat;
    padding-left: 25px;
    float: left;
}
a#btnPartagerVideo
{
    width: 140px;
}
a#btnEmbedVideo
{
    width: 140px;
}
a#btnVideoUnique
{
    width: 170px;
}
a#btnVoirVideos
{
    background: url(   "/images/plus_blanc.gif" ) no-repeat 0 3px;
    padding-left: 15px;
    width: 155px;
    float: right;
}
.ficheConcertInfos a
{
    color: #ffffff;
    text-decoration: underline;
}
.fiche_lecteur_audio
{
    text-align: center;
    margin-top: 10px;
}
.zoneInfosSerie
{
    padding: 5px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #64b8e3;
}
.zoneInfosSerie img
{
    margin: 0 5px;
    vertical-align: middle;
}
.ongletSpecContener
{
    background-color: #f4f4f5;
    border: solid 1px #000000;
    border-bottom: 0;
    margin: -4px 0 0 0;
    padding: 5px;
    width: 650px;
}
.ongletSpecContenerNoPadding
{
    background-color: #f4f4f5;
    border: solid 1px #000000;
    border-bottom: 0;
    margin: -4px 0 0 0;
    padding: 0;
    width: 660px;
}

#div_photos
{
    background-color: black;
    color: white;
    padding-bottom: 10px;
    padding-top: 10px;
}

.courrielCommentaire
{
    width: 100%;
    background-color: #f4f4f5;
    text-align: center;
    border: solid 1px #000000;
    border-top: 0;
    padding: 5px 0;
    font-size: 11px;
}
.courrielCommentaire a
{
    font-weight: bold;
}
.recommandation
{
    padding: 10px;
    background-color: #f4f4f5;
    border-bottom: 2px solid #64B8E3;
}
.recommandationVIP
{
    background-color: #011C29;
    color: #ffffff;
    border-bottom: 0;
}
.recommandationVIP a
{
    color: #ffffff;
}
.recommandation img
{
    border: 0;
    float: left;
    margin: 0 5px 5px 0;
}
.recommandationType
{
    font-weight: bold;
    margin-bottom: 5px;
}
.recommandationTexte
{
    float: left;
    width: 580px;
}
.recommandationUsager
{
    font-weight: bold;
}
.lastRecommandation
{
    border-bottom: 0;
}
#lienInvitationPartage
{
    padding: 15px;
    text-align: center;
    font-weight: bold;
}
#lienInvitationPartage
{
    text-decoration: underline;
}
/**********/
/****Salle Presse****/
#presse_contenu
{
    background-color: #e7e7ea;
    border: 1px solid #bdbdbd;
    border-top: 0;
}
#presse_contenu img
{
    margin-left: 15px;
}
#presse_contenu h2
{
    padding-top: 0;
    margin-left: 15px;
    font-size: 1.3em;
}
#presse_documents
{
    background: url(/images/pointilleNoir.png) bottom repeat-x;
    margin: 0 15px;
}
#presse_documents ul
{
    float: left;
    list-style-type: none;
    margin: 0 0 15px 15px;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
}
#presse_documents ul li
{
    width: 190px;
    float: left;
    margin: 0;
    text-align: center;
}
.communique_impair, .communique_pair
{
    padding: 10px;
    font-size: 11px;
}
.communique_impair
{
    background-color: #F4F4F5;
}
.communique_titre
{
    font-size: 14px;
    font-weight: bold;
}
.communique_sous_titre
{
    font-size: 11px;
    font-weight: bold;
    margin: 3px 0;
}
/**********/
/*****Styles de la zone «Multimédia»*****/
/*Page d'accueil multimédia*/
#multiAcc
{
    width: 967px;
    color: white;
    background-image: url(     '/images/coins/multimedia/bg.png' );
    margin: 0 auto;
}
#multiAccBottom
{
    background-image: url(     '/images/coins/multimedia/bottomColor/bg.png' );
    color: #ffffff;
    margin-top: 10px;
    padding-top: 10px;
    z-index: 1;
    font-size: 12px;
}

#multiAccBottom a
{
    color: White;
}

#multiAccLeft
{
    float: left;
    width: 480px;
}
#multiAccLeft #player
{
    /*Taille du vidéo 480px * 270px*/
    display: block;
    width: 480px;
    height: 294px;
    background-color: Black;
    margin-bottom: 10px;
    margin-top: 0px;
}
#legendeVideo a, #legendeText a
{
    color: #ffffff;
    text-decoration: underline;
}
/*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;
}

#multiAccLeft #titre
{
    /*font-weight:bold;*/
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    height: 12px;
}

#multiAccLeft #contenuLegende
{
    height: 32px;
}

#multiAccLeft #legende
{
    /*Le padding serait nécessaire dans IE8...à revoir*/ /*padding-bottom:10px;*/
}
#legende #dateContenuVideo
{
    font-size: 11px;
}

#multiAccRight
{
    float: left;
    width: 468px;
    margin-left: 15px;
}

#choixVideo
{
    border-bottom: 1px dotted #afb2b3;
    margin: 0px 10px 55px 0px;
    padding: 10px;
    font-size: 12px;
}
.ddlVideoCat
{
    margin: 0 15px 0 18px;
    width: 155px;
}
.ddlVideoEdition
{
    margin-left: 18px;
    width: 140px;
}

#btnVideosSearch
{
    vertical-align:middle;
    cursor:pointer;    
}

.apple_overlay_multimedia
{
    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: 10px 0px 10px 5px;
}
#envoiAmiVideo h2, #embed h2, #envoiAmiFiche h2
{
    font-size: 18px;
}

#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: 18px;
}
#lienToutesVideos
{
    float: right;
    padding-top: 13px;
}
#radioFrancosContenu
{
    background-color: #E7E7EA;
    border-left: 1px solid #B5B5B6;
    border-right: 1px solid #B5B5B6;
    color: white;
    background-color: #c22f20;
    padding: 0 10px 10px;
}
#radioFrancosContenu p
{
    margin: 0px;
    padding: 5px 0px 10px;
    font-size: 12px;
}
#radioFrancosContenu a
{
    color: White;
}
#radiosPartenaires
{
    border: 1px solid #BDBDBD;
    background-color: #E7E7EA;
    padding: 10px;
}

/*css caroussel item vidéos*/
.videoItem
{
    width: 219px;
    height: 75px;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
.videoThumbnailImg
{
    font-size: 9px;
    float: left;
    width: 105px;
}
.videoThumbnailImg img
{
    cursor: pointer;
    margin-bottom: 2px;
}

#carVideo .videoThumbnailImg img.jcarousel-item-selected
{
    border: 1px solid #a50103;
}

.videoThumbnailTxt
{
    font-size: 11px;
    float: right;
    width: 108px;
}

#zoneMesFrancosVox
{
    background-color: #e7e7ea;
    border: 1px solid #bdbdbd;
    padding: 15px;
}
#zoneMesFrancosVox p
{
    text-align: justify;
}
#imagesMesFrancosVox
{
    width: 150px;
    float: right;
    margin: 0 0 10px 10px;
    text-align: center;
}
#texteMesFrancosVox
{
    width: 468px;
    float: left;
}
/*Page toutes les vidéos*/
#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: 10px;
}
#listeVideo .videoItem
{
    width: 226px;
    margin-right: 10px;
    margin-bottom: 15px;
}
#listeVideo .videoThumbnailTxt
{
    width: 115px;
    font-size: 12px;
}
#listeVideo .videoThumbnailImg img
{
    border: 1px solid black;
}

#listeVideo .videoThumbnailImg img:hover, #listeVideo .videoThumbnailImg img.thumbnailVideo-selected
{
    border: 1px solid #A50103;
}

#multiToutesVideos #pager
{
    background-image: url(     '/images/coins/multimedia/bottomColor/bg.png' );
    margin-top: 10px;
    padding: 10px 10px 0px 10px;
    z-index: 1;
    text-align: center;
}

#multiToutesVideos #pager a
{
    color: White;
    padding: 10px;
    font-size: 16px;
    outline: none;
    font-weight: bold;
}

#multiToutesVideos #pager a.highlight
{
    color: #cc3425;
}


.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: 20px 0px 5px 0px;
}
#openVideo h2#titre
{
    font-weight: bold;
}


#openVideoLeft
{
    width: 650px;
    height: 530px;
    float: left; /*border-right:1px dotted #afb2b3;*/
    border-right: 1px dotted #16292e;
}
#openVideoLeft h2
{
    font-size: 18px;
}

#openVideoLeft div#contenuLegende
{
    width: 640px;
}

.legendeHauteur
{
    height: 32px;
}

#openVideoRight
{
    width: 270px;
    float: right;
    font-weight: bold;
}
#openVideoRight h3
{
    font-size: 14px;
}

#openVideoRight .videoInfosExtra ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#openVideoRight .videoInfosExtra li
{
    background-image: url(/images/puceFlecheDroite.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 5px 10px 5px 22px; /*border-bottom: 1px dotted #afb2b3;*/
    border-bottom: 1px dotted #2b525b;
}
#openVideoRight .videoInfosExtra li a
{
    color: White;
}

/*Page vidéo unique*/
#zoneVideoUnique
{
    color: #ffffff;
    background-image: url(       '/images/accueil/concerts-vedettes/bgEnVedette.png' );
    margin-top: 10px;
}
.contentVideoUnique
{
    width: 640px;
    margin: 0 auto 20px auto;
}
#msgAucunVideoUnique
{
    font-weight: bold;
    text-align: center;
    margin: 40px 0 20px 0;
}
#shadowVideoUnique
{
    height: 150px;
}
.videoUniqueInfosExtra
{
    background-image: url(       '/images/accueil/concerts-vedettes/bgEnVedette.png' );
    padding: 15px 10px 15px 15px;
    border-bottom: 0;
    color: #ffffff;
    font-weight: bold;
}
.videoUniqueInfosExtra a
{
    color: #ffffff;
}
.videoUniqueInfosExtra ul
{
    list-style-type: none;
    padding: 10px 10px 0 0;
    margin: 0;
}
.videoUniqueInfosExtra li
{
    background-image: url(/images/puceFlecheDroite.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 5px 10px 5px 22px;
    border-bottom: 1px dotted #afb2b3;
}
#videoUniqueLiensRapides
{
    background-color: #e7e7ea;
    border: 1px solid #b5b5b6;
    padding: 15px 10px 15px 15px;
    border-bottom: 0;
    font-weight: bold;
    font-size: 11px;
}
#videoUniqueLiensRapides ul
{
    list-style-type: none;
    padding: 5px 10px 0 0;
    margin: 0;
}
#videoUniqueLiensRapides li
{
    background-image: url(/images/multimedia/pucesFlechesRouges.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 10px 3px 15px;
}
/**********/
#wallpapers
{
    width: 660px;
    color: white;
    background-image: url(      '/images/coins/multimedia/bg.png' );
    margin: 0 auto;
}
#wallpapers a
{
    color: White;
}

#wallpapers div.ecran
{
    width: 330px;
    text-align: center;
    float: left;
    padding-bottom: 20px;
}
#wallpapersBottom
{
    clear: both;
    background-image: url(     '/images/coins/multimedia/bottomColor/bg.png' );
    margin-top: 10px;
    padding-top: 10px;
    z-index: 1;
    font-size: 12px;
}

/****Style de la page d'erreur custom*****/
.zoneMessageErreur
{
    color: #000000;
    background-image: url(     '/images/coins/mes-francos/bg.png' );
    height: 200px;
    margin-top: 10px;
}
.zoneMessageErreur h3
{
    text-align: center;
}
/*********/
/*****Boutique*****/
#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;
}
#shadowProduitsVedette
{
    width: 967px;
    height: 25px;
    padding: 32px 0 8px 20px;
    background: transparent url(     '/images/accueil/concerts-vedettes/shadowVedettes.png' ) no-repeat 0 0;
    margin: 0 auto;
}
.produitsVedettesDescription
{
    position: relative;
    top: -40px;
}
.imgProduitVedette
{
    width: 180px;
    margin: 0 auto;
}
.imgProduitVedette img
{
    width: 180px;
}
#zoneCategoriesProduits
{
    background: #e7e7ea;
    border: 1px solid #b5b5b6;
    padding: 25px 0 0 22px;
}
ul#listeCategorieProduits
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul#listeCategorieProduits li
{
    width: 148px;
    float: left;
    margin: 0 0 10px 0;
    padding: 0 10px 0 0;
    font-weight: bold;
    font-size: 12px;
}
ul#listeCategorieProduits img
{
    border: 1px solid #b5b5b6;
    margin-bottom: 5px;
}
.resumePanierAccueil
{
    background: url(      '/images/boutique/trame_fond_bleu.png' ) repeat-y;
    padding: 20px 0 20px 20px;
    color: #ffffff;
    font-size: 20px;
}
.resumePanierAccueil img
{
    vertical-align: middle;
    margin: 0 0 7px 0;
}
.resumePanierAccueil #totalResumePanier
{
    width: 150px;
    text-align: center;
    float: right;
    font-size: 15px;
}
.resumePanierAccueil #totalResumePanier a
{
    text-decoration: underline;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 200%;
}

#titreSectionBoutique /*Page des articles par catégorie*/
{
    background-color: #000000;
    color: #20c1c2;
    font-size: 24px;
    padding: 8px 0 8px 20px;
    text-transform: lowercase;
}
#zoneListeProduits
{
    background: #e7e7ea;
    border: 1px solid #b5b5b6;
    padding: 20px 0 20px 7px;
}
ul#listeProduits
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
ul#listeProduits li
{
    width: 184px;
    float: left;
    margin: 0 15px 10px 15px;
    font-weight: bold;
    font-size: 12px;
    position: relative;
}
ul#listeProduits li img
{
    width: 180px;
    margin: 0 0 8px 0;
    border: 1px solid #b5b5b6;
}
.produitSku
{
    color: #8f8f90;
    font-weight: normal;
    margin-bottom: 10px;
}
.itemTextePromo
{
    background-color: #FFFFFF;
    border: 1px solid #FF3300;
    top: 160px;
    color: #EC0202;
    font-weight: bold;
    left: 10px;
    filter: alpha(opacity=80);
    opacity: 0.8;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 110px;
}

.resumePanierColonne /*Résumé du contenu du panier dans la colonne de droite*/
{
    background: url(      '/images/boutique/trame_fond_bleu.png' ) repeat-y;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 0 10px 5px;
    margin-bottom: 20px;
}
.resumePanierColonne img
{
    display: block;
    margin-bottom: 2px;
    clear: both;
}
.resumePanierColonne #totalResumePanier
{
    width: 130px;
    text-align: center;
    float: right;
    font-size: 15px;
}
.resumePanierColonne #totalResumePanier a
{
    text-decoration: underline;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 200%;
}

#titreAutresCategories /*Liste des autres catégories dans la colonne de droite*/
{
    margin-bottom: -3px;
}
#categoriesProduitsColonne
{
    background: #e7e7ea;
    border: 1px solid #b5b5b6;
    border-top: 0;
    padding: 10px 10px 0 15px;
}
#categoriesProduitsColonne ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#categoriesProduitsColonne ul li
{
    clear: both;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: bold;
}
#categoriesProduitsColonne ul li a
{
}
#categoriesProduitsColonne ul img
{
    float: left;
    border: 1px solid #b5b5b6;
    margin-right: 8px;
}

#zoneFicheProduit /* Fiche de produit */
{
    background: #e7e7ea;
    border: 1px solid #b5b5b6;
    padding: 10px;
}
.ficheProduitImage
{
    width: 205;
    float: left;
    text-align: center;
    font-weight: bold;
}
.ficheProduitImage img
{
    border: 1px solid #b5b5b6;
    display: block;
    clear: both;
    margin: 0 10px 10px 0;
}
#infosProduits
{
    width: 440px;
    float: left;
    font-size: 12px;
}
#titreProduit
{
    font-weight: bold;
}
#no_editionProduit
{
    font-style: italic;
    margin: 0 0 10px 0;
}
.infosProduitsPromo
{
    color: #EC0202;
    font-weight: bold;
    margin: 0 0 10px 0;
}
#descProduit
{
}
#prixProduit
{
    font-weight: bold;
    margin: 10px 0;
}
.dispoProduit
{
    display: block;
    color: #ec0202;
    margin: 10px 0;
}
.produitQuantite, .listeTailles
{
    font-size: 12px;
    margin-top: 10px;
}
#produitRetourSection
{
    margin: 20px 0 20px 0;
}

#popupZoomProduit /* Popup de la grande image du produit */
{
    background: transparent url(     '/images/overlay/boite_blanche_530x700.png' ) no-repeat top left;
    display: none;
    z-index: 10000;
    width: 450px; /*height: 620px;*/
    padding: 40px;
    overflow: hidden;
}
#popupZoomProduit .close
{
    background-image: url(     '/images/overlay/close.png' );
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}
#nomZoomProduit
{
    margin: 10px 0 10px 0;
    text-align: center;
    font-weight: bold;
}
a#btnZoomProduit
{
    text-decoration: underline;
}

.titreBoutiquePleinePage /* Styles commun aux pages de la boutique sans colonne de droite */
{
    width: 987px;
    margin: 0 auto;
    background-color: #000000;
    color: #20c1c2;
    font-size: 24px;
    padding: 8px 0 8px 20px;
}

.zoneBoutiquePleinePage
{
    width: 987px;
    margin: 0 auto;
    background: #e7e7ea;
    border: 1px solid #b5b5b6;
    padding: 10px;
}

@media screen
{
    .titreMediaPrint
    {
        display: none;
    }
}
@media print
{
    .imgTitreMediaScreen
    {
        display: none;
    }
    .titreMediaPrint
    {
        display: inline;
    }
}

#logoPayPal /* Panier d'achats */
{
    width: 250px;
    float: right;
    padding-right: 10px;
}
#logoPayPal img
{
    vertical-align: middle;
}
.wrapperPanier
{
    clear: both;
    width: 850px;
    padding: 10px 20px;
    margin: 0 auto;
}

table.grillePanier
{
    width: 100%;
    border-collapse: collapse;
    margin-right: auto;
    margin-left: auto;
}

table.grillePanier td, table.grillePanier th
{
    padding: 3px;
    border: 1px solid #000000;
}
.RowStylePanier
{
    background-color: #ffffff;
}
.AlternatingRowStylePanier
{
    background-color: #e1fafa;
}

.HeaderStylePanier
{
    text-align: left;
    color: #000000;
    background-color: #20c1c2;
}

.FooterStylePanier
{
    font-weight: bold;
    background-color: #ffffff;
    color: #000000;
}
tr.FooterStylePanier td
{
    border-top: 2px dotted #000000;
}
.grillePanierProduit
{
    width: 240px;
}

.grillePanierArgent
{
    text-align: right;
}
.grillePanierArgent td
{
    background-color: #ffffff;
}
.grillePanierCenter
{
    text-align: center;
}
a.btnFlecheGauche
{
    display: block;
    height: 25px;
    padding-left: 35px;
    background: transparent url(     '/images/boutique/spriteFlecheGauche.png' ) no-repeat top left;
    line-height: 2em;
    font-weight: bold;
}
a.btnFlecheGauche:hover
{
    background-position: center left;
}
a.btnFlecheGauche:active
{
    background-position: bottom left;
}
a.btnFlecheDroite
{
    display: block;
    height: 25px;
    padding-right: 35px;
    background: transparent url(     '/images/boutique/spriteFlecheDroite.png' ) no-repeat top right;
    line-height: 2em;
    font-weight: bold;
}
a.btnFlecheDroite:hover
{
    background-position: center right;
}
a.btnFlecheDroite:active
{
    background-position: bottom right;
}

@media print
{
    .wrapperPanier .btnFlecheDroite, .wrapperPanier .btnFlecheGauche, #zoneCheckout .btnFlecheDroite, #zoneCheckout .btnFlecheGauche
    {
        display: none;
    }
}

.wrapperPanier .btnFlecheDroite, .wrapperPanier .btnFlecheGauche
{
    margin: 10px 0;
}
.wrapperPanier .btnFlecheGauche
{
    float: left;
    text-align: left;
}
.wrapperPanier .btnFlecheDroite
{
    float: right;
}

#zoneCheckout .stepStyle /* Checkout */
{
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px;
}

.coordonnees
{
    width: 480px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.coordonnees .formRow
{
    clear: both;
    margin-bottom: 10px;
}

.coordonnees .formRow label
{
    width: 140px;
    display: block;
    float: left;
    font-weight: bold;
}

.coordonnees .formRow2
{
    clear: both;
    margin-bottom: 5px;
}

.coordonnees .formRow2 label
{
    font-weight: bold;
    display: block;
    margin: 5px 0 5px 0;
}

#zoneCheckout .stepStyle table
{
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

.noCommande
{
    display: block;
    font-weight: bold;
    padding: 15px 0px;
}

.txbcoord
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#zoneCheckout .nav
{
    padding: 10px;
    width: 850px;
    margin-right: auto;
    margin-left: auto;
}

#zoneCheckout .btnFlecheDroite, #zoneCheckout .btnFlecheGauche
{
    margin: 10px 0;
}
#zoneCheckout .btnFlecheGauche
{
    float: left;
    text-align: left;
}
#zoneCheckout .btnFlecheDroite
{
    float: right;
}
#popupReglementsBoutique /* Popup des règlements de la boutique */
{
    background: transparent url(     '/images/overlay/boite_blanche_810x647.png' ) no-repeat top left;
    display: none;
    z-index: 10000;
    width: 730px;
    height: 567px;
    padding: 40px;
    overflow: hidden;
}
#texteReglementsBoutique
{
    height: 480px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #b5b5b6;
    padding: 10px;
}

#popupReglementsBoutique .close
{
    background-image: url(      '/images/overlay/close.png' );
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}
#popupReglementsBoutons
{
    text-align: center;
    margin-top: 10px;
}
#popupReglementsBoutons a
{
    font-weight: bold;
    text-decoration: underline;
}

table.paypalConfirmDetails /*Page de confirmation*/
{
    width: 80%;
    margin: 10px auto 0 auto;
}
table.paypalConfirmDetails tr td
{
    background-color: #ffffff;
}
table.paypalConfirmDetails tr td, table.paypalConfirmDetails tr th
{
    border: 1px solid #000000;
    padding: 3px;
}
table.paypalConfirmDetails tr th
{
    background-color: #20c1c2;
}
col#colDetailTitle
{
    width: 165px;
}
.detailTitle
{
    font-weight: bold;
}
/**********/

/**Grand Concours Francos**/


#GrandConcours
{
    background-image: url(  '/images/coins/mes-francos/bg.png' );
    padding-bottom: 50px;
}

#GrandConcours h2
{
    font-size: 20px;
    margin-bottom: 5px;
}

#GrandConcours h4
{
    font-size: 18px;
}

/*Présentation des prix*/
.prixConcours
{
    margin-top: 30px;
    clear: both;
}
.prixConcoursIcone
{
    width: 85px;
    height: 81px;
    float: left;
    margin: 5px;
}
.prixConcoursDesc
{
    width: 500px;
    float: left;
    padding-top: 15px;
}
.prixConcoursDesc p
{
    margin-top: 0px;
}
.imgPrixConcours
{
    float: left;
    margin: 0px 10px 0px 0px;
}
.concoursFooter
{
    padding: 10px;
    text-align: center;
}
.datesConcours
{
    text-align: center;
    margin-top: 40px;
}
.datesConcours h4
{
    color: #04a5dc;
    font-size: 20px;
    text-transform: uppercase;
}
.conteneurBtnParticipez
{
    width: 125px;
    margin: 25px auto 0px;
}
/*Formulaire d'inscription*/
#GrandConcours .formRow
{
    clear: both;
    margin-bottom: 10px;
    padding-left: 10px;
}

#GrandConcours .formRow label
{
    width: 140px;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 14px;
}

#GrandConcours .formRow2
{
    clear: both;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
}

#GrandConcours .formRow2 label
{
    font-weight: bold;
    display: block;
    margin: 5px 0 10px 0;
    font-size: 14px;
}

.masquer
{
    visibility: hidden;
}

#GrandConcours .radioButtonList label
{
    font-weight: normal;
    float: none;
    display: inline;
    width: auto;
}

#GrandConcours .ddlEspace
{
    margin-left: 140px;
}


/*Page 7 mondes*/
.septMondes
{
    background-color: #E7E7EA;
    border-right: 1px solid #B5B5B6;
    border-left: 1px solid #B5B5B6;
    border-bottom: 1px solid #B5B5B6;
}
.titreSeptMondes
{
    text-align: center;
    padding: 10px 0px;
    background-color: black;
}
.enteteMonde
{
    zoom: 1;
}

.enteteMonde img
{
    float: left;
    margin: 8px 10px;
}


.enteteMonde p
{
    float: right;
    width: 300px;
    text-align: right;
    text-transform: uppercase;
    padding: 10px 10px 10px 0px; /*font-weight:bold;*/
    margin: 0px;
}
.lieuMonde
{
    padding: 2px 5px 2px 38px;
}
.descMonde
{
    padding: 10px 0px 15px 38px;
}
.descMondeDemi ul
{
    margin: 0px;
    padding-left: 15px;
}
.descMondeDemi
{
    width: 300px;
    float: left;
    margin-right: 10px;
}