/* code rectifier par sawsen */
body {
    font-family: Tahoma;
}

.Entete {
    display: table;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

    .Entete > div {
        /*display: table-cell;
        height: 40px;
        line-height: 40px;
        width: 100%;*/
    }

.close-popup-btn {
    position: absolute;
    right: 0;
    margin: -11px 25px 0 0;
}

.agenda_menu2 {
    float: left;
    width: 100%;
    position: relative;
}

.BtnImprimer {
    padding: 0;
    margin: 9px 10px 0 10px;
}

.sudrpStructure {
    float: left;
    width: 18%;
}

.sudrpStructuresou {
    width: auto;
    margin-left: 10px;
    overflow: hidden;
}

.drpStructureDossier {
    float: left;
    margin-left: 0 !important;
    margin-top: 9px;
    width: 100%;
}

.sudrpStructures {
    float: left;
    width: 40%;
}

.drpCategorie {
    float: left;
    width: 100%;
    margin-top: 9px;
    height: 23px;
}

#UpdatePanel1 {
    float: left;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    width: 100%;
}

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

#UpdatePanel {
    width: 50%;
    float: left;
    height: 40px;
    line-height: 40px;
}

.sudrpStructureses {
    width: auto;
    margin-left: 10px;
}

.drpFiliale {
    float: left;
    margin-left: 0 !important;
    width: 100%;
    margin-top: 9px;
}

#updateAlert > span {
    font-size: 11px;
}

/* end */
#drpStructure option, #drpCategorie option {
    border-right: 2px solid #ccc;
}

#ContentDroit2 .informations tr td {
    width: 50%;
}

.drpService {
    width: 100%;
    float: left;
    margin-top: 9px; /*margin-left: 420px; margin-top: -21px;*/
}

#ContentGauche .drpStructure {
    float: left;
    width: 100%;
    margin-top: 1px;
}

#ContentDroit .drpStructure {
    float: left;
    width: 100%;
    margin-top: 1px;
}

#ContentDroit .txtBox {
    width: 88%;
    float: left;
    margin-right: 2%;
}

#ContentGauche .txtBox {
    width: 98%;
}

#ContentGauche #TabContainer2_TabPanel1_TextBox8 {
    width: 88%;
    float: left;
    margin-right: 2%;
}

input.ImageCalendar1 {
    width: 6%;
}

.cssImgTrombinscope {
    background-image: url("../../../Images/ImgGestionListeSalarie/02-POPUpFicheSalarie_28.png");
    background-repeat: no-repeat;
}

.ASContent {
    float: left;
    height: 571px;
    width: 100%;
}

.ComposantsGauche {
    height: 100%;
    width: 29%;
    border-right: solid 1px;
    border-right-color: #009dd0;
    float: left;
    position: relative;
}

.ComposantsDroit {
    float: right;
    height: 100%;
    margin-right: 0px;
    width: 70%;
}

.grvContrat {
    margin-left: 2px;
    width: 100%;
    border: 0px;
    font-family: Tahoma;
    font-size: 11px;
    margin-top: 0;
}

.grvCategorieSocial {
    margin-left: 0px;
    margin-top: 0px;
    width: 100%;
}

#divGridViewGroupe {
    margin-right: 2px;
    height: 544px;
    width: 100%;
}

#slimScrollBar {
    left: 648px;
    top: 47px;
}

.grvContrat {
    margin-left: 0px;
    margin-right: 0px;
}

#Civilite, #Contrat, #headerCategorie, .headerTranche, #Categorie {
    background: linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #009dd0;
    border-top: 1px solid #009dd0;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 4px 4px 4px 8px;
}

.grViewContrat {
    float: left;
    width: 100% !important;
}

.titlecivilg {
    line-height: 20px;
    border: 1px solid #009dd0;
    font-weight: bold;
    text-align: left;
    background: linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    width: 97%;
    height: 20px;
    padding-left: 3%;
    color: #404040;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 11px;
}

.titlecivilgContrat {
    line-height: 20px;
    border: 1px solid #009dd0;
    font-weight: bold;
    text-align: left;
    background: linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    width: 97%;
    height: 20px;
    padding-left: 3%;
    color: #404040;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 10px;
}

.titlecivilg2 {
    line-height: 20px;
    border: 1px solid #009dd0;
    font-weight: bold;
    text-align: left;
    background: linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    width: 96%;
    height: 20px;
    padding-left: 3%;
}

.titlecivilg3 {
    line-height: 20px;
    border: 1px solid #009dd0;
    font-weight: bold;
    text-align: left;
    background: linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    width: 97%;
    height: 20px;
    padding-left: 3%;
}

.titlecivilgIdent {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0;
    border: 1px solid #009dd0;
    float: left;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    padding-left: 2%;
    text-align: left;
    width: 97%;
    color: #404040;
    font-family: tahoma;
    font-size: 11px;
}

#BtnEntete .BtnImporter, #BtnEntete input {
    /*float: right;
    margin-right: 10%;*/
}

.titlecivil {
    background: linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 10px;
    height: 20px;
}

.ComposantsDroit #Groupe {
    background: linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #009dd0;
    border-left: 1px solid #009dd0;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 4px 4px 4px 8px;
}

#RdChoixAgenda label {
    margin-left: 5px;
}

#RadioButtonList2 label {
    margin-left: 5px;
}
/* end code rectifier par sawsen */
#headerSalarie {
    background: linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #009dd0;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 4px 4px 4px 8px;
}

#btnExitPopUp {
    float: right;
    margin-top: -2px;
}

#ctl04 {
}

ImageButton1.Entete {
    height: 39px;
    width: 893px;
    margin-top: 2px;
}

#ContentDroit2 .informations {
    margin-top: 0;
}

#ContentDroit2 .informations {
    width: 100%;
    height: 355px;
}

.informations .drpStructure {
    float: left;
    margin-top: 4px;
}

td .drpStructure {
    width: 86%;
}

td .drpStructure2 {
    width: 70%;
}

.lblFiche {
    font-size: larger;
    margin-left: 420px;
    font-family: Tahoma;
}

.btnSupprimerHisContratSal {
    margin-left: 800px;
    margin-top: 10px;
}

.imageTest {
    margin-left: 68px;
}

.grid1 {
    width: 894px;
}

.scrollBarGrvContrat {
    margin-top: 0px;
}
/*grid view contrat*/

.grvContrat td {
    color: #404040;
    border: 0;
    padding: 2px;
    /*background-color: #0094ff;*/
}

.grvContrat th {
    /*height: 34px;*/
    border: 0;
    padding: 2px;
    text-align: left;
    /*background-color: #00ffff;*/
}
/*grid view groupe*/
.grvGroupe {
    margin-top: 0px;
    width: 100% !important;
    border: 0px;
    font-family: Tahoma;
    font-size: 11px;
}

    .grvGroupe td {
        color: #404040;
        border: 0;
        padding: 2px;
        text-align: left;
        border: 1px solid white;
    }

    .grvGroupe th {
        border: 0;
        padding: 2px;
        text-align: left;
        border: 1px solid white;
    }

#divCOntenuGRV {
    width: 100%;
}

#headerSalarie2 {
    background: linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #009dd0;
    border-radius: 13px 13px 0 0;
    height: 40px;
    line-height: 40px;
}

.grvGroupe2 {
    margin-top: 0px;
    width: 100%;
    border: 0px;
    font-family: Tahoma;
    font-size: 11px;
    visibility: hidden;
}

    .grvGroupe2 td {
        color: #404040;
        border: 0;
        padding: 2px;
    }

    .grvGroupe2 th {
        height: 34px;
        border: 0;
        padding: 2px;
        text-align: left;
    }

