/* GENERAL */



body {

font-family: "Times New Roman", Times, serif;

font-size: 14px;

background:url(images/back.jpg) top no-repeat #121213;  

color: white;

margin: 0;

padding: 0;

letter-spacing: 1px;

line-height: 15px;

}



a {

text-decoration: none;

font-family: "Times New Roman", Times, serif;

font-size: 14px;

color: #870101;

border: none;

outline: none;

}



input {

border: none;

font-family: "Times New Roman", Times, serif;

font-size: 14px;

}



textarea {

border: none;

font-family: "Times New Roman", Times, serif;

font-size: 14px;

}



.rouge{

color: #870101;

}



#titre {

display: none;

}



/* STRUCTURE */



.conteneur {

position:absolute;

width: 740px;

height: auto;

margin: 0;

padding: 0;

left: 50%;

margin-left: -370px;

}



#lecteur {

position:absolute;
margin-left: -366px;
left: 50%;
width: 505px;
height: 20px;
padding: 0;
margin-top: -2px;


}



.menu {

float: left;

width: 748px;

height: auto;

margin: 398px 0 0 0;

padding: 0;

color:#FFFFFF;

}



.footer{

height: 20px;

width:100%;

padding: 70px 0 20px 0;

clear:both;

text-align:center;

}



.footer ul{

list-style : none;

padding: 0;

margin:0;

}



/* TITRES */



h3 {

font-weight: normal;

text-transform:uppercase;

margin: 0 0 5px 0;

padding:0 ;

}



/* SOUS-SECTIONS */



.news{

width: 450px;

height: auto;

margin: 15px 0 0 0;

float: left;

padding: 0 0 0 17px;



}



.infos{

width: 225px;

height: auto;

margin: 15px 0 0 32px;

float: right;

}



.bio{

width: 700px;

height: auto;

margin: 15px 0 0 0;

float: left;

overflow:hidden;

padding: 0 0 0 17px;

}



#bio_perso{

width: 370px;

height: auto;

float: left;

}



#bio_groupe{

width: 280px;

height: auto;

float: right;

text-align:justify;

}





#bio_groupe_titre{

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/dawn_nation_bio_groupe.gif) top left no-repeat;

text-indent: -5000px;

padding: 0 0 8px 0;

}



#bio_groupe p{

text-align:justify;

margin: 15px 0 0 0;

padding: 0;

}



.bio_individuelle{

width: 370px;

overflow:hidden;

text-align:justify;

margin: 0 0 20px 0;

}



.bio_individuelle ul{

list-style: none;

margin: 0;

padding: 5px 0 0 0;

}



.bio_individuelle li{

margin: 0 0 20px 0;

padding: 0;

}



#bio_pic{

float:left;

padding: 5px 12px 0 0;

}



#bio_titre_1 {

width: 152px;

height: 35px;

margin: 0 0 0 128px;

padding:0;

background:url(images/titres/dawn_nation_alex_pirson_bio.gif) top left no-repeat;

text-indent: -5000px;

}



#bio_titre_2 {

width: 465px;

height: 35px;

margin: 0 0 0 128px;

padding:0;

background:url(images/titres/dawn_nation_manu_freson_bio.gif) top left no-repeat;

text-indent: -5000px;

}



#bio_titre_3 {

width: 465px;

height: 35px;

margin: 0 0 0 128px;

padding:0;

background:url(images/titres/dawn_nation_tim_beauduin_bio.gif) top left no-repeat;

text-indent: -5000px;

}



#bio_titre_4 {

width: 465px;

height: 35px;

margin: 0 0 0 128px;

padding:0;

background:url(images/titres/dawn_nation_francois_mooren_bio.gif) top left no-repeat;

text-indent: -5000px;

}



.concerts{

width: 700px;

height: auto;

margin: 15px 0 0 0;

float: left;

overflow:hidden;

padding: 0 0 0 17px;

}



.concerts_liste {

list-style: none;

width: 100%;

overflow:hidden;

margin: 8px 0 0 0;

padding:0;

}



.concerts_liste li{

float:left;

width: 25%;

padding: 0 0 10px 0;

}



.concerts_titre{

width: 465px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/pr_concert.gif) top left no-repeat;

text-indent: -5000px;

}



.concerts_titre_en{

width: 465px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/pr_concert_en.gif) top left no-repeat;

text-indent: -5000px;

}



