/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*********************************************
	General elements
*********************************************/

body {
	background-color: #FAFAFA;
  font-family: Arial, sans-serif;
  font-size: 1em;
	color: #9494AE;
}

hr {
	color: #9494AE;
}

/*********************************************
	Header
*********************************************/

div#header {
	position: absolute;
 	top: 0;
	left: 0; 
	width: 100%;
	height: 70px;
}

#header h1 {
	text-align:	center;
	margin-top: 0.5em;
	font-size: large;
}
			
#header #divright {
	position: absolute;
	top: 5px;
	right: 5px;
}

#header #divright p {
	text-align: center;
	font-size: 0.8em;
	margin: 3px 5px 3px 5px;
}

#header #divright img {
	margin-top: 10px;
}

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

div#menubar {
	position: absolute;
 	top: 70px;
	left: 0; 
	width: 100%;
	height: 25px;
	padding-top: 5px;
}

#menu {
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #778;
	font: bold 12px Verdana, sans-serif;
}

#menu li {
	list-style: none;
	margin: 0;
	display: inline;
}

#menu li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
}

#menu li a:link {
	color: #448;
}

#menu li a:visited {
	color: #667; 
}

#menu li a:hover {
	color: #000;
	background: #AAE;
	border-color: #227;
}

#menu li a.current {
	background: #FAFAFA;
	border-bottom: 1px solid #FAFAFA;
}


/*********************************************
	General
*********************************************/

div#content {
	position: absolute;
 	top: 95px;
	left: 0; 
	width: 100%;
	height: auto;
	padding: 0px;
}

div#content h1 {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 1.2em;
	color: #9494AE;
	text-align: center
}

.breadcrumb {
	margin-top: 7px;
	margin-left: 10px;
	font: bold 12px Verdana, sans-serif;
}

.breadcrumb a {
	background: transparent url(images/breadcrumb.gif) no-repeat center right;
	text-decoration: none;
	padding-right: 18px; /*adjust bullet image padding*/
	color: #448;
}

.breadcrumb a:visited, .breadcrumb a:active {
	color: #448;
}

.breadcrumb a:hover{
	text-decoration: underline;
}

#content #basket_info {
	position: absolute;
	top: 0px;
	right: 5px;
	border: 1px solid;
	border-color: black;
	background: #FFFFA0;
}

#content #basket_info p {
	text-align: center;
	font-size: 0.8em;
	margin: 1px 5px 3px 5px;
}

#content #basket_info img {
	margin-top: 10px;
}

#content #basket_info a, #content #basket_info a:visited, #content #basket_info a:active {
	color: #9494AE;
}

.display_none {
	display: none;
}

/*********************************************
	Index.php
*********************************************/

table#album {
	margin-left: 50px;
	margin-right: 50px;
}

table#album td {
	border: 1px solid;
	border-color:#666666;
	width: 25%;
	height: 200px;
}

table#album td.category {
	border: 1px solid;
	border-color:#666666;
	width: 25%;
	height: auto;
	background: #DDE;
	color: #448;
}

table#album td.empty {
	border: none;
	height: auto;
	width: auto;
	text-align: center;
}

table#album img.imgborder {
	border: 1px solid;
	border-color:#AAAAAA;
}

p.album_category {
	margin: 0.25em 0em 0.25em 0em;
	font-size: 1.1em;
	text-align: center;
}

p.album_title {
	margin: 0.25em 0em 0.25em 0em;
	font-size: 0.9em;
}

p.album_desc {
	margin: 0.25em 0em 0.25em 0em;
	font-size: 0.7em;
}

div.album_image {
	position: relative;
}

div.album_new {
 	position: absolute;
 	left: 0px;
 	top: 50px;
}


/*********************************************
	List_images.php
*********************************************/

table#vignette {
	margin-left: auto;
	margin-right: auto;
}

table#vignette td {
	border: 1px solid;
	border-color:#666666;
	width: 200px;
	height: 200px;
}

table#vignette td.inbasket {
	border: 1px solid;
	border-color:#666666;
  background-color: #FFFFA0;
	width: 200px;
	height: 200px;
}

table#vignette td.ispublic {
	border: 1px solid;
	border-color:#666666;
  background-color: #95FFCA;
	width: 200px;
	height: 200px;
}

table#vignette td.navi {
	border: 1px solid;
	height: auto;
	width: auto;
	text-align: center;
}

table#vignette td.empty {
	border: none;
	height: auto;
	width: auto;
	text-align: center;
}

table#vignette img {
	border: 1px solid;
	border-color:#AAAAAA;
}

p.vignette_texte {
	margin: 0.5em 0em 0em 0em;
	font-size: 0.7em;
}

p.vignette_basket {
	margin: 0em 0em 0em 0em;
	font-size: 0.7em;
  color: #00F;
}

p.vignette_page {
	margin: 0.5em 0em 0.5em 0em;
	font-size: x-small;
}

/*********************************************
	Show_picture.php
*********************************************/

div.centered {
	text-align: center;
}