h1 {
    text-align: center;
}

.drpTpeFiche {
    width: 190px;
    margin-left: -1095px;
}

.BtnImporter {
    margin-right: 7px;
}

.lblHearderCivilite {
    text-align: right;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
}

#BtnGroupe {
    margin-top: 14px;
    width: 82%;
    float: right;
}

.rdCivilite {
    text-align: left;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-top: 10px;
    margin-right: 2px;
    width: 100%;
    margin-left: 4px;
    /*color: #006d91;*/
    /*margin-left: -10px;*/
}

.rdCiviliteH {
    text-align: left;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-top: 10px;
    margin-right: 2px;
    width: 100%;
    margin-left: 4px;
    /*color: #006d91;*/
}

.headerContrat {
    margin-top: 10px;
}

.headerCategorie {
    margin-top: 0px;
}

.headerTranche {
    margin-top: 11px;
}

/*.rdAge1 {
    width: 100%;
    margin-top: 8px;
}*/

.rdAge1 {
    float: left;
    color: #404040;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-left: 1px;
    margin-top: 10px;
    text-align: right;
    width: 99%;
}

.rdAge2 {
    margin-top: 15px;
    width: 100%;
    margin-left: -14px;
    text-align: right;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
}

.divGridViewGroupe {
    height: 100%;
    float: left;
}

@media only screen and (max-width:800px) {
    body {
        /*background-color: black;*/
        color: #404040;
    }

    h1 {
        font-size: small;
        margin-left: 0px;
    }
}

/*css PopUp Ajout Salarié*/
.modalBackgroundSalarie {
    background-color: black;
    filter: alpha(opacity=50);
    opacity: 0.50;
    animation: steps(1, start);
    /*z-index: 10001 !important;*/
}

.ModalPopupExtenderALertHeader {
    z-index: 10000001 !important;
}

.header { /*
    background-image: url("../../../Images/ImgGestionListeSalarie/02-POPUpFicheSalarie_03.png");
    background-repeat: no-repeat;
    height: 32px;
    margin-left: 0px;
    margin-top: -10px;
    width: 880px;*/
}

#bodyModalhaut {
    /*background-color: #ad7f00;*/
    height: 50px;
}

#bodyModalhaut2 {
    /*background-color: #ad7f00;*/
    height: 50px;
}

#bodyModalGauche {
    float: left;
    width: 50%;
    height: 500px;
    background-color: yellow;
}

#bodyModalDroite {
    float: left;
    width: 50%;
    height: 500px;
    background-color: royalblue;
}

.lbHeaderSalarie {
    float: left;
    font-family: Tahoma;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-left: 10px;
    margin-top: 0px;
}

#headerSalarie2 > input {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

#TabContainer1_TabPanel6_RadioButtonList1 label {
    margin-left: 6px;
}

#bodyModalBas {
    width: 880px;
    height: 475px;
    margin-left: 0px;
    height: 482px;
    margin-top: 0;
}

#bodyModalBas2 {
    width: 880px;
    height: 475px;
    margin-left: 0px;
    height: 482px;
    margin-top: 0;
}

.lblTexte {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    Width: 55px;
    height: 35px;
}

.lblMatricule {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    Width: 55px;
    height: 35px;
}

.lblPaie {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    Width: 55px;
    height: 65px;
}
/*.lblPaieDiv {
    Width:55px;
    height:65px;
}*/
#txtMatricule {
    width: 113px;
}

.txtMat {
    width: 100%;
    margin-left: 0px;
}

#txtLogin {
    width: 194px;
    margin-top: -40px;
    margin-left: 164px;
}

#txtPass {
    width: 246px;
    margin-top: -21px;
    margin-left: 606px;
}

#lblMatricule {
    float: left;
    margin-left: 7px;
    margin-top: 1px;
    width: 35px;
    margin-right: 14px;
}

/*#lblPaie {
    width: 35px;
    margin-left: -344px;
}*/
.ajax__tab_xp {
    height: 100%;
}

.modalPopupAjoutSalarie {
    overflow: hidden;
    background-color: #FFF;
    width: 880px;
    height: 523px;
    border-radius: 13px;
}

/*#lblPaie {
    width: 35px;
    /*float: left;
    margin-top: 14px;
    margin-left: -300px;
}*/
/*Fin Css pop up ajout salarié*/

/*Début Css Onglet*/
.ajax__tab_xp {
}

.ajax__tab_header {
    text-align: left !important;
    border-bottom: none !important;
    background-image: none !important;
}

.ajax__tab_panel {
    width: 100%;
}

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

#TabContainer2_TabPanel4 .BtnEntourage {
    float: left;
    text-align: right;
    width: 95% !important;
    margin-bottom: 8px;
    margin-right: 10px;
}

#TabContainer2_TabPanel4 > div {
    float: left;
    width: 100% !important;
}

#TabContainer2_TabPanel4_updateTableEntourage > table#tableEntourage {
    float: left;
    width: 47%;
}

#TabContainer2_TabPanel4_updateTableEntourage > table#tableEntourageDroite {
    float: right;
    width: 47%;
    margin-right: 10px;
    margin-top: 13px;
}

.ajax__tab_xp .ajax__tab_body {
    float: left;
    width: 100%;
    padding: 0px !important;
    border-bottom: none !important;
    height: 690px !important;
    border-radius: 0px 0px 10px 10px !important;
    border: medium none !important;
}

.ajax__tab_inner a:hover, a:focus {
    color: #404040;
    font-family: Tahoma;
}

.ajax__tab_inner a {
    color: #404040;
    font-family: Tahoma;
}

.ajax__tab_tab span {
    color: #404040;
    font-family: Tahoma;
    letter-spacing: 1px;
}

.ajax__tab_inner a {
}

#TabContainer2 {
    width: 880px;
    height: 533px;
}

.rdCiviliteH label {
    margin-left: 1%;
}

.rdCivilite label {
    margin-left: 1%;
}

#ContentGauche {
    width: 49%;
    height: 510px;
    float: left;
}

#ContentGauche2 img {
    width: 15px;
}

#ContentGauche2 {
    width: 49%;
    height: 540px;
    float: left;
    margin-left: 0px;
}

#ContentGauche3 {
    width: 48%;
    height: 540px;
    float: left;
    margin-left: 10px;
}

#ContentDroit .informations {
    margin-left: 3%;
    height: 270px;
    margin-top: 5px;
    padding-left: 0;
    width: 97%;
    margin-bottom: 11px;
}

#ContentDroit {
    width: 49%;
    height: 470px;
    float: right;
    margin-right: 1%;
}

#ContentDroit2 {
    width: 50%;
    height: 458px;
    float: right;
}

#ContentDroit3 {
    width: 47%;
    height: 458px;
    float: left;
    margin-left: 10px !important;
}

.lblForm {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
    text-transform: none;
}

.lblFormMois {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
    text-transform: none;
    margin-left: 20px;
}

.lbluserData {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    /*color: #404040;*/
    text-transform: none;
    color: #006d91;
}

.lbluserDataNumber {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
    text-transform: none;
    color: #006d91;
    width: 30px;
}

.lbluserDataCode {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
    text-transform: none;
    color: #006d91;
    width: 65px;
}

.lbluserDataIban {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
    text-transform: none;
    color: #006d91;
    width: 450px;
    margin-left: 50px;
}

.lbluserDataBic {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
    text-transform: none;
    color: #006d91;
    width: 250px;
    margin-left: 50px;
}

.lbluserDataJ {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
    text-transform: none;
    color: #006d91;
    width: 100px;
}

.lbluserDataMat {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
    text-transform: none;
    color: #006d91;
    width: 100px;
}