.concerts_titre_passes{

width: 465px;

height: 35px;

margin: 30px 0 0 0;

padding: 0;

background:url(images/titres/concerts_passes.gif) top left no-repeat;

text-indent: -5000px;

}



.concerts_titre_passes_en{

width: 465px;

height: 35px;

margin: 30px 0 0 0;

padding: 0;

background:url(images/titres/concerts_passes_en.gif) top left no-repeat;

text-indent: -5000px;

}



.videos{

width: 700px;

height: auto;

margin: 15px 0 0 0;

float: left;

overflow:hidden;

padding: 0 0 0 17px;

}



.videos_titre{

width: 465px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/videos.gif) top left no-repeat;

text-indent: -5000px;

}



#videos_player{

width: 425px;

height: 344px;

margin: 8px 0 0 0;

padding: 0;

float:right;

border: none;

}



.videos_liste{

width: 270px;

height: 200px;

margin: 8px 0 0 0;

padding:0;

float:left;

list-style:none;

}



.videos_unique{

width: 270px;

height: 70px;

margin: 0;

padding:0;

list-style:none;

}





.videos_liste img{

float:right;

padding: 0 5px 5px 5px;

border: none;

}



.videos_liste_titre{

color: #870101;

padding: 12px 0 0 0;

width: 160px;

text-align:right;

margin: 0;

}



.videos_liste_desc{

width: 160px;

text-align:right;

}



.photos{

width: 700px;

height: auto;

margin: 15px 0 0 0;

float: left;

overflow:hidden;

padding: 0 0 0 17px;

}





.concerts_liste li{

float:left;

width: 25%;

padding: 0 0 10px 0;

height: 25px;

}



.photos_liste {

list-style: none;

width: 100%;

overflow:hidden;

margin: 12px 0 0 30px;

padding:0;

}



.photos_liste li{

float:left;

width: 120px;

height: 90px;

padding: 0 10px 20px 0;

}



.photos_titre_promo{

width: 465px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/promo.gif) top left no-repeat;

text-indent: -5000px;

}



.photos_titre_promo_en{

width: 465px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/promo_en.gif) top left no-repeat;

text-indent: -5000px;

}



.photos_titre_live{

width: 465px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/live.gif) top left no-repeat;

text-indent: -5000px;

}



.photos_titre_live_en{

width: 465px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/live_En.gif) top left no-repeat;

text-indent: -5000px;

}



.photos_liste {

list-style: none;

width: 100%;

overflow:hidden;

margin: 12px 0 0 30px;

padding:0;

}



.photos_liste li{

float:left;

width: 120px;

height: 90px;

padding: 0 10px 10px 0;

}



.voir_photos img{

border: none;

}



.titre_liens{

width: 465px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/liens.gif) top left no-repeat;

text-indent: -5000px;

}



.titre_liens_en{

width: 465px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/links.gif) top left no-repeat;

text-indent: -5000px;

}



.liens ul{

list-style: none;

margin: 9px 0 0 0px;

padding: 0 0 20px 30px;

}



.liens ul li{

padding: 15px 0 0 10px;

}



.contacts{

width: 700px;

height: auto;

margin: 15px 0 0 0;

float: left;

overflow:hidden;

padding: 0 0 0 17px;

}



#contacts_mail{

width: 230px;

height: auto;

float: left;

}



#contacts_mail_titre{

width: 230px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/contacts.gif) top left no-repeat;

text-indent: -5000px;

}



#contacts_mail ul{

list-style: none;

margin: 9px 0 0 30px;

padding: 0 0 20px 0;

}



#contacts_form{

width: 420px;

height: auto;

float: right;

text-align:left;

}



#contacts_form ul{

list-style: none;

padding: 0;

margin: 15px 0 0 0;

}



#contacts_form ul li{

padding: 0;

margin: 0 0 10px 0;

}



#contacts_form_titre{

width: 465px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/contacts_formulaire.gif) top left no-repeat;

text-indent: -5000px;

}



#contacts_form_titre_en{

width: 465px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/contacts_formulaire_en.gif) top left no-repeat;

text-indent: -5000px;

}



/* SOUS-SECTIONS INFOS */



.pr_concert {

clear:both;

margin: 0 0 15px 0;

float:left;

width: 220px;

}



.pr_concert ul{

list-style: none;

margin: 0 0 0 0;

padding: 7px 0 0 0;

}



