html {margin:0; padding:0;}

body {
	margin:0;
	padding:0;
	font-family:"Times New Roman", serif;
	font-size:1.05em;
	font-style:italic;
	font-weight:bold;
	color:#993300;
	background-color:#CCCC99;
	}

h1 {margin-top:0;  font-size:2.2em}

p{margin:0px 0px 10px 0px;}

a, a:visited {font-weight:bold; font-style:italic; text-decoration:none; color:#333399;}
a:hover {font-weight:bold; font-style:italic; text-decoration:underline; color:#333399;}
a:active {font-weight:bold; font-style:italic; text-decoration:none; color:#330066;}

.texte {font-family:"Times New Roman", serif; font-style:italic; color:#996600; font-size:1.3em; font-weight:bold;}

/*---------------------------COMMUNS--------------------*/
	
/* BARRE AFFICHANT L'ARBORESCENCE DES ALBUMS (1ère ligne) */
.barrearbo {
    font-size: 11px;
    background-color: #FFFFFF;
    font-weight: bold;    
	color:#996600
    }

/* BARRE AFFICHANT LES INFOS SUR LA GALERIE (2ème ligne) */
.barreinfo {
    font-size: 11px;
    background-color: #FFFFFF;
    }

/* BARRE DU BAS */
.barrebas {
    font-size: 11px;
    background-color: #FFFFFF;
    }


/* COULEUR DES ENCADRéS */
.encadre {
    background-color: #CCCCCC;
    }	


/*--------------------------- DISP_SERIE.PHP - DISP_IMG.PHP --------------------*/	
/* BARRE DE NAVIGATION DE PAGE EN PAGE */
.navigal {margin:0; padding:10px; font-size:1.1em;}
.navigal a {font-style:italic; font-size:1.1em;}
.navigal a:hover {font-style:italic; font-size:1.1em;}

.barrenav {font-size:0.8em; text-align:center; font-family:Verdana, Arial; margin:10px 0 30px 0; padding:0;}
.barrenav a {font-style:normal;}

.imgnav {text-align:center; font-style:italic; font-weight:bold; margin:0; padding:10px;}

/* ------------------------------ INDEX.PHP - DISP_ALBUM.PHP -----------------*/
/*TITRE D'UN ALBUM (lien et image) */
.lienalbum {font-size: 1.1em;}
.lienalbum img {margin: 10px 0 5px 0;}

/* DESCRIPTION D'UN ALBUM */
.descralbum {font-size: 0.8em;}

/* INFOS SUR UN ALBUM */
.infosalbum {font-size: 10px;}

	
/*---------------------------INDEX.PHP----------------------*/
#lupdate{margin:0; padding:0;}

.favoriteup {
    color:#993300;
    font-size:1em;
	font-style:italic;
    text-decoration:none;
	text-align:center;
    background-color:#FFFFCC;
    }

.favoritedown {
    color: #993300;
    font-size: 1em;
	font-style:italic;
    text-decoration: none;
	text-align:right; margin-right: 1.1em;
    background-color: #FFFFCC;
    }


/*---------------------------INDEX2.PHP----------------------*/
#galg {margin:10px 6em; padding:0; height:100px;}
#galg img {float:left; margin-right:3em;}

#gald {margin:10px 6em; padding:0; text-align:right; height:100px;}
#gald img {float:right; margin-left:3em;}
	
/*---------------------------DISP_SERIE.PHP----------------------*/	
.infosphoto {font-size:1em; font-style:italic; color:#996600; text-align:center; padding:5px 0 10px 0;}

/*----------------------LOGIN.PHP---------------*/
.authdescr {font-size: 12px;}


/*-------------------  tableau index galerie -------------------*/
.tbltxt {text-align:center; vertical-align:bottom; height:30px;}

/*----------------------- EFFET OMBRE --------------------------*/
.tblb {background: url(bg_bas.gif) repeat-x 0 0 ;}
.tbld {background: url(bg_droite.gif) repeat-y 0 0;}


/*-----------------  CSS legrm  ----------------*/

#conteneur {width:99%; position:absolute; margin:0; padding:0; background-color:#CCCC99;}

#entete {margin:0; padding:0; height:70px; border:none; font-size:2.3em; text-align:right; font-style:italic; font-weight:bolder;}
html>body #entete {height: auto; min-height:70px;} 
#entete img{float:left; padding:0; margin:0;}
#entete p{margin:0; padding: 15px 0 0 0;}


#sommaire {position: absolute; left:10px; margin:0; padding:0; width:140px;}

ul#accueil {margin:0 0 10px 0; padding:0; list-style-type:none;}
ul#accueil li {margin:0 0 5px 0; padding:0;}
ul#accueil li a {display:block; width:130px; line-height:43px; text-decoration:none; background:url(../images/boutons/accueil.gif) no-repeat 0 0; border:0;}
ul#accueil li a:hover {background:url(../images/boutons/accueil.gif) no-repeat 0 -43px; border:0;}

ul#acces {margin: 0 0 10px 0; padding: 0; list-style-type: none;}
ul#acces li {margin: 0 0 5px 0; padding: 0;}
ul#acces li a {display: block; width: 130px; line-height: 43px; text-decoration: none; background: url(../images/boutons/acces.gif) no-repeat 0 0; border:0;}
ul#acces li a:hover {background: url(../images/boutons/acces.gif) no-repeat 0 -43px; border: 0;}

ul#galerie {margin: 0 0 10px 0 ; padding: 0; list-style-type: none;}
ul#galerie li {margin: 0 0 5px 0; padding: 0;}
ul#galerie li a {display: block; width: 130px; line-height: 43px; text-decoration: none; background: url(../images/boutons/galerie.gif) no-repeat 0 0; border:0;}
ul#galerie li a:hover {background: url(../images/boutons/galerie.gif) no-repeat 0 -43px; border: 0;}

ul#contact {margin: 0 0 10px 0; padding: 0; list-style-type: none;}
ul#contact li {margin: 0 0 5px 0; padding: 0;}
ul#contact li a {display: block; width: 130px; line-height: 43px; text-decoration: none; background: url(../images/boutons/contact.gif) no-repeat 0 0; border:0;}
ul#contact li a:hover {background: url(../images/boutons/contact.gif) no-repeat 0 -43px; border: 0;}

ul#village {margin: 0 0 10px 0; padding: 0; list-style-type: none;}
ul#village li {margin: 0 0 5px 0; padding: 0;}
ul#village li a {display: block; width: 130px; line-height: 43px; text-decoration: none; background: url(../images/boutons/village.gif) no-repeat 0 0; border:0;}
ul#village li a:hover {background: url(../images/boutons/village.gif) no-repeat 0 -43px; border: 0;}

ul#liens {margin: 0; padding: 0; list-style-type: none;}
ul#liens li {margin: 0 0 5px 0; padding: 0;}
ul#liens li a {display: block;  width: 130px; line-height: 43px; text-decoration: none; background: url(../images/boutons/liens.gif) no-repeat 0 0; border:0;}
ul#liens li a:hover {background: url(../images/boutons/liens.gif) no-repeat 0 -43px ; border: 0 ;}

#page {margin: 0 0 0 150px; padding:10px; border: outset 1px #FFFFFF; background-color:#FFFFCC; height:760px; text-align:justify;}
html>body #page {height: auto; min-height:760px;}

#ben3w {clear:both; margin:0; padding:0; height:30px; text-align:right; font-size:0.7em; font-style:italic;}

#footer {clear:both; margin:0; padding:5px 0 0 0; height:30px; text-align:center; font-size:0.95em; font-weight:normal; font-style:italic;}