@charset "utf-8";

* {
    box-sizing: border-box;
}

.flexCentered {
    display: flex;
    justify-content: center;
    /*! text-align:center; */
    align-items: center;
}

html, body {
    font: 11px Arial, Helvetica, sans-serif;
    color: #494949;
    background-color: #E5E7EA;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

body {
    behavior: url("csshover3.htc");
}

div {
    margin: 0;
    padding: 0;
}

small {
    font-size: .8em;
}

img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, ul, ol, p {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

table {
    border-collapse: collapse;
}

a {
    text-decoration: none;
    color: #494949;
    outline: 0 none;
}

    a:hover {
        text-decoration: underline;
    }

    a img {
        border: 0;
    }

.clear {
    clear: both;
    padding-bottom: 1px;
    margin-bottom: -1px;
    font-size: 0;
}

.clearBoth {
    clear: both;
}

.floatLeft {
    float: left;
}

.clearLeft {
    clear: left;
}

.floatRight {
    float: right;
}

.clearRight {
    clear: right;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.alignCenter {
    text-align: center;
}

.offleft {
    position: absolute;
    left: -5000px;
    width: 2000px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.toggleHidden {
    display: none !important;
}

.togglePM {
    cursor: pointer;
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 10px;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.icoPlus {
    background: url('Images/SpritePlusMoins.x12.png') left top no-repeat;
}

    .icoPlus:hover {
        background: url('Images/SpritePlusMoins.x12.png') right top no-repeat;
    }

.icoCancel {
    background: url('Images/SpritePlusMoins.x12.png') left -12px no-repeat;
}

    .icoCancel:hover {
        background: url('Images/SpritePlusMoins.x12.png') right -12px no-repeat;
    }

.icoDown {
    background: url('Images/SpritePlusMoins.x12.png') left -24px no-repeat;
}

    .icoDown:hover,
    .parentDown:hover .icoDown {
        background: url('Images/SpritePlusMoins.x12.png') right -24px no-repeat;
    }

.icoMoins {
    background: url('Images/SpritePlusMoins.x12.png') left bottom no-repeat;
}

    .icoMoins:hover {
        background: url('Images/SpritePlusMoins.x12.png') right bottom no-repeat;
    }

.icoPin_ {
    background: url('Images/SpritePin.png') left bottom no-repeat;
}

.icoPin {
    background: url('Images/SpritePin.png') left top no-repeat;
}

.Urgent td.tdEtat, div.Urgent {
    background-image: url('Images/Urgent.40.png') !important;
    background-position: top right !important;
    background-repeat: no-repeat !important;
}


* html .clearfix {
    display: inline-block;
    height: 1%;
    clear: both;
}

*:first-child + html .clearfix {
    display: inline-block;
}

.divInLineBlock {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.index {
    position: absolute;
    top: -200053px;
    display: block;
}

.spacer {
    clear: both;
}

h1 {
    font-size: 30px;
    position: absolute;
    top: 2em;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 13px;
}

h6 {
    font-size: 12px;
}

hr {
    color: #ff6633;
}

.msgalerte {
    font-size: 16px;
}

.bleu {
    color: #174b8f;
}

.blanc {
    color: #fff;
}

.orange {
    color: #ff6633;
}

.jaune {
    color: #ffad0f;
}

.violet {
    color: #92117e;
}

.rouge {
    color: #cc3333;
}

.grisClair {
    color: #e9eaeb;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.encadre {
    color: Red;
    background-color: #FFE4AF;
    font-weight: bold;
}

/*	CONTENEUR	*/
.site {
    z-index: 1;
    position: relative; /*! width: 978px; */
    margin: auto; /*! background: transparent url('Images/bg-site.gif') 0 0 no-repeat; */
}

.conteneur { /*! margin:0 5px 0 7px; */ /*! background-color: #fff; */
    display: block;
    min-height: 98vh;
}

* html .site {
    height: 640px;
}


/*	HEADER	*/
/*#header {background: url("Images/hash.45.black.png") repeat-x scroll 0 85px #1B66AC;}*/
#header {
    background-color: #1B66AC;
}

    #header hr {
        display: none;
    }

    #header .logo { /*! display:inline-block; */ /*! position: absolute; */ /*! height:0; */ /*! top: 20px; */
        text-align: center;
        width: 25vw;
    }

        #header .logo h1 {
            font-family: calibri;
            font-size: 40px;
            left: 240px;
            position: relative;
            top: 50px;
        }

            #header .logo h1 span {
                color: #fff;
                letter-spacing: 15px;
                word-spacing: -10px;
            }

                #header .logo h1 span.A_ {
                    background: url("Images/favicon.png") no-repeat scroll left center transparent;
                    display: inline-block;
                    padding: 0 0 0px 50px;
                    position: relative;
                }

                #header .logo h1 span var {
                    border: medium none;
                    bottom: 0.2em;
                    color: #F78725;
                    display: inline-block;
                    font-size: .5em;
                    position: relative;
                }

        #header .logo a {
            color: #fff;
            position: relative;
            margin-bottom: 30px;
        }

            #header .logo a.bcac {
                color: #fff;
                position: relative;
                bottom: 60px;
                left: 35px;
            }

            #header .logo a.b2v {
                color: #fff; /*! position: relative; */ /*! top:-30px; */ /*! left:20px; */
                z-index: 10002;
            }

        #header .logo div.espace {
            left: 135px;
            padding-left: 10px;
            position: relative;
            top: -60px;
            z-index: 100;
        }

            #header .logo div.espace span {
                color: #fff;
                font-size: 0.8em;
                letter-spacing: 0.15em;
                word-spacing: 0.8em;
            }

    #header #headerConteneur { /*! width: 826px; */
        height: 125px; /*! padding: 0 0 0 140px; */
    }

    #header #headerConteneurBottom {
        position: relative;
        top: -60px;
        left: 60px;
        width: 766px;
        height: 50px;
        padding: 0 0 0 140px;
        background: #000;
    }

    #header #user {
        position: absolute; /*! right:10px; */
        z-index: 10002;
        color: #fff;
        width: 100%;
        background-color: #494949;
    }

    #header #title {
        width: 50vw;
    }

    #header .logoRight {
        width: 25vw;
        height: 125px;
        min-width: 300px;
        background: url('Images/logo.Aeras.png') bottom right no-repeat;
        /*! z-index: 10002;*/
    }

#user ul {
    display: inline;
    margin: 0;
    padding: 15px;
}

#user li {
    display: inline;
    margin: 0 5px 0 5px;
    padding: 15px 0px 15px 15px;
    background: url('Images/user/user.liste.puce.png') center left no-repeat;
    list-style-type: none;
}

    #user li:first-child {
        background: none;
    }

    #user li a, #user a {
        color: #fff;
        font-weight: bold;
    }

        #user li a.on, #user a:hover, #menu1 li strong {
            color: #ff6633;
        }

#user div.Connection {
    margin: .25em; /*! margin-bottom:5px; */
}

    #user div.Connection > * {
        margin-right: .5em;
        font-size: 1.1em;
    }

    #user div.Connection input {
        height: 2.5em;
    }

    #user div.Connection a { /*! margin-top:10px; */
    }

    #user div.Connection label {
        display: inline-block; /*! height:2em; */ /*! margin-top:10px; */
    }

.Connection .errMessage {
    position: absolute;
    width: 100%;
}

#user div.UpdatePane {
    /*! border: solid 1px transparent; */
    background: #494949;
    position: absolute;
    z-index: 10000;
    width: 400px;
}

    #user div.UpdatePane > div > div {
        border-color: #FF8822 !important;
        padding: 15px !important;
        border-width: 1px !important;
        border-style: solid !important;
    }

#user div.ListIps {
    margin: 10px;
    padding: 10px;
    text-align: left;
    border: dotted 1px #fff;
}

#menu {
    position: relative;
    top: 0px;
    left: 0;
    width: 100%;
    display: block;
}
    /*dock styling...*/
    /*...centre the dock...*/
    #menu div.jqDockWrap {
        margin: 0 auto;
    }
    /*...set the cursor...*/
    #menu div.jqDock {
        cursor: pointer;
    }
    /*...add padding between images...*/
    #menu img {
        padding: 0 5px;
    }
/*label styling...*/
div.jqDockLabel {
    font-weight: bold;
    white-space: nowrap;
    color: #174b8f;
    cursor: pointer;
}

.zzzMenuAction {
    display: inline-block;
    width: 48%;
    height: 100px;
    padding-left: 35px;
    position: relative;
    bottom: 35px;
    left: 95px;
}

    .zzzMenuAction h4.Action {
        height: 20px;
        padding: 0 10px 0 0;
    }

    .zzzMenuAction a {
        z-index: 998;
        text-decoration: none;
        display: inline-block;
        height: 100px;
        background: url('Images/btn_blue_hover_sprite.png') no-repeat left -300px;
        padding-left: 10px;
        vertical-align: bottom;
    }

        .zzzMenuAction a:hover {
            text-decoration: none;
            background: url('Images/btn_blue_hover_sprite.png') no-repeat left -325px;
        }

    .zzzMenuAction span {
        z-index: 999;
        text-decoration: none;
        color: Gray;
        display: block;
        background: url('Images/btn_blue_hover_sprite.png') no-repeat right -250px;
        padding: 0 25px 0 5px;
    }

        .zzzMenuAction span:hover {
            text-decoration: none;
            color: #fff;
            background: url('Images/btn_blue_hover_sprite.png') no-repeat right -275px;
        }

.MenuAction {
    display: inline-block;
    width: 48%;
    height: 20px;
    padding-left: 35px;
    position: relative;
    bottom: 15px;
    left: 225px;
}

    .MenuAction h4.Action {
        height: 20px;
        padding: 0 10px 0 0;
    }

    .MenuAction a {
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
        height: 20px;
        background: url('Images/btn_left_grey.png') no-repeat left;
        padding-left: 10px;
        vertical-align: top;
    }

        .MenuAction a:hover {
            text-decoration: none;
            background: url('Images/btn_left_blue.png') no-repeat left;
        }

    .MenuAction span {
        text-decoration: none;
        color: Gray;
        display: block;
        height: 20px;
        background: url('Images/btn_right_grey.png') no-repeat right;
        padding: 0 25px 0 5px;
    }

        .MenuAction span:hover {
            text-decoration: none;
            color: #fff;
            background: url('Images/btn_right_blue.png') no-repeat right;
        }

.ActionMenu {
    position: relative;
    z-index: 1000;
}

    .ActionMenu li {
        font-size: 13px;
        margin: .1em;
    }

.NavMenu.ActionMenu {
    display: block;
    margin-top: 1.5em;
}

    .NavMenu.ActionMenu .AspNet-Menu-Link,
    .NavMenu.ActionMenu .AspNet-Menu-NonLink {
        width: 13em;
    }

    .NavMenu.ActionMenu.AspNet-Menu-Horizontal ul.AspNet-Menu ul {
        margin-left: -13.3em;
    }

.FilterMenu.ActionMenu {
    display: inline-block;
    z-index: 1000;
}

    .FilterMenu.ActionMenu .AspNet-Menu > li > span {
        width: 33vw;
        padding: .3em;
    }

    .FilterMenu.ActionMenu .AspNet-Menu-Link,
    .FilterMenu.ActionMenu .AspNet-Menu-NonLink {
        width: 12em;
        padding: .1em;
    }

    .FilterMenu.ActionMenu .AspNet-Menu > li.AspNet-Menu-WithChildren > ul {
    }

    .FilterMenu.ActionMenu .AspNet-Menu-WithChildren .AspNet-Menu-WithChildren > ul {
        flex-wrap: wrap;
        justify-content: left;
    }

.ActionMenu .AspNet-Menu-Link,
.ActionMenu .AspNet-Menu-NonLink {
    box-sizing: border-box;
    border: solid 1px #8c8c8c;
    padding: .3em;
    background-color: #eeeeee;
}
/* item survolé */
.ActionMenu li:hover > a {
    font-weight: bold;
    background-color: #cdcdcd;
    border-color: #00b2ee;
    color: #494949;
}

.ActionMenu li.AspNet-Menu-Selected > a,
.ActionMenu li.AspNet-Menu-ChildSelected > a {
    background-color: #cccccc;
    border-color: #4682B4;
    color: #494949;
}

.ActionMenu ul.AspNet-Menu, .ActionMenu ul.AspNet-Menu ul {
    display: flex;
    justify-content: center;
    text-align: center;
}


.PanelFlicker {
    height: 0px;
    overflow: hidden;
}


.ListeAction {
    padding: 2em;
    position: absolute;
    z-index: 1010;
    height: 0px;
    overflow: hidden;
    background: white url("Images/hash.45.black.png") repeat left top;
}
/*.ListeAction ul 
{
        
}
.ListeAction li{display:table;height:20px;background:url('Images/btn_blue_hover_sprite.png') no-repeat left -300px;padding-left:10px;}
.ListeAction a{  display:inline-block;height:20px;background:url('Images/btn_blue_hover_sprite.png') no-repeat right -250px;padding:0 25px 0 5px; vertical-align:bottom; }
.ListeAction li:hover{background:url('Images/btn_blue_hover_sprite.png') no-repeat left -325px; }
.ListeAction a:hover{background:url('Images/btn_blue_hover_sprite.png') no-repeat right -275px; }*/


