/* body of the document */
body {
font-family : Arial;
padding : 0;
margin : 0;
}

/* surrounding rectangle */
.explorerContainer {
margin : 5px 0px;
padding : 0px;
width : 100%;
height : 400px;
}

#explorer {
/*border : 1px solid #8da8c1;  */
/*background : url(images/frame_bg.png);  */
/*background-repeat: repeat-x; */
margin : 0px 0px 0px 5%;
padding : 0px;
width : 95%;
height : 350px;
overflow : scroll;
}

.explorerDir a {
color : #000000;                  /*#8da8c1;*/
text-decoration : none;
font-weight : bold;
font-family : Arial;
font-size : 8pt;
margin : 2px;
padding : 0px 0px 2px 5px;
}

.explorerImage a {
color : #000000;                  /*#8da8c1;*/
text-decoration : none;
font-weight : normal;
font-family : Arial;
font-size : 7pt;
margin : 2px;
padding : 0px 0px 0px 5px;
}

.explorerSubs {
margin : 0px 0px 0px 10px;
}

/* surrounding rectangle */
.container {
position: absolute;            /* centre l'image en grand & les thumbnails previous & next */
border : 0px solid #000000;                  /*#8da8c1;*/
/*background : #ffffff;  */
margin : 5px;
padding : 0px;
width : 90%;
height: 550px;
vertical-align: middle;
}

/* all the frames in the middle part */
.frame {
/*position: absolute;   */
top: 100px;         /* sans effet si pas position absolute */
text-align : left;               /* pas d'effet  */
color : #000000;                  /*#8da8c1;*/
font-size : 12pt;
/*border : 1px solid #b9c6e7;  */
/*background : url(images/frame_bg.png); */
/*background-repeat: repeat-x; */ 
margin : 1px 0px;
padding : 1px 5px;       /* 20px 10px */
width : 1005px;
/*background-color: #00FF00;  */
}

/* links in the frames  - texte des répertoires et sous-répertoires  */
.frame a {
color : #000000;                  /*#8da8c1;*/
font-weight : bold; 
text-decoration : none;
}

/* links in the frames when mouse over - couleur des numéros de pages et "Retour" */
.frame a:hover {
color : #FFFFFF;			/*#c2d1df; */
font-weight : bold;
text-decoration : none;
}

/* array cells in the frames  -  couleur des zones texte issu general-infos et infos écrit dans la frame*/
.frame td {
font-family : Tahoma;     /*Arial Verdena sans-sherif; */
color : #FFFFFF;                  /*#8da8c1;*/
font-size : 12pt;
font-weight : bold; 
}
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
/* list in the frames (used only in readme.html) */
/*.frame ol {
list-style-position : outside;
color : #8da8c1;
}

/* list components in the frames (used only in readme.html) */
/*.frame li {
text-align : left;
vertical-align: texte-bottom;
color : #8da8c1;
font-size : 12pt;
}

/* lines of code in the frames (used only in readme.html) */
/*.frame pre {
text-align : left;
vertical-align : top;
color : #c2d1df;
font-size : 8pt;
font-weight : bold;
}
/* &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

/* labels de la photo en grand: nom des danseurs et numero de la photo */
.label {
position: absolute; 
top: 10px;
left: 20px;
padding : 3px; 
width : 650px;
text-align : left;  
color : #FFFFFF;  
font-size : 9pt;
font-weight : bold;
margin : 5px;
border : 0px solid #8da8c1;
/* background : url(images/button_bg.png);  */
}

/* boutons  - texte "Page" & "Retour" dans menu répertoires - sous-répertoires - thumbnails & photos en grand */
.button {
/*position: absolute;*/
left: 10px;                 
height : 20px;          
color : #000000;    /*#8da8c1; */
font-size : 8pt;
border : 0px solid #8da8c1;
background : url(images/button_bg.png);  
padding : 2px 10px;
/*vertical-align : middle;*/
}

/* boutons numéro de page sélectionnée dans répertoires - thubnails & photos en grand */
.selectedButton {
/*position: absolute;*/
left: 85px;
height : 20px;
font-size : 8pt;
border : 1px solid #353535;
/*background : url(images/button_on_bg.png);*/
padding : 2px 10px;
/*vertical-align : middle; */
}
/* bouton "page" sélectionnée & bouton "retour" dans répertoires - thubnails & photos en grand au passage souris*/
.button:hover {
border : 0px solid #8da8c1;
background : url(images/button_on_bg.png);
}



