﻿

/* mise en page principale */
a
{
   font-family:verdana; 
   text-decoration:none;
   color:#00008b;
  /* font-size : 0.8em;*/
   font-size : small;
}
a:hover
{   
    text-decoration:underline;
    color:black;
   /* font-size : 0.8em;*/
   font-size : small;
}

.mini_a
{
  
   font-size : 0.8em;
  
}

.cit
{
    font-style:italic;
}



body
{
  width: 865px;
   margin: auto; 
   margin-top: -10px; 
  /* background-color:Black; 
       
	/*background-image: url("background-repeatx.gif");
   /*background-image: url("totoro_fond.jpg");   
    background-image: url("background-repeatx.gif");*/ 
  background-image: url("fond_site.png");
   background-attachment: fixed;
}


#TitreTête
{
   margin-left: 10px;   
   margin-top: 12px;   
   font-family: "Verdana";
   font-size : 0.6em;
   font-weight: bold;
   text-transform: uppercase;
   color: black;
}


#TitreTete
{
   margin-left: 10px;   
   margin-top: 12px;   
   font-family: "Verdana";
   font-size : 0.6em;
   font-weight: bold;
   text-transform: uppercase;
   color: black;
}
#en_tête
{
   
    height: 188px;
    
    background-image: url("banniere.png");
   
    /*background-image: url("header.jpg");*/
   /* background-color: #135;*/
    background-repeat: no-repeat;
   
}


#en_tete
{
   
    height: 188px;
    
    background-image: url("banniere.png");
   
    /*background-image: url("header.jpg");*/
   /* background-color: #135;*/
    background-repeat: no-repeat;
   
}

#menu
{  
	  
	width :868;
    /* padding-left : 10px;
     /*background-image: url("totoro_fond.jpg");    
      /*background-color: #135;*/
    /* background-color :white;
	  height: 50px;*/
}


.tab_menu
{
	
     border: 1px solid white; 
     background-color: #3956af;
}

.tab_menu:hover
{     
     background-color: #263c71;
}

.lien_menu
{
   font-family: "Verdana";
   font-size : 0.8em;
   font-weight: bold;
   text-transform: uppercase;
   color: white;
   text-decoration: none;
}

.lien_menu:hover
{   
   color: white;
   
}

.corps
{
   /* background-image: url("totoro_fond.jpg");  
   /*  background-color: #135;
   
   */
   
    margin-top: -5px;  
   width: 865;
   background-image: url("fond_chronique.png");
     
      border-top: 3px solid black; 
   /* background-image: url("background-table.gif");*/
       /*background-color :white;*/
    
    
}

#pieds_de_page
{
  /*
   text-align: center;
   color: #B3B3B3;   
    background-color :white;
   /* background-color: #135;*/
   /*background-image: url("footer.gif");      */
   
   background-image: url("bas_site.png");
   
  margin-top: -1px;
 
    width: 865;
    height: 40px;
   
}




/* edito */

#edito
{
    width:200px;
    height:300px;
    
    margin-top:10px;
    margin-left:50px;
  
    border: 1px lightgray; 
    border-style:solid;   
}


#live
{
    position:relative;
    right: -400px;
    top: -318px;
   
    width:200px;
    height:300px;
   
  
    border: 1px lightgray; 
    border-style:solid;   
}

#construction
{
    position:relative;
   
    left:50px;
    width:200px;
    height:100px;
   
     text-align: center;
    border: 1px lightgray; 
    border-style:solid;   
}
/*Page recherche */

#box_recherche
{ 
    width:155px;
    margin-left: 12px;
    margin-bottom: 10px;
}

#boutton_recherche
{   
    margin-left: 12px;
    padding-bottom: 10px;
}

#box_resultat
{
    margin-left: 12px;
    padding-bottom: 10px;
}



/* mise en page r�sultat recherche */
.div_master
{
    width: 850px;
    margin: auto;
    border: 1px solid black;
    margin-top: 20px;
}

.tab_table
{
    width : 600px;   
    border-collapse: collapse; 
    
}

.tab_td
{
   
    
    width : 500px; 
    text-align : center;
   
}

.tab_tr
{
    border-collapse: collapse; 
    background-color : #F7F6F3;    
}

.tab_tr_impair
{
    border-collapse: collapse; 
    background-color : white;   
    color:dimgray;
}

