/**
 * flexbox.css 	Feuille de styles génériques pour la gestion des flexbox
 * @author 		Benj
 * @encodage	UTF-8
 * @see 		http://css-tricks.com/snippets/css/a-guide-to-flexbox/
 */


/* --------------------------------------------------------------------- */
/* ----------------------------- container ----------------------------- */
/* --------------------------------------------------------------------- */

.flexbox 					{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flexbox-rowwrap 			{ -webkit-box-flex-flow: row wrap; -moz-box-flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.flexbox-rowwrapreverse 	{ -webkit-box-flex-flow: row wrap-reverse; -moz-box-flex-flow: row wrap-reverse; -webkit-flex-flow: row wrap-reverse; -ms-flex-flow: row wrap-reverse; flex-flow: row wrap-reverse; }

.flexbox-justify-start 			{ justify-content: flex-start; -webkit-justify-content: flex-start; } /* default */
.flexbox-justify-end 			{ justify-content: flex-end; -webkit-justify-content: flex-end; }
.flexbox-justify-center 		{ justify-content: center; -webkit-justify-content: center; }
.flexbox-justify-spacebetween	{ justify-content: space-between; -webkit-justify-content: space-between; }
.flexbox-justify-spacearound 	{ justify-content: space-around; -webkit-justify-content: space-around; }

.flexbox-valign-start		{ align-items: flex-start; -webkit-align-items: flex-start; }
.flexbox-valign-end 		{ align-items: flex-end; -webkit-align-items: flex-end; }
.flexbox-valign-center 		{ align-items: center; -webkit-align-items: center; }
.flexbox-valign-baseline 	{ align-items: baseline; -webkit-align-items: baseline; }
.flexbox-valign-stretch 	{ align-items: stretch; -webkit-align-items: stretch; } /* default */


/* 
Autres propriétés pas encore intégrées (pas eu besoin) :
align-content: flex-start | flex-end | center | space-between | space-around | stretch
*/




/* ----------------------------------------------------------------- */
/* ----------------------------- items ----------------------------- */
/* ----------------------------------------------------------------- */

.flexitem-order1  { -webkit-box-ordinal-group: 1;  -moz-box-ordinal-group: 1;  -ms-flex-order: 1;  -webkit-order: 1;  order: 1;  }
.flexitem-order2  { -webkit-box-ordinal-group: 2;  -moz-box-ordinal-group: 2;  -ms-flex-order: 2;  -webkit-order: 2;  order: 2;  }
.flexitem-order3  { -webkit-box-ordinal-group: 3;  -moz-box-ordinal-group: 3;  -ms-flex-order: 3;  -webkit-order: 3;  order: 3;  }
.flexitem-order4  { -webkit-box-ordinal-group: 4;  -moz-box-ordinal-group: 4;  -ms-flex-order: 4;  -webkit-order: 4;  order: 4;  }
.flexitem-order5  { -webkit-box-ordinal-group: 5;  -moz-box-ordinal-group: 5;  -ms-flex-order: 5;  -webkit-order: 5;  order: 5;  }
.flexitem-order6  { -webkit-box-ordinal-group: 6;  -moz-box-ordinal-group: 6;  -ms-flex-order: 6;  -webkit-order: 6;  order: 6;  }
.flexitem-order7  { -webkit-box-ordinal-group: 7;  -moz-box-ordinal-group: 7;  -ms-flex-order: 7;  -webkit-order: 7;  order: 7;  }
.flexitem-order8  { -webkit-box-ordinal-group: 8;  -moz-box-ordinal-group: 8;  -ms-flex-order: 8;  -webkit-order: 8;  order: 8;  }
.flexitem-order9  { -webkit-box-ordinal-group: 9;  -moz-box-ordinal-group: 9;  -ms-flex-order: 9;  -webkit-order: 9;  order: 9;  }
.flexitem-order10 { -webkit-box-ordinal-group: 10; -moz-box-ordinal-group: 10; -ms-flex-order: 10; -webkit-order: 10; order: 10; }


.flexitem-justify-start          { justify-content: flex-start; -webkit-justify-content: flex-start; } /* default */
.flexitem-justify-end            { justify-content: flex-end; -webkit-justify-content: flex-end; }
.flexitem-justify-center         { justify-content: center; -webkit-justify-content: center; }
.flexitem-justify-spacebetween   { justify-content: space-between; -webkit-justify-content: space-between; }
.flexitem-justify-spacearound    { justify-content: space-around; -webkit-justify-content: space-around; }


.flexitem-valign-auto 		{ align-self: auto; -webkit-align-self: auto; }
.flexitem-valign-start 		{ align-self: flex-start; -webkit-align-self: flex-start; }
.flexitem-valign-end 		{ align-self: flex-end; -webkit-align-self: flex-end; }
.flexitem-valign-center 	{ align-self: center; -webkit-align-self: center; }
.flexitem-valign-baseline 	{ align-self: baseline; -webkit-align-self: baseline; }
.flexitem-valign-stretch 	{ align-self: stretch; -webkit-align-self: stretch; }