/* 
	#111 noir fond 				=> rgb(255,231,0) 'jaune vif' pour body
								=> rgb(238,234,127) 'jaune titre' pour fond titre menu gauche
								=> rgb(250,255,240) 'vert clair' pour contenu->catégorie->survol						
	#666 gris clair titre 		=> blue pour gros titre
								=> rgb(153,153,153) 'gris' pour bordure champ formulaire
								=> black pour les bouton survolé
								=> rgb(214,123,0) pour les cadre des photos
	#222 gris foncé contenu 	=> rgb(225,255,193) 'vert' pour contenu
								=> white pour les bouton de formulaire
	#000 noir bordure contenu	=> rgb(153,153,153) 'gris' pour bordure	contenu		
	#333 noir total image		=> rgb(0,126,210) 'bleu clair' pour total image + menubar ul
	#999 gris texte recherche	=> black pour texte recherche
								=> black pour les texte des formulaires
								=> black pour les bouton survolé
	#444 gris foncé champ form 	=> white pour les champ de formulaire
	#f33 rouge lien survolé		=> black pour les lien survolé et pour le lien Piwigo
	#f70 orange liens			=> rgb(214,123,0) pour les liens
	#FF3363 soulignage lien sur	=> black pour le soulignage des liens survolés et le lien Piwigo et pour les cadre des photos survolés
								=> rgb(214,123,0) pour le contour et le texte des boutons submit
								
*/


/* $Id: theme.css 3060 2009-01-07 19:52:51Z vdigital $ */
.content div.thumbnailCategory div.illustration { 
	width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ 
}
.content div.thumbnailCategory { 
	height: 180px !important; /* Usable range 172px-250px , optimal : Thumbnail height + 30px */ 
}
.content div.thumbnailCategory div.description .text { 
	height: 130px !important; /* -42px than previous one */ 
}
#comments div.thumbnailCategory div.illustration { 
	width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ 
}
#comments .thumbnailCategories hr {display:none;}
#comments form.filter input[type="submit"] { margin-top:1.8em; }
/*  Sylvia Theme is close to the Roma Admin theme */
BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT { 
	color:blue; 
}
#imageHeaderBar, #imageToolBar A:hover { 
	background-color: transparent; 
}
BODY { 
	background:rgb(255,231,0);
	color: rgb(0,126,210);
	margin:0; 
	min-height: 100%; 
	height: 100%; 
	padding:0; 
}
#the_page { 
	background:transparent;
	left:0; 
	margin:0; 
	padding:0; 
	position:absolute; 
	top:0; 
	z-index:0; 
	width: 100%; 
	min-width: 100%; 
}
#theHeader { 

}
#mbIdentification p, .totalImages { 
	color:rgb(0,126,210); 
}
.header_msgs { 
	background:transparent url(images/header_msgs-bg.gif) repeat scroll left top;
	border:0; 
	color:#333; 
	font-size:24px; 
	left:0; 
	margin:0; 
	padding:10px 0 6px 0; 
	position:absolute;
	text-align:center; 
	top:0; 
	width:100%; 
	z-index:99; 
}
.header_notes {
	background:transparent url(images/header_msgs-bg.gif) repeat scroll left top;
	border:0 none;
	color:#333;
	font-size:16px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:99;
}
#menubar DL { 
	background:rgb(225,255,193) url(images/menuBox_top.gif) no-repeat scroll left top;
	margin:0 0 5px 40px; 
	padding:0; 
	width: 231px; 
	min-width: 231px; 
	border: 0; 
	min-height: 32px; 
	overflow-x: hidden;
}
#imageHeaderBar H2 { 
	border: 0; 
}
#menubar DT { 
	background-color:rgb(238,234,127); 
	border:0; 
	display:inline; 
	margin-left:8px; 
	text-align:left; 
}
#menubar DD { 
	background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom;
	margin:14px 0 0 0; 
	padding:0 0 22px; 
	width: 231px; 
	min-width: 231px; 
	border: 0; 
	overflow-x: hidden;
}
#menubar DD P {
  background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 
  padding: 2px 16px 0; 
  margin: 0;
}
#menubar UL, #menubar #mbCategories p, #menubar .illustration  { 
	background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
	margin:0; 
}
#menubar DT A { 
	font-size: 100%; 
}
#menubar UL { 
	color:rgb(0,126,210); 
	font-size: 16px; 
	line-height: 15px; 
}
#menubar LI { 
	padding-left: 12px; 
}
#menubar LI UL {
  background: transparent url(images/transparent.gif);
}
#menubar A, .menuInfoCat { 
	font-size: 13px; 
}
#menubar form { 
	background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 
	margin:0; 
}
#menubar DL#mbIdentification { 
	background:rgb(225,255,193) url(images/menuBox_top.gif) no-repeat scroll left top !important;
}
#menubar #mbIdentification DD { 
	background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom; 
}
#menubar #mbIdentification UL, #menubar #mbIdentification p, #menubar #mbIdentification .illustration  { 
	background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 
}
#menubar #mbIdentification form { 
	background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 
}
#menubar #mbIdentification  .actions, #menubar #mbIdentification form  p { 
	background:transparent none repeat-y scroll left bottom; 
}
#menubar #mbIdentification p { 
	padding: 2px 16px 0; 
	margin: 0;
}
#menubar p { 
	padding: 16px 16px 0; 
}
#menubar .button { 
	position:relative; 
	right:9px; 
	top:16px; 
	height:16px; 
	width:16px; 
}
#menubar #mbIdentification .button { 
	height:24px; 
	width:24px; 
	right:0px; 
	top:-40px; 
}
#menubar #mbIdentification fieldset { 
	border:0; 
	margin:0 24px 0 23px; 
}
#menubar #mbIdentification legend { 
	display: none; 
}
#menubar #menuTagCloud { 
	margin: 0; 
	padding: 0 8px 0 16px; 
}

