image_annotation/commit

class media -> class mediasection (media conflicts with bootstrap conventions)

diff --git a/applications/annotation.pl b/applications/annotation.pl
index 9c0c70e..3cfdd59 100644
--- a/applications/annotation.pl
+++ b/applications/annotation.pl
@@ -249,7 +249,7 @@ annotation_page_body(Options) -->
 		[ div(class(hd), []),
 		  div(class(bd),
 		      div([ class(layout), class('yui3-g')],
-			  [ div([class(media), class('yui3-u')],
+			  [ div([class(mediasection), class('yui3-u')],
 				\html_resource(Target, NewOptions)),
 			    div([class(fields), class('yui3-u'), id(FieldsId)],
 				[ \html_annotation_fields(AnFields, NewOptions),
diff --git a/web/css/common-annotation.css b/web/css/common-annotation.css
index 6f2f724..af0646e 100644
--- a/web/css/common-annotation.css
+++ b/web/css/common-annotation.css
@@ -28,20 +28,20 @@ Style rules we need in both object and fragment modes.
     max-width: 100%;
 }
 
-.media .resource { 
+.mediasection .resource { 
     text-align: center;
     font-size: x-large;
     font-weight: lighter;
     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
 }
-.media .title .metalabel { display: none }
-.media .description .metalabel { display: none }
-.media .title  {
+.mediasection .title .metalabel { display: none }
+.mediasection .description .metalabel { display: none }
+.mediasection .title  {
 	color: #222;
 	font-size: 1.3em;
 	font-weight: bold;
 }
-.media .link a.r_def {
+.mediasection .link a.r_def {
 	color: #222;
 	font-size: 1.3em;
 	font-weight: bold;
diff --git a/web/css/fragment-annotation.css b/web/css/fragment-annotation.css
index 9385c67..e826e7a 100644
--- a/web/css/fragment-annotation.css
+++ b/web/css/fragment-annotation.css
@@ -1,6 +1,6 @@
 @import "deniche-tags.css";
 
-.media img {
+.mediasection img {
   max-width: 100%;
 }
 
diff --git a/web/css/object-annotation.css b/web/css/object-annotation.css
index e4a2627..50406b3 100644
--- a/web/css/object-annotation.css
+++ b/web/css/object-annotation.css
@@ -19,12 +19,12 @@ body {
 	background-color: #EEE;
 }
 
-.media {
+.mediasection {
 	max-width: 64%;
 }
 
 
-.media img {
+.mediasection img {
 	max-width: 100%;
 }