body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background:#161616;
color : #999;
margin: 0px;
padding: 0;
}
img, a img {
border: 0;
}
#galerie {
position: absolute;
z-index:100;
height: 60px;
width: 420px;
top: 5px;
left: 216px;
}
#galerie h2 {
color: #fff;
}
#galerie h2:first-letter
{
color: #999;
}
#galerie a {
text-decoration: none;
color: #999;
font-weight: bold;
/*color: #161616;*/
}
#galerie a:hover {
color: #fff;
text-decoration: underline;
}

table {
font-size: 12px;
}
h1{
font-weight: bold;
font-size: 22px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
line-height : 120%;
color : #fff;
margin: 2px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
margin: 0px;
}

h3 {
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 2px;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 2px 0px;
}
p.centrer {
text-align: center;
}
ul {
margin-left: 5px;
padding: 0px;
}

li {
margin-left: 10px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0px;
list-style-position: outside;
list-style-type: disc;
}

.textinput {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
border: 1px solid #232323;
padding-right: 3px;
padding-left: 3px;
}

.listbox {
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
font-size: 100%;
border: 1px solid #666;
vertical-align : middle;
color: #cc0000;
}

.button {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
border: 1px solid #005D8C;
background-image : url(images/button_bg.gif);
background-position : bottom;
}

.comment_button {
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
border: 1px solid #005D8C;
background-image : url(images/button_bg.gif);
background-position : bottom;
padding-left: 3px;
padding-right: 3px;
}

.radio {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
vertical-align : middle;
}

.checkbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
vertical-align : middle;
}

a {
color: #fff;
text-decoration: none;
}

a:hover {
color: #fff;
text-decoration: underline;
}

bblink a {
color: #df2d2d;
text-decoration: none;
}

bblink a:hover {
color: #df2d2d;
text-decoration: underline;
}

.maintable {
background-color: #666;
margin-top: 1px;
margin-bottom: 1px;
}

