/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HTML */
body								{ background-color: #fff; margin: 0; padding: 0px; background-image: url(../images/bodyBg01.jpg); }
div									{ color: #5b2342; font-size: 18px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration: none; }
table								{ border-collapse: collapse; }
a									{ color: #333; font-size: 15px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration: none; }
a:hover								{ text-decoration: underline; }
img									{ border-width: 0; }
ul 									{ margin: 5px 0 10px 0; }
li 									{ color: #333; font-size: 15px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration: none; }


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MAIN INDEX */
#flagsContainer                     { }
.flagContainer                      { float: left; width: 50%; text-align: center; }
.flagContainer div                  { width: 200px; height: 200px; background-position: center center; margin: 0 auto; }
.flagContainer div:hover            { cursor: pointer; }
#flagEN div                         { background-image: url(../images/FLAGS/indexFlags01-EN.png); }
#flagFR div                         { background-image: url(../images/FLAGS/indexFlags01-FR.png); }


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGE */
#bg 								{ width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden; }
#bg2 								{ width:100%; height:100%; position:absolute; top:0px; left:0px; overflow:hidden; }
#bg2 img 							{ margin:0 0 0 1200px; }
#titre 								{ width:303px; height:214px; position:absolute; top:25px; right:25px; background-image:url(../images/titre01.png); }

.regularText                        { color: #333; font-size: 15px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; text-decoration: none; margin: 0 0 0 20px; }
.regularBlock                       { margin: 10px 0 0 20px; }
.centerText                         { text-align: center; }
.bold                               { font-weight: bold; }


#loaderPage 						{ width:100%; height:100%; background-color:#4a2048; position:absolute; top:0px; left:0px; }
#loaderPage #loaderContent 			{ width:100%; text-align:center; margin:100px 0 0 0; }
#loaderPage #laoderIcone 			{}
#loaderPage #loaderText 			{ color:#d0c5d0; }

#content 							{ top:270px; left:0px; width:100%; position: absolute; }
#content .block						{ background-image:url(../images/pixelAlphaBlanc01.png); margin: 0px 0 11px 0px; padding: 0 0 10px 0; width:100%; }
#content .block2					{ background-image:url(../images/pixelAlphaBlanc01.png); margin: 0px 0 11px 0px; padding: 0 0 10px 0; width:50%; float: left; }
#content .subBlock 					{ width:100%; padding:0 0 0 0; margin: 0 0 0 0; }
#content .subBlock2 				{ width:100%; padding:20px 0 10px 0; margin: 0 0 0 0; background-color: #db9416; }
#content .icones	 				{ width:62px; height: 62px; padding:0 0 0 0; margin: 8px 0 0 8px; float: left; }
#content .icones:hover	 			{ cursor: pointer; }
#content #soundcloudIcone			{ background-image:url(../images/socialNetworkIcones01-soundcloud.png); }
#content #facebookIcone				{ background-image:url(../images/socialNetworkIcones01-fb.png); }
#content #twitterIcone				{ background-image:url(../images/socialNetworkIcones01-twitter.png); }
#content #youtubeIcone				{ background-image:url(../images/socialNetworkIcones01-youtube.png); }
#content #myspaceIcone				{ background-image:url(../images/socialNetworkIcones01-myspace.png); }
#content #instagramIcone			{ background-image:url(../images/socialNetworkIcones01-instagram.png); }
#content #mailIcone					{ background-image:url(../images/socialNetworkIcones01-mail.png); }
#content #soundcloud				{ margin: 10px 0 10px 0; }

#content .title						{ font-size:15px; letter-spacing:3px; color:#fff; padding:0 0 0 20px; }
#content .subTitle					{ font-size:12px; letter-spacing:3px; color:#333; padding:10px 0 0 20px; }

#content .textXL                    { font-size: 15px; color: #fff; letter-spacing: 3px; }
#content .textXXL                   { font-size: 18px; color: #fff; letter-spacing: 4px; }
#content .textXXXL                  { font-size: 40px; color: #fff; letter-spacing: 4px; }
#content .textXXXXL                 { font-size: 60px; color: #fff; letter-spacing: 4px; }

#credits							{ font-size:9px; color:#333; margin: 0 0 10px 10px; }

.colsX2                             { float: left; width: 50%; }

.bigLink                            { margin: 40px 0 40px 0; text-align: center; }
.bigLink a                          { color: #fff; font-size: 22px; text-decoration: none; }
.bigLink a:hover                    { text-decoration: underline; }
.bigLink span                       { font-size: 15px; }

.clearBoth							{ clear:both; }

.gradientDark                       { background-image: url(../images/BG600x600-01.png); }

.bp-extension						{ display:block !important; width:100%; }
.bp-extension iframe				{ width:100% !important; }
.bp-extension iframe .day			{ color:#fff7d2 !important; }

.supporterLogo 						{ margin: 10px; vertical-align: middle; }

.yearTitle                          { font-size:25px; letter-spacing:5px; color:#333; padding:20px 0 0 20px; }
#content .yearSubTitle	         	{ font-size:12px; letter-spacing:2px; color:#333; padding:10px 0 0 20px; }

#donate                             { text-align: center; margin: 20px 0 20px 0; }
#donate a                           { color: #fff; font-size: 20px; }

#languages                          { float: right; margin: -20px 20px 0 0; }
#languages img                      { margin-right: 4px; border: solid 3px #fff; }

.FB                                 { float: right; margin: -20px 20px 0 0; }

.firstAlbumBlock                    { }
.firstAlbumBlock:hover              { cursor: pointer; }

.firstAlbumMiniCover                { float: left; margin: 0 20px 0 0; }

.day                                { font-size: 30px; }
.month                              { font-size: 25px; }
.year                               { font-size: 12px; }

#datesConcertsAVenir                { background-color: rgba(0,0,0,0.2); }
#datesConcertsAVenir div            { color: #fff; }
.datesConcertsAVenir_line           { border-bottom: 1px solid rgba(255,255,255,0.3); padding: 8px 0 0 0; }
.datesConcertsAVenir_line:hover     { cursor: pointer; }
.datesConcertsAVenir_date           { width: 200px; padding: 0 0 0 20px; float: left; }
.datesConcertsAVenir_lieu           { width: 450px; padding: 6px 0 0 20px; float: left; font-size: 24px; }
.datesConcertsAVenir_villepays      { width: 150px; padding: 13px 0 0 20px; float: left; font-size: 16px; }
.datesConcertsAVenir_texte          { padding: 10px 0 10px 240px; font-size: 12px; display: none; }

#youTube                            { text-align: center; background-color: #000; }

#videoNavigationBar                 { margin: -20px 0 0 0; }
.videoButton                        { text-align: center; color: #fff; font-size: 12px; padding-top: 11px; }
.videoButton:hover                  { text-decoration: underline; cursor: pointer; }

.liensTable                         { float: left; width: 48%; }
.liensTable td                      { padding: 0 15px 5px 5px; vertical-align: top; font-size: 12px; }
.lienTitre                          { font-weight: bold; }
.lienTD                             { }
.lienHref                           { font-size: 12px; white-space: nowrap; }
.lienDescription                    { color: #a36d0d; }

.revuesPresseTable                  { float: left; width: 48%; }
.revuesPresseTable td               { padding: 0 15px 5px 5px; vertical-align: top; font-size: 12px; }
.revuesPresseTitre                  { font-weight: bold; }
.revuesPresseTD                     { }
.revuesPresseDescription            { color: #fff; }


@media screen and (max-width: 850px) {
    .flagContainer div              { width: 100px; height: 100px; background-size: 100%; }
    .datesConcertsAVenir_lieu       { width: 450px; padding: 0 0 0 20px; float: left; font-size: 24px; }
    .datesConcertsAVenir_villepays  { width: 150px; padding: 0 0 0 20px; float: left; font-size: 16px; }
    #youTubeIFrame                  { width: 364px; height: 205px; }
    #albumCover                     { display: none; }
    .liensTable                     { width: 98%; }
    .revuesPresseTable              { width: 98%; }
}