.content { 
	background:rgb(225,255,193) url(images/fillet.gif) repeat-x scroll left top; 
	min-height:466px; 
}

.content { 
	border: 2px solid rgb(153,153,153); 
	border-top: 0; 
	margin:21px 7px 0 290px; 
	padding-top:7px; 
}
.content h2 { 
	margin:0; 
	padding:0px 10px 15px 15px; 
	border:0;
}
#menubar form { 
	background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 
	margin:0; 
}
.content ul.thumbnailCategories li {
	background:rgb(225,255,193) url(images/cat_bottom-right.gif) no-repeat scroll right bottom; 
	width:49%; 
	margin: 0; 
	padding:0; 
}
.content div.thumbnailCategory { 
	background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom; 
	padding: 0; 
	margin:0; 
}
.content .thumbnailCategory div.illustration { 
	background:transparent url(images/cat_top-left.gif) no-repeat scroll left top; 
	padding: 0 0 0 10px; 
	margin: 0 !important; 
}
.content .thumbnailCategory div.illustration a { 
	display: block; 
	margin: 0; 
	padding:20px 0 0 8px; 
}
.content .thumbnailCategory div.description { 
	background:transparent url(images/cat_top-right.gif) no-repeat scroll right top;
	margin: 0; 
	padding:15px 10px 3px 0; 
	overflow: hidden !important; 
}
.content .thumbnailCategory div.description .text { 
	display:block; 
	margin:10px 2px 0 0;
	overflow: auto; 
	overflow-x:hidden; 
	padding:0 0 5px; 
}
.content div.thumbnailCategory div.description p.dates { 
	margin: 0 15px 0 15px; 
	text-align: right; 
}
.content .thumbnailCategory div.description H3 { 
	display: block; 
}
.content ul.thumbnailCategories li:hover { 
	background-color:rgb(250,255,240); 
} 
.content .navigationBar {
	color:#666;
}
.infos { 
	color:#f70; 
	border:0; 
	background-color: transparent; 
	margin-left:125px;
	padding:5px 0px 0pt 10pt; 
	min-height: 48px; 
	text-align:left; 
}
.infos li, .errors li { 
	list-style-type:none; 
}
.errors { 
	color:#f33; 
	border:0; 
	background: transparent url(icon/errors.png) no-repeat scroll right top; 
	margin-left:125px;
	padding:5px 0px 0pt 10pt; 
	min-height: 48px; 
	text-align:left; 
	font-weight:bold; 
}
#menubar #menuTagCloud { 
	background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
	margin:0; 
	padding: 0 12px; 
}
H2 { 
	border-bottom: 1px solid #000000; 
}
#qsearchInput { 
	color:black;
}
FIELDSET, INPUT, SELECT, TEXTAREA { 
	border: 1px solid rgb(153,153,153); 
}
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
	background-color:white; 
	color:black; 
} /* stupid Line but needed  due to inpact on other themes and deadline of Piwigo 2.0 */
input[type="file"] {
	background-color:#222; 
	border: 1px solid #666;
}
INPUT, select, textarea { 
	color:black; 
	background-color:white; 
}
input[type="radio"], input[type="checkbox"], input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull { 
	background-color: transparent; 
}
#qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus { 
	background-color:white;
	color:black; 
}
.content UL.thumbnails SPAN.wrap2 {
	border: 1px solid rgb(214,123,0);	/* thumbnails border color and style */
	border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */ 
}
.content UL.thumbnails SPAN.wrap2:hover { 
	color:rgb(0,126,210);
	background-color:rgb(250,255,240); 
	border:1px solid black;	/* thumbnails border color when mouse cursor is over it */ 
}
#comments ul.actions li, #comments ul.actions li:hover { 
	background:transparent none;
 	padding: 0 22px; 
	clear:both; 
	list-style-type:none; 
}
span.calItem {
	border:1px solid #666; 
	margin:0 5px; 
	padding:2px 5px 0 8px;
}
span.calItemEmpty, td.calDayCellEmpty, td.calDayCellFull {
	border:1px solid #666;
}
A, INPUT.rateButton { 
	color:rgb(214,123,0); 
	border-width: 0; 
}
A:hover, A:active { 
	color:black; 
	border-bottom: 1px solid black; 
	cursor: pointer; 
}
a.external { 
	color:#FF3363; 
	border:0; 
	text-decoration: none; 
}
a.external:hover { 
	color:#FF7700; 
	border:0; 
}
a.Piwigo {
  font-family: verdana, arial, helvetica, sans-serif !important;
  font-size: 11px; font-weight: normal; letter-spacing: 0;
  color : rgb(214,123,0); text-decoration: none; border: 0; }