.lblFormType {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
    float: left;
    margin-top: 4px;
    margin-left: -43px;
}

.lblFormDate {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
}

.formFiche {
    width: 428px;
    padding-left: 0px;
    margin-left: -180px;
    margin-top: 9px;
}

#divLibilleCivilite {
    width: 432px;
    margin-top: 8px;
    width: 388px;
    margin-top: 4px;
}

.txtBox {
    width: 86%;
}

.txtBoxPreEntourage {
    margin-left: 72px;
    width: 205px;
}

.ScrollEmbauche {
    float: left !important;
    width: 100% !important;
}

.parcourirDiv {
    width: 100%;
    margin-top: 10px;
    float: left;
}

.trombinoscope {
    float: right;
    margin-top: 40px;
    margin-right: 10px;
}

.btnTrombinoscope {
    float: left;
    margin-left: 734px;
    margin-top: -6px;
    width: 136px;
}

.btnAjoutertrombinoscope {
    padding: 0;
    float: right;
}

.btnModifiertrombinoscope {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.ImageCalendar3 {
    float: right;
    padding-top: 0;
}
/*fin Css onglet*/
/***************Début Css onglet contrat****************/
/*grid view onglet contrat*/
.GridViewContrat {
    width: 879px;
    margin-left: -1px;
    margin-right: 1px;
    margin-top: -2px;
    border: 0px;
    font-family: Tahoma;
    font-size: 11px;
}

    .GridViewContrat td {
        color: #404040;
        border: 0;
        padding: 2px;
        /*background-color: #0094ff;*/
    }

    .GridViewContrat th {
        height: 22px;
        border: 0;
        padding: 2px;
        text-align: left;
    }
/*Fin grid view onglet groupe*/
#imgPOPUpContrat_06 {
    /*margin-top: 128px;*/
}

.divLeftContrat {
    float: left;
    width: 422px;
    height: 259px;
}

.divRightContart {
    float: right;
    height: 294px;
    width: 456px;
}

.tableContrat {
    margin-left: 8px;
    margin-top: 6px;
    width: 466px;
}

.tableContratRight {
    margin-left: 24px;
    margin-top: 6px;
    width: 496px;
}

.btnContrat {
    margin-left: 238px;
    margin-top: 135px;
    width: 285px;
}
/**************Fin Css onglet contrat*******************/
/****************Début css onglet responsable pop up****************/
/*grid view responsable*/
.grdViewResponsable {
    margin-left: 1px;
    width: 878px;
    border: 0px;
    font-family: Tahoma;
    font-size: 11px;
    margin-top: 0px;
}

    .grdViewResponsable td {
        color: #404040;
        height: 22px;
        border: 0;
        padding: 2px;
        /*background-color: #0094ff;*/
    }

    .grdViewResponsable th {
        height: 20px;
        border: 0;
        padding: 2px;
        text-align: left;
        /*background-color: #00ffff;*/
    }
/*grid view responsable*/
.btnModifierResp {
    margin-left: 796px;
    margin-top: 35px;
}

.lbAfficherDesac {
    font-family: Tahoma;
    font-weight: bold;
    font-size: 11px;
}
/******************Fin css onglet responsable*******************/
/*debut onglet fichiers du pop up*/
.drpDate {
    width: 112px;
}

.txtParcourirFich {
    width: 227px;
}
/*grid view fichiers*/
.grvFichiers {
    margin-top: 0px;
    margin-left: 1px;
    width: 878px;
    border: 0px;
    font-family: Tahoma;
    font-size: 11px;
}

    .grvFichiers td {
        color: #404040;
        height: 10px;
        border: 0;
        padding: 2px;
        /*background-color: #0094ff;*/
    }

    .grvFichiers th {
        height: 20px;
        border: 0;
        padding: 2px;
        text-align: left;
        /*background-color: #00ffff;*/
    }
/*grid view responsable*/
/*fin onglet fichiers du pop up*/
/*début css onglet entourage*/
#tableEntourage {
    float: left;
    margin-left: 1%;
    margin-right: 3%;
    width: 46%;
}

    #tableEntourage td .drpStructure {
        width: 100%;
    }

    #tableEntourage td .txtBox {
        width: 98%;
    }

    #tableEntourage td .list-last {
        width: 86%;
    }

    #tableEntourage td {
        width: 173px;
    }

#tableEntourageDroite {
    margin-top: 9px;
    float: left;
    width: 46%;
}

    #tableEntourageDroite td {
        width: 173px;
    }
/*grid view Entourage*/
.GridVEntourage {
    margin-top: 0px;
    margin-left: -1px;
    width: 879px;
    border: 0px;
    font-family: Tahoma;
    font-size: 11px;
}

    .GridVEntourage td {
        color: #404040;
        height: 10px;
        border: 0;
        padding: 2px;
        /*background-color: #0094ff;*/
    }

    .GridVEntourage th {
        height: 20px;
        border: 0;
        padding: 2px;
        text-align: left;
        /*background-color: #00ffff;*/
    }
/*Fin grid view Entourage*/
.BtnEntourage {
    float: right !important;
    margin-bottom: 9px;
    margin-top: 8px;
    width: 300px !important;
}
/*fin css onglet entourage*/
.RdChoixCategorie {
    margin-left: 0px;
}

.HeaderFichiers {
    margin-top: 10px;
}

.HeaderInfoSalarie {
    /*margin-left: 10px;*/
    width: 881px;
    padding-top: 14px;
}

#Panel1 {
    position: absolute !important;
    left: 0 !important;
    right: 0;
    margin: 0 auto;
}

.HeaderInfoSalarie2 {
    /*margin-left: 10px;*/
    width: 881px;
    padding-top: 14px;
}

.informations {
    margin-left: 10px;
}

.divGridViewContratSalarie {
    margin-left: 18px;
}

.btnCloseGestStat {
    float: right;
    margin-right: 6px;
    margin-top: 4px;
}

.lblTitreGestStat {
    float: left;
    margin-left: 15px;
}

.btnChercher {
    position: absolute;
    right: 7px;
    bottom: 5px;
}
/*----------------Début PopUp Alert----------------*/
.btnAlert {
    display: none;
}

.modalBackground {
    background-color: black;
    filter: alpha(opacity=50);
    opacity: 0.50;
    animation: steps(1, start);
}

#alertContent {
    background-color: #ffffff;
    font-weight: bold;
    height: 45px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 12px;
}

.modalPopupAlert {
    background: none repeat scroll 0 0 #FFFFFF;
    border: thin groove #684288;
    border-radius: 15px;
    box-shadow: 5px 5px #C1C1C1;
    width: 306px;
    height: 100px;
    margin-left: 25px;
    margin-top: -115px;
    z-index: 10000001 !important;
}

.alertHeaderClass {
    /*background-image: url("../../../Images/Commun/header_MessageAlerte_03.png");*/
    height: 30px;
    letter-spacing: -1px;
    width: 306px;
}

.sortiralert {
    margin-left: 265px;
    /*margin-top: 15px;*/
}

.labelAlert {
    margin-left: 25px;
    color: #684288;
}
/*-----------------Fin PopUp Alert--------------------*/

/*Début PopUp Alert Header*/
.btnAlert {
    display: none;
}

#alertContentHeader {
    background-color: #ffffff;
    font-weight: bold;
    height: 45px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.modalPopupAlert {
    background: none repeat scroll 0 0 #FFFFFF;
    border: thin groove #684288;
    border-radius: 15px;
    box-shadow: 5px 5px #C1C1C1;
    width: 306px;
    height: 100px;
    margin-left: 25px;
    margin-top: -115px;
}

