html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #FFFFFF;
    color: #222222;
    font: 10px;
    font-family: Arial;
}

a:visited {
}

.formuleMathematique {
    font-family: freeserif, "times new roman", serif;
}

a {
    text-decoration: none;
}

.clear {
    clear: both;
}

#container {
    position: relative;
    min-height: 100%;
    height: 100%;
    height: auto !important;
}

#jMenuRetour {
    margin: 0 10px;
    text-align: center;
    font-size: 12px;
}

#jMenuRetour .LabelEdit {
	color: #CCC;
}

.notificationContainer {
	position: absolute;
	top: 34px;
	right: 210px;
	z-index: 999;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px !important;
	max-height: 430px;
	border: 1px solid rgb(222, 222, 222);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #EEE;
	-moz-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
	box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
}

.fakebutton {
	border: 0px;
	background-color: transparent;
	text-decoration: underline;
	cursor: pointer;
}

#noty_bottomRight_layout_container li {
    border: 1px solid rgb(222, 222, 222) !important;
    -moz-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px !important;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px !important;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px !important;
}

.notyli {
    overflow: hidden;
    margin: 4px 0px;
    min-height: 100px;
    width: 310px;
    border: 1px solid rgb(222, 222, 222);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
    -moz-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
    color: rgb(68, 68, 68);
}

.noty_message_fix {
    position: relative;
    padding: 10px;
    width: auto;
    text-align: left;
    font-size: 13px;
    line-height: 16px;
}

.noty_message {
    padding: 0px !important;
}

.notyContent {
    padding: 15px;
}

/*Menu Societe à droite*/



#middle {
    position: relative;
    left: 0px;
    display: block;
    min-height: 630px;
    width: 100%;
}

#menuItem {
    position: relative;
    bottom: 0px;
    left: 0px;
    float: left;
    margin: 0px;
    min-height: 100%;
    width: 200px;
    height: 100%;
    height: auto !important;
    background-color: #FFFFFF;
}

#logo {
    width: 200px;
    height: 100px;
    position: relative;
}

    #logo > a > img {
        max-height: 100px !important;
        max-width: 200px !important;
        border-width: 0px;
        transform: translate(-50%,0%) !important;
        position: absolute !important;
        left: 50% !important;
        width: unset !important;
    }

#menuItemDynamique {
    padding-top: 30px;
}

#menuItemDynamiqueTitle {
    padding-left: 20px;
    color: #DD4B39;
    font: 20px "Arial";
}

#menuItemDynamiqueCatalogue {
    padding-left: 20px;
    color: #36C;
    text-shadow: 0px 0px 1px #E5E5E5;
    font: 16px "Arial";
    font-weight: bold;
}

    #menuItemDynamiqueCatalogue a {
        color: #36C;
        text-decoration: none;
        text-shadow: 0px 0px 1px #E5E5E5;
        font: 16px "Arial";
        font-weight: bold;
    }

#ulMenu {
    margin: 0px;
    margin-top: 20px;
    padding: 0px;
    list-style-type: none;
}

    #ulMenu li {
        padding-left: 20px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }

        #ulMenu li:hover {
            background-color: #E0E0E0;
        }

            #ulMenu li:hover .imgAdd {
                display: block;
            }

.tabMenuSelected {
    border-left: 3px solid #DD4B39;
    background-color: #EFEFEF;
    font-weight: bold;
}

#ulMenu li a, #ulMenu li a:visited {
    text-decoration: none;
}

.menuTitle {
    color: #DD4B39;
    display: block;
    width: 100%;
    height: 100%;
}

.menuOption {
    padding-left: 20px;
    color: #222;
    display: block;
    width: 100%;
    height: 100%;
}

.aimgAdd {
    display: block;
    top: -30px;
    position: relative;
}

.imgAdd {
    display: none;
    float: right;
    margin-top: 7px;
    border: 0px;
    margin-top: 5px;
    width: 22px;
}

#content {
    position: relative;
    z-index: 5;
    margin-top: 0px;
    margin-left: 200px;
    padding: 0px;
    padding-bottom: 70px;
    height: 100%;
    background-color: #FFFFFF;
    padding-top: 5px;
    overflow: auto;
    max-height: calc(100vh - 108px); /* 100vh = taille de l'écran  -  le padding bottom et top + le header (bar) */
}

