/************************************************************************************************/
/*  Style de la page maître														                */
/*	=> NewDesign.master															                */
/************************************************************************************************/


/************************************************************************************************/
/*      Balise Générique                                                                                    */
/************************************************************************************************/
a {
    font-family: verdana;
    text-decoration: underline;
    color: #9caeba;
    font-size: small;
}

    a:hover {
        color: Black;
        font-size: small;
        text-decoration: underline;
    }


h1 {
    font-size: x-large;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 10px solid #9caeba;
}

h2 {
    font-size: larger;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 5px solid #9caeba;
}

h3 {
    font-size: large;
    color: dimgray;
    font-family: Verdana;
    font-weight: 100;
}

.titre_checkBox {
    font-size: large;
    color: dimgray;
    font-family: Verdana;
    font-weight: 100;
}

.box {
    background-color: white;
    border-color: lightgray;
    border-style: double;
    color: dimgray;
}

.warning {
    font-family: Helvetica;
    font-size: larger;
    color: red;
    font-weight: 700;
}

body {
    width: 1025px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #7f7f7f;
    border: 1px solid black;
    font-family: Helvetica;
}

label {
    font-family: Verdana;
    font-size: small;
    color: DimGray;
}

.label_default label{
}

#PictureUploader {
    border: 1px solid lightgray;
    padding: 10px;
    color: DimGray;
}

.PicUpStyle {
    width: 300px;
    vertical-align: top;
}

.mini_photo {
    border: 1px solid #000000;
    text-align: center;
    width: 50px;
    height: 80px;
}

.up {
    float: left;
}


/************************************************************************************************/
/*      Definition structure                                                                                    */
/************************************************************************************************/
#EnTete {
    background-color: White;
    padding-right: 10px;
    padding-left: 10px;
}

#menu {
    height: 40px;
    background-color: White;
    padding-right: 10px;
    padding-left: 10px;
}

#corps {
    background-color: White;
    overflow: hidden;
    padding-right: 10px;
    padding-left: 10px;
}

#pieds_de_page {
    background-color: White;
    height: 100px;
    clear: left;
    padding-right: 10px;
    padding-left: 10px;
}
/************************************************************************************************/
/*      Class Global                                                                                    */
/************************************************************************************************/
.BigTitle {
    color: #9caeba;
    font-size: xx-large;
    font-weight: 900;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/************************************************************************************************/
/*      Menu                                                                                    */
/************************************************************************************************/

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#menu li {
    display: inline;
    text-align: center;
    margin-left: 10px;
}

    #menu li a {
        font-weight: bold;
        color: Black;
        text-transform: uppercase;
    }

        #menu li a:hover, #menu li a:focus, #menu li a:active {
            color: #607A8B;
        }






/* Cadres blanc des pages */
.WhiteBackground {
    border: solid 2px black;
    background-color: white;
}

.BlueBackground {
    border: none;
    background-color: #c8d3d9;
}

.UnderlineTitle {
    font-family: Verdana;
    font-weight: bold;
    text-decoration: underline;
}

.BorderBottomTable {
    border-top: solid 2px DimGray;
}

.BorderDottedBottomTable {
    border-top: Dotted 2px DimGray;
}

.DefaultChroFont {
    color: Black;
    font-family: verdana;
    font-size: 0.7em;
}

.DefaultTextChroFont {
    color: Black;
    font-family: verdana;
    font-size: 0.8em;
}

/* Accordion */
.DiscoTrackHeader {
    width: 91%;
    background-color: White;
    border: solid 2px black;
    padding: 5px;
}

.DiscoTrackHeaderSelected {
    width: 91%;
    background-color: White;
    border: solid 2px black;
    border-bottom: none;
    padding: 5px;
}

.DiscoTrackContent {
    width: 91%;
    background-color: White;
    border: solid 2px black;
    border-top: none;
    padding: 5px;
}

.Link {
    font-family: Verdana;
    font-size: medium;
    font-weight: bolder;
    color: Black;
}

    .Link:Hover {
        font-family: Verdana;
        font-size: medium;
        font-weight: bolder;
        color: Gray;
    }



/* Nom du Groupe en en-tête tableau */
.InfoGroupeTableNomHead {
    font-family: Verdana;
    font-size: medium;
}

    .InfoGroupeTableNomHead a {
        font-family: Verdana;
        font-size: medium;
    }

.mini_a {
    font-size: 0.8em;
}




/*Design textbox */
.MasterSearchBoxPos {
    position: absolute;
    top: 10px;
    left: 840px;
}

.MasterSearchBoxDiv {
    background-color: Transparent;
    text-align: right;
    color: White;
}

.MasterSearchBox {
    width: 125px;
    background-color: White;
    border: double 1px black;
    color: DimGray;
}







/* edito */

#edito {
    width: 200px;
    height: 300px;
    margin-top: 10px;
    margin-left: 50px;
    border: 5px 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														*/
/* 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: 900px;
	margin: auto;*/
    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;
}



/* 

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: 750px; 
    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-left: 50px;
}

.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;
}