.alertHeaderClass {
    /*background-image: url("../../../Images/Commun/header_MessageAlerte_03.png");*/
    height: 30px;
    letter-spacing: -1px;
    width: 306px;
}

.sortiralertHeader {
    margin-left: 265px;
    margin-top: 0px;
}

.labelAlertHeader {
    margin-left: 25px;
    color: #684288;
}
/*Fin PopUp Alert Header*/

.divIdentite {
    /* background-image: url("../../../Images/ImgGestionListeSalarie/02-POPUpFicheSalarie_10_10.png") ;*/
    float: left;
    /*margin-top: -70px;*/
    background-repeat: no-repeat;
    width: 99%;
}

.divData {
}

.divIdentite1 {
    float: left;
    /*margin-top: -70px;*/
    background-repeat: no-repeat;
    margin-bottom: 10px !important;
    width: 99%;
}

.blocRight {
    width: 37.5%;
    float: left;
    margin-left: 10px;
}

.blocRightMat {
    width: 37.5%;
    float: left;
    margin-left: 10px;
    margin-top: 2px;
}

.blocRight2 {
    width: 54%;
    float: left;
}

.blocRight3 {
    width: 45%;
    float: left;
    margin-top: 5px;
    /*margin-left: 46%;*/
}

#divIdentite .titlecivilg {
    padding-left: 11px;
}

#HeaderIdentite {
    width: 100%;
    height: 22px;
}

#divTypeIdentite {
    float: left;
}

#grvIdentite {
    float: left;
}

#btnModifiertrombinoscope {
    float: left;
}

#ContenuIdentite {
    float: left;
}

#divIdentite2 .titlecivilg {
    padding-left: 11px;
    margin-top: 22px;
}

.ContenuIdentite {
    float: left;
    height: 167px;
    margin-top: 20px;
    width: 100%;
}

.blocleft {
    float: left;
    width: 49%;
}

.blocleftPart {
    float: left;
    margin-right: 1%;
    width: 49%;
}

.blocRightPart {
    float: left;
    margin-right: 1%;
    width: 49%;
}

.blocleft1 {
    float: left;
    margin-right: 1%;
    width: 24%;
}

.blocleft2 {
    float: left;
    margin-right: 1%;
    width: 44.5%;
}

.blocleftL {
    float: left;
    margin-right: 1%;
    width: 44.5%;
    margin-top: -80px;
}

.blocMiddle {
    float: left;
    width: 35%;
}

.blocMiddleMat {
    float: left;
    width: 35%;
    margin-top: 2px;
}

.divIdentite2 {
    width: 99%;
}

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

    .divTypeIdentite .idLabel {
        float: left;
        margin-left: 3%;
    }

.container-left {
    float: left;
    width: 48%;
    margin-top: 0px;
}

.container-right {
    position: relative;
    float: right;
    width: 49%;
    margin-right: 1%;
    margin-top: 0px;
    height: 210px;
}

#divTypeIdentite .idLabel {
    float: left;
}

.idLabel {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px;
}

#TabContainer2_TabPanel4 > div {
    width: 100%;
    float: left;
}

.drpTypeIdentite {
    float: right;
    width: 50%;
}

.divNumeroIdentite {
    float: left;
    margin-top: 8px;
    width: 100%;
}

.blocleft .ImageCalendar3 {
    float: right;
}

.blocleft .txtDateDeliv {
    float: right;
    margin-right: 1%;
    width: 45%;
}

.blocleft .txtDateDeliv2 {
    float: right;
    margin-right: 1%;
    width: 45%;
}

.lbNumeroIdentite {
    float: left;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-left: 3%;
    margin-top: 5px;
}

#divTypeIdentite2 .drpTypeIdentite {
}

.txtNumero {
    float: right;
    margin-left: 4px;
    width: 50%;
}

.txtDateDeliv {
    float: right;
    margin-right: 5px;
    width: 45%;
}

.txtDateDeliv2 {
    float: right;
    margin-right: 5px;
    width: 45%;
}

.grvIdentite {
    height: 133px;
    width: 100%;
}

.grvIdentite1 {
    height: 133px;
    width: 99% !important;
    float: left;
}

.divAddIdenite {
    width: 300px;
    height: 150px;
}

.ImgBtnAjouterIdentite {
    float: right;
    margin-top: 4px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.divDateDeliv {
    float: left;
    width: 100%;
    margin-top: 8px;
}

.divDateFinValdite {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btnparcourir {
    margin-left: 15px;
    margin-top: 15px;
}

.IconActualiser {
    margin-left: 436px;
    margin-top: -3px;
    position: fixed;
}

.BtnPdf {
    float: left;
    margin-left: 5px;
    padding: 0;
}

.BtnExcel {
    float: left;
    padding: 0;
}

.BtnActiv {
    margin-left: 7px;
}

.ImgDesacvt {
    margin-left: 10px;
}

.BtnSupp {
    margin-left: 10px;
}

.RDActivierGridVIew {
    float: left;
    margin-left: 5px;
    margin-right: 10px;
    margin-top: 5px;
}

.divGrvFichier {
    height: 626px;
    margin-left: -1px;
    width: 880px;
    float: left;
}

.btnModifierEntourage {
    margin-left: 5px;
}

.BtnCreerEntourage {
    margin-left: 10px;
}

.btnSuppimerEntourage {
    margin-left: 10px;
}

/*début PopUp Importer*/
.BackgroundImportationProspect {
    background-color: rgba(0, 0, 0, 0.7);
}

.DivImportProspect {
    width: 800px;
    height: 680px;
    margin-top: 0;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.headerFicheProspect {
    line-height: 32px;
    float: left;
    width: 100%;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0;
    border-bottom: 1px solid #009dd0;
    border-radius: 13px 13px 0 0;
    height: 32px;
}

.btnCloseProspect {
    margin-left: 770px;
    margin-top: -50px;
}

.lblheaderFicheProspect {
    margin-left: 30px;
    font-family: Tahoma;
    font-size: 17px;
    font-weight: bold;
    height: 23px;
}

#objparentProspect {
    border: 0 none;
    height: 644px;
    margin-left: -8px;
    margin-top: 5px;
    width: 832px;
    border-color: transparent;
    overflow: hidden;
}

#contenupopProspect {
    height: 626px;
    width: 800px;
}
/*fin PopUp Importer*/
.itemCheckSalle {
    text-align: left;
    width: 25px;
}

.divBtnClick {
    visibility: hidden;
}

#ctl00_TabContainer2_TabPanel1_FileUpload1_ctl01 > input {
    float: left;
    width: 100px !important;
}

#ctl00_TabContainer2_TabPanel1_FileUpload1_ctl01 > div {
    float: left;
    margin-top: 0 !important;
}

#ctl00_TabContainer2_TabPanel1_FileUpload1_ctl04 {
    font-family: Tahoma !important;
    font-size: 12px !important;
    height: 17px !important;
    width: 200px !important;
}

#AccActivites_content_AsyncFileUpload1_ctl01 { /*bouton*/
    background: url("../../Images/Commun/parcourir.png") no-repeat !important;
    height: 100px !important;
    width: 100px !important;
    /*margin: 0px 0 0 336px !important;*/
}

/*#AccActivites_content_AsyncFileUpload1_ctl02, #AccActivites_content_AsyncFileUpload1_ctl04{ display: none !important;}*/
#ctl00_TabContainer1_TabPanel6_FileUpload4_ctl04 {
    font-family: Tahoma !important;
    font-size: 12px !important;
    height: 15px !important;
    width: 200px !important;
    margin-left: -215px !important;
    margin-top: -7px !important;
    /*input qui va contenir le text*/
}