#footer {
    bottom: 0px;
    left: 0px;
    z-index: 1000;
    display: inline-block;
    margin-top: 20px;
    padding-top: 20px;
    width: 100%;
    height: 40px;
    border-top: solid 1px #DEDEDE;
    background-color: #E5E5E5;
    text-align: center;
    font-style: italic;
    font-size: small;
    /*position:absolute;*/
}

.liRulesSelected {
    border-top: 3px solid Blue;
    width: 250px;
}

#liRules {
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
    text-align: center;
    position: relative;
}

    #liRules ul {
        display: none;
    }

    #liRules:hover ul {
        margin: 0px;
        padding: 0px;
        z-index: 10000;
        display: block;
        position: absolute;
        top: 33px;
        margin-top: 0px;
        left: 0px;
        width: 150px;
        box-shadow: 5px 5px 12px #CCC;
        list-style-type: none;
        text-align: left;
    }

    #liRules ul li {
        display: list-item;
        padding-top: 5px;
        padding-left: 15px;
        padding-bottom: 5px;
        padding-right: 25px;
        text-align: left;
    }

        #liRules ul li:hover {
            /*background-color: #254475;*/
            background-color: #4c4c4c;
        }

    #liRules ul a, #liRules ul a:visited {
        text-decoration: none;
        color: #ccc;
        font-size: 15px;
    }

    #liRules ul li.logout {
        border-top: 1px solid #ACACAC;
    }

.fleche {
    position: relative;
    top: -1px;
    left: 4px;
    display: -moz-inline-box;
    display: inline-block;
    padding-top: 1px;
    width: 0;
    height: 0;
    border-width: 3px 3px 0;
    border-style: solid dashed dashed;
    border-color: transparent;
    border-top-color: silver;
    font-size: 0;
    line-height: 0;
}

.spanWithFleche {
    margin-left: 10px;
}



#blur {
    moz-opacity: 0.5;
    khtml-opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 120;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#progress {
    position: absolute;
    top: 0pt;
    left: 0pt;
    z-index: 200;
    padding: 5px 5px 5px 5px;
    border: solid 1px black;
    background-color: White;
    text-align: center;
}

.progress {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    text-align: center;
}

.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}

    .spinner > div {
        animation-fill-mode: both;
        display: inline-block;
        width: 18px;
        height: 18px;
        border-radius: 100%;
        background-color: #FFF;
        -moz-animation: bouncedelay 1.4s infinite ease-in-out;
        -o-animation: bouncedelay 1.4s infinite ease-in-out;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        animation: bouncedelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
    }

    .spinner .bounce1 {
        -moz-animation-delay: -0.32s;
        -o-animation-delay: -0.32s;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -moz-animation-delay: -0.16s;
        -o-animation-delay: -0.16s;
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -moz-transform: scale(0.0);
        -ms-transform: scale(0.0);
        -o-transform: scale(0.0);
        -webkit-transform: scale(0.0);
        transform: scale(0.0);
    }

    40% {
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        -moz-transform: scale(0.0);
        -ms-transform: scale(0.0);
        -o-transform: scale(0.0);
        -webkit-transform: scale(0.0);
        transform: scale(0.0);
    }

    40% {
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.connectedGroup {
    min-height: 200px;
}

.ulsdt {
    display: flexbox;
    margin: 0px;
    padding: 0px;
}

.sdtButton {
    margin-right: 10px;
    margin-left: 10px;
    vertical-align: middle;
}

.specificdatatab {
    display: inline;
    list-style-type: none;
}

.ulsdg {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.specificdatagroup {
    margin-bottom: 30px;
    list-style-type: none;
}

.specificdatagroupedition {
    margin-bottom: 30px;
    list-style-type: none;
    cursor: pointer;
}

    .specificdatagroupedition:hover {
        opacity: 0.9;
    }

.ulsdi {
    margin: 0px;
    padding: 0px;
    min-height: 40px;
    text-align: center;
}

.sditem {
    margin: 0px;
    padding: 0px;
    min-height: 25px;
    list-style-type: none;
}

.sdeitem {
    margin: 0px;
    padding: 0px;
    min-height: 25px;
    list-style-type: none;
    cursor: pointer;
}

    .sdeitem:hover {
        background-color: #E0E0E0;
    }

.imgmiddle {
    vertical-align: middle;
}

.PnlGroupmentDeleteButton {
    top: 5px;
    left: 10px;
    display: inline;
    width: 30px;
}

.PnlGroupmentEditButton {
    top: 5px;
    display: inline;
    float: right;
    margin-right: 10px;
}

.SpecifDataDeleteButton {
    position: relative;
    left: -40px;
}

.labelSpecificDataGroupment {
    margin-top: 5px;
}

.labelSpecificDataGroupmentedition {
    position: absolute;
    margin-top: 5px;
}

.labelSpecificData {
    position: fixed;
    margin-top: 5px;
}

/** Tuiles **/



.table_tiles {
	display: inline-block;
    margin-top: 30px;
    margin-left: 30px;
    width: 128px;
    height: 140px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: blue;
    -moz-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
    color: white;
    vertical-align: middle;
    text-align: center;
    opacity: 0.95;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: box-shadow, transform;
    -o-transition-property: box-shadow, transform;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
    position: relative;
}

    .table_tiles:hover {
        -moz-box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.7);
        -webkit-box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.7);
        box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.7);
        opacity: 1;
        -moz-transform: translate(-5px,-5px);
        -ms-transform: translate(-5px,-5px);
        -o-transform: translate(-5px,-5px);
        -webkit-transform: translate(-5px,-5px);
        transform: translate(-5px,-5px);
    }

