/* RESET */

ul, li {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-style: normal;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: inherit;
    list-style: none;
    line-height: 1;
    quotes: none;
}

/*-----------------------------------------------------------  POP-IN CONTROL ------------------------------------------------------*/

.popin-zone {
}

.popin-background {
    -moz-opacity: .50;
    background: #000000;
    filter: alpha(opacity=50);
    opacity: .50;
}

.popin-outer-extralarge {
    left: -1200px;
    margin: auto;
    padding: 0px;
    position: absolute;
    width: 1150px;
}

.popin-outer-large {
    left: -1000px;
    margin: auto;
    padding: 0px;
    position: absolute;
    width: 900px;
}

.popin-outer {
    left: -1000px;
    margin: auto;
    padding: 0px;
    position: absolute;
    width: 600px;
}

.popin-outer-mobile {
  left: -1000px;
  margin: auto;
  padding: 0px;
  position: absolute;
  width: 350px;
}

.popin-inner {
    -moz-border-radius: 5px;
    -moz-box-shadow: #a4a6ab 0px 0px 6px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: #a4a6ab 0px 0px 6px;
    background: #FFFFFF;
    /*behavior: url(/PIE.htc);*/
    border-radius: 5px;
    box-shadow: #a4a6ab 0px 0px 6px;
    /*overflow : auto;
	height : auto;
	max-height : 500px;*/
    padding: 5px 15px 15px 15px;
    margin-right :7px;
    margin-top:10px;
}

.popin-header {
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 15px;
    overflow: hidden;
}

.popin-title {
    color: #262626;
    font-size: 14px;
    line-height: 45px;
    text-transform: uppercase;
}

.popin-cancel {
    background: url(images/actions.png) no-repeat 0px -98px;
    display: block;
    float: right;
    height: 25px;
    position: relative;
    right: -10px;
    top: -10px;
    width: 25px;
    z-index: 10000;
}

    .popin-cancel:hover {
        background-position: 0px -124px;
    }

.popin-content-extralarge {
    height: auto;
    max-height: 570px;
    max-width: 1150px;
    overflow: auto;
    width: auto;
}

.popin-content-large {
    height: auto;
    max-height: 570px;
    max-width: 900px;
    overflow: auto;
    width: auto;
}

.popin-content {
    height: auto;
    max-height: 570px;
    max-width: 600px;
    overflow: auto;
    width: auto;
}

.popin-content-mobile {
  height: auto;
  max-height: 570px;
  max-width: 350px;
  overflow: auto;
  width: auto;
}

    .popin-content.noscroll {
        max-height: 800px;
        overflow: hidden;
    }


/*----------------------------------------------------------- Collapsible panel ------------------------------------------------------*/
.collapsible {
    margin: 2px 0px;
}

    .collapsible .collapsible-header {
        border-bottom: 1px solid #d0d0d0;
        cursor: pointer;
        margin-bottom: 5px;
        overflow: hidden;
    }

    .collapsible .collapsible-header-indicator {
        background: url(images/actions.png) no-repeat -10px -69px;
        display: inline-block;
        float: left;
        height: 19px;
        margin-top: 5px;
        width: 19px;
    }

    .collapsible.collapsible-expanded .collapsible-header-indicator {
        background-position: 0px -35px;
        height: 15px;
    }

    .collapsible .collapsible-header span {
        color: #262626;
        display: block;
        font-size: 12px;
        font-weight: bold;
        line-height: 30px;
        margin-left: 24px;
        text-transform: uppercase;
    }

    .collapsible .collapsible-content {
        clear: both;
        margin: 0px;
        padding: 0px 4px;
    }

    .collapsible.collapsible-collapsed .collapsible-content {
        display: none;
    }

    /* Pour usersearch.ascx */
    .collapsible.collapsible-expanded > .collapsible-content > .content {
        margin-bottom: 5px;
        margin-top: 5px;
    }

        .collapsible.collapsible-expanded > .collapsible-content > .content a {
            font-weight: bold;
            padding-bottom: 3px;
            text-decoration: none;
        }

            .collapsible.collapsible-expanded > .collapsible-content > .content a:link {
                color: #0800F4;
            }

            .collapsible.collapsible-expanded > .collapsible-content > .content a:visited {
                color: #7470ED;
            }

            .collapsible.collapsible-expanded > .collapsible-content > .content a:hover, .collapsible.collapsible-expanded > .collapsible-content > .content a:active {
                background-color: #D2D1EE;
                color: #2C2C34;
            }
/* fin pour usersearch.ascx */