/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2008 Dev Team
  v1.1 originally written by Gregory DEMAR

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License version 3
  as published by the Free Software Foundation.
  
  ********************************************
  Coppermine version: 1.4.18
  $HeadURL: https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.4.x/themes/afa/style.css $
  $Revision: 4380 $
  $Author: gaugau $
  $Date: 2008-04-12 12:00:19 +0200 (Sa, 12 Apr 2008) $
**********************************************/

/* Colors used in this style sheet:
   Hex 000000 = RBG   0,   0,   0 = black
   Hex 5F5F5F = RBG  95,  95,  95 = light black
   Hex BDBEBD = RBG 189, 190, 189 = dark grey
   Hex D1D7DC = RBG 209, 215, 220 = medium grey
   Hex CCCCCC = RBG 204, 204, 204 = medium grey
   Hex EFEFEF = RBG 239, 239, 239 = dark white
   Hex FFFFFF = RBG 255, 255, 255 = white
   Hex 005D8C = RBG   0,  93, 140 = dark blue
   Hex 0033CC = RBG   0,  91, 104 = medium blue
   Hex 0E72A4 = RBG  14, 114, 164 = light blue
*/

/*
ALBUM PHOTO AFA
- fond de page : #c7cd19
- bloc rose : #9b678d
- bloc violet :#7c6ba9
- bloc admin : #a15096
- bloc marron :  #793f2a
- bloc vert : #749e23
- fond bleu bloc Catégories : #bce2ea
- fond bleu footer bloc Catégories : #2c7f8e
- fond bleu bloc Derniers Ajouts : #d0e9f0
- fond bleu bloc Photos aléatoires : #e2f2f6
- bordure image : #36a3b6
- couleurs de police : noir ou blanc ou bleu (#266d7a)

Titres :
- titres oranges : couleur de fond = #a55200
- titres bleus : #2b7e8d
- titres violets : couleur de fond = #571774
- titres roses : couleur de fond = #9817a2

Blocs :
- blocs oranges : couleur de fond = #ffeddb
- blocs bleus : couleur de fond = #f5fbfc
- blocs violets : couleur de fond = #f0def8
- blocs roses : couleur de fond = #f7d5f9 
*/

/* YUI Reset & Fonts (reset-fonts.css) */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}




html {

}

body {
	font-family : "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color : #000;
	background : #6d9f00 url(images/bg-wrapper.gif) repeat-y top center;
}

#wrap {
	background : transparent url(images/bg-wrapper-in.jpg) no-repeat top center;
}

#wrap-in {
	background : transparent url(images/bg-footer.jpg) no-repeat bottom center;

	/*padding-bottom : 20px;*/
}

#wrapper {
	background : transparent url(images/bg-wrapper-in-in.jpg) no-repeat bottom center;
}

#wrapper-in {
	width: 930px;
	margin: 0 auto;
	background : #FFF;
}

/*---------------------------------------------------------------------------
																		GENERAL
----------------------------------------------------------------------------*/

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

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

/*---------------------------------------------------------------------------
																		HEADER
----------------------------------------------------------------------------*/

#header {
	background : #c7cd19 url(images/bg-header.jpg) no-repeat top center;
	margin : 0;
	height : 189px;
	position : relative;
}

#header h1 a {
	color : #6d9f00;
}

#header h1 a:hover {
	text-decoration : none;
}

#header_title {
	font-size : 130%;
	font-family: Impact,"Arial Black",sans-serif;
	position : absolute;
	left : 32px;
	bottom : 40px;
}

#header_baseline {
	font-size : 130%;
	font-family: Impact,"Arial Black",sans-serif;
	position : absolute;
	left : 45px;
	bottom : 15px;
}

#header_title a {
	font-size : 300%;
}

#header_baseline a {
	font-size : 180%;
}

/*---------------------------------------------------------------------------
																		FOOTER
----------------------------------------------------------------------------*/

#footer {
	height : 100px;
	background : transparent url(images/bg-footer.jpg) no-repeat bottom center;
}

#footer p {
	text-align : center;
}

#footer p#copyright {
	padding-top : 30px;
}

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

/*---------------------------------------------------------------------------
																COLONNE GAUCHE
----------------------------------------------------------------------------*/