.table_tiles_img {
	display: inline-block;
	margin-bottom: 5px;
	width: 100%;
	height: 64px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	background-color: white;
	cursor: pointer;
}

img.table_tiles_img {
    max-width: 128px !important;
}

.up_tiles {
	width: 190px;
	height: 190px;
}

.flag-icon {
	z-index: 1;
}

.table_tiles_img_saisie {
    position: relative;
    top: 35px;
    left: 3px;
    display: inherit;
    width: 20px;
    height: 10px;
    opacity: 0.8;
    /*float:right;
	margin-right:5px;
	margin-left:50px;*/
}

.table_tiles_label {
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    /*margin: 10px;*/
}

.table_tiles_hidden {
    display: none;
    float: left;
    width: 100%;
    text-align: center;
}

.table_tiles_flag {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}

.buttonFiltreGray {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(84, 84, 84);
    color: white;
    font-weight: 600;
    font-weight: bold;
    cursor: pointer;
}

.buttonFiltreBlue {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(1, 155, 204);
    color: white;
    font-weight: 600;
    font-weight: bold;
    cursor: pointer;
}

.buttonFiltreRed {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(236, 47, 10);
    color: white;
    font-weight: 600;
    font-weight: bold;
    cursor: pointer;
}

.buttonFiltreGreen {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(17, 146, 17);
    color: white;
    font-weight: 600;
    font-weight: bold;
    cursor: pointer;
}

.buttonFiltreYellow {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(236, 236, 49);
    color: white;
    font-weight: 600;
    font-weight: bold;
    cursor: pointer;
}

.buttonFiltrePink {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(191, 13, 99);
    color: white;
    font-weight: 600;
    font-weight: bold;
    cursor: pointer;
}

.buttonFiltreOrange {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(255, 127, 36);
    color: white;
    font-weight: 600;
    font-weight: bold;
    cursor: pointer;
}

.buttonFiltreViolet {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(106, 29, 123);
    color: white;
    font-weight: 600;
    font-weight: bold;
    cursor: pointer;
}

.smallbuttonFiltreBlue {
    min-width: 100px;
    height: 30px;
    border: 1px solid #0A76E3;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(1, 155, 204);
    -moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    color: white;
    font-weight: 600;
    font-weight: bold;
    opacity: 0.9;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
}

    .smallbuttonFiltreBlue:hover {
        color: black;
        opacity: 1;
    }

.smallbuttonFiltreRed {
    min-width: 100px;
    height: 30px;
    border: 1px solid #DE2C09;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(236, 47, 10);
    -moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    color: white;
    font-weight: 600;
    font-weight: bold;
    opacity: 0.9;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
}

    .smallbuttonFiltreRed:hover {
        color: black;
        opacity: 1;
    }

.smallbuttonFiltreGreen {
    min-width: 100px;
    height: 30px;
    border: 1px solid #108C10;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(17, 146, 17);
    -moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    color: white;
    font-weight: 600;
    font-weight: bold;
    opacity: 0.9;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
}

    .smallbuttonFiltreGreen:hover {
        color: black;
        opacity: 1;
    }

.smallbuttonFiltreYellow {
    min-width: 100px;
    height: 30px;
    border: 1px solid #D5C322;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(236, 236, 49);
    -moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    color: white;
    font-weight: 600;
    font-weight: bold;
    opacity: 0.9;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
}

    .smallbuttonFiltreYellow:hover {
        color: black;
        opacity: 1;
    }

