/* CADRE PAGES SHOW_ALBUMS */
.container {
border : 0px solid #000fff;
background : transparent;
height:30px;
margin-left: auto;
margin-right: auto;
padding : 0px;
width : 960px;
}

/* CADRES AU MILIEU POUR TOUTES PAGES */
.frame {
position:relative;
text-align : left;
top:0px;
margin-left: auto;
margin-right: auto;
font-size : 12pt;
border : 0px solid #fff000;
background : transparent;
background-repeat: repeat-x;
padding : 5px 10px;
width : 740px;
}

/* links in the frames */
.frame a {
color : #666666;
font-weight : bold;
text-decoration : none;
}

/* links in the frames when mouse over */
.frame a:hover {
font-weight : bold;
color : #ffffff;
text-decoration : none;
}

/* array cells in the frames */
.frame td {
color : #666666;
font-size : 12pt;
}

/* list in the frames (used only in readme.html) */
.frame ol {
list-style-position : outside;
color : #666666;
}

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

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



/* CADRES AU MILIEU POUR TOUTES PAGES */
.frameimages {
position:relative;
text-align : left;
top:0px;
margin-left: auto;
margin-right: auto;
color : #8da8c1;
font-size : 12pt;
border : 0px solid #fff000;
background : transparent;
background-repeat: repeat-x;
padding : 5px 10px;
width : 740px;
}

/* links in the frames */
.frameimages a {
color : #666666;
font-weight : bold;
text-decoration : none;
}

/* links in the frames when mouse over */
.frameimages a:hover {
font-weight : bold;
color : #ffffff;
text-decoration : none;
}

/* array cells in the frames */
.frameimages td {
color : #727272;
font-size : 12pt;
}

/* list in the frames (used only in readme.html) */
.frameimages ol {
list-style-position : outside;
color : #8da8c1;
}

/* list components in the frames (used only in readme.html) */
.frameimages li {
text-align : left;
vertical-align : top;
color : #666666;
font-size : 12pt;
}

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

/* all the pictures */
.frameimages img {
margin : 5px;
border : 1px solid #b9c6e7;
}





/* CADRES AU MILIEU POUR TOUTES PAGES */
.framelogin {
position:relative;
text-align : left;
top:40px;
margin-left: auto;
margin-right: auto;
color : #999999;
font-size : 12pt;
border : 0px solid #fff000;
background : transparent;
background-repeat: repeat-x;
padding : 5px 10px;
width : 350px;
}

/* links in the frames */
.framelogin a {
color : #666666;
font-weight : bold;
text-decoration : none;
}

/* links in the frames when mouse over */
.framelogin a:hover {
font-weight : bold;
color : #ffffff;
text-decoration : none;
}

/* array cells in the frames */
.framelogin td {
color : #727272;
font-size : 12pt;
}

/* list in the frames (used only in readme.html) */
.framelogin ol {
list-style-position : outside;
color : #8da8c1;
}

/* list components in the frames (used only in readme.html) */
.framelogin li {
text-align : left;
vertical-align : top;
color : #666666;
font-size : 12pt;
}

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





/* buttons */
.button {
height : 26px;
color : #999;
font-size : 12pt;
border : 1px solid #999999;
background : #CCC;
padding : 2px 10px;
vertical-align : middle;
}

/* buttons when mouse over */
.button:hover {
border : 1px solid #999999;
background : #666;
}

/* buttons which have been selected (current page number) */
.selectedButton {
height : 20px;
font-size : 12pt;
border : 1px solid #999999;
background : #727272;
padding : 2px 10px;
vertical-align : middle;
}

/* input field (password field in change_settings.php) */
.inputField {
height : 20px;
color : #666666;
font-size : 12pt;
border : 1px solid #999999;
background : #ffffff;
padding : 2px 10px;
vertical-align : middle;
}

/* top part */
.header {
border-bottom : 0px solid #8da8c1;
background : transparent;
margin : 0px 0px 30px;
width : 100%;
height : 90px;
overflow : visible;
}

/* links in the top part */
.header a {
color : #ffffff;
text-decoration : none;
}

/* links in the top part when mouse over */
.header a:hover {
color : #cad9e4;
text-decoration : none;
}

/* bottom part */
.footer {
color : #8da8c1;
border-top : 1px solid #8da8c1;
background : url(images/footer_bg.png);;
margin : 30px 0px 0px;
padding : 0px;
width : 100%;
overflow : visible;
}

/* links in the bottom part */
.footer a {
color : #ffffff;
text-decoration : none;
}

/* links in the bottom part when mouse over */
.footer a:hover {
color : #cad9e4;
text-decoration : none;
}

/* flags for choosing language */
.flag {
border : 1px solid #cad9e4;
vertical-align:bottom;
}

/* flags for choosing language when mouse over */
.flag:hover {
border : 1px solid #ffffff;
}

/* last version of MyAlbum */
#version {
color : #cad9e4;
font-size : 10pt;
}

/* labels under the pictures */
.label {
padding : 3px;
text-align : center;
color : #8da8c1;
font-size : 10pt;
font-weight : bold;
margin : 5px;
border : 1px solid #8da8c1;
background : url(images/button_bg.png);
}

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

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

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

/* all the pictures */
.img {
margin : 5px;
border : 1px solid #b9c6e7;
}

/* all the pictures when mouse over */
.img:hover {
margin : 5px;
border : 1px solid #5c788e;
}

/* all the videos */
.video {
text-align : center;
font-weight : bold;
display : block;
margin : 5px;
border : 1px solid #b9c6e7;
}

/* all the videos when mouse over */
.video:hover {
margin : 5px;
border : 1px solid #5c788e;
}

/* title line of arrays */
.titleLine {
font-size : 12pt;
color : #666666;
background : transparent;
}

/* even lines of arrays */
.evenLine {
font-size : 12pt;
color : #666666;
background : transparent;
}

/* odd lines of arrays */
.oddLine {
font-size : 12pt;
color : #666666;
background : transparent;
}

/* cell of an array */
.cell {
vertical-align : top;
padding : 1px 15px;
}

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

/* folders on the first page */
.folder {
background : url(images/folder.gif);
border:solid 1px #0C0;
padding : 0px;
margin : 8px;
width : 159px;
height : 108px;
}

/* folders on the first page when mouse over */
.folderHover {
background : url(images/folder_on.gif);
border:solid 1px #0C0;
padding : 0px;
margin : 8px;
width : 159px;
height : 108px;
}

/* text on the folders on the first page */
.folder a {
fon-style : italic;
font-size : 10pt;
display : block;
height : 100%;
color : #6986a1;
text-align : center;
vertical-align : middle;
display : block;
padding : 23px 13px 2px 40px;
}

/* text on the folders on the first page when mouse over */
.folderHover a {
fon-style : italic;
font-size : 10pt;
display : block;
height : 100%;
color : #6986a1;
text-align : center;
vertical-align : middle;
display : block;
padding : 23px 13px 2px 40px;
}

/* 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;
}

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






/* 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;
}


/************************* cadre administration **********************/
.admin_albumFramemessages {
	text-align:center;
	color : #000000;
	font-size : 15pt;
	border : 1px solid #666666;
	background : none;
	margin : 180px 0px;
	padding : 0px 0px;
	width : 500px;
	position: absolute;
}
/*********************************************************************/