/* main title ------------------------ pas trouvé ----------------------------------*/
h1 {
/*background : #ffffff; */ 
font-size : 25pt;
font-weight : bold;
margin : 0px;
vertical-align : middle;
}

/* subtitles (name of the current album) ------------------------ pas trouvé ----------------------------------*/
h2 {
color : #cad9e4;  
font-size : 15pt;
font-weight : bold;
margin : 0px;
vertical-align : middle;
}

/* other small titles in header and footer */
h3 {
color : #cad9e4;
font-size : 10pt;
font-weight : bold;
margin : 0px;
vertical-align : middle;
}

/* all the pictures */
.photo {
margin : 0px;     /*marge autour des thumbnails  & de la photo en grand */
border : 0px solid #b9c6e7;
}

/* all the pictures when mouse over */
.photoHover {
margin : 0px;     /*marge autour des thumbnails  & photo en grand au passage de la souris */
border : 0px solid #5c788e;
}

/* title line of arrays ----------------------------------------- pas trouvé ------------------------------------*/
.titleLine {
font-size : 12pt;
/*background : url(images/table_bg.png);  */
}

/* even lines of arrays ----------------------------------------- pas trouvé ------------------------------------*/
.evenLine {
font-size : 12pt;
/*background : #ffffff;  */
}

/* odd lines of arrays */
.oddLine {
font-size : 12pt;
/*background : url(images/table_bg.png);  */
}

/* selected lines of arrays */
.selectedLine {
font-size : 12pt;
/*background : url(images/header_bg.png);  */
}

/* cell of an array - texte issu de general-infos et infos */
.cell {
vertical-align : top;
padding : 1px 15px;
/*background-color: #C0C0C0; */
}

/* all the images */
img {
vertical-align : middle;
border : 0px;
}

/*  mise en page de la présentation des cadres des répertoires   &&&&&&&&&&&&&&&&&&&&&&  */ 
.folderContainer {
background : url(images/folder.png);
width : 150px;
height : 50px;
padding : 0px 0px 0px 0px; /*  23px 10px 3px 33px;   */
margin : 20px;
vertical-align: middle;
}
/* mise en page de la présentation des cadres au survol souris */
.folderContainerHover {
background : url(images/folder_on.png);
width : 150px;
height : 50px;
padding : 0px 0px 0px 0px; 
margin : 20px;  
}
/* texte à l'interieur des cadres des répertoires   */
.folder a {
font-weight: bold;
font-size : 10pt;
text-align : center;
vertical-align : middle;    /*middle;  */
color : #ffffff;     /*#6986a1;  */
/*display : block; */
margin : 0px;
padding : 0px;
width : 100%;
height : 100%;
}

/* folders on the first page when mouse over */
/*.folder a:hover {
background : #ffffff;  
}
*/
/* folders on the first page when mouse over */
/*.folderContainerHover a {
background : #ffffff;  
}
*/
/* input fields on the folders on the first page */
.folder input {
margin : 2px;
padding : 2px;
color : #6986a1;  
font-weight : bold;  
border : 1px solid #6986a1;
/*background : #ffffff;  */
}

/* forms on the folders on the first page */
.folder form {
margin : 0px;
padding : 0px;
}




/* &&&&&&&&&&&&&&&&& gestion ERREUR &&&&&&&&&&&&&&&&&&&&&&&&&&& */
/* error frames */
.errorFrame {
text-align : center;
color : #cc0000;
font-size : 10pt;
font-weight : bold;
border : 1px solid #6986a1;
/*background : #ffffff;  */
margin : 15px 10px;
padding : 20px 20px;
width : 90%;
}

/* links in error frames */
.errorFrame a {
text-decoration : none;
color : #6986a1;
}

/* links in error frames when mouse over */
.errorFrame a:hover {
color : #cc0000;
}

/* titles in error frames */
.errorFrame h1 {
width : 100%;
border : 1px solid #6986a1;
font-size : 14pt;
font-weight : bold;
color : #cc0000;
}