#menu1 {
    float: right;
    width: 805px;
    text-align: right;
    height: 25px;
    margin: 0;
    padding: 15px 20px 0 0;
    font-size: 11px;
    color: #fff;
}

    #menu1 ul {
        display: inline;
        margin: 0;
        padding: 0;
    }

    #menu1 li {
        display: inline;
        margin: 0;
        padding: 0 5px 0 7px;
        background: url('Images/bg-menu1.gif') center left no-repeat;
        list-style-type: none;
    }

    #menu1 #titre {
        float: left;
        width: 700px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
    }
    /*
* html #menu1 li { -ie-xp: expression(this.parsed ? 0 : (this.className = (this === this.parentNode.firstChild) ? "first-child" : "",this.parsed = 1)); }
*/

    #menu1 li:first-child, #menu1 li.first-child {
        background: none;
    }

    #menu1 li a {
        color: #fff;
    }

        #menu1 li a.on, #menu1 li strong {
            color: #000;
            font-weight: normal;
        }

    #menu1 form {
        display: inline;
        font-size: inherit;
        margin: 0 0 0 10px;
    }

    #menu1 input {
        margin: 0;
        font-size: 10px;
    }

#menu2 {
    float: right;
    width: 825px;
    text-align: right;
    height: 45px;
    margin: 0;
    padding: 12px 0 0 0;
}

    #menu2 p {
        display: block;
        float: left;
        width: auto;
        height: 27px;
        margin: 0;
        padding: 18px 10px 0 0;
        text-align: left;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
    }

    #menu2 ul {
        display: inline;
        margin: 0;
    }

    #menu2 li {
        display: inline;
        margin: 0;
    }

        #menu2 li a, #menu2 li strong a {
            display: block;
            float: left;
            width: 140px;
            height: 28px;
            margin: 0;
            padding: 17px 0 0 10px;
            background: url('Images/bg-header-onglet.gif');
            text-align: center;
            font-size: 13px;
            font-weight: bold;
            text-transform: uppercase;
        }

        #menu2 li .onglet1 {
            color: #da9612;
        }

        #menu2 li .onglet2 {
            color: #933690;
        }

        #menu2 li .onglet3 {
            color: #44b924;
        }

        #menu2 li .onglet4 {
            color: #fa1d76;
        }

    #menu2 #bouser {
        float: right;
        width: 200px;
        padding-right: 10px;
        padding-top: 15px;
        text-align: right;
        vertical-align: bottom;
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
    }
/* CONTENU */
#topcontent {
    background: url("Images/hash.45.black.png") repeat-x scroll 0 0 #FFFFFF;
}

#content {
    width: 978px;
    margin: 0 auto;
    background-color: #fff;
    display: block;
    min-height: 86.5vh;
}

.topSmaller { /*! min-height:10px; */ /*! width:100%; */
}

#breadcrumb {
    position: relative;
    z-index: 10000;
}
    /*#breadcrumb span {border-top:solid 1px #AAAAAA;border-bottom:solid 1px #AAAAAA;padding-top:2px;padding-bottom:2px}*/
    #breadcrumb a {
        color: #444;
    }

.breadRight {
    margin-left: 20px;
}

.breadRoot {
    background: url("Images/breadcrumb.png") no-repeat scroll left top transparent;
    height: 20px;
    padding: 3px 0 0 28px;
}

.breadSeparator {
    background: url('Images/breadSeparator.png') no-repeat left top;
    width: 19px;
    height: 12px;
    margin: -2px 5px;
}

#recherche {
    /*! width: 100vw; */
    /*! margin-top: -7px; */
    /*! position: relative; */
    left: 0;
    /*! width: 42%; */
    z-index: 10001;
}

#topBigger {
    width: 966px;
    background: url('Images/bg-contenu-big-services.jpg') no-repeat;
    height: 224px;
}

    #topBigger h2 {
        color: #ff6633;
        text-transform: uppercase;
        font-size: 30px;
        padding: 140px 0px 0px 35px;
        font-weight: bold;
    }

    #topBigger p {
        color: #fff;
        font-size: 13px;
        margin: 7px 20px 0px 35px;
        font-weight: bold;
    }

.menuGroupSoc {
    background-color: #ededed;
}

#article {
    width: 978px;
    text-align: left;
    padding: 0px 15px 45px 15px;
    margin: auto;
}

    #article .navigator {
        float: left;
        width: 180px;
        background: url('Images/bg-navigator.gif') no-repeat right center;
        margin: 0px 10px 10px 0px;
        padding-right: 6px;
    }

    #article .bigNavigator {
        width: 936px;
        text-align: left;
        padding: 10px 0px 10px 0px;
        background: url('Images/bg-navigator-big.gif') no-repeat left center;
    }

    #article .rightcontent {
        float: right;
        width: 736px;
    }

#Entete h2 {
    color: #ff6633;
    font-size: 20px;
    padding-bottom: 15px;
}

#article .goto {
    display: block;
    list-style: none;
    background: url('Images/bg-goto.gif') 0px 25px no-repeat;
    padding: 0px 0px 3px 4px;
}

    #article .goto li {
        display: inline;
    }

    #article .goto a {
        display: block;
        float: left;
        padding: 6px 15px 9px 13px;
        background: url('Images/bg-goto-link.gif') left top no-repeat;
        text-decoration: none !important;
        position: relative;
    }

    #article .goto li a span {
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 4px;
        height: 29px;
        background: url('Images/bg-goto-link-end.gif') right bottom no-repeat;
    }

    #article .goto li .strong {
        color: #ffad0f;
        font-weight: normal;
        background: url('Images/bg-goto-link-strong.gif') left top no-repeat;
    }

        #article .goto li .strong span {
            background: url('Images/bg-goto-link-strong-end.gif') left bottom no-repeat;
        }

        #article .goto li .strong .arrow {
            width: auto !important;
            top: 22px;
            left: 0px;
            height: 5px;
            background: center center no-repeat;
            margin-left: 2px;
            background-image: url('Images/bg-arrow-services.gif');
        }

.UL01 li {
    background: url('Images/puce-rightcol1-client.gif') left top no-repeat;
    padding: 0 0 4px 16px;
    margin: 5px 0px 0px 15px;
}

    .UL01 li ul li {
        background: url('Images/puce-rightcol3-client.gif') left top no-repeat;
        margin: 5px 0px 0px 0px;
    }

.tabclient {
    border: 1px solid #ffad0f;
    border-collapse: collapse;
    margin: 1em;
}

    .tabclient td {
        border: 0.1em solid #ff6633;
        text-align: center;
        vertical-align: middle;
        padding: 0.5em;
    }

    .tabclient th {
        border: 0.1em solid #ff6633;
        color: #ff6633;
        text-align: center;
        font-weight: bold;
    }

#article .text {
    color: #494949;
}

    #article .text a {
        color: #494949;
        text-decoration: underline;
    }

    #article .text h2 {
        color: #494949;
        font-size: 20px;
        margin: 20px 0px 8px 7px;
    }

    #article .text h4 {
        font-size: 11px;
        margin: 14px 0px 1px 7px;
    }

    #article .text p {
        margin: 0px 0px 0px 0px;
    }

    #article .text .intro {
        background: url("Images/bg-text-title.gif") repeat-x scroll left bottom transparent;
        font-weight: bold;
        letter-spacing: 0.02em;
        margin-bottom: 10px;
        padding: 3px 0;
    }

#article .indent20 {
    text-indent: 20px;
}

#pavesBas {
    position: absolute;
    bottom: 0;
    background-color: #E5E7EA;
}

    #pavesBas .footer {
        font-size: 10px;
        color: #666;
        width: 100vw;
        text-align: center;
    }

        #pavesBas .footer a {
            color: #666;
        }

    #pavesBas div {
        padding: 10px 20px 10px 20px;
    }

/* Contrôles */
.fileupload {
    padding: 4px;
}

    .fileupload input {
    }

.bouton {
}

    .bouton:hover {
        background-color: #FFD37F;
        cursor: pointer;
    }

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
a.Btn {
    display: inline-block;
    height: 20px;
    padding: 0 10px 0 0 !important;
    margin-right: 5px;
    font-size: 1em;
    text-align: center;
    background: transparent url(Images/btn_blue_hover_sprite.png) no-repeat right -50px;
    cursor: pointer !important;
    overflow: visible; /* removes extra side padding in IE */
}

    a.Btn::-moz-focus-inner {
        border: none; /* overrides extra padding in Firefox */
    }

    a.Btn:hover, a.Btn.BtnHover { /* the redundant class is used to apply the hover state with a script */
        background-position: right -75px;
    }
/* normalBtn */
a.normalBtn span {
    display: inline-block;
    padding: 2px 5px 0 15px;
    height: 20px;
    background: transparent url(Images/btn_blue_hover_sprite.png) no-repeat scroll left top;
    color: Gray;
}

a.normalBtn:hover span, a.normalBtn.normalBtnHover span {
    background-position: 0 -25px;
    color: White;
}
/* bouton droite*/
a.BtnRight {
    display: inline-block;
    height: 20px;
    padding: 0 0 0 10px;
    margin-left: -2px;
    margin-right: 1px;
    font-size: 1em;
    text-align: center;
    background: transparent url(Images/btn_blue_hover_sprite.png) no-repeat left -300px;
    cursor: pointer;
    overflow: visible; /* removes extra side padding in IE */
}

    a.BtnRight::-moz-focus-inner {
        border: none; /* overrides extra padding in Firefox */
    }

    a.BtnRight:hover, a.BtnRight.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
        background-position: left -325px;
    }

/* submitBtn */
a.submitBtn span {
    /*position:relative;*/
    display: inline-block;
    padding: 1px 0 0 25px;
    height: 20px;
    background: transparent url(Images/btn_blue_hover_sprite.png) no-repeat left -100px;
    color: Gray;
}

a.submitBtn:hover span, a.submitBtn.submitBtnHover span {
    background-position: 0 -125px;
    color: White;
}
/* cancelBtn */
a.cancelBtn span {
    /*position:relative;*/
    display: inline-block;
    padding: 1px 0 0 25px;
    height: 20px;
    background: transparent url(Images/btn_blue_hover_sprite.png) no-repeat left -150px;
    color: Gray;
}

a.cancelBtn:hover span, a.cancelBtn.submitBtnHover span {
    background-position: 0 -175px;
    color: White;
}

.HistoButton input {
    width: 25px;
    height: 25px;
}

.HistoButton {
    background: url("Images/SpriteHistoButton.png") right bottom no-repeat;
    display: inline-block;
}

    .HistoButton:hover {
        background: url("Images/SpriteHistoButton.png") right top no-repeat;
    }
/* actionBtn */
a.actionBtn span {
    /*position:relative;*/
    display: inline-block;
    padding: 1px 25px 0 0;
    height: 20px;
    background: transparent url(Images/btn_blue_hover_sprite.png) no-repeat right -250px;
    color: Gray;
}

a.actionBtn:hover span, a.actionBtn.actionBtnHover span {
    background-position: right -275px;
    color: White;
}

a.searchBtn span {
    position: relative;
    display: inline-block;
    padding: 1px 25px 0 0;
    height: 20px;
    background: transparent url(Images/btn_blue_hover_sprite.png) no-repeat right -350px;
    color: Gray;
}

a.searchBtn:hover span, a.searchBtn.searchBtnHover span {
    background-position: right -375px;
    color: White;
}

a.FreeLink span {
    color: #CC3333;
    font-weight: bolder;
    position: absolute;
}

small.icoMsg {
    background: url("Images/iconsBtn.png") no-repeat scroll left top transparent;
    display: inline-block;
    height: 15px;
    margin: -2px 5px -2px -5px;
    width: 15px;
}
/* ^OPTIONAL BUTTON STYLES for applying custom look and feel: */
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
a.BtnCancel, a.BtnSearch {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 2px;
    cursor: pointer !important;
    overflow: visible; /* removes extra side padding in IE */
}

    a.BtnCancel::-moz-focus-inner, a.BtnSearch::-moz-focus-inner {
        border: none; /* overrides extra padding in Firefox */
    }

a.BtnCancel {
    background: transparent url(Images/SpriteSearch.png) no-repeat left top;
}

    a.BtnCancel:hover {
        background-position: left bottom;
    }

a.BtnSearch {
    background: transparent url(Images/SpriteSearch.png) no-repeat right top;
}

    a.BtnSearch:hover {
        background-position: right bottom;
    }


#search {
    background-color: #E5E7EA;
}

    #search input {
        height: 2.25em;
        border: 1px solid #ccc;
        text-align: center;
    }

        #search input:nth-of-type(1) {
            width: 17em; /*! text-align: center; */
        }

        #search input:nth-of-type(2) {
            width: 16em;
        }

.watermarkDirectSearch {
    background: #ededed;
}

.textRecherche {
    width: 200px;
    height: 14px;
    font-size: 0.8em;
}

.textfield {
}