#ctl00_FileUpload4_ctl01 {
    background: url("../../Images/Commun/FicheContact_Photo.png") no-repeat !important;
    margin: 0 0 0 35px;
    padding-left: 93px;
}

.FileUploadCss {
    width: 350px;
}

.FileUploadCss2 {
    margin-left: 15px;
}

.FileUploadDiv1 {
    margin-left: 30px;
}

.scrollBarGrvFichiers {
    margin-top: 10px;
}
/*.divSupp{
    width:891px;
    height :50px;
}*/
.btnSupFichier {
    margin-left: 790px;
    margin-top: -10px;
}

.ajax__calendar .ajax__calendar_container {
    width: 200px;
}

/*code ajouté par haifa:gestion statut employé*/

.BtnGestionStatut {
    margin-left: -25px;
    margin-top: 0;
}

.CheckAutre {
    float: left;
    margin-right: 6px;
}

.AutreStatus {
    width: 200px;
    /*height:50px;*/
}

.informations tr {
    height: 25px;
}

.lbCheckAutre {
    float: left;
    font-family: Tahoma !important;
    font-size: 12px !important;
    font-weight: bold;
    margin-left: -55px;
}

.lblNomStatut {
    font-family: Tahoma !important;
    font-size: 12px !important;
    font-weight: bold;
}

.BtnAjouStat {
}

.btnModifproJet {
}

.tbxNomStatut {
    margin-left: 12px;
    margin-top: 0px;
    width: 236px;
}

.DivAjoutModifStatut {
    margin-left: 12px;
    margin-top: 10px;
}

#ctl10 {
    width: 99%;
    /*float: left;*/
}

.btnGest {
    float: left;
    margin-left: 183px;
    margin-top: 7px;
    width: 41%;
}

.gridviewStat {
    width: 100%;
    font-family: Tahoma;
    font-size: 11px;
}

    .gridviewStat tr th {
        background-color: #57C7EB;
        color: #ffffff;
        font-family: Tahoma;
    }

    .gridviewStat tr:nth-child(2n+2) {
        background-color: #C4E2EB;
        font-family: Tahoma;
        color: #404040;
    }

    .gridviewStat tr:nth-child(2n+1) td {
        background-color: #ffffff;
        color: #404040;
        font-family: Tahoma;
    }

.gridGest {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 10px;
    border-radius: 0 0 13px 13px;
}

.LblStatGrv {
    Height: 22px;
}

#headerGestionStat {
    border-radius: 13px 13px 0 0;
    font-weight: bold;
    background: linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #009dd0;
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
/*Debut Css Alert de confirmation*/
#ConfirmContentMotif {
    background-color: #FFFFFF;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    height: 63px;
    color: #404040;
}

.C_btnValider {
    margin-top: 28px;
    margin-left: 230px;
}

.C_btnAnnuler {
    float: right;
    margin-right: -7px;
    margin-top: 17px;
}
/*.modalPopupAlert{
    z-index:10000002!important;
      height: 105px;
}*/
#AlertDiv {
    /*z-index: 10000004 !important;*/
}

.modalBackground {
    background-color: black;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000 !important;
}
/*Fin Css Alert de confirmation*/
.BackgroundImportationStatus {
    background-color: black;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 10000001 !important;
}

.DivGestionStat {
    height: 360px;
    width: 325px;
    border-radius: 13px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    z-index: 10000002 !important;
}

.labelConfirm {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
}

.drpStatEmpl {
    width: 248px;
}

.BtnGestionStatutModif {
    margin-top: 0;
}

#ContenuGestion {
    border-radius: 0 0 13px 13px;
    background: none repeat scroll 0 0 #fff;
    float: left;
    width: 100%;
}

.ImgAddAdresse {
    float: right;
    padding: 0;
}

.txtBox1 {
    width: 86%;
}

.txtBox11 {
    width: 80%;
}
/* Début POP UP Ajout Adresse */
.BackgroundAddAdresse {
    background-color: black;
    filter: alpha(opacity=50);
    opacity: 0.50;
    animation: steps(1, start);
    z-index: 1000002 !important;
}

.btnCloseAddAdresse {
    float: right;
    margin-top: 2px;
    margin-right: 4px;
}

.AjoutAdresse {
    float: left;
    padding-left: 10px;
    color: #404040;
    font-family: Tahoma;
    font-size: 17px;
    font-weight: bold;
    height: 22px;
    letter-spacing: -1px;
}

.AddAdresseDiv {
}

.AddAdresseDiv1 {
    width: 310px;
    height: 300px;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

.headerAdresse {
    float: left;
    width: 100%;
    border-radius: 13px 13px 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0;
    border: 1px solid #009dd0;
    height: 28px;
    line-height: 28px;
}

.ImgHeaderAdresse {
}

.ContentAdresse {
    position: relative;
    overflow: hidden;
    height: 265px;
    float: left;
    width: 100%;
}

.UpdatePanel1 {
    float: left;
    height: 190px;
    overflow: hidden;
}

.ContentAdresse6 {
    float: left;
    width: 98%;
    margin-bottom: 10px;
}

.lblPaysAdresse {
    float: left;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-left: 10px;
}

.drpPaysAdresse {
    float: right;
    width: 45%;
    background-image: url("../../../Images/Commun/ChercherAC_2_03.png");
    background-repeat: no-repeat;
    padding-left: 17px;
}

.ContentAdresse7 {
    float: left;
    width: 98%;
    margin-bottom: 10px;
}

.lblVilleAdresse {
    float: left;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-left: 10px;
}

.drpVilleAdresse {
    float: right;
    width: 46%;
    padding: 2px 0 1px;
}

.ContentAdresse2 {
    margin-bottom: 10px;
}

.dansPop {
    border: none;
}

.lblPaysAdresse {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-left: 10px;
}

.txtPaysAdresse {
    width: 167px;
    margin-left: 107px;
}

.ContentAdresse3 {
    float: left;
    width: 98%;
    margin-bottom: 10px;
}

.lblAdresse1 {
    float: left;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    margin-left: 10px;
}

.txtAdresse1 {
    float: right;
    width: 46%;
    background-image: url("../../../Images/Commun/ChercherAC_2_03.png");
    background-repeat: no-repeat;
    padding-left: 17px;
}

.ContentAdresse4 {
    float: left;
    width: 98%;
}

.lblAdresse2 {
    font-family: tahoma;
    margin-left: 10px;
    font-size: 11px;
    font-weight: bold;
    float: left;
}

.txtAdresse2 {
    width: 166px;
    float: right;
}

.divPatienter {
    color: red;
    font: bold, 14px, Tahoma;
    display: none;
    text-align: center;
}

.autcompleteCSSAdresse {
    margin-top: 2px;
    width: 183px !Important;
    list-style-type: none;
    background-color: #FFFFFF;
    padding-left: 0px !Important;
}
/* Fin POP UP Ajout Adresse */

/*******************Impression*****************************/

.btnClose {
    float: right;
    margin-right: 4px;
}

.TitreRapport {
    float: left;
    padding-left: 30px;
    font-size: 17px;
    letter-spacing: 0px;
}

.DivFichePB {
    margin: 0 auto;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    width: 664px;
    height: 610px;
}

#CreerFicheDrag {
}

.CreerFicheDrag {
    z-index: 100001;
    top: 10px !important;
}

.headerFiche {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0;
    border-bottom: 1px solid #009dd0;
    height: 32px;
    line-height: 32px;
    border-radius: 13px 13px 0 0;
    cursor: move;
}

.contenuReport {
    position: fixed;
}

.ImgHeaderFiche {
    height: 32px;
    width: 665px;
}