.smallbuttonFiltrePink {
    min-width: 100px;
    height: 30px;
    border: 1px solid #D5C322;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(191, 13, 99);
    -moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    color: white;
    font-weight: 600;
    font-weight: bold;
    opacity: 0.9;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
}

    .smallbuttonFiltrePink:hover {
        color: black;
        opacity: 1;
    }

.smallbuttonFiltreOrange {
    min-width: 100px;
    height: 30px;
    border: 1px solid #E57220;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(255, 127, 36);
    -moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    color: white;
    font-weight: 600;
    font-weight: bold;
    opacity: 0.9;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
}

.smallbuttonFiltreViolet {
    min-width: 100px;
    height: 30px;
    border: 1px solid #E57220;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgb(106, 29, 123);
    -moz-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    color: white;
    font-weight: 600;
    font-weight: bold;
    opacity: 0.9;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
}

.smallbuttonFiltreOrange:hover {
    color: black;
    opacity: 1;
}

.smallbuttonFiltreViolet:hover {
    color: black;
    opacity: 1;
}

.buttonFiltreGrayTransparent {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(84, 84, 84, 0.2);
    color: white;
    font-weight: 600;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
}

    .buttonFiltreGrayTransparent:hover {
        background-color: rgba(84, 84, 84,1);
    }

.buttonFiltreBlueTransparent {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(1, 155, 204, 0.2);
    color: white;
    font-weight: 600;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
}

    .buttonFiltreBlueTransparent:hover {
        background-color: rgba(1, 155, 204,1);
    }

.buttonFiltreRedTransparent {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(236, 47, 10, 0.2);
    color: white;
    font-weight: 600;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
}

    .buttonFiltreRedTransparent:hover {
        background-color: rgba(236, 47, 10, 1);
    }

.buttonFiltreGreenTransparent {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(17, 146, 17, 0.2);
    color: white;
    font-weight: 600;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
}

    .buttonFiltreGreenTransparent:hover {
        background-color: rgba(17, 146, 17, 1);
    }

.buttonFiltreYellowTransparent {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(236, 236, 49, 0.2);
    color: white;
    font-weight: 600;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
}

    .buttonFiltreYellowTransparent:hover {
        background-color: rgba(236, 236, 49,1);
    }

.buttonFiltrePinkTransparent {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(191, 13, 99, 0.2);
    color: white;
    font-weight: 600;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
}

    .buttonFiltrePinkTransparent:hover {
        background-color: rgba(191, 13, 99, 1);
    }

.buttonFiltreOrangeTransparent {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(255, 127, 36, 0.2);
    color: white;
    font-weight: 600;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
}

    .buttonFiltreOrangeTransparent:hover {
        background-color: rgba(255, 127, 36, 1);
    }

.buttonFiltreVioletTransparent {
    min-width: 100px;
    height: 30px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(106, 29, 123, 0.2);
    color: white;
    font-weight: 600;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color;
}

    .buttonFiltreVioletTransparent:hover {
        background-color: rgba(106, 29, 123, 1);
    }

.lbl_error, .lbl_error_text {
    display: inline-block;
    margin-top: 50px;
    margin-left: 50px;
    color: #000;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 35px;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}

.lbl_error_text {
    font-weight: inherit;
    font-size: 24px;
}

.btn-cancel-popup {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 28px;
    height: 28px;
    outline: none;
}

.btn-cancel-popup-add {
	position: absolute;
	top: 1px;
	right: 41px;
	width: 28px;
	height: 28px;
	outline: none;
}

/* moins de 4 sociétés */

.companyProductTiles {
    padding-top: 25px;
    width: 100%;
}

.companyProductTiles-products {
    position: relative;
    margin: auto;
    width: 1080px;
}

.table_tiles.lessthree {
    margin-top: 10px;
    margin-right: 65px;
    margin-left: 0px;
    cursor: default !important;
}

    .table_tiles.lessthree .table_tiles_label {
        cursor: default;
    }

    .table_tiles.lessthree:hover {
        -moz-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
        box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
        opacity: 0.95;
        -moz-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }

.companyProductTiles-tile {
    display:inline-block;
    margin-top: 10px;
    margin-left: 30px;
    width: 140px;
    height: 140px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.7);
    color: white;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    opacity: 0.95;
    cursor: pointer;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -moz-transition-property: box-shadow, transform;
    -o-transition-property: box-shadow, transform;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}