.txtDate {
    width: 5em;
    text-align: center;
}

.txtNir {
    width: 110px;
}

.txtCp {
    width: 40px;
}

.checkbox {
    width: 20px;
    height: 20px;
    margin-bottom: 1px;
    vertical-align: bottom;
    display: inline;
}

.dropdown {
    height: 18px;
    color: #666666;
    font-size: 10px;
    font-weight: bold;
    vertical-align: middle;
    /*margin-bottom:2px;*/
}
/*Recup AERAS css*/
.Libelle {
    vertical-align: middle;
    font-family: Calibri,Arial, Helvetica, sans-serif;
    font-size: medium;
    color: Black;
    white-space: nowrap;
}

.LibelleMin {
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: Black;
    white-space: nowrap;
}

.DemandPresenterAlternate {
    padding-left: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-top: 1px coral solid;
    background-color: #EFF9FF;
}

.DemandPresenter {
    padding-left: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-top: 1px coral solid;
    background-color: #fff;
}

/*ici position:relative;top:-30px*/
div.mainPanelDossierMessage {
    width: 430px;
    float: right;
    margin: 0 0 0 2px;
    max-height: 700px;
    position: relative;
    top: -30px;
}

div.ASS.mainPanelDemande {
    width: 100%;
    clear: left;
    float: left;
}

div.mainPanelDemande {
    width: 504px;
    clear: left;
    float: left;
}

.mainPanelDossierMessage .MsgPresenters .repeater {
    height: 500px;
}

.conteneurmsgPresenter {
    margin: 5px;
}


.conteneurDetailDossier {
    border-width: 1px;
    border-style: none;
    border-color: #AAAAAA;
    background: transparent;
    padding-left: 0px;
    font-size: small;
}
/* modif 20120605
.headerAccordion
{
    height:2em;
    width:auto;
    color: #000;
    border:solid 1px #719DDB;
    padding:5px 20px 5px 20px;
    font: bold 11px auto Arial, Helvetica, sans-serif;
    font-size: 12px;
    cursor: pointer;
    background: #F0F0FF;
}
.headerAccordion:hover
{
   color: #FF8822;
}

.headerAccordionSelected
{
    height:2em;
    width:auto;
    color: #000;
    border-top:solid 1px #719DDB;
    border-right:solid 1px #719DDB;
    border-bottom:solid 1px #719DDB;
    border-left:solid 10px #719DDB;
    padding:5px 20px 5px 10px;
    font: bold 11px auto Arial, Helvetica, sans-serif;
    font-size: 12px;
    cursor: pointer;
    background: #E0E0FF;
}
.headerAccordionSelected:hover
{
    color: #FF8822;
}
.conteneurAccordion
{
    padding:10px;
    border:solid 1px #719DDB;
    }*/
.headerAccordion {
    height: 40px;
    width: auto;
    background: #fafafa url('Images/hash.45.black.png') 0 -45px repeat-x;
    color: #000;
    border: solid 1px #ededed;
    padding: 5px 0px 0px 60px;
    font: bold 14px auto Arial, Helvetica, sans-serif;
    font-size: 14px;
    cursor: pointer;
}

    .headerAccordion:hover {
        background: #fafafa url('Images/hash.45.black.png') 0 0 repeat-x;
    }

    .headerAccordion span {
        background-color: transparent;
        color: #fff;
        padding: 0 0 0 30px;
        letter-spacing: .5em;
        word-spacing: 1.5em;
        line-height: 1.19em;
        max-width: 200px;
    }

        .headerAccordion span em {
            font-size: 1.2em;
            font-weight: bold;
            font-style: normal;
        }

.headerAccordionBlue, .headerAccordionViolet, .headerAccordionOrange, .headerAccordionGreen {
    height: 100%;
    background-image: url('Images/SpriteAccordionOpenClose.png');
    background-repeat: no-repeat;
    background-position: right 16px;
}

.headerAccordionSelected .headerAccordionBlue,
.headerAccordionSelected .headerAccordionViolet,
.headerAccordionSelected .headerAccordionOrange,
.headerAccordionSelected .headerAccordionGreen {
    background-position: bottom right;
}

.headerAccordionBlue {
    background-color: #04BAF7;
}

    .headerAccordionBlue span em {
    }

.headerAccordionViolet {
    background-color: #A776BC;
}

    .headerAccordionViolet span em {
    }

.headerAccordionOrange {
    background-color: #F78725;
}

    .headerAccordionOrange span em {
    }

.headerAccordionGreen {
    background-color: #99CC33;
}

    .headerAccordionGreen span em {
    }

.headerAccordionSelected {
    height: 40px;
    width: auto;
    background: #fafafa url('Images/hash.45.black.png') 0 0 repeat-x;
    color: #000;
    border: solid 1px #ededed;
    padding: 5px 0px 0px 60px;
    font: bold 14px auto Arial, Helvetica, sans-serif;
    font-size: 14px;
    cursor: pointer;
}

    .headerAccordionSelected span {
        background-color: transparent;
        color: #FFFFFF;
        letter-spacing: 0.5em;
        line-height: 1.19em;
        max-width: 200px;
        padding: 0 0 0 30px;
        word-spacing: 1.5em;
    }

        .headerAccordionSelected span em {
            font-size: 1.2em;
            font-weight: bold;
            font-style: normal;
        }

    .headerAccordionSelected:hover {
        background: #fafafa url('Images/hash.45.black.png') 0 -45px repeat-x;
    }

.AccordionSocietys {
    overflow: visible !important;
}

.headerAccordion span.icoSociete,
.liRea span.icoSociete,
.headerAccordionSelected span.icoSociete {
    display: inline-block;
    width: 50px;
    height: 40px;
    background: #fff url('Images/SpriteLogos.png') -100px bottom no-repeat;
    padding: 0 !important;
}

    .headerAccordion span.icoSociete.AGF,
    .headerAccordionSelected span.icoSociete.AGF {
        background: #fff url('Images/SpriteLogos.png') -100px top no-repeat !important;
    }

    .headerAccordion span.icoSociete.AXA,
    .headerAccordionSelected span.icoSociete.AXA {
        background: #fff url('Images/SpriteLogos.png') -100px -40px no-repeat !important;
    }

    .headerAccordion span.icoSociete.GAN,
    .headerAccordionSelected span.icoSociete.GAN {
        background: #fff url('Images/SpriteLogos.png') -100px -80px no-repeat !important;
    }

    .headerAccordion span.icoSociete.AXARE,
    .liRea span.icoSociete.AXARE,
    .headerAccordionSelected span.icoSociete.AXARE {
        background: #fff url('Images/SpriteLogos.png') -100px -120px no-repeat !important;
    }

    .headerAccordion span.icoSociete.MUNICHRE,
    .liRea span.icoSociete.MUNICHRE,
    .headerAccordionSelected span.icoSociete.MUNICHRE {
        background: #fff url('Images/SpriteLogos.png') -100px -160px no-repeat !important;
    }

    .headerAccordion span.icoSociete.SUISSERE,
    .liRea span.icoSociete.SUISSERE,
    .headerAccordionSelected span.icoSociete.SUISSERE {
        background: #fff url('Images/SpriteLogos.png') -100px -200px no-repeat !important;
    }

    .headerAccordion span.icoSociete.BCAC,
    .headerAccordionSelected span.icoSociete.BCAC {
        background: #fff url('Images/SpriteLogos.png') -100px -240px no-repeat !important;
    }


.conteneurAccordion {
    padding: 0 0 0 60px;
    border: solid 1px #ededed;
}

.conteneurAccordionBlue {
    background: #04BAF7;
    padding: 10px 0 10px 0;
}

.conteneurAccordionViolet {
    background: #A776BC;
    padding: 10px 0 10px 0;
}

.conteneurAccordionOrange {
    background: #F78725;
    padding: 10px 0 10px 0;
    overflow: hidden !important;
}

.conteneurAccordionGreen {
    background: #99CC33;
    padding: 10px 0 10px 0;
}

/*dashBoard*/

.dashBoard span.Libelle {
    font-weight: bold;
    word-spacing: 1em;
}

.dashBoardOpaque {
    background: #f2e8f7;
    padding: 10px 0 10px 10px;
}

    .dashBoardOpaque ul {
        background-image: url("Images/1px.fff.70.png");
        margin-bottom: 5px;
    }

        .dashBoardOpaque ul.ulMessage {
            background-position: left center;
            background-repeat: repeat-x;
            display: inline;
        }

            .dashBoardOpaque ul.ulMessage a {
                margin: 0 15px;
                padding-right: 10px;
                background: #f2e8f7 url("Images/dot.7x7.png") left center no-repeat;
            }

        .dashBoardOpaque ul a {
            text-decoration: none;
        }

        .dashBoardOpaque ul.ulMessage a.floatLeft {
            text-align: right;
        }

        .dashBoardOpaque ul.ulMessage span.BCAC.MSGIN,
        .dashBoardOpaque ul.ulMessage span.ASS.MSGOUT,
        .dashBoardOpaque ul.ulMessage span.REA.MSGOUT {
            padding-bottom: 6px;
            background: #f2e8f7 url("Images/dot.7x7.bcacR.png") bottom -20px no-repeat;
        }


        .dashBoardOpaque ul.ulMessage li {
            background: url("Images/dot.7x7.png") center center no-repeat;
        }

        .dashBoardOpaque ul.ulEtat {
            background-position: top center;
            background-repeat: repeat-y;
            width: 100%;
        }

            .dashBoardOpaque ul.ulEtat a span {
                vertical-align: middle;
                /*display:inline;*/
            }

            .dashBoardOpaque ul.ulEtat li {
                margin-top: 5px;
                background: url("Images/dot.7x7.png") center center no-repeat;
            }

                .dashBoardOpaque ul.ulEtat li.True.Left.BCAC {
                    background: url("Images/dot.7x7.bcacR.png") center center no-repeat;
                }

                .dashBoardOpaque ul.ulEtat li.Left {
                    padding-right: 49.9%;
                    text-align: right;
                }

            .dashBoardOpaque ul.ulEtat .stadeEtat {
                margin: 0px 10px 0 10px !important;
            }

            .dashBoardOpaque ul.ulEtat li.Left .stadeEtat.Left {
                display: none !important;
            }

            .dashBoardOpaque ul.ulEtat li.Right .stadeEtat.Right {
                display: none !important;
            }

            .dashBoardOpaque ul.ulEtat li.True.Right.BCAC {
                background: url("Images/dot.7x7.bcacL.png") center center no-repeat;
            }

            .dashBoardOpaque ul.ulEtat li.Right {
                padding-left: 49.9%;
            }

            .dashBoardOpaque ul.ulEtat a.Left {
                background: url("Images/5x5.orange.25.png") left top repeat;
                cursor: pointer;
            }

            .dashBoardOpaque ul.ulEtat a.Right {
                background: url("Images/5x5.vert.25.png") left top repeat;
                cursor: pointer;
            }

            .dashBoardOpaque ul.ulEtat a span.normal, .dashBoardOpaque ul.ulEtat a span.bold {
                max-width: 90%;
                display: inline-block;
            }

        .dashBoardOpaque ul a span.bold {
            font-weight: bold !important;
        }

        .dashBoardOpaque ul a span.normal {
            font-weight: normal !important;
            font-size: .9em;
        }

        .dashBoardOpaque ul.ulEtat a span.normal small {
        }

/*texte de reference*/
.textesRef {
    background: #eaf7cf;
    padding: 10px 0 10px 10px;
    word-spacing: 1em;
    letter-spacing: .5em;
}

/*Parametrage float:left;*/
div.Users {
    clear: both;
    overflow: hidden;
    background: #fff;
}

div.ViewUser {
    border: solid 1px #000;
    height: 130px;
    width: 380px;
    margin: 10px;
    padding: 10px;
}

.ViewUser em {
    font-family: Arial Black;
    font-size: 30px;
    font-weight: bolder;
    color: Navy;
    font-style: normal;
    margin-right: 5px;
}

.ViewUser span {
    padding: 0 0 5px 0;
}

div.ViewLogin {
    padding-bottom: 10px;
    vertical-align: middle;
}

.ViewUser input {
}

    .ViewUser input:hover {
        background-color: #fafafa;
    }

div.ViewUserInfo {
    margin-left: 150px;
    padding: 0 10px 10px 10px;
    font-size: x-small;
    color: Gray;
}