.lblHeaderFiche {
    margin-left: 25px;
    margin-top: -24px;
    font-family: Tahoma;
    font-size: 17px;
    font-weight: bold;
}

.DivIframe {
    height: 800px;
    margin-top: 4px;
    position: absolute;
    display: table;
}

#objparentDossier {
    border: 0 none rgba(0, 0, 0, 0);
    overflow: hidden;
    width: 888px;
    height: 470px;
    border-radius: 13px;
}

.AdresseGrd {
    margin-top: 35px !important;
    margin-bottom: 10px !important;
    overflow-x: auto !important;
}

.DocsGrd {
    overflow-x: auto !important;
    position: relative;
    width: 100%;
}
/********************Fin Partie Impression ******************/

.Scrollreport {
    width: 655px;
}

.divTrombinscope {
    margin-top: 15px;
}

.divCoordonnes {
    float: left;
    /*margin-top: 5px;*/
    width: 49%;
    margin-left: 10px;
}

.BtnConfirmModif {
    margin-left: 155px;
    margin-top: -59px;
}

#ContentDroit2 > div {
    float: left;
    width: 100%;
}

.btnValid2 {
    margin-top: 20px;
    float: right;
}

.txtTelBureau {
    width: 100px;
}

.FileUploadDiv {
    float: left;
    text-align: left;
}

.C_btnValiderIdent {
    margin-left: 230px;
    margin-top: 21px;
}

.titlecivilgHistoique {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #fff, #fff, #b4e0f9) repeat scroll 0 0;
    border: 1px solid #009dd0;
    float: left;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding-left: 3%;
    text-align: left;
    width: 97%;
}
/*Debut Css Alert de confirmation*/
.C_ConfirmContent {
    background-color: #FFFFFF;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    height: 63px;
    color: #404040;
}

.C_btnValiderStatus {
    float: right;
    margin-right: 49px;
    margin-top: 20px;
}

.C_btnAnnulerStatus {
    float: right;
    margin-right: -64px;
    margin-top: 17px;
}
/*Fin Css Alert de confirmation*/
.rdAge1 > div {
    float: left;
    overflow-x: auto;
    width: 100%;
}
/* code ajouter le 08/08/2015 */
html {
    background: #fff none repeat scroll 0 0;
    font-size: 100%;
}

.main {
    background: #fff;
}

@media(max-width:320px) {
    .drpEntete {
        width: 99%;
    }

    #BtnEntete {
        width: 99%;
        margin-top: 0;
    }

    #BtnGroupe {
        width: 100%;
    }

    .Entete {
        height: auto;
    }

    .ComposantsGauche, .ComposantsDroit {
        float: left;
        width: 100%;
    }

    /*.ASContent {
        height: auto !important;
    }*/

    .RDActivierGridVIew {
        margin: 5px 5px 0 5px;
    }

    .lbAfficherDesac {
        font-size: 10px;
    }

    .BtnActiv, .ImgDesacvt, .BtnSupp {
        margin-left: 1px;
    }

    #divCOntenuGRV > div {
        overflow-x: auto;
    }

    .btnChercher {
        float: right;
        position: relative;
        margin-top: 10px;
        text-align: right;
    }

    .ComposantsDroit #Groupe {
        border-top: 1px solid #009dd0;
    }

    .modalPopupAjoutSalarie {
        width: 99%;
        height: auto;
    }

    #Panel1 {
        width: 99%;
    }

    #ContentGauche2, #ContentDroit2, #bodyModalBas2 {
        width: 100%;
    }
}

@media(min-width:321px) and (max-width:380px) {
    .drpEntete {
        width: 99%;
    }

    #BtnEntete {
        width: 99%;
        margin-top: 0;
    }

    #BtnGroupe {
        width: 100%;
    }

    .Entete {
        height: auto;
    }

    .ComposantsGauche, .ComposantsDroit {
        float: left;
        width: 100%;
    }

    .RDActivierGridVIew {
        margin: 5px 5px 0 5px;
    }

    .lbAfficherDesac {
        font-size: 10px;
    }

    .BtnActiv, .ImgDesacvt, .BtnSupp {
        margin-left: 1px;
    }

    #divCOntenuGRV > div {
        overflow-x: auto;
    }

    .btnChercher {
        float: right;
        position: relative;
        margin-top: 10px;
        text-align: right;
    }

    .ComposantsDroit #Groupe {
        border-top: 1px solid #009dd0;
    }

    .modalPopupAjoutSalarie {
        width: 99%;
        height: auto;
    }

    #Panel1 {
        width: 99%;
    }
}

@media(min-width:381px) and (max-width:420px) {
    .drpEntete {
        width: 99%;
    }

    #BtnEntete {
        width: 99%;
        margin-top: 0;
    }

    #BtnGroupe {
        width: 100%;
    }

    .Entete {
        height: auto;
    }

    .ComposantsGauche, .ComposantsDroit {
        float: left;
        width: 100%;
    }

    .RDActivierGridVIew {
        margin: 5px 5px 0 5px;
    }

    .lbAfficherDesac {
        font-size: 10px;
    }

    .BtnActiv, .ImgDesacvt, .BtnSupp {
        margin-left: 1px;
    }

    #divCOntenuGRV > div {
        overflow-x: auto;
    }

    .btnChercher {
        float: right;
        position: relative;
        margin-top: 10px;
        text-align: right;
    }

    .ComposantsDroit #Groupe {
        border-top: 1px solid #009dd0;
    }
}

@media(min-width:421px) and (max-width:500px) {
    .drpEntete {
        width: 99%;
    }

    #BtnEntete {
        width: 99%;
        margin-top: 0;
    }

    #BtnGroupe {
        width: 100%;
    }

    .Entete {
        height: auto;
    }

    .ComposantsGauche, .ComposantsDroit {
        float: left;
        width: 100%;
    }

    .RDActivierGridVIew {
        margin: 5px 5px 0 5px;
    }

    .lbAfficherDesac {
        font-size: 10px;
    }

    .BtnActiv, .ImgDesacvt, .BtnSupp {
        margin-left: 1px;
    }

    #divCOntenuGRV > div {
        overflow-x: auto;
    }

    .btnChercher {
        float: right;
        position: relative;
        margin-top: 10px;
        text-align: right;
    }

    .ComposantsDroit #Groupe {
        border-top: 1px solid #009dd0;
    }
}

@media(min-width:501px) and (max-width:568px) {
    .drpEntete {
        width: 99%;
    }

    #BtnEntete {
        width: 99%;
        margin-top: 0;
    }

    #BtnGroupe {
        width: 100%;
    }

    .Entete {
        height: auto;
    }

    .ComposantsGauche, .ComposantsDroit {
        float: left;
        width: 100%;
    }

    .RDActivierGridVIew {
        margin: 5px 5px 0 5px;
    }

    .lbAfficherDesac {
        font-size: 10px;
    }

    .BtnActiv, .ImgDesacvt, .BtnSupp {
        margin-left: 1px;
    }

    #divCOntenuGRV > div {
        overflow-x: auto;
    }

    .btnChercher {
        float: right;
        position: relative;
        margin-top: 10px;
        text-align: right;
    }

    .ComposantsDroit #Groupe {
        border-top: 1px solid #009dd0;
    }
}