.pr_concert ul li{

list-style: none;

padding: 0 0 0 27px;

}



.titre_pr_concert{

height: 35px;

margin: 0;

padding:0;

text-indent: -5000px;

background:url(images/titres/pr_concert.gif) top left no-repeat;

}



.titre_pr_concert_en{

height: 35px;

margin: 0;

padding:0;

text-indent: -5000px;

background:url(images/titres/pr_concert_en.gif) top left no-repeat;

}



.newsletter {

margin: 0 0 15px 0;

float:left;

width: 220px;

}



.newsletter form{

margin: -10px 0 0 0;

padding: 0 0 0 30px;

}



#confirm {

padding: 10px 0 0 30px;

}



.titre_newsletter{

background:url(images/titres/newsletter.gif) top left no-repeat;

height: 35px;

margin: 0;

padding:0;

text-indent: -5000px;

}



.plusloin {

margin: 0 0 15px 0;

float:left;

width: 220px;

}



.plusloin ul{

list-style: none;

margin: 0 0 0 30px;

padding: 0;

}



.plusloin ul li{

display:inline;

padding: 0 0 10px 0px;

margin: 0 15px 0 0;

}



.plusloin ul li img{

border: none;

}



.titre_plusloin{

background:url(images/titres/plusloin.gif) top left no-repeat;

height: 35px;

margin: 0;

padding:0;

text-indent: -5000px;

}



.titre_plusloin_en{

background:url(images/titres/plusloin_en.gif) top left no-repeat;

height: 35px;

margin: 0;

padding:0;

text-indent: -5000px;

}



.liens{

width: 700px;

height: auto;

margin: 15px 0 0 0;

float: left;

overflow:hidden;

padding: 0 0 0 17px;

}



.sep_news {

width: 100%;

height: 15px;

background:url(images/sep_news.jpg) top center no-repeat;

}



.goodies{

width: 700px;

height: auto;

margin: 15px 0 0 0;

float: left;

overflow:hidden;

padding: 0 0 0 17px;

}



.titre_goodies{

width: 465px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/goodies.gif) top left no-repeat;

text-indent: -5000px;

}



/* SOUS-SECTION NEWS */



.news_unique {

margin: 10px 0 20px 0;

padding:0;

width:450px;

height: auto;

}



.news_titre{

width: 465px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/news.gif) top left no-repeat;

text-indent: -5000px;

}



.news_titre_en{

width: 465px;

height: 35px;

margin: 0;

padding:0;

background:url(images/titres/news_en.gif) top left no-repeat;

text-indent: -5000px;

}





.news_bio{

width: 465px;

height: 35px;

margin: 200px;

padding:0;

background:url(images/titres/news.gif) top left no-repeat;

text-indent: -5000px;

}



.image_news {

margin: 0;

padding: 0;

}



.news p {

text-align : justify;

width:450px;

margin: 5px 0 0 0;

padding :0;

}



.footer_news {

margin: 0;

padding: 0;

margin: 5px 0 0 0;

overflow: hidden;

}



.date {

float: left;

color: #870101;

}



.commentaires {

float: right;

color: #870101;

}



.deposer {

float: right;

display: none;

}





/* COMMENTAIRES */



.commentaire {

margin:0;

padding: 0 0 10px 0;

list-style: none;

}



.titre_com {

margin:0;

padding: 0 0 10px 0;

list-style: none;

}



.dep_titre {

color: #FFFFFF;

padding: 0 0 50px 0 ;

}



.com {

width: 100%;

padding: 5px;

margin: 5px 0 0 0;

}



.dep_com {



}



/**** MODALE *****/



#mask {

position:fixed;  
_position:absolute; 
height:1000px;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
display: none;

}



#modale {

position:absolute;

width: 500px;

height: 500px;

background-color: yellow;

z-index: 2;

}



#image {

z-index: 2;

position:absolute;

width: 100%;

height: 100%;

text-align:center;

display:none;

}





#desc{

font-size: 12px;

color: black;

margin: -28px 0 0 0;

}



.image_promo{

border-top: 5px solid white;

border-left: 5px solid white;

border-right: 5px solid white;

border-bottom: 5px solid white;

vertical-align:middle;

margin: 15px 0 0 0;

}



.image_live{

border-top: 5px solid white;

border-left: 5px solid white;

border-right: 5px solid white;

border-bottom: 40px solid white;

vertical-align:middle;

margin: 15px 0 0 0;

}