#column_1 {
	width: 220px;
	padding : 0 10px;
	text-align: left;
	vertical-align : top;
	background : #FFF url(images/bg-column_1.gif) repeat-y top left;
}

#sys_menu {
	width : 200px;
	background : #5f1281 url(images/bg-sys-menu-top.gif) no-repeat top center;
	margin-bottom : 10px;
}

#sys_menu-in {
	background : transparent url(images/bg-sys-menu-bottom.gif) no-repeat bottom center;
}

#sub_menu {
	width : 200px;
	background : #86002d url(images/bg-sub-menu-top.gif) no-repeat top center;
	margin-bottom : 10px;
}

#sub_menu-in {
	background : transparent url(images/bg-sub-menu-bottom.gif) no-repeat bottom center;
}

#admin_menu {
	width : 200px;
	background : #5f1281 url(images/bg-sys-menu-top.gif) no-repeat top center;
	margin-bottom : 10px;
}

#admin_menu-in {
	background : transparent url(images/bg-sys-menu-bottom.gif) no-repeat bottom center;
}

#menu ul {
	padding : 15px 0 5px 0;
}

#menu li {
	list-style : none inside url(images/puce-sys-menu.gif);
	padding-bottom : 10px;
}

#sub_menu li {
	list-style : none inside url(images/puce-sub-menu.gif);
}

#menu li a {
	color : #FFF;
	font-weight : bold;
}

/*---------------------------------------------------------------------------
																COLONNE DROITE
----------------------------------------------------------------------------*/


#column_2 {
	width: 100%;
	padding : 0;
	text-align: left;
	vertical-align : top;
	background : #FFF url(images/bg-column_2.gif) no-repeat top right;
}

.textinput {
        border: 1px solid #D1D7DC;
        padding-right: 3px;
        padding-left: 3px;
}

.listbox {
        border: 1px solid #D1D7DC;
        vertical-align : middle;
}

.button {
	border : 1px solid #9817a2;
	background : #fff ;
	font-weight : bold;
	padding : 3px 10px;
	cursor: pointer
}

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

.radio {
        vertical-align : middle;
}

.checkbox {
        vertical-align : middle;
}

/*
a {
        color: #0033CC;
        text-decoration: none;
}

a:hover {
        color: #0033CC;
        text-decoration: underline;
}
*/

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

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

.maintable {
	float : left;
/*        border: 1px solid #0E72A4;
       background-color: #FFFFFF;
        background-color: #efefef;
        margin-top: 1px;
        margin-bottom: 1px;*/
}

.tableh1 {
	background : #6d9f00 url(images/bg-thumbnails-title.gif) repeat top left;
	color : #FFFFFF;
	font-size : 140%;
	padding : 3px 10px;
	border-bottom : 1px solid #FFF
}

.tableh1_category {
	background : #2b7e8d url(images/bg-category-title.gif) repeat top left;
	color : #FFFFFF;
	font-size : 140%;
	padding : 3px 10px;
	border-bottom : 1px solid #FFF
}

.tableh1_album {
	background : #6d9f00 url(images/bg-thumbnails-title.gif) repeat top left;
	color : #FFFFFF;
	font-size : 140%;
	padding : 3px 10px;
	border-bottom : 1px solid #FFF
}

.tableh1_media {
	background : #2b7e8d url(images/bg-category-title.gif) repeat top left;
	color : #FFFFFF;
	font-size : 140%;
	padding : 3px 10px;
	border-bottom : 1px solid #FFF
}

.tableh1_breadcrumb {
	background : #2b7e8d url(images/bg-category-title.gif) repeat top left;
	color : #FFFFFF;
	padding : 3px 10px;
	margin-bottom : 10px;
}

.tableh1_stat {
	background : #2b7e8d url(images/bg-category-title.gif) repeat top left;
	color : #FFFFFF;
	padding : 3px 10px;
}

.tableh1_compact {
	background : #395400 url(images/bbg-thumbnails-title.gif) repeat top left;
	color : #FFFFFF;
	padding : 2px 5px;
}

.tableh2 {
	background : #6d9f00 url(images/bg-thumbnails.gif) repeat-x top left;
	padding : 10px;
	border-bottom : 1px solid #FFF;
	vertical-align : top;
	color : #FFF;
	font-size : 120%;
}

