html, body.body1 {
    height: 100%;
    margin: 0;
    padding: 0;
}

.footerBottom p {
    padding-top: 20px;
}

#divMultiDestMail {
    padding-top: 3%;
}

input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #e9e9e9;
}

/* Disabled checked */
input[type="checkbox"]:disabled:checked + label:after {
    color: #777;
}

input[type="checkbox"]:disabled + label {
    color: #aaa;
}

/* Accessibility focus */
input[type="checkbox"]:checked:focus + label:before,
input[type="checkbox"]:not(:checked):focus + label:before {
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(203, 34, 237, .2);
}

footer {
    display: table-row;
    height: 100px; /* à titre d'exemple */
    background-color: #004d9b;
}

body.body1 {
    display: table;
    width: 100%;
}

.bannerMenu a:hover {
    color: #fbb731;
    text-decoration: none;
}

.bannerMenu img.HeaderImageClient {
    width: 10%;
    float: left;
}

/*.testBanner .txtBienvenue {
    color: white;
    background-color: #004d9b;
}*/

.bannerMenu h1 {
    float: left;
    text-align: left;
    padding: 18px;
    font-size: 19px;
    /*border-right: 5px solid #004d9b;*/
}

.bannerMenu table {
    /*! font-size: 6px; */
    font-family: "Open Sans",sans-serif;
    font-size: 1.2rem;
    width: 60%;
    color: #464855;
    font-weight: 600;
    text-align: center;
    margin-left: 35%;
}

    .bannerMenu table a {
        text-decoration: none;
        color: #464855;
    }

.bannerMenu {
    background-color: white;
}

html {
    height: 100%;
}

.bannerMenu table a:hover {
    text-decoration: none;
    color: black;
}

.bannerMenu {
    background-color: white;
}

body {
    font-size: .8em;
    font-family: "Helvetica Neue","Lucida Grande","Segoe UI",Arial,Helvetica,Verdana,sans-serif;
    /*color: #01387A;*/
    color: #000000;
    /*background-color: #3f5e8b;*/
    /*background-color: white;*/
    /*width: 70%;
    margin: 3% auto;*/
    height: auto;
    margin: 0;
    padding: 0;
}

iframe {
    /* margin: 4% auto;*/
    width: 23%;
    box-shadow: 1px 1px 12px #555;
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 15px;
    height: auto;
    /*  padding: 39px;*/
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1%;
}

iframe {
    border: none;
}

.TableSplit {
    border-spacing: 0 15px;
}

.bodyTop {
    overflow: hidden;
    /*  margin-bottom: 1%;*/
    background-color: white;
}

.bannerBodyContent {
    width: 30%;
    float: left;
}

.bannerTitreContent {
    width: 70%;
    float: right;
    margin: 1% auto;
}

.ValiderBtn {
    width: 45%;
    float: none !important;
}

.AnnulerBtn {
    width: 45%;
    float: left;
}

.InfoText {
    text-align: justify;
    font-size: 11px;
    padding-bottom: 20px;
}

.bodyContent {
    padding: 0;
    position: relative;
    width: 100%;
    /*  height: 0;*/
    padding-bottom: 30.25%;
}

.bodyContent {
    width: 100%; /*470 - padding width*/
    min-height: 500px;
    /*background-color: #3f5e8b;*/
    padding: 0;
    text-align: left;
    position: relative;
}

.bodyContainer > .footerBottom {
    padding-top: 5%;
}

iframe {
    overflow: hidden;
    width: 100%;
    height: 130%;
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
}

table {
    border-spacing: 0;
}

td {
    /*white-space: nowrap;*/
}