.tableh1 {
background : #161616 ;
color : #fff;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}
.tableh1_compact {
background : #161616 ;
color : #fff;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

.tableh2 {
background: #232323 ;
color : #999;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.tableh2_compact {
background: #232323 ;
color : #999;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

.tableb {
background: #333 ;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}


.tableb_compact {
background: #333 ;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

.tablef {
background: #232323;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

.catrow_noalb {
background: #232323 ;
color : #000;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.catrow {
background: #333 ;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.album_stat {
font-size: 85%;
margin: 5px 0px;
}

.thumb_filename {
font-size: 80%;
display: block;
}

.thumb_title {
font-weight : bold;
font-size: 80%;
padding: 2px;
display : block;
}

.thumb_caption {
font-size: 80%;
padding: 1px;
display : block;
}

.thumb_caption a {
text-decoration: underline;
color: #fff;
}

.thumb_num_comments {
font-weight: normal;
font-size: 80%;
padding: 2px;
font-style : italic;
display : block;
}

.user_thumb_infobox {
margin-top: 1px;
margin-bottom: 1px;
}

.user_thumb_infobox th {
font-weight : bold;
font-size: 100%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}

.user_thumb_infobox td {
font-size: 80%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}

.user_thumb_infobox a {
text-decoration: none;
color: #fff;
}

.user_thumb_infobox a:hover {
color: #161616;
text-decoration: underline;
}

.sortorder_cell {
background : #161616 ;
color : #fff;
padding: 0px;
margin: 0px;
}

.sortorder_options {
font-family: Verdana, Arial, Helvetica, sans-serif;
background : #161616 ;
color : #fff;
padding: 0px;
margin: 0px;
font-weight: normal;
font-size: 80%;
white-space: nowrap;
}

.navmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
font-size: 100%;
font-weight: bold;
background : #161616 ;
border-style: none;
}

.navmenu img {
margin-top: 1px;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 5px;
}

.navmenu a {
position: relative;
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-decoration: none;
color: #fff;
}

.navmenu a:hover {
background : #333 ;
text-decoration: none;
color: #fff;
}

.admin_menu_thumb {
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;

border: 1px solid #000/*#005D8C;*/;
background-image : url(images/button_bg.gif);
background-position : bottom;
color: #000;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
width: 85px;
}

.admin_menu_thumb a {
color: #000;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
padding-right: 10px;
}


.admin_menu_thumb a:hover {
color: #000;
text-decoration: underline;
}

.admin_menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
border: 1px solid #000/*#005D8C;*/;
background-color:#333;
background-image : url(images/button_bg.gif);
background-position : bottom;
color: #000;
margin-top: 0px;
margin-bottom: 0px;
padding-top:2px;
padding-bottom:2px;
padding-left:1px;
padding-right:1px;
text-align: center;
}

.admin_menu a {
color: #000;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
}

.admin_menu a:hover {
color: #000;
text-decoration: underline;
}

td #admin_menu_anim {
background-image : url(images/button_bg_anim.gif);
}

.comment_date{
color : #5F5F5F;
font-size : 90%;
vertical-align : middle;
}

.image {
border-style: solid;
border-width:1px;
border-color: #161616;
margin: 2px;
}

.imageborder {
border: 1px solid #161616;
background-color: #fff;
margin-top: 30px;
margin-bottom: 30px;
}

.display_media {
background: #333 ;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.thumbnails {
background: #232323 ;
padding: 5px;
}

.footer {
font-size : 9px;
}

.footer a {
text-decoration: none;
color: #fff;
}

.footer a:hover {
color: #fff;
text-decoration: underline;
}

.statlink {
color: #fff;
}

.statlink a {
text-decoration: none;
color: #fff;
}

.statlink a:hover {
color: #fff;
text-decoration: underline;
}

.alblink a {
text-decoration: underline;
color: #fff;
}

.alblink a:hover {
color: #fff;
text-decoration: underline;
}

.catlink {
display: block;
margin-bottom: 2px;
}

.catlink a {
text-decoration: underline;
color: #fff;
}

.catlink a:hover {
color: #fff;
text-decoration: underline;
}

.topmenu {
line-height : 130%;
font-size: 100%;
font-weight : bold;
}
.topmenu a {
color : #ebe5e5;
text-decoration : none;
}

.topmenu a:hover  {
color : #fff;
text-decoration : underline;
}
.topmenu td  {
white-space: nowrap;
}

.img_caption_table {
border: none;
background-color: #fff;
width : 100%;
margin : 0px;
}

.img_caption_table th {
background: #161616 ;
font-size: 100%;
color : #000;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border-top : 1px solid #fff;
}

.img_caption_table td {
background: #333 ;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
border-top : 1px solid #fff;
white-space: normal;
}

.debug_text {
border: #BDBEBD;
background-color: #333;
width : 100%;
margin : 0px;
}

.clickable_option {
cursor : default;
}

.listbox_lang {
color: #fff;
background-color: #161616;
border: 1px solid #232323;
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;
vertical-align : middle;

}
#vanity a {
display:block;
width:57px;
height:20px;
margin: 3px 20px;
}
#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}

#entete {
position: absolute;
left:0px;
top:0px;
width:100%;
height:85px;
background-color : #000;
}
#logo {
display: block; 
position: absolute;
left:0px;
top:0px;
}
#logo2 {
display: block; 
position: absolute; 
top: 0px;
right: 0px; 
}
#auteur {
margin-left:15px;
}
#auteur p{
font-size: 60%;
}	
#date {
margin-right:10px;
text-align: right;
font-size: 60%;
}
#login {
position: absolute; 
top: 114px;
right: 10px;
}
#submenu {
position: absolute; 
top: 155px;
right: 10px;
}
#principal {
/*width:98%;*/
margin:5px;
background-image:url(/img/side_left2.gif);
background-repeat: repeat-y;
background-color: #232323;
}
#principal2 {
background-image:url(/img/side_right2.gif);
background-repeat: repeat-y;
background-position: right;
}

#haut {
height:10px;
background-image:url(/img/side_top2.gif);
background-repeat: repeat-x;
}
#haut img {
vertical-align:top; /* for ie5*/
}
#coingh {
width:10px;
height:10px;
background-image:url(/img/corner_tl2.gif);
background-repeat: no-repeat;
float: left;
}
#coindh {
width:10px;
height:10px;
background-image:url(/img/corner_tr2.gif);
background-repeat: no-repeat;
float: right;
}
#contenu {
/*padding: 10px;/* = droite gauche haut bas*//*padding: 10px 10px = haut-bas, droite-gauche*/
background-color: #333;
padding: 10px; /*haut gauche bas droite*/
margin: 10px 10px 10px 10px;
}