@media(min-width:569px) and (max-width:600px) {
    .drpEntete {
        width: 99%;
    }

    #BtnEntete {
        width: 99%;
        margin-top: 0;
    }

    #BtnGroupe {
        width: 100%;
    }

    .Entete {
        height: auto;
    }

    .ComposantsGauche, .ComposantsDroit {
        float: left;
        width: 100%;
    }

    .RDActivierGridVIew {
        margin: 5px 5px 0 5px;
    }

    .lbAfficherDesac {
        font-size: 10px;
    }

    .BtnActiv, .ImgDesacvt, .BtnSupp {
        margin-left: 1px;
    }

    #divCOntenuGRV > div {
        overflow-x: auto;
    }

    .btnChercher {
        float: right;
        position: relative;
        margin-top: 10px;
        text-align: right;
    }

    .ComposantsDroit #Groupe {
        border-top: 1px solid #009dd0;
    }
}

@media(min-width:601px) and (max-width:667px) {
    .drpEntete {
        width: 99%;
    }

    #BtnEntete {
        width: 99%;
        margin-top: 0;
    }

    #BtnGroupe {
        width: 100%;
    }

    .Entete {
        height: auto;
    }

    .ComposantsGauche, .ComposantsDroit {
        float: left;
        width: 100%;
    }

    .RDActivierGridVIew {
        margin: 5px 5px 0 5px;
    }

    .lbAfficherDesac {
        font-size: 10px;
    }

    .BtnActiv, .ImgDesacvt, .BtnSupp {
        margin-left: 1px;
    }

    #divCOntenuGRV > div {
        overflow-x: auto;
    }

    .btnChercher {
        float: right;
        position: relative;
        margin-top: 10px;
        text-align: right;
    }

    .ComposantsDroit #Groupe {
        border-top: 1px solid #009dd0;
    }
}

@media(min-width:668px) and (max-width:740px) {
    .drpEntete {
        width: 99%;
    }

    #BtnEntete {
        width: 99%;
        margin-top: 0;
    }

    #BtnGroupe {
        width: 100%;
    }

    .Entete {
        height: auto;
    }

    .ComposantsGauche, .ComposantsDroit {
        float: left;
        width: 100%;
    }

    .RDActivierGridVIew {
        margin: 5px 5px 0 5px;
    }

    .lbAfficherDesac {
        font-size: 10px;
    }

    .BtnActiv, .ImgDesacvt, .BtnSupp {
        margin-left: 1px;
    }

    #divCOntenuGRV > div {
        overflow-x: auto;
    }

    .btnChercher {
        float: right;
        position: relative;
        margin-top: 10px;
        text-align: right;
    }

    .ComposantsDroit #Groupe {
        border-top: 1px solid #009dd0;
    }
}

@media(min-width:741px) and (max-width:800px) {
    .drpEntete {
        width: 65%;
    }

    #BtnEntete {
        width: 33%;
    }

    #lbSoustile {
        font-size: 8px;
    }

    #BtnGroupe {
        width: 100%;
    }

    .RDActivierGridVIew {
        margin: 5px 5px 0 5px;
    }

    .lbAfficherDesac {
        font-size: 10px;
    }

    .BtnActiv, .ImgDesacvt, .BtnSupp {
        margin-left: 1px;
    }

    #divCOntenuGRV > div {
        overflow-x: auto;
    }
}

@media(min-width:801px) and (max-width:899px) {
    .drpEntete {
        width: 58%;
    }

    #BtnEntete {
        width: 40%;
    }

    #lbSoustile {
        font-size: 8px;
    }

    #BtnGroupe {
        width: 100%;
    }

    .RDActivierGridVIew {
        margin: 5px 5px 0 5px;
    }

    .lbAfficherDesac {
        font-size: 10px;
    }

    .BtnActiv, .ImgDesacvt, .BtnSupp {
        margin-left: 1px;
    }

    #divCOntenuGRV > div {
        overflow-x: auto;
    }
}

@media(min-width:900px) and (max-width:959px) {
    .drpEntete {
        width: 65%;
    }

    #BtnEntete {
        width: 33%;
    }

    #lbSoustile {
        font-size: 8px;
    }

    #BtnGroupe {
        width: 100%;
    }

    .RDActivierGridVIew {
        margin: 5px 5px 0 5px;
    }

    .lbAfficherDesac {
        font-size: 10px;
    }

    .BtnActiv, .ImgDesacvt, .BtnSupp {
        margin-left: 1px;
    }

    #divCOntenuGRV > div {
        overflow-x: auto;
    }
}

@media(min-width:960px) and (max-width:1024px) {
    .drpEntete {
        width: 65%;
    }

    #BtnEntete {
        width: 33%;
    }

    #lbSoustile {
        font-size: 8px;
    }

    #BtnGroupe {
        width: 100%;
    }

    .RDActivierGridVIew {
        margin: 5px 5px 0 5px;
    }

    .lbAfficherDesac {
        font-size: 10px;
    }

    .BtnActiv, .ImgDesacvt, .BtnSupp {
        margin-left: 1px;
    }

    #divCOntenuGRV > div {
        overflow-x: auto;
    }
}

@media(min-width:1025px) and (max-width:1120px) {
    #sous-title {
        line-height: 19px;
    }

    #lbSoustile {
        font-size: 8px;
    }

    .drpEntete {
        width: 65%;
    }

    #BtnEntete {
        width: 33%;
    }

    #BtnGroupe {
        width: 100%;
    }

    .RDActivierGridVIew {
        margin: 5px 5px 0 5px;
    }

    .lbAfficherDesac {
        font-size: 10px;
    }

    .BtnActiv, .ImgDesacvt, .BtnSupp {
        margin-left: 1px;
    }

    #divCOntenuGRV > div {
        overflow-x: auto;
    }
}

@media(min-width:1121px) and (max-width:1199px) {
    #sous-title {
        line-height: 19px;
    }

    #lbSoustile {
        font-size: 9px;
    }

    .drpEntete {
        width: 65%;
    }

    #BtnEntete {
        width: 33%;
    }

    .RDActivierGridVIew {
        margin: 5px 5px 0 5px;
    }

    .lbAfficherDesac {
        font-size: 10px;
    }

    .BtnActiv, .ImgDesacvt, .BtnSupp {
        margin-left: 1px;
    }

    #divCOntenuGRV > div {
        overflow-x: auto;
    }
}

.TofEmploye {
    float: left;
    margin-left: 20px;
    margin-top: 4px;
    margin-right: 15px;
}

.logoEntrepriseProjetDossier {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #745987;
    border-radius: 13px;
    float: right;
    /*height: 76px;*/
    margin-right: 40px;
    overflow: hidden;
    vertical-align: middle;
    margin-top: 10px;
    /*width: 133px;*/
}

.ImgPartieProjetImgEntrep {
    width: 87px;
    height: 67px;
}

.okbuttonDossier {
    /*height: 50%;*/
    margin-left: 860px;
    margin-top: -155px;
}

.treeNode {
    color: #006d91;
    font: 14px Arial, Sans-Serif;
}

..titrePopup {
    margin-top: 5px !important;
}

.rootNode {
    font-size: 11px;
    width: 100%;
    border-bottom: Solid 1px black;
    font-family: tahoma;
}

.leafNode {
    /*border:Dotted 2px black;*/
    padding: 4px;
    /*background-color:#eeeeee;*/
    font-weight: bold;
    font-size: 11px;
    font-family: tahoma;
}

.bouDD {
    background: rgba(0, 0, 0, 0) linear-gradient(to left, #fff, #b4e0f9) repeat scroll 0 0;
    border-radius: 10px 0 0 10px;
    height: 510px !important;
    margin-left: -12px;
    margin-top: -70px !important;
    position: absolute;
    width: 160px !important;
    z-index: -1;
}

.menu-vertical {
    width: 250px;
    list-style: none;
    padding: 4px;
    margin: 0;
    background: #F2F2F2;
}

#menu a {
    display: block;
    text-decoration: none;
}