a.Piwigo:hover  span.Piwigo  { 
  border-bottom: 1px solid black; 
}
#theImage A, .illustration A, A.navThumb, A.navThumb { 
	border-bottom-width: 0; 
}
#imageToolBar { 
	padding:0 7%; 
}
#imageHeaderBar .imageNumber { 
	margin-right:7%; 
}
#imageHeaderBar .browsePath { 
	margin-left:7%; 
}
*, *:focus, *:active, input:active, a:active, input:focus, a:focus { 
	outline: none; 
}
#debug { 
	margin: 15px 15px 5px 248px; 
	font-size:12px; 
	clear: both; 
}
.rateButtonStarFull, .rateButtonStarEmpty {   	
	background-image: url('icon/rating-stars.gif'); 
}
#menubar #mbIdentification fieldset div input[type="text"] { 
	margin: 0 0 3px; 
	width: 174px; 
	display: inline; 
}
input[type="button"], input[type="submit"], input[type="reset"] {
	color:rgb(214,123,0); 
	background-color:white; 
	border-color:rgb(214,123,0); 
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	color:black; 
	border-color:black; 
}
.titrePage img.button[alt="x"] { margin: 0 3px 3px; }

#thePicturePage .thumbnailCategory {
	padding: 15px 2px 6px 12px; 
	border: 1px solid #666; 
}
#thePicturePage .thumbnailCategory  .date, #thePicturePage .thumbnailCategory  .author {
	font-weight:bold;
}
#thePicturePage .thumbnailCategories { 
	padding-left: 12px; 
	padding-right: 12px; 
}
#thePicturePage .odd { 
	background-color: #222; 
	border-top:0 !important; 
}
#addComment fieldset {
  color: #f70;
	border-color: #f70;
}
#addComment fieldset  label {
  color: #666;
}
#theCommentsPage .content ul.thumbnailCategories li,
#theCommentsPage .content div.thumbnailCategory ,
#theCommentsPage .content div.thumbnailCategory div.description,
#theCommentsPage .content .thumbnailCategory div.illustration { 
	background-image: none;
}
#theCommentsPage .content div.thumbnailCategory {
	padding: 15px 2px 6px 12px; 
	border: 1px solid #666; 
}
#theCommentsPage .content .odd { 
	background-color: #222; 
	border-top:0 !important; 
}
#theCommentsPage .content .even { 
	background-color: #111; 
}
#theCommentsPage .content ul.thumbnailCategories li:hover { 
	background-color: transparent; 
}
#theCommentsPage div#comments {
	padding: 0 0 5px 10px;
}
tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend {
	border-color: #666666;
}