/************************************************************************************************/
/* mise en page chroniques																		*/
/*	=> chronique.aspx																			*/		
/************************************************************************************************/
 
 .chronique_info_tableau
 {
	vertical-align:top;   
    width: 215px;    
    padding-left:10px;  
    padding-top:5px;    
 }
 
.chronique_info_cadre_principal_cadrepochette
 {
	vertical-align:top;   
    width: 215px;    
    padding-left:10px;  
    padding-top:5px;    
 }

 
 
.chro_table
{  
    margin-left:10px;
} 


.chro_emplacement_titre_corps
{
   /* border:1px solid lightgray;*/
	padding: 20px;	
	
   /* background-color:White;*/
	background-image: url("cadre_cartouches_corps.gif");
}


.chro_album_cartouche
{
	background-image: url("cartouche.png");
	height:17px; 
	text-align:center;
	 width: 210px;    
	
}

.chro_avatar_cartouche
{
	background-image: url("cartouche_avatar.png");
	height:17px; 
	text-align:center;
	 width: 150px;    
	
}

.chro_emplacement_album
{    
   text-align:center;     
   padding-top: 5px;
   
}
.chro_cadre_all
{    
   padding-top: 5px;   
}


.chro_corps
{
    color: #79b;
    text-align: justify; 
    vertical-align:top;
    padding-left:10px;
    padding-right:30px;
    padding-top:2px;
    padding-bottom:10px;   
    width:575px;  
	/*background-color:White;*/        
}

.chro_style_titre_groupe_cartouche
{
	color:#483d8b;
	font-weight: bold;
	font-family:verdana;
	font-size: 0.7em;     
}

.chro_style_titre_groupe
{
	color:#483d8b;
	font-weight: bold;
	font-family:verdana;
	font-size: 0.93em;     
}

.chro_style_titre_groupe:hover
{
	color:black;
	font-weight: bold;
	font-family:verdana;
	font-size: 0.93em;     
}

.chro_style_titre_album
{
    color: Black;
    font-weight: bold;
    font-family:verdana;
    font-size: 0.7em;
}



.chro_style_titre_genre
{
     color: Black;
     font-weight: bold;
     font-family:verdana;
     font-size: 0.7em;
}
.chro_style_genre
{
    color: Black;
    font-family:verdana;
    font-size: 0.7em;
}
.chro_style_track_list
{
    color:Black;
    font-family:verdana;
    font-size: 0.7em;
    text-align:center;
}
.chro_style_lineup
{
    color: Black;
    font-family:verdana;
    font-size: 0.7em;
    text-align:center;
    width:250px;
}

.chro_style_chroniqueur
{
    border : 1px black;
    border-style:solid;
    float: right;
    color : #483d8b;
    margin-left:10px;
    padding: 2px;   
    font-family:verdana;
    font-size: 0.7em;
    vertical-align: top;
    width:100px;
	white-space:normal;
	text-align: center;
	background-color : white;
}

.chro_style_photo
{   
	
	text-align: center;
}

.chro_style_note
{
    color : red;
}

.chro_style_titre_chronique
{
     color:#808080;     
     font-family:verdana;
     font-weight: bold;
     font-size: 1em;
}


.chro_style_chronique
{
     color:black;  
     font-family:verdana;
     font-size: 0.8em;     
}

.chro_style_numerotation
{
    color: #696969;
     
}

.intro_chronique
{
	color:#2f4f4f;
	font-weight: bold;
}

.question_mark
{
	color:#191970;
	font-weight: bold;
}

.outro_chronique
{
	font-weight: bold;
}

.tuerie
{
	color:Red;	
}

.body_chronique
{
	white-space:pre-line;
}


/************************************************************************************************/
/* mise en page chroniques														*/
/* BDD partie ajout groupe/chroniqueur 												*/
/*	=> chronique.aspx															*/
/************************************************************************************************/

#chro_ajout
{    
     width:350px;
     height:180px;     
     
     
     margin-left:5px; 
   
     background-color:White;
     border: 3px lightgray; 
     border-style:dotted;
     padding:5px;
     
}

#group_ajout
{   
     width:350px;
     height:150px;
     
        
     
     background-color:White; 
     border: 3px lightgray; 
     border-style:dotted;
     padding:5px;
}


