/*
	Template HEX@GONES
	Créé par MasterGone
	Copyright (c) 2005 HEXGONES
  Tous droits réservés
*/

html, body
{
	width: 100%;
	height: 100%;
	
	margin: 0px 0px 10px 0px;
	padding: 0px;

	background-color: #EFEFEF;
}

#fenetre
{
	width: 100%;
	height: 100%;

	margin: 0px;
	padding: 0px;

	background-color: #EFEFEF;
}

#titre
{
	height: 100px;

	margin: 5px;
	padding: 0px;

	background-color: #0054A0;
}

#menu
{
	padding: 1px;
	margin: 10px 5px 10px 5px;

	background-color: #FFFFFF;
	border: 1px solid #D62100;
}

#gauche
{
	left: 5px;
	position: absolute;

	width: 180px;

	padding: 0px;
	margin: 0px;

	background-color: #0054A0;
}

#centre
{
	padding: 0px;
	margin: 0px 5px 0px 195px;

	background-color: #EFEFEF;
	
	font-size: 12px;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}

#bas
{
   padding: 10px;

	background-color: #EFEFEF;

	color: #000000;
	font-size: 70%;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	
	text-align: center;
}


/* Définitions des styles cadre "menu" */

#menu a
{
	color: #FFFFFF;
	text-decoration: none;
}

#menu a:hover
{
	color: #FFA500;
	text-decoration: none;
}

#menu h1
{
	margin: 0px;
	padding: 2px;

	background-color: #0054A0;
	
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Sans-Serif;


	text-transform : uppercase;
	text-align: center;
}


/* Définitions des styles cadre "gauche" */

#gauche .sousmenu
{
	padding: 5px;
	margin: 0px;
	
	color: #FFFFFF;
	font-size: 80%;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;

	text-align: center;

	line-height: 150%;
	text-align: left;
}

#gauche a
{
	color: #FFFFFF;
	text-decoration:none;
}

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

#gauche h1
{
	margin: 0px;

	border-bottom: 1px solid #FFFFFF;

	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Sans-Serif;
	
	text-align: left;
}

/* Définitions des styles cadre "centre" */

#centre table
{
        font-size: 12px;
}

#centre h1
{
        margin: 2px;

        color : #000000;
        font-size: 22px;
        font-weight: bold;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

        text-decoration: none;
}

#centre h2
{
        margin: 0px;

        font-size: 14px;
        font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

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

#centre p
{
        margin: 2px 0px;
	
        font-size: 100%;
        font-family: Arial, Helvetica, sans-serif;
}

#centre ul
{
        padding: 0px;
        margin-left: 5px;
}

#centre li
{
        padding: 0px;
        margin-left: 10px;
        margin-top: 4px;
        margin-bottom: 4px;

        list-style-position: outside;
        list-style-type: disc;
}

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

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

#centre .button
{
	padding: 1px 5px 1px 5px;

        border: 1px solid #005D8C;
	
        font-size: 100%;
        font-family: Verdana, Tahoma, Arial, sans-serif;
}

#centre .button:hover
{
	background-color: #cecece;
}

#centre .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;
}

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

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

#centre a
{
  color: #000000;
  padding: 1px 3px;
  text-decoration: none;
}

#centre a:hover
{
        color: #0054A0;
        text-decoration: none;
}

#centre bblink a {
        color: #0033CC;
        text-decoration: none;
}

#centre bblink a:hover {
        color: #0033CC;
        text-decoration: underline;
}

#centre .maintable {
        border: 1px solid #0E72A4;
        background-color: #FFFFFF;
        margin-top: 1px;
        margin-bottom: 1px;
}

#centre .tableh1
{
        padding: 3px 10px 3px 10px;
        margin: 0px;

        background-color: #D62100;

        color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
}

#centre .tableh1_compact
{
	padding: 2px 5px 2px 5px;

        background-color: #0054A0;

        color: #FFFFFF;
}

#centre .tableh2, .catrow_noalb
{
	padding: 3px 10px 3px 10px;

        background-color: #d5d5d5;

        color: #0054A0;
        font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

#centre .tableh2_compact {
        background: #D1D7DC ;
        color : #000000;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

#centre .tableb , .display_media , .catrow  {
        background: #EFEFEF ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#centre .sortorder_cell {
        background : #0E72A4 ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
}

#centre .sortorder_options
{
        padding: 0px;
        margin: 0px;
	
        background-color: #D62100 ;
	
        color: #FFFFFF;
        font-size: 80%;
        font-weight: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;

        white-space: nowrap;
}

#centre .navmenu
{
        background-color: #0E72A4;
	
        color: #FFFFFF;
        font-size: 100%;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

#centre .navmenu a
{
        position: relative;
        display: block;

        padding: 2px 5px 2px 5px;

        color: #FFFFFF;

        text-decoration: none;
}

#centre .navmenu a:hover
{
        /*padding: 4px 5px 4px 5px;*/
        background-color: #EFEFEF;
        color: #000000;
        text-decoration: none;
}

#centre .admin_menu_thumb {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

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


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

#centre .admin_menu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 90%;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
}

#centre .admin_menu:hover
{
  background: #dddddd;
}

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

#centre .admin_menu a:hover {
        color: #0054a0;
        text-decoration: none;
        background: #dddddd;
}

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

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

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

#centre .imageborder {
        border: 1px solid #000000;
        background-color: #FFFFFF;
        margin-top: 30px;
        margin-bottom: 30px;
}

#centre .thumbnails {
        background: #EFEFEF ;
        padding: 5px;
}

#centre .footer {
        font-size : 9px;
}

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

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

#centre .statlink {
        color: #FFFFFF;
}

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

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

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

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

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

#centre .catlink a
{
        text-decoration: underline;
        color: #0055DD;
}

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

#centre .topmenu {
        line-height : 130%;
        font-size: 100%;
}

#centre .topmenu a {
        color : #0033CC;
        text-decoration : none;
}

#centre .topmenu a:hover  {
        color : #0033CC;
        text-decoration : underline;
}

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

#centre .img_caption_table th {
        background: #D1D7DC ;
        font-size: 100%;
        color : #000000;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
}

#centre .img_caption_table td {
        background: #EFEFEF ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
}

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

#centre .clickable_option {
        border-bottom : 1px dotted blue;
        cursor : default;
}

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

}


/* Définitions des styles du cadre "bas" */

#bas a
{
   color: #000000;
   text-decoration : none;
}

#bas a:hover
{
   color: #FFA500;
   text-decoration : none;
}

#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);}