.tableh2 a {
	font-size : 13px;
}

.tableh2_album {
	background : #395400 url(images/bbg-thumbnails-title.gif) repeat top left;
	color : #FFFFFF;
	font-size : 140%;
	padding : 3px 10px;
	border-bottom : 1px solid #FFF
}

.tableh2_compact {
	background : #395400 url(images/bbg-thumbnails-title.gif) repeat top left;
	color : #FFFFFF;
	padding : 3px 10px;
	border-bottom : 1px solid #FFF
}

.tableb {
	background : #f0def8;
	color : #000;
	padding : 3px 10px;
	text-align : justify;
	border-bottom : 1px solid #FFF;
}

.tableb_media {
	background : #28a0e1 url(images/bg-category.gif) repeat-x top left;
	color : #000;
	padding : 15px;
	text-align : justify;
	margin-bottom : 10px;
}


.tableb_compact {
	background :#6d9f00 url(images/bg-thumbnails.gif) repeat-x top left;
	color : #FFF;
	padding : 3px 10px;
	text-align : justify;
	border : 1px solid #FFF;
}

.tablef {
	border-top : 1px solid #FFF;
	background : #395400 url(images/bbg-thumbnails-title.gif) repeat top left;
	padding : 3px 10px;
}

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

.catrow {
	background : #28a0e1 url(images/bg-category.gif) repeat-x top left;
	padding : 10px 0 10px 10px;
	border-bottom : 3px solid #FFF;
	vertical-align : top;
}

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

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

.thumb_title {
	margin-top : 3px;
	padding: 3px 5px;
	display : block;
	background-color : #395400;
	color : #FFF;
}

.thumb_title a {
	display : block;
	margin-top : 2px;
	color : #FFF;
	background-color : #4a6d00;
}


.thumb_caption {
	margin-top : 3px;
	padding: 3px 5px;
	display : block;
	background-color : #5c8600;
	color : #FFF;
}

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

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

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

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

.navmenu {
	background : #395400 url(images/bbg-thumbnails-title.gif) repeat top left;
	color: #FFFFFF;
	font-weight: bold;
	border-style: none;
}

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

.navmenu a {
	background : #395400 url(images/bbg-thumbnails-title.gif) repeat top left;
	display: block;
	padding : 2px 5px;
	text-decoration: none;
	color: #FFFFFF;
}

.navmenu a:hover {
	background : #FFF ;
	text-decoration: none;
	color: #000;
}

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

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


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


a.admin_menu, .admin_menu a {
	padding : 3px 10px;
	background-color : #FFF;
	color : #000;
	font-weight : bold;
	text-decoration: none;
	border : 1px solid #9817a2;
}

a.admin_menu:hover, .admin_menu a:hover {
	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 : solid 3px #FFF;
}

.imageborder {
	background-color: #FFFFFF;
	margin : 20px 0;
}

#picinfo {
	margin-bottom : 10px;
}

#comments {
	margin-bottom : 10px;
}

.image_rating {
	margin-bottom : 10px;
}

.film_strip {
	margin-bottom : 10px;
}

.display_media {
	background : #28a0e1 url(images/bg-category.gif) repeat-x top left;
	color : #FFFFFF;
	padding : 3px 10px;
}

.thumbnails {
	border : solid 1px #FFF;
	background : #6d9f00 url(images/bg-thumbnails.gif) repeat-x top left;
	padding: 15px 10px;
}

.footer {
        font-size : 9px;
}

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

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

.statlink {
        color: #FFFFFF;
}

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

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

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

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

.catlink {
	margin-bottom: 4px;
}

.catlink a {
	font-size : 160%;
	text-decoration: none;
	color: #ddedf5;
}

.cat_desc {
	text-align : justify;
	color : #FFF;
	padding : 10px;
	border-top : 1px solid #ddedf5;
	clear : both;
}

.cat_count {
	text-align : right;
	background-color : #13618c;
	padding : 2px 5px;
	font-weight : bold;
	color: #ddedf5;
	float : right
}

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

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

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

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

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

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

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

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

.clickable_option {
        cursor : default;
}

.listbox_lang {
        color: #000000;
        background-color: #D1D7DC;
        border: 1px solid #D1D7DC;
        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);}