.chro_Ajout_cadre1
{    
     width:145px;
     margin-left:10px;
     
}

.chro_Ajout_cadre2
{
    
     float:right;
     width:185px;    
     text-align:center;
     padding-top:70px;     
         
}

#response
{
    background-color:White;
    border: 3px lightgray; 
    border-style:dotted;  
    width:280px;
    height:100px;
    text-align:center;  
    margin-top:10px;    
    margin-left:95px;    
}

/* mise en page BDD partie ajout genre */

#genre_ajout
{    
     width:350px;
     height:180px;
     margin-top:30px;
     margin-left:50px;
     background-color:White;
     border: 3px lightgray; 
     border-style:dotted;
     padding:5px;
     
}

.genre_cadre1
{  
     width:160px;    
     text-align:center;         
}

.genre_cadre2
{
    width:180px;    
    text-align:center; 
    margin-top : 10px;        
}

.genre_cadre3
{
    float : right;
    width:160px;    
    text-align:center;         
}

/* mise en page BDD partie ajout chronique */
#box_ajout
{
    padding:10px;
    width:700px;    
    
    margin:auto;
    background-color:White;
    border: 3px lightgray; 
    border-style:dotted; 
     
}

#box_ajout_chronique
{
    padding:10px;
    width:800px;    
    
    margin:auto;
    background-color:White;
    border: 2px lightgray; 
    border-style:solid; 
     
}

/* mise en page par groupe*/
.groupe_div
{
	 /*margin-top : 50px;
	    margin-left :50px;
	    padding : 10px;
	    width: 500px;        
	    background-color: White;
	    border:1px solid lightgray;*/
	
	margin-top : 50px;
    margin : auto;
    padding : 10px;
    width: 700px;        
    background-color: White;
		border-collapse:collapse;
    border:1px solid lightgray;
	
}
.affiche_groupe_table
{	
	   width : 700px;	 
	   border-collapse:collapse;
	   
	 
}

.affiche_groupe_ROW
{	 
	
}

.affiche_groupe_CELL
{
	padding-top: 10px;
	padding-bottom: 10px;
	 border-bottom:1px solid black;
	 text-align: right;
}

.groupe_style_titre_album
{
     color:#00008b;
     font-weight: bold;
     font-family:verdana;
     font-size: 1.4em;
     text-transform:uppercase;          
	 white-space:normal;
}

.groupe_style_disco
{
     font-family:verdana;
     font-size: 0.9em;
}

.groupe_table
{
    margin-left :10%;
   width : 300px;
    border-collapse:collapse;
    text-align:left;
}
.groupe_tab_tete
{
     background-color: #92b6da;
}
.groupe_tab_pair
{
     
    background-color: #f6f6f6;
}

.groupe_tab_impair
{
    
    background-color: #efefef;
}

.groupe_tab_cell
{
    padding: 2px;    
}

/* recherche par lettre */
.r_alpha_cadre
{
      background-color: white;
      border: 1px solid lightgray; 
      width: 200px;
      margin: 20px;
      padding:10px;
      
}

.r_alpha_link
{
    color : #13d480;
}
.r_alpha_link:hover
{
    color : red;
}

.r_alpha_table
{
    
    width : 200px;
    border-collapse:collapse;
    text-align:left;
}

.r_alpha_tab_pair
{
     
    background-color: #f6f6f6;
}

.r_alpha_tab_impair
{
    
    background-color: #efefef;
}

/* divers */

.s
{
	text-decoration :underline;
}

.b
{
	font-weight: bold;		
}
.i
{
	font-style:italic;
}

.blue
{
	color:#191970;
	font-weight: bold;
}

.tab_search
{
	  margin: auto; 
}

/************************************************************************************************/
/* mise en page de l'index														*/
/*	=> index.aspx															*/
/************************************************************************************************/
 .index_table
 {
	width : 850px;
	margin-left :5px;
	

 }
 
 .index_col_edito
 {
	padding : 2px;
	padding-top : 5px;
	padding-right: 5px;
	
	text-align:justify;
	width :280px;
	font-size : 0.6em;
	font-family:verdana;
	vertical-align:top;
 }
 
  .index_col_chronique
 {
	font-size : 0.8em;
	padding : 5px;
	padding-top :5px;
	width :280px;
	border-left : 1px ridge  black;
	border-right : 1px ridge  black;
	vertical-align:top;
 }

 
  .index_col_lv_itw
 {
	padding-top :5px;
	width :280px;
	margin : 2px;
	vertical-align:top;
 }
 

 .index_coup_cc_cg
 {
	float:left;
	padding-right : 2px;
 }

