1 files changed, 25 insertions, 7 deletions

diff --git a/public/donnees_hors_editeur.css b/public/donnees_hors_editeur.css
index 754453b..4a8d49e 100644
--- a/public/donnees_hors_editeur.css
+++ b/public/donnees_hors_editeur.css
@@ -1,6 +1,4 @@
-img{vertical-align: bottom;}

-@media screen and (max-width: 1000px)

-{img{max-width: 900px;}}

+/*img{vertical-align: bottom;}*/

 

 .text-tiny{font-size: x-small;}

 .text-small{font-size: small;}

@@ -26,13 +24,33 @@ input[type="checkbox"]:checked{border: none; background: #26ab33;}
 .table td{border: 1px grey solid; padding: 7px; min-width: 30px;}

 td p{margin: 0px;}

 

-.image{margin: 0px; text-align: center; display: inline-block;}

-.image img{max-width: 630px;}

+.image{margin: 0px; margin: auto;}

+.image img{max-width: 100%;}

 .image-style-side{float: right;}

-.image-style-side img{max-width: 315px;}

+.image-style-side:not(.image_resized){max-width: 50%;}

 .image>figcaption{padding: 7px; text-align: center; font-size: small; background-color: #f0f0f0;}

 

 .boutonArticle{clear: both; padding: 20px 0px;}

 article:after{content: ""; display: block; clear: both;}

 

-iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px;}
\ No newline at end of file
+iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px;}

+

+/*@media screen and (max-width: 1000px)

+{

+    img{max-width: 900px;}

+}*/

+

+@media screen and (min-width: 700px)

+{

+    .image{max-width: 630px;}

+}

+

+@media screen and (max-width: 699px)

+{

+    .image{max-width: 480px;}

+}

+

+@media screen and (max-width: 479px)

+{

+    .image{max-width: 320px;}

+}
\ No newline at end of file