div.EditUser {
    border: solid 1px #ff6633;
    height: 130px;
    width: 380px;
    margin: 10px;
    padding: 10px;
    text-align: right;
}
/*UserCreator*/
.UserCreator {
    width: 100%;
    font-family: Calibri,Arial,sans-serif;
    font-size: 13px;
}
    /*.UserCreator .AspNet-Menu-Vertical{float:left;width:10%;margin-top:5px;margin-right:-6px;height:80px;background-color:#fafafa;}
.UserCreator .AspNet-Menu-Leaf span{height:15px;}
.UserCreator .AspNet-Menu-Selected {height:35px;}
.UserCreator .AspNet-Menu-Selected span{height:35px;background-color:#FFF4DF; font-size:30px; color:#ff6633;
  border-top:solid 1px #ff6633;  border-bottom:solid 1px #ff6633; border-left:solid 2px #ff6633;}*/
    .UserCreator .menuSociety {
        text-align: left;
    }

        .UserCreator .menuSociety li {
            margin: 2px;
            background: url('Images/hash.45.black.png') 0 -45px repeat-x;
            white-space: nowrap;
            float: none;
        }

            .UserCreator .menuSociety li ul {
                margin: -42px 0 0 -2px;
                max-height: 252px;
                overflow-x: hidden;
                overflow-y: auto;
                background-color: #ededed;
                border: solid 1px #ccc;
                padding-right: 20px;
            }

                .UserCreator .menuSociety li ul li {
                    z-index: 100;
                    background: #fafafa url('Images/hash.45.black.png') 0 -45px repeat-x;
                }

        .UserCreator .menuSociety .AspNet-Menu-Leaf {
            background-color: #fafafa;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .UserCreator .menuSociety .AspNet-Menu-Link:hover,
        .UserCreator .menuSociety li.AspNet-Menu-Selected {
            background: url('Images/breadSeparator.png') top center no-repeat;
        }

    .UserCreator .CUMulti {
        float: left;
        width: 100%;
        margin: 20px 10px 10px 10px;
    }

    .UserCreator img.nxtPrv {
        margin-top: 45px;
    }

    .UserCreator .CUMultiView {
        float: right;
        height: 150px;
        margin: 5px;
        padding: 5px;
        text-align: right;
        width: 45%;
        font-weight: bold;
    }

        .UserCreator .CUMultiView .ViewContact {
            padding: 50px 10px 10px 0;
        }

    .UserCreator fieldset {
        width: 330px;
        margin: 0px !important;
    }

    .UserCreator .fiche {
        background: #FAFAFA url('Images/bgUserCreate.png') center center no-repeat;
        border: 1px solid #EBEBEB;
        float: left;
        height: 150px;
        margin: 5px;
        padding: 5px;
        width: 50%;
    }

.UserCivilite {
    float: right;
    max-width: 50%;
    position: relative;
    top: -25px;
}

.UserCreator .fiche > div {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EBEBEB;
    height: 100%;
    padding: 5px;
    width: 100%;
}


.UserCreator .fiche .lblSociete {
    position: relative;
    top: -40px;
}

.UserCreator .fiche span.icoSociete {
    display: inline-block;
    width: 100px;
    height: 80px;
    background: url('Images/SpriteLogos.png') left bottom no-repeat;
}

    .UserCreator .fiche span.icoSociete.AGF {
        background: url('Images/SpriteLogos.png') left top no-repeat !important;
    }

    .UserCreator .fiche span.icoSociete.AXA {
        background: url('Images/SpriteLogos.png') left -80px no-repeat !important;
    }

    .UserCreator .fiche span.icoSociete.GAN {
        background: url('Images/SpriteLogos.png') left -160px no-repeat !important;
    }

    .UserCreator .fiche span.icoSociete.AXARE {
        background: url('Images/SpriteLogos.png') left -240px no-repeat !important;
    }

    .UserCreator .fiche span.icoSociete.MUNICHRE {
        background: url('Images/SpriteLogos.png') left -320px no-repeat !important;
    }

    .UserCreator .fiche span.icoSociete.SUISSERE {
        background: url('Images/SpriteLogos.png') left -400px no-repeat !important;
    }

    .UserCreator .fiche span.icoSociete.BCAC {
        background: url('Images/SpriteLogos.png') left -480px no-repeat !important;
    }

.UserCreator .fiche em {
    font-family: Arial Black;
    font-size: 20px;
    font-weight: bolder;
    color: Navy;
    font-style: normal;
    padding-left: 10px;
}

.UserCreator .fiche div.UserInfo {
    color: #888888;
    font-size: small;
    margin: 10px 0 0 30px;
}

.UserCreator table.RblSociety {
    display: block;
    max-height: 140px;
    overflow-y: auto;
    margin-left: 15px;
    font-weight: bold;
    text-align: left;
}

    .UserCreator table.RblSociety label,
    .UserCreator table.RblCivilite label {
        line-height: 20px !important;
        float: none !important;
    }

.UserCreator table.RblCivilite {
    text-align: left;
}

.UserCreator td.tdLogin {
    padding: 50px 0 10px 0;
}

.UserCreator span.UserMail {
    display: block;
    padding-left: 30px;
    height: 20px;
    background: url('Images/SpriteUserInfos.png') left top no-repeat;
}

.UserCreator span.UserFixe {
    display: block;
    padding-left: 30px;
    height: 20px;
    background: url('Images/SpriteUserInfos.png') left -20px no-repeat;
}

.UserCreator span.UserMobile {
    display: block;
    padding-left: 30px;
    height: 20px;
    background: url('Images/SpriteUserInfos.png') left -40px no-repeat;
}

div.mainDossier {
}

input.TraceBtn {
    position: absolute;
    top: 146px; /*! left: 15px; */
    z-index: 5000;
}

* + html input.TraceBtn {
    position: absolute;
    top: 151px !important;
    left: 15px;
    z-index: 5000;
}

.cpHeader {
    /*height:6em;*/
    width: auto;
    color: white;
    /*background-color:#719ddb*/
    background: #02A1D6;
    font: bold 11px auto Calibri, Helvetica, sans-serif;
    font-size: 12px;
    /*cursor: pointer;*/
    padding: 0 0 5px 20px;
}

.cpHeaderBO {
    cursor: default !important;
}

.cpHeader ul {
}

.cpHeader div.cpHeaderContent {
    margin: 7px 0 0 40px;
}

.cpHeader div {
    float: left;
    line-height: 1.1em;
}

    .cpHeader div.mrgLeft10 {
        margin-left: 10px;
    }

    .cpHeader div.Toogle .CheckBox {
        margin-right: -10px;
    }

.cpHeader span {
    clear: both;
}

.cpHeader .PanelClear {
    clear: left;
}

.cpHeader .ClearRight {
    clear: right;
}

.cpHeader .PanelRight {
    float: right;
    margin-bottom: 5px;
}

.cpHeader .Libelle {
    color: #000;
    font-size: xx-small;
}

.cpHeader input[readOnly] {
    background-color: #02A1D6 !important;
    color: #fff;
    font-weight: bold;
}

.cpHeader input {
    background-color: #04B1EA;
    color: #fff;
    font-weight: bold;
    border: none;
    border-bottom: solid 1px red;
}

    .cpHeader input.watermarkDossierInfo {
        border: none !important;
    }

.cpHeaderTable tr {
}

.cpHeaderTable th {
    padding: .1em .5em;
    color: #000000;
    font-size: .75em;
    line-height: .6em;
}

.cpHeaderTable td {
    padding: 0 0 0.2em 0.9em;
    vertical-align: middle;
}

.liRea {
    background: none repeat scroll 0 0 #FFA500;
    margin: 1em;
    padding: .5em;
}

    .liRea:hover {
        background: none repeat scroll 0 0 #123456;
        color: #FFA500;
    }

.spanRea {
    font-size: 4em;
    padding: 0 0.3em;
    position: relative;
    top: -.15em;
}

.liRea span.titre {
    position: relative;
    top: -1.5em;
    padding-left: 1em;
}

#tableStatsRea {
    position: relative;
    z-index: 9000;
    left: -130px;
    border: solid 1px #ededed;
}

    #tableStatsRea td {
        background: #fafafa url("Images/hash.45.black.png") repeat;
        color: #000;
        vertical-align: middle;
    }

        #tableStatsRea td.explain {
            text-align: center;
            width: 120px;
            white-space: normal;
        }

#ulStatsREA {
    padding: 5px 10px;
    background: #fafafa url("Images/hash.45.black.png") repeat;
    color: #02A1D6;
}

    #ulStatsREA .liRea {
        background-color: #fff;
        margin: 5px 0;
        padding: 2px 5px;
    }

    #ulStatsREA span.titre {
        position: relative;
        top: -13px;
    }

    #ulStatsREA span.inlinesparkline {
        margin: 0 5px;
    }

    #ulStatsREA .spanRea {
        display: inline-block;
        width: 15px;
        height: 15px;
        background: url('Images/SpriteSpanReaExcluded.png') left top no-repeat;
        margin: 0 10px 0 0;
        padding: 0 !important;
        position: relative;
        bottom: 13px;
    }

    #ulStatsREA .liReaExcluded {
        color: #ededed;
    }

        #ulStatsREA .liReaExcluded .spanRea {
            background: url('Images/SpriteSpanReaExcluded.png') left -15px no-repeat;
        }

    #ulStatsREA .icoSociete {
        margin-top: 5px;
    }
    /*APPETENCE*/
    #ulStatsREA .liRea.bonus {
        color: Green;
    }

        #ulStatsREA .liRea.bonus:hover {
            color: #99CC33;
        }

    #ulStatsREA .liReaExcluded.bonus {
        color: #D8ECB1;
    }

    #ulStatsREA .liRea.malus {
        color: Red;
    }

        #ulStatsREA .liRea.malus:hover {
            color: #EB3C00;
        }

    #ulStatsREA .liReaExcluded.malus {
        color: #E7CAEC;
    }

.cpHeaderValues {
    border: 1px solid black;
    padding: 30px;
    position: absolute;
    z-index: 10000;
    height: auto;
    width: 700px;
    color: black;
    font: bold 11px auto Arial, Helvetica, sans-serif;
    cursor: pointer;
}

div.ie_rgba {
    /* Fallback for web browsers that doesn't support RGBa */
    background: url("Images/hash.45.black.png") repeat rgb(255, 255, 255);
    background: url("Images/hash.45.black.png") repeat rgba(255, 255, 255, 0.8);
    background: url("Images/hash.45.black.png") repeat transparent !ie; /* clear solid background for ie */
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}

div.ie_rgba_fix {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}

.cpHeaderValues div, div.PanelClear div {
    float: left;
}

.VALUES div.Margin10 {
    margin-left: 10px;
}

.VALUES div.PanelClear {
    clear: left;
    z-index: 10001;
    padding: 30px 0 0 40px;
    position: relative;
}

.VALUES .PanelClear .cancelButton {
    position: absolute;
    margin: 22px 0 0 -15px;
}

.cpHeaderValues div.PanelRight {
    float: right;
    padding-top: 1em;
}

.cpHeaderValues .Libelle {
    color: #719DDB;
    font-size: xx-small;
}

#ulResumePossibleDossiers {
    color: #99E3FC;
    font-family: calibri,helvetica,sans-serif;
    font-weight: normal;
    margin-bottom: 5px;
}

#ulPossibleDossiers {
    position: absolute;
    z-index: 20000;
    color: #fff;
    background: #017DB2 url('Images/hash.45.black.png') 0 0 repeat;
    font-family: calibri,helvetica,sans-serif;
    font-weight: normal;
    font-size: 1em !important;
    line-height: 1.2em !important;
    margin-bottom: 5px;
    padding: 1em;
}

    #ulPossibleDossiers ul {
        margin-left: 25px;
    }

    #ulPossibleDossiers > li {
        margin-bottom: 10px;
    }

        #ulPossibleDossiers > li:hover {
            text-decoration: underline;
        }

        #ulPossibleDossiers > li em {
            color: #000000;
            font-style: normal;
            font-weight: bold;
        }

        #ulPossibleDossiers > li > b {
            color: #6FD1F2;
            font-size: 1.25em;
            font-weight: bold;
        }

        #ulPossibleDossiers > li ul li p {
            margin-left: 15px;
        }

        #ulPossibleDossiers > li ul li b {
            color: #E18542;
            font-size: 1.25em;
            font-weight: bold;
        }


.spanOtherIndent {
    color: #99E3FC;
    font-family: calibri,helvetica,sans-serif;
    font-weight: normal;
    margin-top: 5px;
    display: block;
    height: 23px;
    padding: 0 25px 0 0;
    background: url('Images/Sprite.23.23.Doublons.png') top right no-repeat;
    overflow: hidden;
}

    .spanOtherIndent:hover {
        background: url('Images/Sprite.23.23.Doublons.png') bottom right no-repeat;
    }

    .spanOtherIndent span {
        position: relative;
        top: 5px;
    }

#ulOtherClientIdentity {
    background-color: #017DB2;
    position: absolute;
    vertical-align: middle;
    border: 1px solid #fff;
    padding: 5px;
}

    #ulOtherClientIdentity span {
        position: relative;
        top: 0;
    }

table.CFV_Table {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: bold;
    margin: 5px 10px 0 0;
}

.CFV_Table td {
    padding: 0 4px;
}

table.CFV_Table a {
    float: none !important;
    color: #000;
}

table.CFV_Table ul {
    width: 100%;
}

.CFV_ind1 {
    float: none !important;
    background: transparent url('Images/hash.0.10.png') 0 0 repeat;
}

.CFV_ind2 {
    float: none !important;
    background: transparent url('Images/hash.0.20.png') 0 0 repeat;
}