form {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.logonContent form {
    margin: 0px;
    padding: 0px;
    width: auto;
    text-align: justify;
}

a img {
    border: 0;
}

a:hover {
    color: #01387A;
    text-decoration: none;
}

a:active {
    /*color: #12eb87;*/
    color: #01387A;
}

p, ul {
    /*margin-bottom: 10px;
    line-height: 1.6em;*/
}

hr {
    background-image: url("Images/hr.png");
    border: 0;
    padding: 1px;
}

h1 {
    padding: 0;
    margin: 0;
}

/* Validation Classes */
.field-validation-error {
    color: #dd0000;
}

.input-validation-error {
    border: 1px solid #dd0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #dd0000;
   /* display: none;*/
}

.information {
    padding: 15px 10px 15px 45px;
    background-image: url("Images/Information.gif");
    background-repeat: no-repeat;
    background-position: 5px center;
    text-align: left;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";  IE8 */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);    IE6 & 7 */
}

.error {
    color: #F44;
    background-color: #FCC;
    border: 2px solid #F88;
    margin: 5px;
    padding: 1.5em 10px 1.5em 56px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    box-shadow: 2px 2px 10px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0, 0.2);
    -moz-box-shadow: 2px 2px 10px rgba(0,0,0, 0.2);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-image: url("Images/error.png");
    background-repeat: no-repeat;
    background-position: 13px 0.9em;
}

    .error .buttons {
        text-align: right;
    }

    .error input[type='button'] {
        margin-top: 1em;
        border: solid 1px #F88;
        background-color: #FDD;
        color: #E22;
    }