/* - ------------------------------------------------------------------------------------------------------------
|                                  Menu  du haut (correspodant au menu.php)   	                             	 |
---------------------------------------------------------------------------------------------------------------*/

#theHeader{
	margin: 10px 10px 12px 10px;
	padding:0 0 0 25px;
	height: 45px;
	background: url("images/design/degrade_haut_gauche.png") top left no-repeat;
}
#theHeader #barre_haut-droite{
	margin: 0px;
	padding:0 25px 0 0;
	height: 45px;
	background: url("images/design/degrade_haut_droite.png") top right no-repeat;
}

/*Les Drapeaux*/
#theHeader #langue{
	margin:0;
	padding:12px 5px 18px 0 !important;
	padding:12px 5px 10px 0;
	width: 11%;
	height: 15px;
	background: url("images/design/degrade_haut_millieu.png") top left;
	float: left;
	text-align: center;
}
#theHeader #langue a:hover, #theHeader #langue a:focus {
    text-decoration: none;
}
#theHeader #langue .drapeau{
	margin:0;
	padding:0;
	width: 18%;
	height: 15px;
}

/*Les menus déroulants*/
#theHeader .menu { 
	width: 17.5%;
	margin:0;
	padding: 12px 0 11px 0; 
	height:22px;
	background: url("images/design/degrade_haut_millieu.png") top left repeat-x;
	float: left;
}

/* Titres des menus déroulants*/
#theHeader .menu .menu_titre {
	display:block;
	margin:auto;            
	padding:0 12px 0 0;
	height: 22px;
	width: 14.5% !important;
	width: 88%;
	background: url("images/design/bouton_droite.png") top right no-repeat;
	position: absolute;
	text-align: center;
}
#theHeader .menu .menu_titre .menu_titre-gauche{ 
	margin:0;
	padding:1px 0 7px 12px;
	height: 14px;
	background: url("images/design/bouton_gauche.png") top left no-repeat;
	font-size: 13.5px;
	font-weight: bold;
}
#theHeader .menu .menu_titre  a {
	margin:0;
	border: 0 none;
	color: rgb(0,126,210);
	text-decoration: none;
}

/*Les sous menus*/
#theHeader .menu #menu_smenu1, #theHeader .menu #menu_smenu2, #theHeader .menu #menu_smenu3, #theHeader .menu #menu_smenu4, #theHeader .menu #menu_smenu5{
	display:block;
	margin:auto;
	margin-top: 15px;
	padding: 10px 0 0 0; 
	width: 15.4% !important;
	width: 93%;
	/* partie dynamique */
	display:none;
	position: absolute;
	z-index:100;
}
#theHeader .menu .menu_smenu{
	margin:0;
	padding: 0 0 0 10px;
	background: url("images/design/menu_gauche.png") top left no-repeat;
	height:auto !important;
	height:0px;
}
#theHeader .menu .menu_smenu .menu_smenu-haut {
	margin: 0;
	padding: 10px 0 0 0;
	background: url("images/design/menu_haut.png") top right no-repeat;
}
#theHeader .menu ul{
	margin:0;
	padding:0 12px 0 0;
	background: url("images/design/menu_droite.png") top right no-repeat;
	list-style-type: none;
}
#theHeader .menu ul li {
	margin:0;
	padding:0 3px 0 1px;
	background: url("images/design/bouton.jpg");
	border-bottom: 1px gray solid;
	cursor: pointer;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	
}
#theHeader .menu ul .prem{
	border-top: 1px gray solid;
}

#theHeader .menu ul .avant_petit{
	border-bottom: 0 none !important;
}
#theHeader .menu ul .petit{
	font-size: 13px !important;
}
#theHeader .menu ul .petit a{
	display:inline !important;
}

#theHeader .menu .menu_smenu-bas-droite{
	margin:0;
	padding:0 12px 0 0;
	background: url("images/design/menu_bas_droite.png") top right no-repeat;
}
#theHeader .menu .menu_smenu-bas{
	margin:0;
	padding: 0;
	height:12px;
	background: url("images/design/menu_bas.png") top left no-repeat;
}


/* liens */
#theHeader .menu ul li a{
	margin:0;
	padding:-1px 0;
	height: 100%;
	background: url("images/design/bouton.jpg");
	border: 0 none;
	color: rgb(0,126,210);
	text-decoration: none;
	display: block;
}

/* liens survolés */
#theHeader .menu ul li a:hover, #theHeader .menu .menu_titre a:hover { 
	background: rgb(255,231,0);
}