.DossierInfo {
    background: #fafafa url('Images/hash.45.black.png') 0 bottom repeat-x;
    padding: 0 0 10px 40px;
}

    .DossierInfo .content {
        padding: 4px 5px 4px 10px;
        background: #02A1D6 url('Images/hash.45.black.png') 0 top repeat-x;
    }

    .DossierInfo input, .DossierInfo textarea {
        border: 0;
    }

    .DossierInfo select {
        border: 0;
        width: 100%;
    }

    .DossierInfo a {
        font-weight: bold;
        color: #fff;
    }

    .DossierInfo table {
        margin: .5em 1em;
    }

        .DossierInfo table.comment {
            width: 100%;
            font-size: 1em;
        }

    .DossierInfo th.advancement {
        border: none;
        padding: 3px 10px;
    }

    .DossierInfo th {
        vertical-align: middle;
        text-align: center;
        border: solid 1px #aba899;
    }

    .DossierInfo td {
        border: solid 1px #aba899;
        background-color: #fafafa;
        text-align: center;
    }

    .DossierInfo div.PopUpComments, td.PopUpComments div.ui-wrapper {
        background: #fafafa url('Images/hash.45.black.png') 0 0 repeat;
        padding: 5px;
        margin: 5px !important;
    }

    .DossierInfo .PathoButton {
        text-align: left;
        font-size: 1.4em;
        color: White;
    }

.Pathologies {
}

    .Pathologies span.Famille,
    .Pathologies span.Pathologie {
        font-size: 1.1em;
        margin-right: 20px;
    }

    .Pathologies span.Famille,
    .Pathologies .panelItems.Famille {
        min-width: 150px;
    }

    .Pathologies span.Pathologie,
    .Pathologies .panelItems.Pathologie,
    .Pathologies .Pathologie {
        min-width: 340px;
    }

    .Pathologies .panelItems {
        max-height: 370px;
        overflow-y: auto;
        overflow-x: hidden;
        font-size: 1.1em !important;
        font-weight: bold;
        color: #103F6B !important;
    }

        .Pathologies .panelItems label {
            position: relative;
            top: -3px;
        }

.DU {
    width: 73%;
}

.DemandeUpdater > div > div {
    background: transparent url('Images/hash.45.black.png') repeat-x 0 -30px !important;
}

.rotate90 {
    -webkit-transform: rotate(-90deg); /* Firefox */
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 20px 0px; /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.DemandeUpdater.DU_Ind1 .ui-widget-header {
    background-color: #99CC33 !important;
}

.DemandeUpdater.DU_Ind2 .ui-widget-header {
    background-color: #F78725 !important;
}

.DemandeUpdater.DU_Ind3 .ui-widget-header {
    background-color: #04BAF7 !important;
}

.DemandeUpdater .assureur {
    font-size: 0.95em;
    line-height: 1em;
    margin-left: 3em;
    text-align: right;
    color: #ededed;
    margin-bottom: .5em;
    max-width: 50%;
}

.assureur > span {
    color: #fff;
    font-family: calibri,helvetica,sans-serif;
    font-size: 1.5em;
}

.DemandeUpdater input, .DemandeUpdater select, .DemandeUpdater textarea {
    border: none;
}

* + html .TabsPrets ul.DRU_ul {
    min-width: 740px;
}

* + html .TabsPrets ul.DPU_ul {
    min-width: 310px;
}

.TabsPrets .stepPret {
    font-family: calibri,helvetica,sans-serif;
    font-size: 12px;
}

.TabsPrets a.Btn {
    margin-top: 15px;
}

.TabsPrets .stepPret em {
    font-style: normal;
    font-weight: bold;
    font-size: 1.5em;
}

.TabsPrets .stepPret > span {
    font-size: 0.9em;
}

    .TabsPrets .stepPret > span > label {
        bottom: 0.4em;
        position: relative;
    }

.DemandeUpdater .watermarkREFASS {
    background: transparent;
}

.DemandeUpdater .watermarkPret {
    font-family: inherit;
    font-weight: bolder;
}

.DemandeUpdater .tablePrets td {
    padding: 0 .5em;
}

.DemandeUpdater .tablePrets {
    font-family: Helvetica !important;
    font-size: 1.1em;
}

    .DemandeUpdater .tablePrets td {
        text-align: right;
    }

.DemandeUpdater.DU_Ind1 .tablePrets tr.header {
    background-color: #B2D56B !important;
}

.DemandeUpdater.DU_Ind2 .tablePrets tr.header {
    background-color: #F78725 !important;
}

.DemandeUpdater.DU_Ind3 .tablePrets tr.header {
    background-color: #04BAF7 !important;
}

.DemandeUpdater .tablePrets tr.alternate {
    background-image: url('Images/hash.0.10.png');
    background-repeat: repeat;
}

.DemandeUpdater .tablePrets td.alternate, .DemandeUpdater .tablePrets th.alternate {
    background-image: url('Images/hash.0.10.png');
    background-repeat: repeat;
}
/*hack ie*/
* + html .DemandeUpdater .tablePrets tr.alternate td.alternate, .DemandeUpdater .tablePrets tr.alternate th.alternate {
    background-image: url('Images/hash.0.10.x2.png');
    background-repeat: repeat;
}

.DemandeUpdater .tablePrets .sinistre {
    padding-right: 30px;
}

.DemandeUpdater.DU_Ind1 .tablePrets .sinistre {
    color: #99CC33 !important;
}

.DemandeUpdater.DU_Ind2 .tablePrets .sinistre {
    color: #F78725 !important;
}

.DemandeUpdater.DU_Ind3 .tablePrets .sinistre {
    color: #04BAF7 !important;
}

.DemandeUpdater .tablePrets .sinistre .date > span {
    left: -.3em;
    bottom: 0.2em;
    position: relative;
}

.DemandeUpdater .tablePrets .sinistre span.mt {
    bottom: -0.3em;
    left: .4em;
    position: relative;
}

.DemandeUpdater .generation {
    width: 60px;
    float: left;
}

.DemandeUpdater .divGeneration .ui-spinner.ui-widget, .DemandeUpdater .tddate > * {
    float: left;
}

.DemandeUpdater .divMotif {
    text-align: right;
}

    .DemandeUpdater .divMotif .ui-spinner.ui-widget {
        float: right;
    }

.DemandeUpdater .divGeneration input[type=text] {
    height: 16px;
}

.DemandeUpdater .divGeneration .ui-spinner.ui-widget {
    margin-left: -16px;
}

.DemandeUpdater .tablePrets input[type=text] {
    font-family: calibri,arial,sans-serif !important;
    width: 4em;
    border: none;
    background-color: Transparent;
    font-size: 1.3em;
}

.DemandeUpdater .Resume input[type=text] {
    background-color: Transparent;
}

.DemandeUpdater .tablePrets .cancelButton input, .RU_Tarifications .tableTarifs .cancelButton input, .PanelClear .cancelButton input,
.DemandeUpdater .tablePrets .suppressButton input, .RU_Tarifications .tableTarifs .suppressButton input {
    width: 16px;
    height: 16px;
}

.DemandeUpdater .tablePrets .cancelButton, .RU_Tarifications .tableTarifs .cancelButton, .PanelClear .cancelButton input {
    background: url("Images/SpriteCancelSuppressButton.png") top right no-repeat;
    display: block;
}

    .DemandeUpdater .tablePrets .cancelButton:hover, .RU_Tarifications .tableTarifs .cancelButton:hover, .PanelClear .cancelButton:hover {
        background: url("Images/SpriteCancelSuppressButton.png") top left no-repeat;
    }

.DemandeUpdater .tablePrets .suppressButton, .RU_Tarifications .tableTarifs .suppressButton {
    background: url("Images/SpriteCancelSuppressButton.png") bottom right no-repeat;
    display: block;
}

    .DemandeUpdater .tablePrets .suppressButton:hover, .RU_Tarifications .tableTarifs .suppressButton:hover {
        background: url("Images/SpriteCancelSuppressButton.png") bottom left no-repeat;
    }

.DemandeUpdater .tablePrets a.Btn {
    margin-top: 0 !important;
}

.DemandeUpdater .tddate > span {
    margin: 3px 0 0 0;
}

.DemandeUpdater .Resume {
    border: 1px solid #ABA899;
    font-size: 14px !important;
    font-weight: bold;
    padding: 1px;
    text-align: right;
}

    .DemandeUpdater .Resume .textfield {
        font-size: 14px !important;
        font-weight: bold;
    }

    .DemandeUpdater .Resume em {
        font-size: .7em !important;
    }

.DemandeUpdater .PretResume {
    border-bottom: solid 1px #aba899;
    padding: 0 0 1px 0;
}

.DemandeUpdater .spacer {
    padding: 1px 10px 0 0;
    margin: 5px -10px -10px 0;
    background: #ededed url('Images/hash.45.black.png') repeat-x 0 bottom;
}

.DemandeUpdater .checkbox > label {
    bottom: 4px;
    position: relative;
}

th.niv2, td.niv2, .niv2 {
    background: url("Images/hash.0.10.png") repeat scroll 0 0 transparent;
    margin: 2em;
    /*! max-width:40% */
}

    th.niv2, td.niv2, .niv2 > div {
        background: transparent url('Images/hash.0.20.png') 0 0 repeat;
    }

table.Infos {
    width: 260px;
}

    .niv2 span, table.Infos th {
        color: #fff;
        font-family: Calibri,arial,sans-serif;
        font-size: 1.3em;
        font-weight: bold;
    }

.niv2 span {
    display: block;
    white-space: nowrap;
}

div.Infos div {
    margin: .6em .5em;
}

    div.Infos div div {
        margin-top: -.6em;
        margin-bottom: 0em;
    }

div.Infos th {
    vertical-align: middle;
    text-align: right;
    padding: 0 5px;
    font-family: Calibri,helvetica,sans-serif;
    color: #fff;
    font-size: .9em;
}

.Infos span.Garantie {
    display: inline-block;
    width: 45px;
    height: 15px;
    background: url('Images/SpriteOuiNon.png') left bottom;
}

    .Infos span.Garantie.True {
        background-position: left top !important;
    }

    .Infos span.Garantie.False {
        background-position: left -15px !important;
    }

.DemandeUpdater .tableAssNiv2 {
    border: solid;
    background: #000;
    color: #fff;
}

.RU_Infos .Reponse {
    font-family: calibri,helvetica,sans-serif;
    font-weight: normal;
    font-size: 15px;
    color: #fff;
    padding: 2px;
}

    .RU_Infos .Reponse em > span {
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        height: 24px;
        padding-right: 26px;
    }

        .RU_Infos .Reponse em > span.ACCEPTATION {
            background: url('Images/icoReponse.png') top right no-repeat;
        }

        .RU_Infos .Reponse em > span.REFUS {
            background: url('Images/icoReponse.png') -24px right no-repeat;
        }

        .RU_Infos .Reponse em > span.AJOURNEMENT {
            background: url('Images/icoReponse.png') -48px right no-repeat;
        }

.Reponse > span {
    font-size: 0.8em;
    position: absolute;
    right: 0;
    top: 0;
}


ul.RU_ul {
    width: 500px;
}

* + html .RU_Infos ul.RU_ul, .RU_Tarifications ul.RU_ul {
    min-width: 250px;
}

.RU_Infos .ui-tabs-nav a, .RU_Tarifications .ui-tabs-nav a {
    font-size: 12px;
}

.RU_Infos .ui-tabs-panel .ui-wrapper, .RU_Tarifications .ui-tabs-panel .ui-wrapper {
    margin: 1em !important;
}

.RU_Tarifications {
    color: Purple;
}

    .RU_Tarifications .tableTarifs {
        font-size: 1.3em;
        font-weight: bold;
        margin: .5em;
    }

        .RU_Tarifications .tableTarifs em {
            font-style: normal;
            font-size: 0.8em;
            font-weight: normal;
        }

        .RU_Tarifications .tableTarifs td {
            text-align: right;
        }

        .RU_Tarifications .tableTarifs tr.header {
            background-color: #99E3FC;
        }

        .RU_Tarifications .tableTarifs tr.alternate {
            background-image: url('Images/hash.0.10.png');
            background-repeat: repeat;
        }

        .RU_Tarifications .tableTarifs td.alternate, .RU_Tarifications .tableTarifs th.alternate {
            background-image: url('Images/hash.0.10.png');
            background-repeat: repeat;
        }

        * + html .RU_Tarifications .tableTarifs tr.alternate td.alternate, .RU_Tarifications .tableTarifs tr.alternate th.alternate {
            background-image: url('Images/hash.0.10.x2.png');
            background-repeat: repeat;
        }

        .RU_Tarifications .tableTarifs input {
            border: none;
            width: 40px;
            font-family: calibri,Arial,Helvetica,sans-serif !important;
        }

        .RU_Tarifications .tableTarifs .watermarkTarif {
            border: none;
            width: 40px;
            background-color: Transparent;
        }

.PrimesU {
    font-size: 1.15em;
    font-family: Calibri !important;
    width: 200px;
}


    .PrimesU .scrollContent {
        height: 260px;
        overflow: auto;
        position: relative;
    }


        .PrimesU .scrollContent tr {
            background: url("Images/1px225ED0.png") repeat-x scroll left 15px transparent;
            margin-top: 10px !important;
        }

    .PrimesU sub {
        background-color: #FFFFFF;
        top: -5px;
        color: #225ED0;
        font-size: 0.7em;
        font-weight: bold;
        letter-spacing: 0.2em;
        position: relative;
        left: 20px;
        z-index: 1000;
    }

    .PrimesU span.exerPrime {
        display: block;
        background: url("Images/icon.date.png") no-repeat scroll left center #FAFAFA;
        border: 1px solid #CCCCCC;
        font-weight: bolder;
        padding: 4px 2px 4px 20px;
        position: relative;
        top: -8px;
        font-size: 1.1em;
    }

    .PrimesU .input {
        background-color: #fff;
        margin-left: 20px;
        bottom: 2px;
        color: blue;
        position: relative;
    }

    * + html .PrimesU .input {
        background-color: #fff;
        margin-left: 20px;
        bottom: 5px;
        color: blue;
        position: relative;
    }

        .PrimesU .input > input {
            font-weight: bold;
            width: 70px;
            border: none;
        }

.demande {
    /*background:transparent url(Images/DemandeSep.png) repeat-y -11px top ;*/
    padding: 10px;
    border: solid 1px #000;
    margin: 0 5px 20px 0;
}

.demPart1, .demPart2 {
    width: 100%;
}

.ASS .demPart1 {
    width: 50%;
}

.ASS .demPart2 {
    margin-left: 10px;
    text-align: left;
    width: 430px;
}

.demande .MyTabStyle {
    text-align: center;
    background-color: #f2f2f2;
}

.demandeBlue,
.demandeBlue .AspNet-GridView .AspNet-GridView-Alternate {
    background-color: #E1EFF4;
}

    .demandeBlue .demHeader,
    .demandeBlue .AspNet-GridView .AspNet-GridView-Header,
    .demandeBlue .AspNet-GridView .AspNet-GridView-Footer,
    .viewDemandes .demandeBlue {
        background-color: #04BAF7;
    }

.demandeGreen,
.demandeGreen .AspNet-GridView .AspNet-GridView-Alternate {
    background-color: #EFF4E3;
}

    .demandeGreen .demHeader,
    .demandeGreen .AspNet-GridView .AspNet-GridView-Header,
    .demandeGreen .AspNet-GridView .AspNet-GridView-Footer,
    .viewDemandes .demandeGreen {
        background-color: #9c3;
    }

.demandeOrange,
.demandeOrange .AspNet-GridView .AspNet-GridView-Alternate,
.multiview .AspNet-GridView .AspNet-GridView-Alternate {
    background-color: #F4EBE3;
}

    .demandeOrange .demHeader,
    .demandeOrange .AspNet-GridView .AspNet-GridView-Header,
    .demandeOrange .AspNet-GridView .AspNet-GridView-Footer,
    .multiview .AspNet-GridView .AspNet-GridView-Header,
    .multiview .AspNet-GridView .AspNet-GridView-Footer,
    .viewDemandes .demandeOrange {
        background-color: #F78725;
    }

.demHeader {
    margin: 0 -10px 0 -10px;
    padding: 10px;
    min-height: 6em;
    height: auto;
    width: auto;
    color: black;
    border: solid 1px #6b6b6b;
    font: bold 11px auto Trebuchet MS, Verdana;
    font-size: 11px;
    /*cursor: pointer;*/
}

    .demHeader div {
        margin-top: 10px;
        margin-left: 10px;
    }

    .demHeader .demHeaderImg {
        margin-top: 5px;
    }

    .demHeader .demClear {
        clear: both;
    }

    .demHeader .Libelle {
        color: #fff;
        font-size: xx-small;
    }

.etatContainer {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 2px;
    color: black;
    border: solid 1px #6b6b6b;
    font-family: Calibri,Trebuchet MS, Verdana;
    font-size: 1em;
    /*cursor: pointer;*/
    background-color: #f2f2f2;
    text-align: center;
}

    .etatContainer > label {
        font-weight: bold;
        max-width: 270px;
        display: inline-block;
        margin-right: 3px;
        position: relative;
        top: 2px;
    }

    * + html .etatContainer > label {
        font-weight: bold;
        max-width: 270px;
        display: inline-block;
        margin-right: 3px;
        position: relative;
        top: -2px;
    }

    .etatContainer em {
        display: block;
        font-size: 1.1em;
        font-weight: 100;
        letter-spacing: 0.4em;
        width: 100%;
        word-spacing: 0.6em;
        min-height: 25px;
    }

.demandeGreen .etatContainer em {
    background-color: #9c3;
}

.demandeOrange .etatContainer em {
    background-color: #F78725;
}

.demandeBlue .etatContainer em {
    background-color: #04BAF7;
}

.etatContainer span.advancement {
    background: url('Images/hash.0.10.png') 0 0 repeat;
    display: block;
    float: right;
    height: 25px;
}

.etatContainer em._100 span.advancement {
    margin-left: -100%;
    width: 100%;
}

.etatContainer em._90 span.advancement {
    margin-left: -90%;
    width: 90%;
}

.etatContainer em._80 span.advancement {
    margin-left: -80%;
    width: 80%;
}

.etatContainer em._70 span.advancement {
    margin-left: -70%;
    width: 70%;
}

.etatContainer em._60 span.advancement {
    margin-left: -60%;
    width: 60%;
}

.etatContainer em._50 span.advancement {
    margin-left: -50%;
    width: 50%;
}

.etatContainer em._40 span.advancement {
    margin-left: -40%;
    width: 40%;
}

.etatContainer em._30 span.advancement {
    margin-left: -30%;
    width: 30%;
}

.etatContainer em._20 span.advancement {
    margin-left: -20%;
    width: 20%;
}

.etatContainer em._10 span.advancement {
    margin-left: -10%;
    width: 10%;
}

.etatContainer em._00 span.advancement {
    width: 0%;
}

.etatContainer span.titre {
    text-align: center;
    vertical-align: baseline;
}

    .etatContainer span.titre > span {
        vertical-align: middle;
    }

.etatContainer .dropdown {
    margin-left: -7px;
    margin-right: 0px;
    border: solid 1px;
}

.etatContainer .Libelle {
    color: #719DDB;
    font-size: xx-small;
}

/*Tabcontainer*/
.MyTabStyle {
    margin: 0 0 0 0px;
    padding: 5px;
    border: 1px solid #6b6b6b;
}

    .MyTabStyle .ajax__tab_header {
        font-family: "Helvetica Neue", Arial, Sans-Serif;
        font-size: 14px;
        font-weight: bold;
        display: block;
    }

        .MyTabStyle .ajax__tab_header .ajax__tab_outer {
            /*border-color: #222;*/
            color: #222;
            padding-left: 10px;
            margin-right: 3px;
            /*border:solid 1px #d7d7d7;*/
        }

        .MyTabStyle .ajax__tab_header .ajax__tab_inner {
            /*border-color: #666;*/
            color: #666;
            padding: 3px 10px 2px 0px;
        }

    .MyTabStyle .ajax__tab_hover .ajax__tab_outer {
        background-color: #8BBA2E;
    }

    .MyTabStyle .ajax__tab_hover .ajax__tab_inner {
        color: #fff;
    }

    .MyTabStyle .ajax__tab_active .ajax__tab_outer {
        /*border-bottom-color: #ffffff;*/
        background-color: #AA9C88;
    }

    .MyTabStyle .ajax__tab_active .ajax__tab_inner {
        color: #000;
        /*border-color: #333;*/
    }

    .MyTabStyle .ajax__tab_body {
        font-family: verdana,tahoma,helvetica;
        font-size: 10pt;
        background-color: #fff;
        border-top: solid 4px #AA9C88;
    }

    .MyTabStyle .ajax__tab_panel {
        margin-top: -5px;
    }

    .MyTabStyle .AspNet-GridView {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
    }
/*.calendar_Theme .ajax__calendar_container
   {background-color: #e2e2e2;   
     filter:alpha(opacity=70);
	 opacity:0.7; }*/

/**/
.ajax__calendar {
    margin: 0px !;
    font-family: Calibri;
    background: #fff !important;
}

.ajax__calendar_container {
    padding: 4px;
    position: absolute;
    cursor: default;
    width: 180px;
    font-size: 11px !important;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
}

.ajax__calendar_body {
    height: 139px;
    width: 170px;
    position: relative;
    overflow: hidden;
    margin: auto;
}

.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
    top: 0px;
    left: 0px;
    height: 139px;
    width: 170px;
    position: absolute;
    text-align: center;
    margin: auto;
}