.imgButton {
    display: inline;
    border: 0px;
    padding: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

/*.imgButton:hover {
        cursor: pointer;
        background-color: rgba(0,0,0, 0.07); /*Not supported by older browsers*/
/*border: 1px solid #bbbbbb;
        border-left: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        padding: 2px;
        box-shadow: 1px 1px 5px rgba(0,0,0, 0.1);
        -webkit-box-shadow: 1px 1px 5px rgba(0,0,0, 0.1);
        -moz-box-shadow: 1px 1px 5px rgba(0,0,0, 0.1);
    }*/

/*.imgButton:active {
        background-color: rgba(0, 0, 0, 0.1); /*Not supported by older browsers*/
/*box-shadow: -1px -1px 5px rgba(0,0,0, 0.1);
        -webkit-box-shadow: -1px -1px 5px rgba(0,0,0, 0.1);
        -moz-box-shadow: -1px -1px 5px rgba(0,0,0, 0.1);
    }*/

.imgButtonDisabled {
    border: 0px;
    padding: 3px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.content {
    /*padding: 1em 0;
    margin-top: 2%;*/
}

/* FOOTER */
.footerBottom {
    color: white;
}

.menu.img {
    float: left;
    margin-left: 40%;
}

.footerBottom a {
    color: #464855;
    text-decoration: none;
}

.footerBottom {
    text-align: center;
    margin-top: 3%;
}

    .footerBottom a:hover {
        color: black;
    }

.LogonH1 {
    width: 100%;
    float: left;
}

.LogonImage {
    width: 100%;
    float: right;
    margin-bottom: 5%;
}

.LogonHeader {
    overflow: hidden;
    width: 100%;
}

.body1 {
    background-color: #e7edf6;
}

.menu {
    font-size: 18px;
}

.banner {
    box-shadow: 1px 1px 12px #555;
    font-weight: bold;
}

    .banner a {
        text-decoration: none;
        color: white;
        font-weight: bold;
    }

p.bannerSelected, a.bannerSelected {
    border-bottom: 10px solid #fbb731;
    padding-bottom: 12px;
}

.ProfilInfoInfo {
    width: 65%;
    float: left;
    /*padding: 20px;*/
    background-color: white;
    margin: 3% 0 3% 1%;
    /*border-radius: 6px;*/
    background: rgba(255, 255, 255, 0.9) !important;
}

.ChangeProfilInfo {
    width: 30%;
    float: left;
    margin: 3% 0 3% 1%;
}

.change_MDP, .change_Mail, .change_multiDest {
    width: 75%;
    margin: 1% auto;
    text-align: center;
    height: 42px;
    padding-top: 4%;
}

    .change_MDP a, .change_Mail a, .change_multiDest a {
        color: white;
        text-decoration: none;
        font-weight: bold;
    }

.ChangePWD {
    width: 60%;
    margin: 0 auto;
    padding-bottom: 15px;
    overflow: auto;
}

.buttonForm .AnnulerBtn, .buttonForm .ValiderBtn {
    font-size: 15px;
    font-weight: bold;
    margin-top: 13px;
    border-radius: 3px;
    padding: 8px;
    margin-bottom: 15px;
    border: none;
}

.buttonForm .AnnulerBtn {
    float: right;
}

.buttonForm .ValiderBtn {
    float: left;
}

.formLeft {
    float: left;
    margin-top: 2%;
    width: 45%;
}

.formRight {
    float: right;
    width: 45%;
    margin-top: 2%;
}

.buttonForm {
    width: 50%;
    margin: 0 auto;
}

.formRight input {
    border: none;
    border-bottom: solid 1px #073672;
    width: 90%;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgb(253, 253, 254);
}

@media only screen and (min-width: 1000px) and (max-width: 1400px) {
    body {
        width: 100%;
    }

    .bannerTitreContent {
        text-align: right;
        width: 50%;
        margin-right: 10%;
        margin-top: 2%;
    }
}

@media only screen and (min-width:700px) and (max-width:1050px) {
     
		
	.change_MDP a, .change_Mail a, .change_multiDest a{
		margin-left:20%!important;
	}
	
	.ChangePWD {
    width: 99%;   
}
}

@media only screen and (min-width: 700px) and (max-width: 1000px) {
    /*body {
        /* width: 99%; */
        /* margin: 3% auto;
    }

    .bodyTop {
        width: 100%;
        margin-top: 1%;
        background-size: 98%;
    }

    .bodyContent {
        width: 100%;
    }

    .listview > thead td input, .listview > thead td select {
        width: 200px !important;
    }

    .content {
        padding: 0em;
    }

    .bannerRight {
        width: 93% !important;
    }

    iframe {
        min-height: 1000px !important;
    }

    .change_MDP, .change_Mail, .change_multiDest {
        width: 100% !important;
    }

    .ChangePWD {
        padding: 5px;
        width: 95%;
    }

    .ChangeProfilInfo {
        width: 80%;
        margin: 0 auto;
        float: inherit;
    }

    .ProfilInfoInfo {
        width: 80%;
        margin: 0 auto;
        float: inherit;
    }

    .bannerTitreContent {
        width: 90%;
        margin-bottom: 2%;
    }

    .formLeft {
        width: 100%;
    }

    .formRight {
        width: 100%;
        margin-bottom: 5%;
        height: 34px;
    }

        .formRight input {
            width: 100%;
        }*/
}

/**** CSS RESPONSIVE ****/

@media only screen and (max-width:700px) {
    body {
        width: 100% !important;
        margin: 0 !important;
    }

    .bodyTop {
        width: 100%;
        margin-top: 1%;
        background-size: 98%;
    }

    .bodyContent {
        width: 100%;
        width: 100%;
    }

    .bannerRight {
        width: 10%;
    }

    .content {
        padding: 0em;
        overflow: auto;
    }

    .LogonImageClient {
        max-width: 250px;
    }

    .listview > thead td input, .listview > thead td select {
        width: 80px !important;
    }

    .bannerRight {
        width: 100% !important;
        left: 0 !important
    }

    .banner {
        padding-left: 0px !important;
    }

    .listview {
        width: 98% !important;
        margin: auto;
    }

        .listview > tfoot td {
            padding: 0.1em 0.2em 0.1em 0.2em !important;
        }

    iframe {
        min-height: 655px !important;
        background-color: white;
    }

    .change_MDP, .change_Mail, .change_multiDest {
        width: 100% !important;
    }

    .ChangeProfilInfo {
        width: 80%;
        margin: 0 auto;
        float: inherit;
    }

    .ProfilInfoInfo {
        width: 80%;
        margin: 0 auto;
        float: inherit;
    }

    .menu {
        font-size: 15px;
    }

    .ChangePWD {
        padding: 5px;
        width: 95%;
    }

    .formLeft {
        width: 100%;
    }

    .formRight {
        width: 100%;
        margin-bottom: 5%;
        height: 34px;
    }

        .formRight input {
            width: 100%;
        }

    .bannerTitreContent {
        width: 90%;
        margin-bottom: 2%;
    }
}

@media only screen and (max-width: 700px) {
    div.userProfile td {
        white-space: inherit !important;
    }

    div.userProfile table {
        width: 100% !important;
    }
}

.field-validation-error {
    display: block ruby;
}

.LogOn {
    width: 100% !important;
}

.LogonImageClient {
    max-width: 350px;
    align-content: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.HeaderImageClient {
    max-width: 350px;
    margin-left: 2%;
    margin-top: 1%;
}

.headerBody {
    margin: 0;
    padding: 0;
    background-color: #ccc;
    border-top: 1px solid #aaa
}

    .headerBody .header table {
        margin: 10px 1em 0 1em
    }

    .headerBody .header .name {
        font-weight: bold;
        padding-right: 1em;
        color: #555
    }

    .headerBody .header .value {
        padding-right: 3em
    }

    .headerBody .saveAll {
        float: right;
        padding: 0.4em 0em 0.3em 0.5em;
    }

        .headerBody .saveAll a {
            text-decoration: none
        }

    .headerBody .tabs {
        padding-left: 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        border-bottom: 1px solid #aaa
    }

        .headerBody .tabs .tab {
            float: left;
            margin-right: 0.2em;
            border-width: 1px 1px 1px 1px;
            border-style: solid;
            border-color: #aaa;
            background-color: #e8e8e8;
            background-image: url('<%=Url.Content("~/Content/Images/grad1.png")%>');
            background-repeat: repeat-x;
            background-position: left bottom;
            padding: 0.4em 0.5em 0.3em 0.5em;
            margin-bottom: -1px;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        .headerBody .tabs .selected {
            background-color: #fff;
            border-bottom-color: #fff;
            background-image: none;
        }

        .headerBody .tabs .tab a {
            text-decoration: none;
        }

div.txtExplicatif {
    display: none;
}

#HelpRecherche:hover + div.txtExplicatif {
    display: block;
}

.change_MDP {
    background-image: url("../Images/Logo-mdp.png");
    background-repeat: no-repeat;
    background-position: 10%;
    background-size: 10%;
}

.change_Mail {
    background-image: url("../Images/Logo-email.png");
    background-repeat: no-repeat;
    background-position: 10%;
    background-size: 10%;
}

div.test {
    display: none;
}

.Help:hover + div.test {
    display: block;
}

#info {
    width: 60%;
    margin: 3% auto;
}

#infoTxt {
    display:none;
    background: white;
    padding: 20px;
}

#info:target #infoTxt {
    display: block
}

