/* Les différentes tailles d'item flexbox*/
.ectzGroupFlexStyle.flexItemMin100 > div, .ectzGroupFlexStyle.flexItemMin100 > fieldset {flex: 1 0 100px;}
.ectzGroupFlexStyle.flexItemMin150 > div, .ectzGroupFlexStyle.flexItemMin150 > fieldset {flex: 1 0 150px;}
.ectzGroupFlexStyle.flexItemMin200 > div, .ectzGroupFlexStyle.flexItemMin200 > fieldset {flex: 1 0 200px;}
.ectzGroupFlexStyle.flexItemMin250 > div, .ectzGroupFlexStyle.flexItemMin250 > fieldset {flex: 1 0 250px;}
.ectzGroupFlexStyle.flexItemMin300 > div, .ectzGroupFlexStyle.flexItemMin300 > fieldset {flex: 1 0 300px;}
.ectzGroupFlexStyle.flexItemMin350 > div, .ectzGroupFlexStyle.flexItemMin350 > fieldset {flex: 1 0 350px;}
.ectzGroupFlexStyle.flexItemMin400 > div, .ectzGroupFlexStyle.flexItemMin400 > fieldset {flex: 1 0 400px;}
.ectzGroupFlexStyle.flexItemMin450 > div, .ectzGroupFlexStyle.flexItemMin450 > fieldset {flex: 1 0 450px;}
.ectzGroupFlexStyle.flexItemMin500 > div, .ectzGroupFlexStyle.flexItemMin500 > fieldset {flex: 1 0 500px;}
.ectzGroupFlexStyle.flexItemMin550 > div, .ectzGroupFlexStyle.flexItemMin550 > fieldset {flex: 1 0 550px;}
.ectzGroupFlexStyle.flexItemMin600 > div, .ectzGroupFlexStyle.flexItemMin600 > fieldset {flex: 1 0 600px;}
.ectzGroupFlexStyle.flexItemMin650 > div, .ectzGroupFlexStyle.flexItemMin650 > fieldset {flex: 1 0 650px;}
.ectzGroupFlexStyle.flexItemMin700 > div, .ectzGroupFlexStyle.flexItemMin700 > fieldset {flex: 1 0 700px;}
.ectzGroupFlexStyle.flexItemMin750 > div, .ectzGroupFlexStyle.flexItemMin750 > fieldset {flex: 1 0 750px;}
.ectzGroupFlexStyle.flexItemMin800 > div, .ectzGroupFlexStyle.flexItemMin800 > fieldset {flex: 1 0 800px;}

/* */
.ectzGroupFlexStyle.flexItemAutoFieldsetHeight > fieldset .ui-accordion-content{  height: calc(100% - 50px);}

/* Quelques systemes de marge entre item*/
.ectzGroupFlexStyle.flexItemMargin3 {margin: -3px;}
.ectzGroupFlexStyle.flexItemMargin3 > div, .ectzGroupFlexStyle.flexItemMargin3 > fieldset {margin: 3px;}
.ectzGroupFlexStyle.flexItemMargin3 > .flexItemFullWidth {padding: 3px; margin: 0;}

.ectzGroupFlexStyle.flexItemMargin5 {margin: -5px;}
.ectzGroupFlexStyle.flexItemMargin5 > div, .ectzGroupFlexStyle.flexItemMargin5 > fieldset {margin: 5px;}
.ectzGroupFlexStyle.flexItemMargin5 > .flexItemFullWidth {padding: 5px; margin: 0;}

.ectzGroupFlexStyle.flexItemMargin10 {margin: -10px;}
.ectzGroupFlexStyle.flexItemMargin10 > div, .ectzGroupFlexStyle.flexItemMargin10 > fieldset {margin: 10px;}
.ectzGroupFlexStyle.flexItemMargin10 > .flexItemFullWidth {padding: 10px; margin: 0;}

.ectzGroupFlexStyle.flexItemMargin15 {margin: -15px;}
.ectzGroupFlexStyle.flexItemMargin15 > div, .ectzGroupFlexStyle.flexItemMargin15 > fieldset {margin: 15px;}
.ectzGroupFlexStyle.flexItemMargin15 > .flexItemFullWidth {padding: 15px; margin: 0;}

.ectzGroupFlexStyle {display:flex !important; margin-bottom: 1ex !important;}

/* Pour avoir un item qui prend 100% de la page */
.ectzGroupFlexStyle > div.flexItemFullWidth, .ectzGroupFlexStyle> fieldset.flexItemFullWidth {flex: 1 0 100%;padding: 0;margin: 0;}


.ectzGroupFlexStyle > div .egoTextFieldGuidgetStyle, .ectzGroupFlexStyle > fieldset .egoTextFieldGuidgetStyle {max-width:100%;}
.ectzGroupFlexStyle > div .egoPasswordGuidgetStyle, .ectzGroupFlexStyle > fieldset .egoPasswordGuidgetStyle {max-width:100%;}
.ectzGroupFlexStyle > div .egoDateGuidgetYearsStyle, .ectzGroupFlexStyle > fieldset .egoDateGuidgetYearsStyle {max-width:100%;}
.ectzGroupFlexStyle > div .egoTextAreaGuidgetStyle, .ectzGroupFlexStyle > fieldset .egoTextAreaGuidgetStyle {max-width:100%;}