.ajax__calendar_container TABLE {
    font-size: 11px;
}

.ajax__calendar_header {
    height: 20px;
    width: 100%;
}

.ajax__calendar_prev {
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);
}

.ajax__calendar_next {
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);
}

.ajax__calendar_title {
    cursor: pointer;
    font-weight: bold;
}

.ajax__calendar_footer {
    height: 15px;
}

.ajax__calendar_today {
    cursor: pointer;
    padding-top: 3px;
}

.ajax__calendar_dayname {
    height: 17px;
    width: 17px;
    text-align: right;
    padding: 0 2px;
}

.ajax__calendar_day {
    height: 17px;
    width: 18px;
    text-align: right;
    padding: 0 2px;
    cursor: pointer;
}

.ajax__calendar_month {
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.ajax__calendar_year {
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.ajax__calendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: #ffffff;
    color: #000000;
}

.ajax__calendar .ajax__calendar_footer {
    border-top: 1px solid #f5f5f5;
}

.ajax__calendar .ajax__calendar_dayname {
    border-bottom: 1px solid #f5f5f5;
}

.ajax__calendar .ajax__calendar_day {
    border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_month {
    border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_year {
    border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_month {
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_year {
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #646464;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_year {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #646464;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
    color: #0066cc;
}

.ajax__calendar_container TD {
    font-size: 11px;
    margin: 0;
    padding: 0 !important;
}

/*font: bold 12px auto Arial,Helvetica,sans-serif;*/
/*Recup AERAS css*/



.errMessage {
    display: block;
    margin: 5px 0;
    padding: 1em 2em;
    color: red;
    font-weight: bold;
    background: #fde5b8 url('Images/icon_alert.gif') no-repeat 5px 1em;
    border: solid 2px red;
}

.PanelMsgNew {
    padding: 10px;
    /* Fallback for web browsers that doesn't support RGBa */
    background: url("Images/hash.45.black.png") repeat rgb(237, 234, 234);
    /* RGBa with 0.8 opacity */
    background: url("Images/hash.45.black.png") repeat rgba(237, 234, 234, 0.9);
    background: url("Images/hash.45.black.png") repeat transparent !ie; /* clear solid background for ie */
    zoom: 1; /* required for the filters */
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5EDEAEA, endColorstr=#E5EDEAEA);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5EDEAEA, endColorstr=#E5EDEAEA)";
}

.MsgPresenters {
    background: url("Images/hash.45.black.png") repeat;
    margin: 10px 0 0 0;
}

    .MsgPresenters .repeater {
        font-family: Calibri,Arial,verdana,sans-serif;
        font-size: medium !important;
        position: relative;
        z-index: 800;
    }

.demande .MsgPresenters .repeater {
    max-height: 180px;
    overflow-y: auto;
}

.demPart2 .MsgPresenters .repeater {
    max-height: 300px;
    overflow-y: auto;
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------BULLES DES MESSAGES--------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/* Haut des messages */
span.msgtop {
    display: block;
    padding-top: 15px;
}
/* Milieu des messages:textes des cartouches */
span.msgmiddle {
    display: block;
    padding: 0 8px;
    color: #993300;
    font-size: x-small;
    text-align: left;
    font-weight: bold;
}
/* bas des messages */
span.msgbottom {
    display: block;
    padding-top: 32px;
}

div.msgClear {
    clear: both;
}

div.divmiddle {
    padding-left: 10px;
    padding-right: 10px;
    font-size: .8em;
    text-align: left;
    font-weight: bold;
}
/* Message d'un client extérieur */
div.msgclient {
    margin: 5px;
    float: left;
    /*padding-left:5px;*/
    width: 400px;
}

    div.msgclient span.msgtop {
        background: url(Images/bubbleOriginalSprite.png) no-repeat top left;
    }

    div.msgclient div.divmiddle {
        background: url(Images/bubbleOriginalRepeat.png) repeat-y top left;
    }

        div.msgclient div.divmiddle div.ui-wrapper {
            margin: -1px !important;
        }

    div.msgclient span.msgbottom {
        background: url(Images/bubbleOriginalSprite.png) no-repeat bottom left;
    }


/* Message d'un gestionnaire BCAC */
div.msgbcac {
    margin: 5px;
    float: right;
    /*padding-right:5px;*/
    width: 400px;
}

    div.msgbcac span.msgtop {
        background: url(Images/bubbleOriginalSprite.png) no-repeat top right;
    }

    div.msgbcac div.divmiddle {
        background: url(Images/bubbleOriginalRepeat.png) repeat-y top right;
    }

    div.msgbcac span.msgbottom {
        background: url(Images/bubbleOriginalSprite.png) no-repeat bottom right;
    }

.PriseEnCompte {
    margin-left: 2em;
}

.divmiddle .checkbox > label {
    color: #777777;
    display: inline-block;
    margin: 0.1em 0 0;
    padding: 0;
    position: relative;
}

.divmiddle .checkbox > input {
    float: right;
}

.MsgInfo {
    bottom: -14px;
    color: #666666;
    display: block;
    line-height: .6em;
    height: 0;
    position: relative;
}

    .MsgInfo em {
        color: #FF9502;
    }

.msgbcac .MsgInfo {
    text-align: left;
}

.msgclient .MsgInfo {
    text-align: right;
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------FIN BULLES DES MESSAGES----------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------BULLES DES MESSAGES 3d--------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
/* bas des messages */

div.msgClear {
    clear: both;
}
/* Message recu */
div.msg3Drecu {
    margin-top: 5px;
    float: left;
    padding-left: 5px;
    width: 400px;
}

    div.msg3Drecu span.msgtop {
        display: block;
        padding-top: 23px;
        background: url(Images/bubbleSprite.png) no-repeat top left;
    }

    div.msg3Drecu div.divmiddle {
        background: url(Images/bubbleRepeat.png) repeat-y top left;
        padding-left: 20px;
        padding-right: 10px;
        font-size: x-small;
        text-align: left;
        font-weight: bold;
    }

    div.msg3Drecu span.msgbottom {
        display: block;
        padding-top: 24px;
        background: url(Images/bubbleSprite.png) no-repeat bottom left;
    }


/* Message envoye */
div.msg3Denvoye {
    margin-top: 5px;
    float: right;
    padding-right: 5px;
    width: 400px;
}

    div.msg3Denvoye span.msgtop {
        display: block;
        padding-top: 23px;
        background: url(Images/bubbleSprite.png) no-repeat top right;
    }

    div.msg3Denvoye div.divmiddle {
        background: url(Images/bubbleRepeat.png) repeat-y top right;
        padding-left: 10px;
        padding-right: 20px;
        font-size: x-small;
        text-align: left;
        font-weight: bold;
    }

    div.msg3Denvoye span.msgbottom {
        display: block;
        padding-top: 24px;
        background: url(Images/bubbleSprite.png) no-repeat bottom right;
    }


/*------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------FIN BULLES DES MESSAGES 3D----------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
.demandeAlternate .PanelHistoEtats {
    background: transparent url("Images/hash.45.black.png") repeat left top;
}

.demande .PanelHistoEtats {
    background: transparent url("Images/hash.45.black.png") left top;
}

.HistoEtatsAss .PanelHistoEtats {
    float: left;
    height: 0px;
    position: absolute;
    z-index: 1000;
    overflow: hidden;
    padding: 10px;
}

.HistoEtatsRea .PanelHistoEtats {
    float: left;
    height: 0px;
    position: absolute;
    z-index: 900;
    overflow: hidden;
    padding: 10px;
}


.PanelHistoEtats .GridViewScroll {
    max-width: 800px;
    max-height: 220px;
    overflow: auto;
}

a.pagerlink {
    color: #ffffff;
    font-weight: bold;
}

.viewDossiers, .viewDemandes {
    font-family: Calibri,Arial;
    font-size: 1.1em;
    text-align: center;
    width: 100%;
}

    .viewDossiers .checkbox {
        display: block;
        position: inherit;
        top: -20px;
    }

        .viewDossiers .checkbox label {
            position: absolute;
            margin: -10px 0 0 -15px;
            font-size: .9em;
        }

    .viewDossiers .ImgUser {
        position: relative;
        top: -18px;
    }

    .viewDossiers td.tdDossier, .viewDossiers td.tdReassureur, .viewDossiers td.tdClient {
        font-weight: bold;
        font-size: 1.1em;
    }

    .viewDossiers td.tdInCharge {
        border-right: none !important;
    }

    .viewDossiers td.tdDossier {
        border-left: none !important;
    }

    .viewDossiers .tdClient > span {
        border-bottom: 1px solid #ccc;
        border-top: 0.2em solid #ededed;
        display: inline-block;
        font-size: 1.1em;
        font-weight: bold;
        padding: 0.2em 0.1em;
    }

.viewDemandes {
}

    .viewDemandes .tdVisible {
        padding: 0 !important;
        width: 28px;
    }

    .viewDemandes td div {
        height: 38px;
    }

    .viewDemandes td.tdVisible div {
        width: 28px;
        height: 38px;
    }

    .viewDemandes td.tdRef, .viewDemandes td.tdCedante {
        color: #fff;
        font-weight: bold;
    }

        .viewDemandes td.tdRef div, .viewDemandes td.tdCedante div {
            margin: -4px -2px;
        }

            .viewDemandes td.tdRef div span, .viewDemandes td.tdCedante div span {
                display: inline-block;
                margin: 12px 2px;
            }

    .viewDemandes td.tdEtat {
        font-weight: bold;
        font-size: 1em;
    }

    .viewDemandes .iconVisible {
        background: none repeat scroll 0 0 #EDEDED;
        display: block;
        height: 28px;
        width: 28px;
    }

        .viewDemandes .iconVisible.noVisibility {
            background: url("Images/SpriteViewDemandesVisible.png") left top;
        }

        .viewDemandes .iconVisible.Invisible {
            background: url("Images/SpriteViewDemandesVisible.png") left -28px;
        }

        .viewDemandes .iconVisible.Visible {
            background: url("Images/SpriteViewDemandesVisible.png") left -56px;
        }

    .viewDemandes .labelDepot {
        color: #000;
        font-size: 0.9em;
        font-weight: bold;
        margin: 0px 0 0 0px;
        display: block;
        position: absolute;
    }

    .viewDemandes .tdEtat {
        width: 95%;
    }

    .viewDemandes .tdRef {
        white-space: nowrap;
    }

    .viewDemandes .tdCedante {
        white-space: nowrap;
    }

.Action .tdEtat {
    background-color: #D8C8B8;
}

div.AspNet-GridView table {
    clear: both;
    border: solid 1px #cccccc;
}

.AspNet-GridView .AspNet-GridView-Header,
.AspNet-GridView .AspNet-GridView-Footer {
    background-color: #5485AD;
    height: 0px;
    color: White;
}

.AspNet-GridView .AspNet-GridView-Footer {
}

.AspNet-GridView th {
    border: solid 1px #cccccc;
    padding: 2px !important;
}

    .AspNet-GridView th a, .AspNet-GridView th a:hover, .AspNet-GridView th a:visited,
    .AspNet-GridView .AspNet-GridView-Footer td {
        color: White;
    }

        .AspNet-GridView th a:hover {
            text-decoration: underline;
        }

.AspNet-GridView .AspNet-GridView-Normal {
    background-color: white;
}

.AspNet-GridView .AspNet-GridView-Alternate {
    background-color: #EFF9FF;
}

.AspNet-GridView td {
    padding: 4px 2px !important;
    border: solid 1px #cccccc;
    color: #494949;
}

.AspNet-GridView div.Pager,
.AspNet-GridView div.AspNet-GridView-Bottom {
    background-color: #5485AD;
    color: White;
    height: 20px;
    line-height: 20px;
    padding: 0 15px;
}

    .AspNet-GridView div.Pager select {
        margin: 1px 0;
    }

    .AspNet-GridView div.Pager span,
    .AspNet-GridView div.AspNet-GridView-Bottom span {
        vertical-align: top;
        line-height: 20px;
    }

        .AspNet-GridView div.Pager span span,
        .AspNet-GridView div.AspNet-GridView-Bottom span span {
            vertical-align: baseline;
        }

.AspNet-GridView .AspNet-GridView-Header,
.AspNet-GridView .AspNet-GridView-Pagination {
    background-color: #5485AD;
}

.AspNet-GridView .AspNet-GridView-Normal td.visibilite,
.AspNet-GridView .AspNet-GridView-Alternate td.visibilite {
}

.AspNet-GridView .AspNet-GridView-Header th.supprimer div {
    width: 6.5em;
}

.AspNet-GridView .AspNet-GridView-Header th.visibilite div {
    width: 15em;
}

.AspNet-GridView .AspNet-GridView-Normal td.filename,
.AspNet-GridView .AspNet-GridView-Alternate td.filename,
.AspNet-GridView .AspNet-GridView-Header th.filename {
}

.AspNet-GridView .AspNet-GridView-Normal td.visible,
.AspNet-GridView .AspNet-GridView-Alternate td.visible,
.AspNet-GridView .AspNet-GridView-Header th.visible {
}


.ajax__tab_panel .filesViewer {
    margin: 5px 0 0 0;
}

.filesViewer {
    text-align: center;
    max-width: 520px;
}

    .filesViewer .AspNet-GridView .AspNet-GridView-Footer {
        display: none;
    }

    .filesViewer.filesViewerDossier {
        float: left;
        width: 500px;
    }

    .filesViewer .fht-table-wrapper {
        text-align: left;
    }

        .filesViewer .fht-table-wrapper table {
            text-align: center;
        }

/*** Mise en forme du formulaire ***/

#initpass {
    width: 400px; /*** Largeur du formulaire ***/
}

#pc-hospi {
    width: 600px;
}

#chgpass {
    width: 350px; /*** Largeur du formulaire ***/
}

#profil {
    width: 600px; /*** Largeur du formulaire ***/
}


.formulaire {
    border: solid 1px #cccccc;
    margin: 10px auto;
    padding: 0px;
}

#titreForm,
.titreForm { /*** Mise en forme du titre du formulaire ***/
    font-size: 15px;
    color: #ff6633;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

#corpForm,
.corpForm { /*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
    margin: 0;
    padding: 0 10px;
}

    #corpForm fieldset,
    .corpForm fieldset { /*** Mise en forme des cadres ***/
        margin: 10px 0;
        padding: 5px 5px 5px 5px;
        border: 1px solid #FFAD0F;
        background-color: #FFF4DF;
        /*position: relative;
    top: 1em;*/
    }

    #corpForm legend,
    .corpForm legend { /*** Mise en forme des titres des cadres ***/
        /*position:relative;
    top : -1em;*/
        font-weight: bold;
        color: #ff6633;
    }

    #corpForm p,
    .corpForm p { /*** Mise en forme des lignes du formulaire ***/
        padding: 2px 0;
        margin: 0 0 2px 0;
    }

    #corpForm fieldset #radiobtn label,
    .corpForm fieldset #radiobtn label {
        float: none;
    }

.MaskFocus {
    font: 12px Calibri,Arial,sans-serif;
}

.corpForm fieldset table.centprct {
    text-align: left;
    font: 11px Arial,Helvetica,sans-serif;
}

.corpForm fieldset td.rowheader {
    text-align: right;
    font: 12px Calibri,Arial,sans-serif;
    font-weight: bold;
}

    .corpForm fieldset td.rowheader label {
        float: none;
    }

#corpForm fieldset label,
.corpForm fieldset label { /*** Mise en forme des intitulés de champs ***/
    float: left; /*** Très important, ne pas suprimer ! ***/
    /*width: 45%;	** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
    text-align: right; /*** ... et ils sont alignés à droite... ***/
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 22px; /*** ... et centrés verticalement. ***/
}

.divIdentification.corpForm fieldset label,
#divUserCreator .corpForm fieldset label { /*** Mise en forme des intitulés de champs ***/
    float: left; /*** Très important, ne pas suprimer ! ***/
    width: 10em;
    text-align: right; /*** ... et ils sont alignés à droite... ***/
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 25px; /*** ... et centrés verticalement. ***/
}

#mandats td label {
    float: none !important;
    width: auto !important;
}

#mandats td .checkbox {
    display: flex !important;
    vertical-align: middle;
    height: auto !important;
    width: auto !important;
}