.masquer {
    display:none;
}

#afficher:target .masquer {
    display:inline;
}

#afficher:target .afficher {
    display:none;
}

.LogOnBody .footerBottom {
    padding-bottom: 20px;
}



@media only screen and (max-width:700px) {

    .bodyContainer {
        padding-bottom: 102px;
    }

    body.body1 {
        display: inline;
    }

    .bannerTabs {
        background-color: white;
    }

    table tbody {
        border: 0;
    }

        table tbody tr {
            margin-bottom: 10px;
            display: block;
            /*border-bottom: 2px solid white;*/
        }

        table tbody td {
            display: -webkit-inline-box;
            text-align: right;
            font-size: 13px;
        }

            table tbody td:last-child {
                border-bottom: 0;
            }

            table tbody td:before {
                content: attr(data-label);
                float: left;
                text-transform: uppercase;
                font-weight: bold;
            }

    table.listview > thead {
        display: none;
    }

    footer {
        display: block;
        text-align: center;
        margin-top: 3%;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    

    table.listview {
        border: white !important;
        background-color: white;
    }

    .buttonForm {
        width: 100% !important;
    }

    #info {
        width: 90%;
        margin: 3% auto;
    }

    body {
        /* width: 99%; */
        /* margin: 3% auto;*/
    }

    .bodyTop {
        width: 100%;
        margin-top: 1%;
        background-size: 98%;
    }

    .bodyContent {
        width: 100%;
    }

    .listview > thead td input, .listview > thead td select {
        width: 200px !important;
    }

    .content {
        padding: 0em;
    }

    .bannerRight {
        width: 93% !important;
    }

    iframe {
        min-height: 1000px !important;
    }

    .change_MDP, .change_Mail, .change_multiDest {
        width: 100% !important;
    }

    .ChangePWD {
        padding: 5px;
        width: 95%;
    }

    .ChangeProfilInfo {
        width: 80%;
        margin: 0 auto;
        float: inherit;
    }

    .ProfilInfoInfo {
        width: 80%;
        margin: 0 auto;
        float: inherit;
    }

    .bannerTitreContent {
        width: 90%;
        margin-bottom: 2%;
    }

    .formLeft {
        width: 100%;
    }

    .formRight {
        width: 100%;
        margin-bottom: 5%;
        height: 34px;
    }

    .formRight input {
        width: 100%;
    }

}

.userProfile .validation-summary-errors{
    /*display : none;*/
}

.MessageValidation {
    color: green !important;
}
.MessageKo {
    color: red !important;
}

.hasDatepicker {
    width: 15%;
}
.RGPD {
    font-size: 10px !important;
    text-align: justify !important;
}

	.RGPD a {
        text-decoration: none;
        color: #004d9b;
    }