/* ********************/
/* SiToFoToS                    */
/* Copyright (C) 2003 moko */
/* licence GPL : licence.txt  */
/* ********************/
body {
    padding:0px;
    margin:0px;
    font-family:arial,verdana,helvetica,sans-serif;
    font-size:8pt;
    background-image:url('images/fonds.jpg');
    background-position:center center;
    background-repeat:no-repeat;
    overflow:hidden;
}
.fenetre {
    position:absolute;
}
.fenetreBarre {
    width:99%;
    height:19px;
    margin:1px;
    background-image:url(images/barre2.gif);
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
}
.fenetreBoutons {
    border-style: none;
    border-width: 0px;
    vertical-align: middle;
    width: 55px;
    height: 17px;
    position:absolute;
    right:1px;
    top:1px;
}
.fenetreInterieur {
    position:absolute;
    left:0px;
    top:20px;
    border-color:#FFFFFF;
    border-style: inset;
    border-width: 1px;
    background-color:#D6D6D6;
    padding:2px;
}
#menu {
    border-color:#D6D6D6;
    border-style: outset;
    border-width: 1px;
    background-color:#D6D6D6;
    background-image:none;
    width:120px;
    padding:0px;
}
#menu a {
    display:block;
    font-size:8pt;
    font-weight:bold;
    height:18px;
    padding-top:2px;
    padding-left:20px;
    text-decoration:none;
    color:black;
    background-repeat:no-repeat;
}
html>body #menu a {
    height:16px;
}
#menu a:hover {
    background-color:#AAAAA2;
}
#fenetretaches {
    position:absolute;
    right:0px;
    top:24px;
    border-color:#D6D6D6;
    border-style: outset;
    border-width: 1px;
    background-color:#D6D6D6;
    width:120px;
    visibility:hidden;
    z-index:429;
}
html>body #fenetretaches {
    top:22px;
}
#fenetretaches span a {
    display:block;
    font-size:8pt;
    font-weight:bold;
    height:18px;
    padding-top:2px;
    text-decoration:none;
    color:black;
    padding-left:20px;
    background-repeat:no-repeat;
}
html>body #fenetretaches span a {
    height:16px;
}
#fenetretaches span a:hover {
    background-color:#AAAAA2;
}

span.nouveautes a, a#nouveautes {
    background-image:url('images/ico16_nouveautes.png');
}
span.diaporama a, a#diaporama {
    background-image:url('images/ico16_diaporama.png');
}
span.recherche a, a#recherche {
    background-image:url('images/ico16_recherche.png');
}
span.apropos a, a#admin {
    background-image:url('images/ico16_admin.png');
}
span.apropos a, a#apropos {
    background-image:url('images/ico16_apropos.png');
}
span.admin a {
    background-image:url('images/ico16_admin.png');
}
span.home a, a#home {
    background-image:url('images/ico16_home.png');
}
span.repertoire a {
    background-image:url('images/ico16_repertoire.png');
}
span.foto a {
    background-image:url('images/ico16_foto.png');
}

table.liste td {
    background-color:transparent;
    width:80px;
    text-align:center;
    vertical-align:top;
    font-size:8pt;
}
table.liste td a {
    color:white;
    font-weight:bold;
    text-decoration:none;
}
hr {
    height:1px;
    color:#808080;
    background-color:#808080;
    border:0;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}
ul.listetaches {
	display:block;
	margin:0px;
	padding:0px;
	width:120px;
	background-image:url(images/fdsmokos.gif);
}
ul.listetaches li {
	display:block;
	margin:0px;
	padding:0px;
	height:18px;
	padding-top:2px;
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:center left;
}
ul.listetaches li a {
	text-decoration:none;
	color:#000000;
}
li#moko {
	background-image:url(images/moko16.gif);
}
li#pages {
	background-image:url(images/pages16.gif);
}
li#liens {
	background-image:url(images/liens16.gif);
}
li#icq {
	background-image:url(images/icq16.gif);
}
li#radioblog {
	background-image:url(images/radioblog16.gif);
}
a.lien {
	color:white;
	font-size:8pt;
	font-family:helvetica;
	text-decoration:none;
}