/* dim_max_thumb_moyen=640 */ 

@media all {
	.blog p { text-align: center; }
	.blog h2 { font-weight: normal; font-size: 10pt; }
	.blog *+h2 { border-top: 1px #ccc dotted; padding-top: 1em; margin-top: 2em; }
	.blog  { border-bottom: 1px #ccc dotted; padding-bottom: 1em; }
	.blog h3 { text-align: center; font-size: 11pt; margin-bottom: -10px; padding-top: 1em; }
	.blog h2+h3 { padding-top: 0; }
	.blog h3 a { text-decoration: none; }
}

@media screen {
	/* general */
	
	body { background: #111 url(fond.jpg); color: #eee; padding: 0 0 35px 0; margin: 0;
			font-family: tahoma, helvetica, arial, sans-serif; font-size: 8.5pt; padding-top: 18px; }
	
	/* ie8 only */
	.ie8 { padding: 0; margin: 0; font-size: 11pt; }
	
	table { border-collapse: collapse; }
	a:link { color: #6399ff; }
	a:visited { color: #aba9c5; }
	a:active { color: yellow; }
	a:hover, a:focus { text-decoration: none; }
	hr { clear: both; visibility: hidden; }
	address { margin-top: 1em; background: #000; color: #fff; text-align: center;
			font-style: normal; position: fixed; bottom: 0; width: 100%; font-size: 9pt;
			border-top: 1px #444 solid; padding: .3em; margin: 0; opacity: .9; }
	.ie8 address { font-size: 11pt; /* ie8 only */ }
	address a img { border: none; }
	input[type='submit'], input[type='button'], button { color: #ccc; height: 31px; width: 100px;
			text-transform: uppercase; font-size: 6.5pt;
			text-decoration: none; letter-spacing: -.04em;
			background: transparent url(icones.png); background-repeat: no-repeat;
			background-position: -1px -43px;
			border: none;
	}
	input[type='submit']:hover, input[type='submit']:focus, input[type='button']:hover, input[type='button']:focus, button:hover, button:focus { color: #eee; }
	input[type='submit']:active, input[type='button']:active, button:active, .buttonActive { color: #999; background-position: -150px -43px; }
	input[type='text'], textarea { background: #a8a8a8; border: 1px solid; }
	input[type='text']:focus, textarea:focus { background: #eee; }
	p { margin: 8px; }
	h2 { margin: 18px 8px; }
	acronym, abbr { border-color: #999; cursor: help; }
	
	.messages { list-style-type: none; position: absolute; top: 28px; right: 8px;
			background: #330; color: yellow; border: 2px outset;
			border-radius: 8px; padding: 4px; margin: 0; }
	
	.dialogWithButtons { padding: 3em 0; text-align: center; }
	
	/* page de visualisation d'image */
	
	.titreDossier { font-size: 9pt; background: #000; color: #fff; width: 100%; text-align: center;
			margin: 0; padding: .3em; border-bottom: 1px #444 solid;
			position: fixed; top: 0; left: 0; height: 15px; opacity: .9; }
	.ie8 .titreDossier { font-size: 11pt; /* ie8 only */ }
	.notForScreen { display: none; }
	.cadre_moyen img { border: 1px #000 solid; }
	/* .cadre_moyen img { width: 50%; } */
	.cadre_moyen br { display: none; }
	.cadre_moyen strong { font-size: 13pt; background: #000;
			border-radius: 4px; padding: .2em .4em; line-height: 1.4em; }
	.ie8 .cadre_moyen strong { font-size: 16pt; /* ie8 only */ }
	.cadre_moyen a { float: left; margin-right: 8px; }
	.navigation { padding: 0; margin: 1em 0; text-align: center; width: 100%; width: auto !ie; }
	.navigation .bouton, input[type='submit'], input[type='button'], button { font-family: tahoma; letter-spacing: 0; } /* test */
	.ie8 .navigation .bouton, .ie8 input[type='submit'], .ie8 input[type='button'], .ie8 button { font-size: 8.5pt; /* ie8 only */ }
	.navigation { display: block; }
	.navigation .bouton { height: 31px; width: 63px; display: table-cell; display: inline-block !ie;
			text-transform: uppercase; /* float: left; */ font-size: 6.5pt;
			background: transparent url(icones.png); background-repeat: no-repeat;
			background-position: -1px -1px;
			text-decoration: none; padding-top: 9px; margin-right: 8px;
			cursor: default;
	}
	.navigation .bouton:active, .navigation .buttonActive { background-position: -150px -1px; }
	.navigation .disabled { color: #555; cursor: default; }
	.navigation .active { cursor: default; color: #fff; }
	.navigation .disabled:active { background-position: -1px -1px; }
	.navigation a { color: #ccc; text-decoration: none; }
	.navigation a:hover, .navigation a:focus { color: #eee; }
	.navigation a:active { color: #999; }
	.navigation .desc { display: none; }
	.controls { padding-bottom: 1em; font-size: 9.3pt; }
	.ie8 .controls { font-size: 11pt; /* ie8 only */ }
	.description { font-size: 10.5pt; padding: 0 8px; }
	.ie8 .description { font-size: 14pt; /* ie8 only */ }
	.description hr { display: none; }
	.keywords { padding: 0; margin: 0; font-size: 10.5pt; padding: 0 8px; }
	.ie8 .keywords { font-size: 14pt; /* ie8 only */ }
	.general_description { padding: 0 8px; font-size: 9pt; }
	.ie8 .general_description { font-size: 11pt; /* ie8 only */ }
	.general_description h3 { font-size: 9pt; padding-bottom: 0; margin-bottom: 0;
			padding-top: .6em; color: #fff; }
	.ie8 .general_description h3 { font-size: 11pt; /* ie8 only */ }
	.general_description h3 a:hover { text-decoration: underline; cursor: pointer; }
	.general_description h3:before { content: "\2023  "; color: #6399ff; }
	.general_description p { padding-top: 0; margin: 0; color: #e8e8e8; }
	.compact_form, form.compact_form p { display: inline; padding: 0; margin: 0; }
	.compact_form { margin: 0 0 0 8px; }
	.compact_form+.compact_form  { margin: 0; }
	
	/* liste des fichiers */
	
	.dossier img { height: 128px; }
	ul.listePhotos { padding: 0; margin: 8px; }
	ul.listePhotos li { list-style-type: none; }
	ul.standard li { background: black; border: 1px black solid;
			border: 1px #222 solid;
			padding: 8px; margin: 0 8px 8px 0; float: left; text-align: center;
			border-radius: 8px; height: 190px; width: 190px; }
	ul.standard img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 5px; }
	ul.compact li { float: left; height: 160px; padding: 0; margin: 4px; }
	.detailed .vignette { vertical-align: top; float: left; margin: 0 4px 4px 0; }
	.vignette img { border: 2px solid; }
	.listePhotos  input[disabled='disabled'] { /* opacity: .6; */ display: none; }
	.detailed p { clear: both; }
	.pastille_desc { color: #000; padding: 1px 2px; background: lightgreen; border-radius: 2px; font-size: 55%; text-transform: uppercase; }
	
	.warning { font-weight: bold; color: red; }
	
	/* group by kw */
	.keywords_list { text-align: center; font-size: 150%; padding: 0; }
	.keywords_list li { display: inline; padding: 0 .3em; white-space: nowrap; }
	.keywords_list .desc { display: none; }
	
	#keywordsWindow { position: absolute; right: 1em; color: yellow; background: #330; border: 2px outset; }
	#keywordsWindow { margin-top: -300px; }
	#keywordsWindow > * { margin: .5em; }
	#keywordsWindow ul, #keywordsWindow ol { padding: 0; list-style-position: inside; }
	#keywordsWindow li { padding: 0; margin: 0; }
	#keywordsWindow li * { cursor: pointer; }
	#keywordsWindow li *:hover, #keywordsWindow li *:focus { text-decoration: underline; }
	
	#gallery_info { border: 2px yellow outset; background: #330; padding: .5em; }
	
	#forum_tools table td+td { width: 80%; }
	.forumToolsInput { font-family: monospace; width: 100%; font-size: 8pt; }
	
	/* Ajouts JS */
	/* #aMaximize { position: absolute; left: 12px; top: 31px; opacity: .5; }
	#aMaximize:hover { opacity: 1; } */
	.navigation_maximized { position: absolute; right: 10px; top: 10px; background: transparent; width: auto; opacity: .9; z-index: 3; }
	#maximize_blackMask { position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #000; z-index: 1; }
	#div_1__hidden { position: absolute; bottom: 20px; right: 20px; width: 300px; height: 300px; overflow: hidden; visibility: hidden; }
	
	/* Ajouts commentaires utilisateurs */
	.user_comment { display: table; clear: both !ie; }
	.user_comment .meta_comment, .user_comment .text_comment { display: table-cell; display: block !ie; }
	.user_comment .meta_comment { width: 230px; padding-top: 1.5em; float: left !ie; }
	.user_comment .text_comment { margin-bottom: 1.5em; padding-top: 1.5em !ie; }
	.user_comment .name_comment , .user_comment .date_comment { display: block; text-align: right; }
	.user_comment q { min-height: 30px; background-image: url('bulle_usercomment.png'); background-repeat: no-repeat; background-position: 5px 0; padding-left: 22px; display: block; }
	.admin_comment q { background-image: url('bulle_usercomment_admin.png'); }
	.user_comment button { margin-left: 20px; }
	.user_comment button+button { margin-left: 0; }
	.user_comment .layoutLineBreak { display: none; }
	
	.upload_conflicts { margin-bottom: 2em; }
	
	#nearby_files .listePhotos a img { opacity: .5; }
	#nearby_files .listePhotos a:hover img { opacity: 1; }
}

@media handheld, only screen and (max-width: 800px) {
	body { font-family: helvetica, arial, sans-serif; color: #fff; background: #222; text-align: center; padding: 0; margin: 1px; }
	h1, h2, h3 { text-transform: uppercase; margin-bottom: 0; font-size: 1em; text-align: center; }
	address { border-top: 1px #888 solid; padding: 1px 0; margin-top: 1em; font-size: .9em; }
	hr { display: none; }
	table { border-collapse: collapse; }
	a:link { color: #6399ff; }
	a:visited { color: #aba9c5; }
	h3+p { margin-top: .0em; }
	ul { text-align: left; margin: 0; padding: 0; }
	ul li { padding: 0; margin: 0 0 0 2em; }
	.listePhotos { margin: 0; padding: 0; }
	.listePhotos li { display: block; margin: 0 auto; padding: 1em 0 .5em 0; border-top: 1px #888 dotted; text-align: center; }
	.listePhotos li img { display: block; margin: 0 auto; }
	p.titreDossier { padding: 1px 0; margin: 0; text-transform: none; }
	h1.titreDossier { background-color: #000; border-bottom: 1px #888 solid; padding: 1px 0; margin: 0; }
	.cadre_moyen { margin: 0; }
	.cadre_moyen strong { display: block; text-transform: uppercase; margin: .65em; /* background: #111; */ font-size: 1.4em; }
	.navigation { /* border-top: 1px #888 dotted; border-bottom: 1px #888 dotted; */ padding: 1em 0; text-align: center; background: #000; margin: 1em auto; max-width: 640px; }
	.description, .keywords { text-align: left; }
	.navigation a { display: block; margin: .5em 0; }
	#forum_tools { display: none; }
	.general_description { text-align: left; color: #eee; }
	.keywords_list { margin: 0; padding: 0; }
	.keywords_list li { text-align: left; padding: 0; margin: 0 0 0 1em; }
	.compact_form, form.compact_form p { display: inline; padding: 0; margin: 0; }
	.notForScreen { display: none; }
	.general_description { border-top: 1px #888 dotted; }
	.messages { color: black; background-color: yellow; }
	/* Start Photodesc admin */
	h2 {background-color: rgba(255,255,255,0.2); }
}

@media screen and (max-width:400px) {
	body { font-size: 13pt; }
}

/* Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.navigation .bouton { display: inline-block; }
}