#menu > li,
#menu > li li {
    position: relative;
    display: inline-block;
    width: 110px;
    padding: 6px 15px;
}

    #menu > li li {
        background: transparent none;
    }

        #menu > li li:hover {
            background: #eee;
        }

    #menu > li:first-child {
        border-radius: 8px 0 0 8px;
    }

    #menu > li + li {
    }

    #menu > li:last-child {
        border-right: 0;
        border-radius: 0 8px 8px 0;
    }

    #menu > li:hover {
    }

#menu ul {
    position: absolute;
    top: 2em;
    left: 0;
    max-height: 0em;
    margin: 0;
    padding: 0;
    background-color: #ddd;
    background-image: linear-gradient(#fff,#ddd);
    overflow: hidden;
    transition: 1s max-height 0.3s;
    border-radius: 0 0 8px 8px;
}

#menu > li:hover ul {
    max-height: 13em;
}

#menu-accordeon {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    width: 180px;
}

    #menu-accordeon ul {
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: left;
    }

    #menu-accordeon li {
        background-color: #729EBF;
        background-image: -webkit-linear-gradient(top, #e6e6e6 0%, #fff 63%);
        background-image: linear-gradient(to bottom, #e6e6e6 0%, #fff 63%);
        border-radius: 6px;
        margin-bottom: 8px;
        box-shadow: 3px 3px 3px #999;
        max-width: 125px;
    }

        #menu-accordeon li li {
            max-height: 0;
            overflow: hidden;
            transition: all .5s;
            border-radius: 0;
            background: #444;
            box-shadow: none;
            border: none;
            margin: 0;
            color: #fff;
            padding-left: 5px;
            height: 40px !important;
        }

    #menu-accordeon a {
        display: block;
        text-decoration: none;
        color: #404040;
        padding: 8px 0;
        font-family: tahoma;
        font-size: 13px;
        font-weight: bold;
        padding-left: 5px !important;
        height: 15px;
        vertical-align: center !important;
    }

    #menu-accordeon ul li a, #menu-accordeon li:hover li a {
        font-size: 1em;
        color: #fff;
    }

    #menu-accordeon li:hover {
        background-image: -webkit-linear-gradient(top, #222222 0%, #696969 100%);
        background-image: linear-gradient(to bottom, #222222 0%, #696969 100%);
        color: #fff !important;
    }

        #menu-accordeon li:hover a {
            color: #fff !important;
        }

    #menu-accordeon li li:hover {
        color: #fff !important;
        background: #999;
    }

    #menu-accordeon ul li:last-child {
        border-radius: 0 0 6px 6px;
        border: none;
    }

    #menu-accordeon li:hover li {
        color: #fff !important;
        max-height: 15em;
    }

.MenuDossierV2 {
    margin-left: 14px !important;
    margin-top: -60% !important;
}

#PanelInfosPoste {
    float: left !important;
    overflow: hidden !important;
    margin-left: 10px;
}

#PanelInfosPoste1 {
    float: left !important;
    overflow: hidden !important;
    width: 97%;
    margin-left: 10px;
    overflow-y: hidden !important;
}

.ScrollDataCivil {
    float: left !important;
    width: 99% !important;
}

.cssLigneTitre {
    background-color: #4f6e85 !important;
    color: #FFFFFF !important;
    Font-Size: 12px;
    font-weight: bold;
    height: 30px;
    text-align: center !important;
}

#ouvrirBouD, #fermerBouD {
    margin-top: 70% !important;
}

.PosteSalarie {
    margin-top: 37px;
    /*margin-left: -242px;*/
    float: left;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
}

.titrePopupPoste {
    float: left;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    /*margin-left: -195px;*/
    max-width: 175px;
    margin-top: 37px;
    color: #404040;
}

.titrePopupEntreprise {
    float: left;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    margin-left: 10px;
    margin-top: 37px;
    max-width: 175px;
    color: #404040;
    font-family: tahoma;
}

.titrePopupLieu {
    float: left;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    max-width: 135px;
    margin-left: 10px;
    color: #404040;
    font-family: tahoma;
    margin-top: 37px;
}

.ContenuCandidatPopup {
    height: 480px !important;
}

.GridViewCss {
    border: 0;
    width: 100%;
    font-size: 11px;
}

    .GridViewCss td {
        color: #404040;
        border: 0;
        padding: 2px;
        text-align: left;
        border: 1px solid white !important;
        font-size: 11px;
    }

    .GridViewCss th {
        border: 0;
        padding: 2px;
        text-align: left;
        border: 1px solid white !important;
        font-size: 11px;
    }

.LinkClass {
    text-decoration: underline;
    color: #009dd0;
}

.HiddenField {
    display: none !important;
}

/************************ 10/08/2016 ************************/
#BtnImprimer {
    margin-top: 0;
}

.Entete #BtnEntete {
    float: right;
    width: 160px;
}

.UploadLogoEntrepriseDD {
    float: right !important;
}

.modalEvtCDD {
    border-radius: 13px;
    background-color: white;
    /*height: 45%;*/
    /*width: 55%;*/
    position: fixed !important;
    left: 20% !important;
    top: 20% !important;
    height: 425px !important;
    width: !important 800px;
}

#popupdragDD {
    /*position: fixed !important;*/
    height: 560px !important;
    width: 890px !important;
    background-color: white;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}

.divboudanspopDD {
    position: absolute !important;
}

.NomCandidat {
    font-family: tahoma;
    font-size: 14px;
    font-weight: bold;
}

#menu-accordeonPPDD {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    width: 180px;
    margin-top: -115px;
}

    #menu-accordeonPPDD ul {
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: left;
    }

    #menu-accordeonPPDD li {
        background-color: #729EBF;
        background-image: -webkit-linear-gradient(top, #e6e6e6 0%, #fff 63%);
        background-image: linear-gradient(to bottom, #e6e6e6 0%, #fff 63%);
        border-radius: 6px;
        margin-bottom: 8px;
        box-shadow: 3px 3px 3px #999;
        max-width: 125px;
        padding: 0 !important;
        font-size: 11px !important;
    }

        #menu-accordeonPPDD li li {
            max-height: 0;
            overflow: hidden;
            transition: all .5s;
            border-radius: 0;
            background: #444;
            box-shadow: none;
            border: none;
            margin: 0;
            color: #fff;
            padding-left: 5px;
            height: 40px !important;
        }

    #menu-accordeonPPDD a {
        display: block;
        text-decoration: none;
        color: #404040;
        padding: 12px 3px;
        font-family: tahoma;
        font-size: 13px;
        font-weight: bold;
        /*padding-left: 5px !important;
        height: 15px;
        vertical-align: center !important;*/
    }

        #menu-accordeonPPDD a img {
            margin-top: -5px;
        }

    #menu-accordeonPPDD ul li a, #menu-accordeonPPDD li:hover li a {
        font-size: 1em;
        color: #fff;
    }

    #menu-accordeonPPDD li:hover {
        background-image: -webkit-linear-gradient(top, #222222 0%, #696969 100%);
        background-image: linear-gradient(to bottom, #222222 0%, #696969 100%);
        color: #fff !important;
    }

        #menu-accordeonPPDD li:hover a {
            color: #fff !important;
        }

    #menu-accordeonPPDD li li:hover {
        color: #fff !important;
        background: #999;
    }

    #menu-accordeonPPDD ul li:last-child {
        border-radius: 0 0 6px 6px;
        border: none;
    }

    #menu-accordeonPPDD li:hover li {
        color: #fff !important;
        max-height: 15em;
    }


/*********************************** 27/03/2017 ***************************************/
.classCreateur span, .classCollaborateur span, .classDate span {
    font-size: 14px;
    color: #000;
}