.index_tab_partenaire
{
	text-align :center;
}
.index_partenaire
{
	text-align :center;
}
.index_link_font
{
	font-family:Verdana;	
	font-size : 1em;
	
	
}

.index_link_font_name
{
	
	font-family:Bauhaus 93;	
	font-size : 1em;
	font-weight:bold;
}


/* 

page de construction

*/

.construc
{
	text-align:center;
	width : 850px;
	margin: auto; 
}



/* interview */


.itw_table_intro
{
	width : 850px;   
	margin: auto;
}

.itw_table
{
	
	 /* border: 1px solid black; 
	
	
	width : 700px;   
	/*border-collapse: collapse; 
	color:black;  
	font-family:verdana;
	font-size: 0.8em;   */
	
}
.itw_td
{
}

.itw_tr
{
	width : 350px;
	text-align :justify; 
    border-collapse: collapse; 
	/*padding : 2px;*/
}

.itw_tr_photo
{
	width : 350px;	
	text-align :center; 
    border-collapse: collapse; 
	/*padding : 2px;*/
}
.itw_tr_photo_centre
{
	width : 800px;
	text-align :center; 
    border-collapse: collapse; 
}

.itw_corps
{
	margin : auto;
	width : 700px; 
	text-align :justify; 
	color:black;  
	font-family:verdana;
	font-size: 0.8em;   
}

.itw_chroniqueur
{
    border : 1px black;
    border-style:solid;
	font-family:verdana;
    font-size: 0.7em;
    background-color : white;
    color : #483d8b;
    width:100px;
	white-space:normal;
	text-align: center;  

   /* vertical-align: top;	*/
    
}

.itw_cadre_groupe
{
 /*vertical-align: top;	*/
	/*margin-top : -10px;*/
	width: 210px;   
}

.itw_cadre_avatar
{
	
	/*margin-top : -10px;*/
	/*padding-left: 20px;*/
	 width: 210px;    
	/* text-align:center;*/
	
}

.itw_style_titre_groupe
{
	
	
}

.itw_style_titre_groupe:hover
{
	color:black;
	font-weight: bold;
	font-family:verdana;
	font-size: 1.3em;     
}

/* page historique */

.index_hist
{
	margin-left : 50px;
	text-align:justify; 
	width:500px;	 
	/*border-top:1px solid black;*/
	border:1px solid black;	
	padding:5px;
	background-color :white;
}

/* tableau des résultats */

.AR_TABLE
{
	margin : auto;	
	width:800px;
	
	border-collapse:collapse;
	border: 2px solid black;
	text-align: justify;
	
	font-family: "Verdana";
   font-size : 0.8em;
 
 
}
.AR_ROW
{	
	background-color :#e5e5fd;	
	
}

.AR_ROW_2
{	
	background-color :#eaebfa;	
}

.AR_ROW:HOVER
{
	background-color :#bdc6d1;
	
}

.AR_ROW_2:HOVER
{
	background-color :#bdc6d1;
	
}

.AR_CELL_2
{
	text-align:left;
	padding:5px;
	width:200px;
}

.AR_CELL
{
	text-align:left;
	padding:5px;
	width:200px;
}

.AR_ROW_HEAD
{
	
}

.AR_CELL_HEAD
{
	padding:5px;
	font-weight: bold;
	font-family:verdana;
	font-size: 1.0em;	
	border-bottom :2px solid black;
	background-color:Black;
	color:White;
}
.LINK_INFO
{
	color:Red;
}
.LINK_INFO:HOVER
{
	color:Red;
}


/* tableau info gnénéral */

.AR_TABLE_INF_GEN
{
	margin : auto;	
	width:700px;
	border-collapse:collapse;	
	border: 2px solid black;
	/*text-align: justify;	*/
	font-family: "Verdana";
    font-size : 0.8em;    
}


.AR_ROW_INF_GEN
{	
	background-color :white;	
	border-bottom-color:Green;
	
}

