html, body {
    font-family: Verdana, Arial;
    font-size: 11px;
	background: #e5e5e8;
	margin-left: auto;
    margin-right: auto;
	text-align:center;

}
#global{background: #f8f8f8;
	margin:10px auto;
	padding:20px;
	text-align:center;
	max-width:600px;
	border:#CCC solid 1px;
}
	
.img { border: none;
}


input, file {
	font: 11px  Tahoma, Arial, Helvetica, sans-serif;
}

.footer {
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #333;
    background-color: #F8F8F8;
    border:#CCC solid 1px;
	margin:10px auto;
	padding:5px;
}

.titre {
	text-align:center;
	font-family: Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
}
.instruc {
    font-size: 11px;
	font-weight:bold;
    color: #ff0000;
}
.inform {
    font-size: 11px;
	font-weight:bold;
    color: green;
}
.important {background:#FFE5F4; color: #FF00A7; border: 1px dashed #FF00A7;}
.infos {
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #333;
    background-color: #F8F8F8;
    border:#CCC solid 1px;
	margin:10px auto;
	padding:10px;
}
form{text-align:left;}
a {
color: #0000FF;
}

li {
background: url(plus.gif) no-repeat center left;
text-align: left;
list-style-type:none;
padding:5px 20px;

}
/* Styele navigateur d'images.*/
			body{
				font-family: Verdana;
				font-size: 90%;
			}
			
			h1{
				text-align: center;
				font-size: 120%;
			}
			
			img{
				border: 1px solid #000000;
			}
			
			div#options{
				display: block;
				text-align: center;
				margin-bottom: 2px;
			}
				div#options label{
					margin: 0px 4px 0px 4px;
				}
					div#options input{
						vertical-align: middle;
						margin: 0px 3px 0px 0px;
					}
			
			div#content{
				margin: auto;
				width: <?php echo MAX_WIDTH+100; ?>px;
				height: <?php echo MAX_HEIGHT+100; ?>px;
				border: 1px solid black;
				border-bottom: 0px;
				text-align: center;
				background-color: #EFEFEF;
			}

			div#navig{
				width: <?php echo MAX_WIDTH+100; ?>px;
				margin: auto;
				border-left: 1px solid black;
				border-right: 1px solid black;
				padding: 0px 5px 0px 5px;
				height: 20px;
				text-align: center;
				background-color: #EFEFEF;
			}
				div#navig a{
					text-decoration: none;
					color: black;
					font-weight: bold;
				}
				div#navig a:hover{
					text-decoration: underline;
					color: black;
				}
					div#navig a#left{
						float: left;
					}
					div#navig a#right{
						float: right;
					}

			div#gallery{
				width: <?php echo MAX_WIDTH+100; ?>px;
				height: auto;
				!height: <?php echo MINIS_HEIGHT+124; ?>px; /*24px pour la hauteur de la barre de scroll sur IE*/
				margin: auto;
				overflow: auto;
				border: 1px solid black;
				border-top: 0px;
				background-color: #EFEFEF;
			}
				div#gallery table{
					margin: 0px 2px 0px 2px;
				}
					div#gallery a img{
						border: 1px solid #1F1F1F;
						vertical-align: top;
						margin: 2px;
						width: <?php echo MINIS_WIDTH; ?>px;
						height: <?php echo MINIS_HEIGHT; ?>px;
					}
						div#gallery a img:hover, div#gallery a img.display{
							border: 2px solid #EF6B00;
							margin: 1px;
						}
						
			div#loader{
				height: 100%;
				width: 100%;
				position: fixed;
				top: 0px;
				left: 0px;
				background-color: #FFFFFF;
				opacity: 0.5;
				filter: alpha(opacity=50);
				z-index: 1;
			}
				div#loader div{
					width: 220px;
					margin: auto;
					margin-top: 330px;
					font-weight: bold;
				}