.corpForm fieldset #societes label {
    float: none !important;
    text-align: left !important;
}

#corpForm fieldset a,
.corpForm fieldset a {
    font-weight: bold;
}

#corpForm fieldset span.legende,
.corpForm fieldset span.legende { /*** Mise en forme des aides contextuelles ***/
    float: none;
    text-align: left; /*** ... et ils sont alignés à droite... ***/
    line-height: 22px;
    font-style: italic;
    margin: 0;
    padding: 0 0 0 0;
}

#corpForm a.aide,
.corpForm a.aide { /*** Mise en forme des bulles d'aide ***/
    text-decoration: none;
}

    #corpForm a.aide img,
    .corpForm a.aide img { /*** Mise en forme de l'image des bulles d'aide ***/
        margin: 0;
        padding: 0;
        border: 0;
    }

    #corpForm a.aide:hover .corpForm a.aide:hover { /*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
        cursor: help;
    }

#corpForm .messageAlerte,
.corpForm .messageAlerte { /*** Mise en forme des message d'alerte ***/
    display: block;
    margin: 5px 0;
    padding: 1em 2em;
    color: red;
    font-weight: bold;
    background: #ffffff url('Images/icon_alert.gif') no-repeat 5px 1em;
    border: solid 1px red;
}

#piedForm,
.piedForm { /*** Mise en forme du pied de formulaire ***/
    margin: 0;
    padding: 0px 10px 3px 0px;
    text-align: right; /*** Les boutons sont alignés à droite ***/
}