.AR_ROW_2_INF_GEN
{	
	background-color :#f0f8ff;	
	
	
}

.AR_ROW_INF_GEN:HOVER
{
	background-color :#6495ed;
	
}

.AR_ROW_2_INF_GEN:HOVER
{
	background-color :#6495ed;
	
}

.AR_CELL_2_INF_GEN
{
	border-bottom : 1px solid black;	
	width:233px;	
	text-align:left;
	padding:5px;
	
}
.AR_CELL_2_INF_GEN_ADMIN
{
	border-bottom : 1px solid black;	
	width:140px;	
	text-align:left;
	padding:5px;
	
}

.AR_CELL_INF_GEN
{
	
	text-align:center;
	padding:5px;
	
}

.AR_ROW_HEAD_INF_GEN
{
	
}

.AR_CELL_HEAD_INF_GEN
{
	padding:5px;
	font-weight: bold;
	font-family:verdana;
	font-size: 1.0em;	
	border-bottom :2px solid black;	
	color:White;
	background-color:#6495ed;
}
.LINK_INFO_INF_GEN
{
	color:black;	
	
}
.LINK_INFO_INF_GEN:HOVER
{
	color:white;
	
	
}


/* style pour les lettres lien des listes alpha */

.PAGE_ALPHA_TITLE
{   
    font-size:18px;
    font-family:Verdana;
    font-weight:bold;
}

.TAB_ALPHA_LETTER
{
	font-size : 0.8em;
	margin : auto;	
	border: 1px solid black;
}
.CELL_ALPHA_LETTER
{
	
	padding:5px;
}

.CELL_ALPHA_LETTER:HOVER
{
	background-color :#bdc6d6;
	padding:5px;
}

/*page gestionbdd*/

.GESTIONDBB_ACCUEIL
{
	margin : auto;
	text-align:justify; 
	width:700px;	 
	/*border-top:1px solid black;*/
	border:1px solid black;	
	padding:5px;
	background-color :white;
}

/*page LOGIN*/

.GESTIONDBB_LOGIN
{
	margin : auto;
	text-align:justify; 
	width:280px;
	border:1px solid black;	
	padding:2px;
	background-color :white;
}

/* page fest report*/
.fest_table_intro
{
    width:600px;
    margin: auto;
    text-align: center;
}
.fest_table_report
{
    width:400px;
    margin: auto;
}

.fest_titre
{
	color: Black;
    font-family:verdana;
    font-size: 2em;
    text-align:center;
    width:250px;  
    font-weight:bolder;
}

.fest_chroniqueur
{
    border : 1px black;
    border-style:solid;
	font-family:verdana;
    font-size: 0.7em;
    background-color : white;
    color : #483d8b;
    width:100px;
	white-space:normal;
	text-align: center; 
	 

   /* vertical-align: top;	*/
    
}

.day_report_list_day
{
 width:100px;	
	border : 1px black;
    border-style:solid;
    	
	font-family:verdana;
    font-size:0.7em;
    background-color:white;
    color:#483d8b;
	text-align:left; 
	line-height:18px;	
	
	padding-left:2px;
	padding-right:2px;	
	margin-top:10px;
	margin-left:-110px;
	position:fixed;	

}

.day_report_button
{
	vertical-align:top;
	width:100px;
	padding:2px;
	border : 2px black;
    border-style:solid;
	background-color:White;	
	text-align:center; 
	
}
.day_report_button:hover
{	
	background-color:#bdc6d1;	
}


/* historique dynamique */

.index_hist
{
	margin-left : 50px;
	text-align:justify; 
	width:500px;	 
	/*border-top:1px solid black;*/
	border:1px solid black;	
	padding:5px;
	background-color :white;
}

.calendar
{
		
	font-size : 0.8em;
	margin : auto;	
	border: 1px solid black;
	border-collapse: collapse;
	font-family : Verdana;
    
}


.calendar_row
{
	border: 1px solid black;
}	

.calendar_cell
{
	width:50px;
	padding:5px;
	border :1px solid black;
	text-align:center;
	background-color :white;
}
.calendar_cell:HOVER
{
	
	background-color :#bdc6d6;
	padding:5px;
}

.calendar_cell_head
{
	width:50px;
	text-align:center;
	border :1px solid black;
	background-color:lightgray;
}

.list_box_select_band
{
    position:absolute;
}