.companyProductTiles-tile-img {
    width: 100%;
    text-align: center;
}

.companyProductTiles-tile img {
    height: 70px;
}

.companyProductTiles-tile span {
    display: inline-block;
    margin-top: 30px;
}

.companyProductTiles-tile:hover {
    -moz-box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.7);
    -webkit-box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.7);
    box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.7);
    opacity: 1;
    -moz-transform: translate(-5px,-5px);
    -ms-transform: translate(-5px,-5px);
    -o-transform: translate(-5px,-5px);
    -webkit-transform: translate(-5px,-5px);
    transform: translate(-5px,-5px);
}

.companyProductTiles-tile.accessoire {
    background-color: #F1AE04;
}

.companyProductTiles-tile.lentille {
    background-color: rgb(236, 47, 10);
}

.companyProductTiles-tile.monture {
    background-color: rgb(17, 146, 17);
}

.companyProductTiles-tile.verre {
    background-color: rgb(1, 155, 204);
}

.companyProductTiles-tile.offre {
    background-color: rgb(255, 127, 36);
}

.companyProductTiles-tile.offrePrysme {
    background-color: rgb(106, 29, 123);
}

.companyProductTiles-tile.audioprothese {
    background-color: rgb(191, 13, 99);
}



.moffer-add {
    padding-top: 25px;
    text-align: left;
}

.moffer-groupes {
    margin-top: 10px;
    margin-bottom: 10px;
}

.moffer-groupe {
    position: relative;
    float: left;
    width: 350px !important;
    margin-right: 15px !important;
}

    .moffer-groupe td:not(.THEdit) {
        padding: 7px;
        text-align: center;
    }

.moffer-actions {
    position: relative;
    float: right;
    vertical-align: middle;
}

    .moffer-actions * {
        vertical-align: middle;
    }

    .moffer-actions .moffer-delete {
        margin-left: 10px;
    }

.moffer-niveau {
    border: 1px solid #555;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 4px;
    padding: 6px;
    text-align: left;
}

    .moffer-niveau input[type=image] {
        width: 22px;
        vertical-align: middle;
    }


.moffer-izygrid-niveau {
    padding-top: 60px;
}

    .moffer-izygrid-niveau th {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .moffer-izygrid-niveau td {
        max-width: 100px !important;
    }

.moffer-cascade {
    width: 27% !important;
}

    .moffer-cascade td:not(.THEdit) {
        padding: 7px;
        text-align: center;
    }

.FamilyBadge {
    display: inline-block;
    border-radius: 20px;
    background: rgb(1, 155, 204);
    height: 16px;
    width: 16px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    font-weight: 700;
    padding: 1.5px;
    box-shadow: 0 0 0 1px #126080;
}

.l-table {
    display: table;
}

.l-cell {
    display: table-cell !important;
}

.carteBlancheFormuleMathematique {
    font-family: freeserif, "times new roman", serif;
}

.carteBlancheColonneFormuleMathematique {
    font-size: 15px !important;
}

.prixModifierManuellement {
    color: #DD4B39;
}

.ContainerGroupmentManager.ajax__tab_xp .ajax__tab_body {
	padding: 10px !important;
}

.ContainerGroupmentManager .ajax__tab_panel {
	display: flex;
	justify-content: space-between;
}

.center-vh {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Page_GroupmentManager #menuItemDynamique {
	padding: 0;
}

.Page_GroupmentManager #logo img {
	transform: initial !important;
	position: static !important;
}
.Page_GroupmentManager #content {
	padding-top: 0;
	margin-left: 0;
}

.circleNotif {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background-color: #4287f5;
    display: inline-block;
    text-align: center;
    color: white;
    line-height: 15px;
    position: absolute;
    right: 0;
    margin-top: 4px;
    padding: 2px;
    margin-right: 1px;
}

.u-mh-inherit {
    min-height: inherit;
}

.ddl-lpp .ms-drop ul > li label {
    white-space: normal;
}

.ddl-lpp .ms-drop {
    position: fixed;
    top: 95px !important;
}

    .ddl-lpp .ms-drop * {
        box-sizing: border-box;
    }

.popup-parameters-by-default {
    color: rgb(128, 128, 128);
    display: inline;
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
}

.pnl-family-code-identification-modify {
    margin-top: 5px;
    margin-bottom: 5px;
}