.important {
    background-color: #FFAD0F;
    font-size: 13px;
    font-weight: bold;
}

.champOblig {
    font-style: italic;
    color: Black;
    padding-left: 5px;
}


/* CheckboxList */
div.AspNet-CheckBoxList ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

    div.AspNet-CheckBoxList ul .horizontal {
        display: inline;
    }

li.AspNet-CheckBoxList-Item {
    white-space: nowrap; /* forces the checkbox and text to be on the same line */
}

    li.AspNet-CheckBoxList-Item input {
        float: none;
        height: 14px;
    }

    li.AspNet-CheckBoxList-Item label {
        float: none;
    }

li.AspNet-CheckBoxList-Disabled label {
    color: #999;
}

ul.AspNet-CheckBoxList-RepeatDirection-Horizontal li {
    display: inline;
}


/* validator callout */

.validatorCalloutHighlight {
    background-color: #ffcb65 !important;
}

.validatorCallout div,
.validatorCallout td {
    border: solid 1px Black;
    background-color: #FFF79F;
}

.validatorCallout .ajax__validatorcallout_popup_table {
    display: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.validatorCallout .ajax__validatorcallout_popup_table_row {
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}

.validatorCallout .ajax__validatorcallout_callout_cell {
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none;
    background-color: transparent;
    padding: 0px !important;
}

.validatorCallout .ajax__validatorcallout_callout_table {
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.validatorCallout .ajax__validatorcallout_callout_table_row {
    background-color: transparent;
    padding: 0px;
}

.validatorCallout .ajax__validatorcallout_callout_arrow_cell {
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none;
    background-color: transparent;
}

    .validatorCallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
        font-size: 1px;
        position: relative;
        left: 1px;
        border-bottom: none;
        border-right: none;
        border-left: none;
        width: 15px;
        background-color: transparent;
        padding: 0px;
    }

        .validatorCallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
            height: 1px;
            overflow: hidden;
            border-top: none;
            border-bottom: none;
            border-right: none;
            padding: 0px;
            margin-left: auto;
            float: none !important;
        }

.validatorCallout .ajax__validatorcallout_error_message_cell {
    font-family: Verdana;
    font-size: 10px;
    padding: 5px;
    border-right: none;
    border-left: none;
    width: 100%;
}

    .validatorCallout .ajax__validatorcallout_error_message_cell div,
    .validatorCallout .ajax__validatorcallout_error_message_cell td {
        border: none;
    }

.validatorCallout .ajax__validatorcallout_icon_cell {
    width: 20px;
    padding: 5px;
    border-right: none;
}

.validatorCallout .ajax__validatorcallout_close_button_cell {
    vertical-align: top;
    padding: 0px;
    text-align: right;
    border-left: none;
}

    .validatorCallout .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
        border: none;
        text-align: center;
        width: 10px;
        padding: 2px;
        cursor: pointer;
    }



/* modal popup */
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: #ff6633;
    padding: 20px;
    width: 500px;
}

.panelItems, .panelItemsColor {
    color: #000 !Important;
    background: #EDEDED;
}

    .panelItems li a {
        color: #000;
        font-size: x-small;
    }

    .panelItems li:hover a:hover {
        color: black;
        width: 100%;
    }

.Filtre.panelItems li {
    text-align: center;
}

    .Filtre.panelItems li.ASS {
        text-align: left;
        margin-left: 10px;
        padding-left: 10px;
        background: url('Images/dot.7x7.png') no-repeat left 5px;
    }

        .Filtre.panelItems li.ASS ul {
            margin-left: 10px;
        }

    .Filtre.panelItems li.REA {
        text-align: right;
        margin-right: 10px;
        padding-right: 10px;
        background: url('Images/dot.7x7.png') no-repeat right 5px;
    }

        .Filtre.panelItems li.REA ul {
            margin-right: 10px;
        }

    .Filtre.panelItems li a {
        font-size: 1.1em !important;
    }

/*Trace Dossier*/
#TracePopUp {
    background-color: #fff;
    padding: 10px;
}

div.TraceBorder {
    margin: 5px;
    border: solid 1px #EBEBEB;
}

div.TraceBorderBottom {
    padding: 5px;
    border-bottom: solid 1px #EBEBEB;
    background-color: #fafafa;
}

.TraceInfo {
    float: left;
    margin-top: 20px;
}

    .TraceInfo li {
        display: inline;
        margin: 5px;
        list-style-type: square;
    }

    .TraceInfo em {
        color: #3587bf;
    }

.TraceFloatLeft {
    float: left;
    margin-right: 5px;
    padding-right: 5px;
}

.TraceClear {
    clear: both;
}

/*icon Etat*/
span.stadeEtat {
    display: inline-block;
    height: 24px;
    margin: 4px 0 0 15px;
    padding: 0 0 0 26px;
    vertical-align: middle;
    background-image: url('Images/SpriteEtat.png');
    background-repeat: no-repeat;
    background-position: -24px -240px;
    color: #EDEDED;
}

span.Dark.stadeEtat {
    background-position: left -240px;
}

.stadeEtat span {
    display: inline-block;
    margin-top: -1px;
}

    .stadeEtat span.normal {
        color: #000;
        top: 2px;
    }

    .stadeEtat span > em {
        color: #052666;
        display: block;
        font-style: normal;
        text-decoration: overline;
    }

span.stadeEtat.ATRAITER {
    background-position: -24px top;
}

span.stadeEtat.ETUDE {
    background-position: -24px -24px;
}

span.stadeEtat.DEMPIECE {
    background-position: -24px -48px;
}

span.stadeEtat.RETPIECE {
    background-position: -24px -72px;
}

span.stadeEtat.ACCEPTEE {
    background-position: -24px -96px;
}

span.stadeEtat.AJOURNEE {
    background-position: -24px -120px;
}

span.stadeEtat.REFUSEE {
    background-position: -24px -144px;
}

span.stadeEtat.ANNULEE {
    background-position: -24px -168px;
}

span.stadeEtat.ACCEPTEECLIENT {
    background-position: -24px -192px;
}

span.stadeEtat.REFUSEECLIENT {
    background-position: -24px -216px;
}

span.stadeEtat.MSGIN {
    background-position: -24px -264px;
}

span.stadeEtat.MSGOUT {
    background-position: -24px -290px;
}

span.Dark.stadeEtat.ATRAITER {
    background-position: left top;
}

span.Dark.stadeEtat.ETUDE {
    background-position: left -24px;
}

span.Dark.stadeEtat.DEMPIECE {
    background-position: left -48px;
}

span.Dark.stadeEtat.RETPIECE {
    background-position: left -72px;
}

span.Dark.stadeEtat.ACCEPTEE {
    background-position: left -96px;
}

span.Dark.stadeEtat.AJOURNEE {
    background-position: left -120px;
}

span.Dark.stadeEtat.REFUSEE {
    background-position: left -144px;
}

span.Dark.stadeEtat.ANNULEE {
    background-position: left -168px;
}

span.Dark.stadeEtat.ACCEPTEECLIENT {
    background-position: left -192px;
}

span.Dark.stadeEtat.REFUSEECLIENT {
    background-position: left -216px;
}

span.Dark.stadeEtat.MSGIN {
    background-position: left -264px;
}

span.Dark.stadeEtat.MSGOUT {
    background-position: left -290px;
}

span.pubBlue, span.pubGreen {
    display: inline-flex;
    border-bottom-style: solid;
    border-width: 1px;
    margin-top: .5em;
    width: 60%;
}

span.pubBlue {
    border-color: #dedede; /*#04BAF7;*/
}

span.pubGreen {
    border-color: #ededed /*#9c3*/;
}

.pubBlue ~ .pubGreen .pubTitre,
.pubGreen ~ .pubBlue .pubTitre {
    padding-top: 2em;
}

.pubType {
    border-radius: 50%;
    width: 4.5em;
    height: 4.5em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.pubTitre {
    padding-top: 1em;
    text-align: center;
    font-size: 1.2em;
}

    .pubTitre > b {
        font-size: 1.2em;
    }

.pubBlue .pubType {
    background-color: #04BAF7;
}

.pubGreen .pubType {
    background-color: #9c3;
}

.pubBlue .pubTitre {
    color: #04BAF7;
}

.pubGreen .pubTitre {
    color: #9c3;
}
/**/
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
/*
.ActionMenu .AspNet-Menu-Link{box-sizing:border-box;border:solid 1px #8c8c8c;padding:.3em; background-color:#eeeeee} 
.ActionMenu li:hover >a
{
    background-color: #cdcdcd;
    border-color:#00b2ee ;
    color:#494949
}
.ActionMenu li.AspNet-Menu-Selected > a,
.ActionMenu li.AspNet-Menu-ChildSelected > a
{
    background-color: #cccccc;
    border-color:#4682B4;
    color:#494949
}
*/
a.btn {
    height: 2.5em;
    border-style: solid;
    border-width: 1px;
    padding: .15em 1em;
    /*display:inline-block;
	padding: 0 10px 0 0!important; 
	margin-right:5px;*/
    font-size: 1.1em;
    cursor: pointer !important;
    overflow: visible; /* removes extra side padding in IE */
    color: #fff;
    transition-property: all;
    transition-duration: 0.35s;
    transition-timing-function: ease;
    transition-delay: 0s;
}

a.btn /*> span*/ {
    line-height:2.5em;
    /*
    vertical-align: middle; 
    */
    text-align: center;
    display:inline-flex;
    align-items:center;
}

    a.btn::-moz-focus-inner {
        border: none; /* overrides extra padding in Firefox */
    }

    a.btn:hover, a.btn.BtnHover { /* the redundant class is used to apply the hover state with a script */
        text-decoration: none !important;
    }

    a.btn:active { /* the redundant class is used to apply the hover state with a script */
        border-color: #fff;
    }

a.btn-primary {
    border-color: #4285f4 !important;
    background-color: #4285f4 !important;
    color: #fff !important;
}

    a.btn-primary:hover, a.btn-primary.BtnHover /* the redundant class is used to apply the hover state with a script */ {
        background-color: #efefef !important;
        color: #4285f4 !important;
    }

a.btn-secondary {
    border-color: #2bbbad !important;
    background-color: #2bbbad !important;
    color: #fff !important;
}

    a.btn-secondary:hover, a.btn-secondary.BtnHover /* the redundant class is used to apply the hover state with a script */ {
        background-color: #efefef !important;
        color: #2bbbad !important;
    }

a.btn-outline-warning {
    border: 1px solid #ff8800 !important;
    background-color: transparent !important;
    color: #ff8800 !important;
}

    a.btn-outline-warning:hover, a.btn-outline-warning.BtnHover {
        border: 1px solid #ff8800 !important;
        background-color: #ff8800 !important;
        color: #fff !important;
    }

.demandeOrange .supprimer a.btn-outline-warning {
    border: 1px solid #ff3547 !important;
    background-color: transparent !important;
    color: #ff3547 !important;
}

    .demandeOrange .supprimer a.btn-outline-warning:hover, .demandeOrange .supprimer > a.btn-outline-warning.BtnHover {
        border: 1px solid #ff3547 !important;
        background-color: #ff3547 !important;
        color: #fff !important;
    }

#reponseViewer a.btn {
    display: block;
    margin: 1em;
}

/* bouton droite*/
a.ButnRight {
    padding: 0 0 0 10px;
    margin-left: -2px;
    margin-right: 1px;
    font-size: 1em;
    text-align: center;
    cursor: pointer;
    overflow: visible; /* removes extra side padding in IE */
}

    a.ButnRight::-moz-focus-inner {
        border: none; /* overrides extra padding in Firefox */
    }

/* submitBtn */
a.submitButn span {
}

/* cancelBtn */
a.cancelButn span {
    padding: 1px 0 0 25px;
}

/* actionBtn */
a.actionButn span {
    /*position:relative;*/
    display: inline-block;
    padding: 1px 25px 0 0;
    color: Gray;
}

a.searchButn span {
    position: relative;
    display: inline-block;
    padding: 1px 25px 0 0;
    color: Gray;
}

/* ^OPTIONAL BUTTON STYLES for applying custom look and feel: */
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
a.ButnCancel, a.ButnSearch {
    display: inline-block;
    width: 20px;
    margin: 0 2px;
    cursor: pointer !important;
    overflow: visible; /* removes extra side padding in IE */
}

    a.ButnCancel::-moz-focus-inner, a.ButnSearch::-moz-focus-inner {
        /* overrides extra padding in Firefox */
    }

a.ButnSearch {
}

    a.ButnSearch:hover {
    }

.divIdentification fieldset > div:first-of-type,
#divPubCreator fieldset > div:first-of-type,
#divUserCreator fieldset > div:first-of-type {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.publicationsPager {
    margin-left: 10px;
    display: flex;
    justify-content: left;
    align-items: center;
}

.ViewMandat {
    width: 100%;
    padding: .5em;
    border: 1px solid #ccc;
}

    .ViewMandat > span:first-of-type {
        color: #bbb;
        margin-top: -2em;
        width: 100%;
        text-align: center;
    }

.UserInfo > span {
    width: 7em;
    text-align: right;
}
/**/
@media print {
}

/* style for motif */