html * { margin: 0; padding: 0; border: 0 }
body { text-align: justify; font-size: 13px; color: #ccc; font-family: arial, verdana, sans-serif; background: #363636 url('template/background.jpg') no-repeat left bottom fixed }
a { color: #eee; font-weight: bold; }
a:hover { color: #ccc; text-decoration: none }
a:active { outline: none }
a.espace { white-space: nowrap }
html a span { display: none; }
h1, h2, h3 { margin: 7px 0; font-family: verdana, sans-serif; }
h1 { font-size: 140%; }
h2 { font-size: 120%; font-weight: normal; }
h3 { font-size: 120%; font-variant: small-caps }
h4, h5 { font-size: 110%; font-variant: small-caps }
p { margin-bottom: 7px; line-height: 150% }
p.texte { margin-right: 17px; }
div.texte { margin-right: 17px; }
hr { clear: both; border:0 }
sup { font-size: 80% }
select, option {  }
html img, html a img { margin: 4px 7px 0 0; border: 1px solid white }
html img.gauche { float: left }
html img.droite { margin: 4px 0 0 7px; float: right }
.alerte { font-weight: bold; color: #000; background: white; padding: 2px }
.alerte a { color: red; }
.alerte a:hover { color: #666; }
.petit { font-size: 80% }
.helpbulle { cursor: help }
.spacer { clear: both; height: 15px }
.inlineclass { vertical-align: middle; display: inline-block }
#pierre_pesty { font-size: 80%; color: #999; text-decoration: none; padding-bottom: 13px }
#pierre_pesty:hover { color: white }
#BulleTable { border-collapse: collapse; background: none; border: 1px solid #666 }
#BulleTable td { font: 12px verdana, arial, sans-serif; background: #eee; color: black; padding: 2px 5px }
#Bulle { position: absolute; z-index: 1000; visibility: hidden }
/*------------------------------------------------------ HEADER */
#header {
	width: 100%;
	height: 57px;
	position: relative;
	background: #ccc;
}
#header #logo { position: absolute; top: 0; right: 13px; display: block; height: 60px; width: 280px; background: url('template/netalbum.png') no-repeat }
/*------------------------------------------------------ LARGEUR & POSITION */
#conteneur, #conteneur2 {
	width: 880px; /* cf. maximg */
	position: relative;
	margin: 0 auto;
}
#conteneur2 { width: 790px; }
#contenu { width: 100%; height: auto }
#contenu ul { list-style: none; line-height: 150%; margin: 10px 0 }
#contenu li { 
	background-image: url('template/puce.png'); 
	background-repeat: no-repeat; 
	background-position: 0 6px; 
	padding-left: 12px; 
	margin-left: 10px; 
	margin-bottom: 5px; 
}
#contenu p.gauche { text-align: left }
/*------------------------------------------------------ ZOOM */
#zoom img { border: 2px solid white; float: none }
#zoom { width: 100%; text-align: center }
#zoom p { padding-top: 7px }
/*------------------------------------------------------ ADMIN */
.adminbouton { position:absolute; top: 2px; left:-25px; width: 19px; height: 18px; background: url('template/ico_edit.gif') no-repeat; display: block }
.edita { display: block; width: 19px; height: 17px; background: url('template/ico_edit.gif') no-repeat 0 0; float: left }
p.admina a, a.admina { color: #93e315; }
p.admina a:hover, a.admina:hover { color: #eee }
/*------------------------------------------------------ FOLIO */
p.galfolio { height: 23px; width: auto; margin: 0; padding: 0; }
p.galfolio a { }
/*------------------------------------------------------ TABLEAUX */
table.userslisting, div.pages table { width: 99%; border-collapse: collapse }
table.userslisting { margin: 7px 0 }
table.userslisting td { border: 1px solid #999; padding: 1px 2px }
table td.nowrap { white-space: nowrap }
/*------------------------------------------------------ MENU */
#gall_navig { min-height: 13px; _height: 13px }
#gall_navig a, #gall_navig select { 
	margin: 0 5px 0 0; height: auto; font-weight: normal; border: 0; background: #ccc; 
}
#gall_navig select { margin-right: 1px }
#gall_navig a { 
	display: block; float: left; padding: 0 5px; color: black; text-decoration: none; font-size: 13px
}
#gall_navig a:hover { background: #fc6; }
#gall_navig a.actif { background: #666; color: #eee; cursor: default }
#gall_navig span { display: none; }
#gall_navig select.selected { /*border: 1px solid white;*/ background: #fc6 }
#gall_navig option.selected { font-weight: bold }
/*------------------------------------------------------ LANGUES */
#drapeaux { position: absolute;	top: -27px; left: -3px }
#drapeaux a { float: right; }
#drapeaux a.selected { -moz-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*first*/ filter: alpha(opacity=50); /*second*/}
#drapeaux a {
	display: block;
	width: 19px;
	height: 13px;
	margin: 2px 0 0 5px;
	background-repeat: no-repeat;
}
a#english { background-image: url('../sysfiles/ico_en.png'); }
a#french { background-image: url('../sysfiles/ico_fr.png'); }

/* AfficherMasquer */
.MasquerTxt { height: 62px; overflow: hidden }
.MontrerTxt { height: auto }