.pnl-family-code-identification-content {
    max-width: 50%;
    margin: auto;
    margin-top: 15px;
    border: 1px solid #888;
}

.popupContainer--smaller-leftalign {
    text-align: left;
    padding: 15px 15px 5px 15px !important;
}

.pnl-family-code-identification-label {
	display: inline-block;
	width: 40%;
	text-align: right;
}

.ddl-EyesRoadParameters .ms-drop li > label {
	display: flex;
	align-items: center;
}

.ddl-EyesRoadParameters li:not(.group){
	padding-left: 25px;
}

.bandeau-msg {
    text-align: center;
    padding: 5px;
    color:white;
    font-weight:600;
}

.bandeau-msg--info {
    background-color: #0284C7;
}

.bandeau-msg--warning {
    background-color: #F97316;
}

.bandeau-msg--critical {
    background-color: #DC2626;
}

.text-box {

}

.uc-association__container-enseigne
{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}

.uc-association__container-gridview
{
	display: flex;
	align-items: center;
	flex-direction: column;
}

.u-ta-center{text-align: center;}

.PanelButton.PanelButton--reduced {
	padding: 0;
	min-height: 10px;
}

.PopupContainer--small-padding .ajax__tab_xp .ajax__tab_body {
	padding: 10px 10px 0 10px !important;
	min-height: initial;
}

.big-title{font-size: 24px;}

.uc-asso-update__container-grid {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.state-programm__waiting-start {
	color: #1561ab;
}
.state-programm__tocheck {
	color: #F97316;
}
.state-programm__running {
	color: #1561ab;
}
.state-programm__error {
	color: #b91700;
}
.state-programm__cancel {
	color: #374151;
}
.state-programm__finish {
	color: #4D7C0F;
}

.state-program__icon {
	vertical-align: middle
}

.state-program__title {
	padding: 0 5px;
	vertical-align: middle
}

.icon-inprogress {
	padding: 2px;
	width: 14px;
	height: 14px;
	border: 2px solid #1561ab;
	border-radius: 50%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.icon-inprogress__inside {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-image: linear-gradient(to right, transparent 50%, #1561ab 0);
	box-sizing: border-box;
	display: inline-block;
}
	.icon-inprogress__inside::before {
		content: "";
		display: block;
		margin-left: 50%;
		height: 100%;
		border-radius: 0 100% 100% 0 / 50%;
		background-color: #1561ab;
		transform-origin: left;
		transform: rotate(0.15turn);
	}

.changelog > div > ul > li {
    margin: 10px 0px;
}

    .changelog > div > ul > li ul, .changelog > div > ul > li li {
        margin: 5px 0px;
    }

    .changelog > div > ul > li p {
        margin: 0px;
    }

.changelog > div {
    padding: 20px 0px 0px 0px;
}

.changelog {
    padding: 30px 100px !important;
}

.PanelButton.PanelButton--reduced {
	padding: 0;
	min-height: 10px;
}

/********** DEBUT Mode chapeau lentille **********/

.contactlenslink .l-header {
	margin: 5px 0 10px 10px;
	display: flex;
	align-items: center;
	height: 26px;
}

.contactlenslink .label {
	margin-right: 5px;
}

.contactlenslink .l-container-clnotautolink {
	width: 600px;
}

.c-grid-search {
	display: flex;
	align-items: center;
	justify-content: center;
}

.c-grid-search input:nth-child(1) {
	width: 500px !important;
	box-sizing: border-box;
	height: 24px;
}

.contactlenslink .l-container-contactlenslinks {
	width: 1210px;
}

.contactlenslink .message-confirmation {
	display: inline-block;
	text-align: center;
	line-height: 22px;
}

.contactlenslink .productinformation {
	color: #DD4B39;
	font-size: 12px;
}

.contactlenslink .l-manufacturer-choice {
	display: flex;
	align-items: center;
	margin: 10px 0;
}

.contactlenslink .version-title {
	border-left: 5px solid;
	padding-left: 3px;
	color: #242424;
}

/********** FIN Mode chapeau lentille **********/

.version-up-log {
	position: fixed;
	bottom: 20px;
	left: 25px;
	z-index: 1 !important;
	color: #000;
	font-size: small;
	opacity: 0.5;
}

/********** Export Parameter **********/

.radio-button-m4px input[type="radio"] {
	margin: 4px;
}

.sd-array-item {
	overflow-y: auto;
	padding-bottom: 10px;
}