div.centered table {
	margin: 0 auto; 
	text-align: left;
}

table#image {
	margin-left: auto;
	margin-right: auto;
}

table#image td {
	margin: 0.5em 0em 0.5em 0em;
	border: 1px solid;
	border-color:#666666;
	width: auto;
	height: auto;
	text-align: center;
}

p.image_option {
	margin: 0.5em 0em 0.5em 0em;
	font-size: 0.9em;
}

p.image_keyword {
	margin: 0.2em 0em 0.5em 0em;
	font-size: 0.8em;
	color: #448;
}

p.cell_title {
	color: #448;
	padding: 6px 0px 6px 0px;
	background: #DDE;
	font: bold 12px Verdana, sans-serif;
}

table#image td select.border1 {
	border: 1px solid;
	border-color:#666666;
	font-size: 0.9em;
}

.noborder {
	border: 0px;
	background: transparent;
}

#map_640 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	height: 480px;
}

#map_800 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 600px;
}

#map_1024 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	height: 768px;
}

.commentbtn {
	width:300px;
	height:20px;
}

div.image {
 	position: relative;
 	width: auto;
}

div.overlay {
 	position: absolute;
 	left: 0px;
 	top: 0px;
 	display: none;
}

.whoswho {
	border: 2px solid;
	background: #FF8040;
	padding: 5px;
	color: black;
	font-size: 1em;
}

table#info {
	margin-left: auto;
	margin-right: auto;
	font-size: 0.8em;
}

table#info td {
	margin: 0.5em 0em 0.5em 0em;
	padding: 0.25em 0.5em 0.25em 0.5em;
	border: 1px solid;
	border-color:#666666;
	width: auto;
	height: auto;
	text-align: left;
}

table#info td.header {
	padding: 0.5em 0em 0.5em 0em;
	text-align: center;
	background: #DDE;
	font-weight: bold;
}

/*********************************************
	slideshow.php
*********************************************/

div#slideshow {
	background-color: black;
	position: absolute;
 	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 0px;
}

#divimg1 {
	position: absolute;
	top: 45px;
	text-align: center;
}

#divimg2 {
	position: absolute;
	top: 45px;
	text-align: center;
}


/*********************************************
	Album.php
*********************************************/

#album_form
{
	display: none;
}

table#list {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 40px;
	border: 2px solid;
	border-color: black;
	color: black;
	font-size: 0.9em;
}

table#list tr.header td {
	border: 1px solid;
	border-color:#666;
	padding: 2px 8px 2px 8px;
	background-color: #AAE;
	color: black;
	font-weight: bold;
}

table#list tr.row0 td {
	border-right: 1px solid;
	border-color:#666;
	padding: 2px 8px 2px 8px;
	background-color: #DDE;
}

table#list tr.row1 td {
	border-right: 1px solid;
	border-color:#666;
	padding: 2px 8px 2px 8px;
	background-color: #FAFAFA;
}

table#list tr.categ td {
	border-top: 1px solid;
	border-color:#666;
	padding: 6px 8px 6px 8px;
	background-color: #CCC;
	font-weight: bold;
}

table#list tr td.fixedwidth {
	width: 70px;
}


/*********************************************
	Texts.php
*********************************************/

#texts_form
{
	display: none;
}

/*********************************************
	Forms
*********************************************/

input {
       border: 1px solid;
} 

select {
       border: 1px solid;
} 

textarea {
       border: 1px solid;
} 

form {
	margin: 0.5em 0em 0.5em 0em;
}

table.form td
{
	border-bottom: 1px dotted black;
	padding: 10px 5px 10px 5px;
	vertical-align: top;
}

.inputerror
{
	background-color: red;
}

.form_error
{
	color: red;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	font: normal 75% arial, helvetica, sans-serif;
	font-weight: bold;
}

.form_tip
{
	font: normal 75% arial, helvetica, sans-serif;
}

/*********************************************
	Others
*********************************************/



/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

div#langbasket {
   margin: 0;
   padding: 1 em; 
   border-bottom: 1px solid #000;
}


p.textbasket {
   font-size: 1em;
   margin: 0.25em 0 0.25em 0;  /* some air around p elements */
   padding: 0;
}


table#basket {
	margin: 0;
	border: 1px #000;
        width: 100%
}

table#basket td.flag {
	margin: 0em 0.5em 0em 0.5em;
	border: 1px;
        width: 50px;
        text-align: center;
}

table#basket td.navi {
	margin: 0em 0.5em 0em 0.5em;
	border: 1px;
        width: 40%;
}

table#basket td.content {
	margin: 0em 0.5em 0em 0.5em;
	border: 1px;
        width: auto;
}

table#basket td.view {
	margin: 0em 0.5em 0em 0.5em;
	border: 1px;
        width: 100px;
}

#video_table {
	background-color: black;
}

#video_table h2 {
	margin: 10px;
}

#player {
	border: 15px solid #000;
}

.italic { font-style: italic; }


/* END LISTS */