Compat IE10 : préfixes navigateurs pour les propriétés flexbox

prive/style_prive_plugin_medias.html

@@ -151,13 +151,13 @@ p.actions {clear:both;}
 .portfolios .liste_items .pagination { clear:both; width:100%; }
 .portfolios .liste_items > .pagination:first-child {  margin-top:0; margin-bottom:.6925em; }
 .portfolios .item { clear:both; }
-.portfolios .item .presentation { display:flex; flex-direction:row; width:100%; }
+.portfolios .item .presentation { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; width:100%; }
 .portfolios .item .vignette { width: 150px; min-width:150px; text-align: center; }
-.portfolios .item .descriptions {  display:flex; flex-direction: column; padding-#GET{right}: 0.6925em; margin-#GET{left}:1em; width: 100%; flex-grow:1; }
+.portfolios .item .descriptions {  display:-webkit-box;  display:-ms-flexbox;  display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-#GET{right}: 0.6925em; margin-#GET{left}:1em; width: 100%; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; }
 .portfolios .item .titrem {margin:0 0 5px;font-size:1em;}
 .portfolios .item .titrem .fichier {font-weight:normal;font-size:0.9em; font-style:italic; display:block; }
 .portfolios .item .titrem .titre {display:block;font-size:1.1em;}
-.portfolios .item .descriptif { color:#444; margin-bottom:.6925em; flex-grow: 1; }
+.portfolios .item .descriptif { color:#444; margin-bottom:.6925em; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
 .portfolios .item .infos .permanentes {
 	display: block;
 	padding:2px 4px; margin-top:.5em; color:rgba(0,0,0,.8);
@@ -257,8 +257,12 @@ h3 .affichages {
 	width:auto;
 }
 .portfolios .documents_liste .item .presentation {
-	align-items:center;
-	flex-grow:1;
+	-webkit-box-align:center;
+	    -ms-flex-align:center;
+	        align-items:center;
+	-webkit-box-flex:1;
+	    -ms-flex-positive:1;
+	        flex-grow:1;
 	overflow:hidden;
 }
 .portfolios .item .descriptions {  overflow: hidden; }
@@ -296,8 +300,11 @@ h3 .affichages {
 
 /* Grille en cases des documents. */
 .portfolios .documents_cases .sortable {
+	display:-webkit-box;
+	display:-ms-flexbox;
 	display:flex;
-	flex-wrap: wrap;
+	-ms-flex-wrap: wrap;
+	    flex-wrap: wrap;
 }
 .portfolios .documents_cases .item {
 	padding: 2px;
@@ -306,11 +313,18 @@ h3 .affichages {
 	border-radius:5px;
 	width:113px;
 	height:130px;
+	display:-webkit-box;
+	display:-ms-flexbox;
 	display:flex;
-	flex-direction:column;
-	align-items:center;
+	-webkit-box-orient:vertical;
+	-webkit-box-direction:normal;
+	    -ms-flex-direction:column;
+	        flex-direction:column;
+	-webkit-box-align:center;
+	    -ms-flex-align:center;
+	        align-items:center;
 }
-.portfolios .documents_cases .item .presentation { flex-grow:1; justify-content: center; }
+.portfolios .documents_cases .item .presentation { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
 .portfolios .documents_cases .item .descriptions,
 .portfolios .documents_cases .item .mode,
 .portfolios .documents_cases .item .actions > * {
@@ -340,5 +354,6 @@ h3 .affichages {
 	padding: 2px 5px 1px 5px;
 }
 .portfolios .documents_cases .tout_supprimer {
-	flex-basis: 100%;
+	-ms-flex-preferred-size: 100%;
+	    flex-basis: 100%;
 }
\ No newline at end of file