#contenu p {
/*margin: 0.5em; /*gestion des espaces interparagraphes */
font-size: 80%;
}
#avantbas {
background-color: #232323;
margin: 0.5em;
padding: 5px 5px 5px 5px;
font-size: 90%;
}
#avantbas a:link, #avantbas a:visited {
color: #df2d2d; text-decoration: none
}
#avantbas a:hover {
color: #fff; text-decoration: none
}
#bas {
height:20px;
background-image:url(/img/side_bottom2.gif);
background-position:top;
}
#coingb {
width:10px;
height:20px;
background-image:url(/img/corner_bl2.gif);
background-repeat: no-repeat;
float: left;
}
#coindb {
width:10px;
height:20px;
background-image:url(/img/corner_br2.gif);
background-repeat: no-repeat;
float:right;
}
#datemiseajour {
margin-right:25px;
text-align: right;
font-size: 90%;
}

#datemiseajour a:link, #datemiseajour a:visited {
color: #df2d2d; text-decoration: none
}
#datemiseajour a:hover {
color: #fff; text-decoration: none
}
#menuhaut {
margin-top:85px;
margin-bottom:1em;
background-color:#232323;
color:#fff;
border-top: #666 1px solid; 
border-bottom: #666 1px solid;
text-align:left;
padding-top: 5px; 
padding-bottom: 5px;
padding-left:1em;
font-size: 10px;
}
#menuhaut a {
padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; text-decoration: none; 
font-family: verdana, helvetica, arial, sans-serif;
font-weight: bold;
}
#menuhaut a:link {
color: #df2d2d;
text-decoration: none;
}
#menuhaut a:visited {
color: #df2d2d;
text-decoration: none;
}
#menuhaut a:hover {
color: #fff;
text-decoration: none;
}
#menubas {
margin-bottom:1em;
margin: 0px 0em 0px 0px;
background-color:#232323;
color:#fff;
border-top: #666 1px solid; 
border-bottom: #666 1px solid;
text-align:left;
padding-top: 5px; 
padding-bottom: 5px;
padding-left:1em;
font-size: 10px;
}
#menubas a {
padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; text-decoration: none; 
font-family: verdana, helvetica, arial, sans-serif;
font-weight: bold;
}
#menubas a:link {
color: #df2d2d;
text-decoration: none;
}
#menubas a:visited {
color: #df2d2d;
text-decoration: none;
}
#menubas a:hover {
color: #fff;
text-decoration: none;
}
#footer {
clear: both;
font-size: 90%;
font-weight: bold;
/*color: #fff;*/
color: #999;
line-height: 12px; 

text-align: center;
margin: 0;
padding: 10px 0px 10px 0px;
}
#footer a {
/*	font-size: 70%;*/
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
option {
background-color: #161616;
color: #fff; 
}
#xiti-logo, #xiti-logo-noscript {
text-align:center;
margin: 0 5px 0px 30px;
padding: 5px 0px;
}
#xiti-logo img {
margin-right: 30px;
}
a:hover img,a img:focus{background:transparent;moz-opacity:.7;opacity:.7;}
#panier {position:absolute; top:120px; left:132px; z-index:127;
font-family: Arial, Helvetica, sans-serif;
/*font-size: 85%;*/
border: 1px solid #000/*#005D8C;*/;
/*background-image : url(images/button_bg.gif);
background-position : bottom;
color: #000;*/
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}

#panier a {
/*background-image: url(images/button1_r1_c1.gif) top left no-repeat;*/
/*background-image: url(images/button1_r1_c2.gif) no-repeat 0 2px ;*/
color: #fff;
text-decoration: none;
/*display: block;*/
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
}
#panier a:hover {
color: #fff;
text-decoration: underline;
}
#banniere {
position:absolute; top:0px; left:200px; z-index:127;
}