/*@font-face { font-family:Lucida; src:url(lucida.eot), url(lucida.pfr); }

File modified by: Raky Mehawej
Last Modification: 1-Feb-2017
specific lines marked with comment RM

*/
/*------------------------------------------------BALISE--------------------------------------------------------*/
html {
    width: 100%;
}

body {
    background-color: #ffffff;
    font-family: Arial;
    font-size: 16px;
    color: #5a5a5a;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size:14px;
}
input[type=text], input[type=password], input[type=number] {
    font-family: Arial;
    font-size: 15px;
    height: 31px;
    width: 220px;
    border: 1px solid #b9b9b9;
    padding-left: 7px;
    margin-top: -7px;
    background-color: #ffffff;
    color: #5a5a5a;
}

input[type=checkbox] {
    width: 18px;
    height: 18px;
    margin-top: -1px;
    margin-left: 0px;
    margin-bottom: 15px;
}

textarea {
    border: 1px solid #b9b9b9;
    font-family: Arial;
    font-size: 16px;
    color: #5a5a5a;
    padding-left: 15px;
    padding-top: 5px;
    padding-right: 15px;
    background-color: #ffffff;
}

.carre input[type="text"] {
    width: 35px !important;
}

.radiobtn {
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 15px;
}


select {
    font-family: Arial;
    font-size: 14px;
    height: 32px;
    border: 1px solid #b9b9b9;
    color: #5a5a5a;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -7px;

}

.calendar {
    z-index: 999999;

}

#zoneForm select {

    margin-top: 0px;

}

#ZoneFilterSelCols select { /*bia*/

    margin-top: 0px;

}

#zoneAddModif, #mainParam select {
    margin-top: -7px;
}


a {
    text-decoration: none;
}

a:active {
    color: #676767;
}

a:visited {
    color: #676767;
}

a:link {
    color: #676767;
}


a img {
    border: 0
}


.home-menu a {
    color: #29abe1 !important;
}

.subMenuContent {
    position: absolute;
    z-index: 15;
    display: none;
    padding-top: 40px;
    padding-right: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: normal;
    background-color: #FFF;
    box-shadow: 0 5px 10px #888888;
}

.subMenu {
    float: left;
    width: 247px;
    height: 27px;
    position: relative;
    margin-right: 15px;
    margin-left: -5px;
}

.subMenu:hover .subMenuContent {
    display: block;
}

div.one-col {
    float: left;
    width: 240px;
    margin-left: 15px;
}

h3.menu-title {
    color: #f05b29;
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 0;
    margin-left: 0;
}

h4.menu-subtitle {
    color: #919191;
    font-weight: bold;
    font-size: 16px;
    margin-top: 2px;
}

.clearfix {
    clear: both;
}

.h30 {
    height: 30px;
}


/*--------------------------------------------------------------------------------------------------------------------*/

/*Haut des pages*/
#conteneur, #conteneurHeader, #zoneAddModif {

    width: 1275px;
    height: auto;
    border: 0px solid #000000;
    margin: 0 auto; /*roy instead of pos abs*/
    padding-left: 15px;
    padding-right: 15px;
}

#header {
    width: 100%;
    min-width: 1300px;
    height: 91px;
    background-image: url(../images/header_background.gif);
    background-repeat: repeat-x;
}

#headerLogo {
    width: 100%;
    min-width: 1300px;
    height: 91px;
    margin: 0;
    text-align: center;

}

.headerMenuOpen {
    float: right;
    color: #676767;
    background-repeat: no-repeat;
    text-align: left;
    position: absolute;
    margin-top: -10px;
    padding-top: 10px;
    z-index: 15;
}

.subMenuOrange {
    margin-left: -3px;
    width: 176px;
    position: absolute;
    z-index: 25;
    background-color: #f05b29;
    box-shadow: 0 10px 10px #888888;
    padding-bottom: 15px;
    margin-bottom: 40px;
}

#divNavigation {
    height: 90px;
    width: 100%;
    font-family: Arial;
    font-size: 15pt;
    font-weight: bold;
    text-align: left;
    margin-top: -25px;
    z-index: 1;
}

#divNavigation #workingEnv .select2-container .select2-selection--single {
    height: 27px;
}

#affTdb {
    width: 1265px;
}

#headerNavigation a:link {
    color: #676767;
}

#headerNavigation a:visited {
    color: #676767;
}

#headerNavigation a:hover {
    color: #676767;
}

#headerNavigation a:active {
    color: #676767;
}


#zoneDrapeau {
    float: left;
}


#zoneConnecte {
    border: 0px solid yellow;
    float: right;
    width: 835px;
    height: 18px;

}

#ZoneConnecte a {
    color: #FFF;
}

#ZoneConnecte a: hover {
    text: decoration: underline;
    color: #FFF;
}

#deconnecte {
    background-image: url(../images/deconnecte.gif);
    background-repeat: no-repeat;
    width: 21px;
    height: 18px;
    float: left;
    cursor: pointer;
}

/*identification sur index, identification_incorrecte et deconnexion.php*/


#codeClient {
    float: left;
    border: 0px solid #003366;
    background-image: url(../images/accesClient.gif);
    background-repeat: no-repeat;
    width: 125px;
    height: 127px;
    margin-top: 26px;
    display: block;
}

#accesShowroom {
    float: left;
    background-image: url(../images/login-box.gif);
    background-repeat: no-repeat;
    width: 300px;
    height: 400px;
    margin-top: 270px;
    border: 0px solid #000;

}


.validerClient {
    background-image: url(../images/validerClient.gif);
    background-repeat: no-repeat;
    font-family: Arial;
    color: #FFF;

    font-weight: bold;
    margin-top: 13px;
    width: 66px;
    margin-left: 59px;
    text-align: left;
    cursor: pointer;
    height: 18px;
}

.validerShowroom {
    background-image: url(../images/validerShowroom.gif);
    background-repeat: no-repeat;
    font-family: Arial;
    color: #FFF;

    font-weight: bold;
    margin-top: 25px;
    width: 66px;
    border: 0px solid yellow;
    margin-left: 60px;
    text-align: left;
    cursor: pointer;
    height: 17px;
}

#leftt {
    float: left;
    background-repeat: no-repeat;
    width: 125px;
    border: 5px solid #000;
}

/*index.php*/
#homeLeft {
    width: 740px;
    height: 430px;
    float: left;
    background-color: #FFF;
    margin-left: 135px;
}

#homeRight {
    float: left;

    border: 0px solid #000;
}

.contenuMilieu {
    clear: both;
    float: none; /*roy*/
    background-color: #FFF;
    height: auto;
    width: 1280px;
    margin: auto;
}

#homeText {

    float: left;

    font-family: Arial;
    color: #5a5a5a;
    font-size: 17pt;
    font-weight: normal;
    text-align: justify;
    word-wrap: break;
    border: 0px solid #003366;
}


#homeLeftBlanc {
    float: left;
    width: 125px;
    height: 430px; /*362*/
    background-color: #E3EBF1;
    border: 0px solid #000;
    background-color: #FFF;

}

#TopMenuWare {
    /*background-image: url(../images/menuWare.gif);*/
    background-repeat: ;
    width: 125px;
    height: 38px;
    /*float: left; roy */
    cursor: pointer;

}

#TopMenuWare2 {
    background-image: url(../images/sousMenu.gif);
    background-repeat: repeat-x;
    width: 125px;
    height: 22px;
    float: left;
    position: absolute;
    top: 38px;
    left: 0px;
    z-index: 1;
    border: 0px solid black;

}

.boutonTopMenuWare2 {
    /* background: url(../images/fleche.gif) no-repeat 110px 0px;*/

    font-family: Arial;
    font-weight: bold;
    color: #454647;
    width: 109px;
    text-align: right;
    padding-right: 16px;
    margin-top: 4px;
}

#FondMenuWareHome {
    /* background-image: url(../images/fondMenuWare.gif); */
    width: 125px;
    height: 324px;
    /*padding-top: 20px; roy */
}

#FondMenuWare {
    /* background: url(../images/fondMenuWare.gif) no-repeat; */
    width: 125px;

    padding-top: 20px;
    position: absolute;
    top: 38px;
    left: 0px;
    z-index: 15;
    background-color: #FFF;

}

#lock {
    position: absolute;
    font-family: Arial;
    color: #000;

    background-color: #FFF;
    margin-top: 20px;
    margin-left: -60px;
    width: auto;
    padding: 5px;
    border: 1px solid #000;
    display: none;
    white-space: nowrap;
}

.lockBis {
    font-family: Arial;
    color: #000;

    background-color: #FFF;
    position: absolute;
    top: 205px;
    right: 630px;
    width: auto;
    padding: 5px;
    border: 1px solid #000;
    display: none;
    z-index: 1;
}

.verrouille {
    cursor: pointer;
    font-family: Arial;
    color: red;

    font-weight: bold;
    /*background-image: url(../images/valid.gif);*/
    height: 25px;
    width: 98px;
    padding-top: 5px;
    padding-right: 6px;
    text-align: center;
    float: right;
}

.boutonHover {
    cursor: pointer;
    font-family: Arial;
    color: #383838;

    font-weight: bold;
    background-image: url(../images/valid.gif);
    height: 25px;
    width: 98px;
    padding-top: 5px;
    padding-right: 12px;
    text-align: center;
    text-decoration: underline;
    float: right;
}


.pianoHome, .pianoHomeOff {
    /*margin-top: 10px;*/
    padding-top: 5px; /*roy*/
    clear: both;
    width: 125px;
    border: 0px solid #000;
    text-align: right;
}

.pianoHomeOff {
    background: url(../images/fleche.gif) no-repeat 110px 13px; /*roy: changed 0 to 13*/
}

.pianoHome a {
    padding-right: 16px;

    font-family: Arial;
    font-weight: bold;
    color: #454647;
    word-wrap: break;
}

.pianoHomeOff a {

    padding-right: 16px;


    font-family: Arial;
    font-weight: bold;
    color: #454647;
    /*text-decoration: underline;*/
}


.piano2, .pianoOff2 {
    clear: both;
    width: 110px;
    text-align: right;
    padding-right: 16px;
}

.piano3, .pianoOff3 {
    clear: both;
    width: 125px;
    text-align: left;
    marging-right: 16px;
}

.piano4, .pianoOff4 {
    clear: both;
    width: 105px;
    text-align: left;
    marging-right: 16px;
}


.piano2 a, .piano3 a, .piano4 a {

    font-family: Arial;
    font-weight: normal;
    color: #6A6A6A;
    word-wrap: break;
    height: 15x;
}

.pianoOff2 a, .pianoOff3 a, .pianoOff4 a {

    font-family: Arial;
    font-weight: mormal;
    color: #6A6A6A;
    text-decoration: underline;
    height: 15px;
}

/*.pianoHome a:hover{

.pianoHomeOff a, .pianoOff2 a, .pianoOff3 a, .pianoOff4 a{

font-family: Arial;
font-weight: bold;
color: #454647;
text-decoration: underline;
height: 22px;
}
}*/


#footer {
    font-size: 14px;
    font-family: Arial;
    color: #787878;
    clear: both;
    float: none;
    background-color: #FFF;
    height: auto;
    width: 430px;
    margin: auto;

}

#footer a {
    color: #787878;
}


#detailMenuHome {
    list-style-type: none;

}

.separateurTop {
    border: 0px solid #000;
    float: left;
    height: 30px;
    margin-right: 25px;
    margin-left: 25px;
    text-align: left;
    padding-top: 5px;
    color: #0066CC;
}

#fondMenuTop {
    float: left;
    width: 217px;
    height: 52px;
    background-image: url(../images/menu_haut.gif);
    background-repeat: no-repeat;
}

#fondMenuMilieu {
    background-color: #A05001;
    border: 0px solid red;
}

#menuLeft {
    float: left;
    margin-top: 27px;

}

#fondMenuBas {
    float: left;
    width: 217px;
    height: 23px;
    background-image: url(../images/menu_bas.gif);
    background-repeat: no-repeat;
}

#milieu {
    float: left;
    width: 1000px;
    overflow: auto;
    text-align: center;
    background-color: blue;
    /*background-image:url(../images/ved_corps_fond.gif); */
}

.ligneAnnuaireEntete {
    height: 10px;
    white-space: nowrap;
    border-bottom: 2px solid #FFF;
    text-align: center;
    font-weight: normal;
    padding: 10px;
    background-color: #dbdbdb;
}

.ligneAnnuaire {
    padding-left: 2px;
    padding-right: 4px;
    white-space: nowrap;
    border-bottom: 0px solid #FFF;
}

#annuaire {
    margin-left: 1px;
    /*height: 565px;*/
    overflow-x: scroll;
    overflow-y: hidden;
    width: 998px;
    background-color: #FFF;
    border-top: 0px solid #000;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
    border-bottom: 0px solid #000;
    overflow: auto;

}

#zoneMenuTop {
    height: 60px;
    border-left: 1px solid #FFF;
    float: right;
    background-color: #F8F8F8;
    text-align: center;
    width: 874px;
    background-image: url(../images/menuTop.gif);
    background-repeat: no-repeat-x;
}

#zoneBoutonMenuTop a {

    font-family: Arial;
    color: #4A4A4A;
    font-weight: normal;
    border: 0px solid red;
    float: left;
    margin-left: 6px;
    text-align: left;
    padding-left: 28px;
    padding-top: 6px;
    text-decoration: none;

}

#zoneTopSms {
    padding-top: 5px;
    float: left;
    width: 874px;
    border: 0px solid blue;
    height: 32px;
    border: 0px solid blue;
}

#zoneBoutonMenuTop {

}

#select_incident {
    margin-top: 5px;
    margin-left: 30px;
    float: left;
}

#MenuHorizontal {
    border: 0px solid blue;
    float: right;
    margin-top: 0px;
    width: 870px;

    font-family: Arial;
    font-weight: bold;
    height: 18px;
    padding-top: 2px;
}

.menuTop a {

    padding-top: 3px;
    text-decoration: underline;
    padding-right: 7px;
    padding-left: 7px;
    float: left;
    text-align: center;
    color: #666;
    height: 18px; /*changed from 16 roy*/
    border: 0px solid yellow;
    font-size: 10px;
}

.menuTopOff a {
    padding-top: 1px;
    text-decoration: underline;
    background-color: #B7B7B7;
    padding-bottom: 2px;
    padding-right: 7px;
    padding-left: 7px;
    float: left;
    color: #666;
    height: 18px;
    border: 0px solid blue;
    font-size: 10px;
}

.separateur {
    border: 0px solid #000;
    float: left;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 2px;
    font-weight: normal;
    color: #000;
    height: 18px;
}

#sMenuE {
    position: absolute;
    top: 160px;
    left: 326px;
    z-index: 3;

    font-family: Arial;
    font-weight: bold;

}

.lienPiano {

    font-family: Arial;
    color: #FFF;
    font-weight: bold;
}

.lienPiano2 {

    color: #FF66CC;

}


.menuConfig a {
    border: 0px solid #000000;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 8px;
    padding-left: 8px;
    float: left;
    text-align: center;
    color: #FFF;
}

.menuConfigOff a {
    border: 0px solid #000000;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 8px;
    padding-left: 8px;
    float: left;
    text-align: center;
    background-color: #909090;
    text-decoration: underline;
    color: #FFF;
}


.menuTopWare a {
    border: 0px solid #000000;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 7px;
    padding-left: 7px;
    float: left;
    text-align: center;
    color: #FFF;
    background-color: #A05001;
}

.menuTopOffWare a {
    border: 0px solid #000000;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 7px;
    padding-left: 7px;
    float: left;
    text-align: center;
    background-color: #A05001;
    text-decoration: underline;
    color: #FFF;
}

.menuTop2 a {
    border: 0px solid #000000;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 7px;
    padding-left: 7px;
    float: left;
    text-align: center;
    color: #FFF;
    background-color: #8F0068;
}

.menuTopOff2 a {
    border: 0px solid #000000;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 7px;
    padding-left: 7px;
    float: left;
    text-align: center;
    background-color: #8F0068;
    text-decoration: underline;
    color: #FFF;
}


.td1d {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    text-align: center;
    background-color: #909090;
    color: #FFF;

}

.td1m {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    text-align: center;
    background-color: #909090;
    color: #FFF;
}

.td1g {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    text-align: center;
    background-color: #909090;
    color: #FFF;
}

.td1g2 {
    border-top: 1px solid #000000;
    text-align: center;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}

.td1gbas {
    border-top: 1px solid #000000;
    text-align: center;
    border-right: 1px solid #000000;
}

.td1g2bas {
    border-top: 1px solid #000000;
    text-align: center;
    background-color: #909090;
    color: #FFF;
}

.td1g2bas2 {
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    text-align: center;
    background-color: #909090;
    border-bottom: 1px solid #000000;
    color: #FFF;
}

.td1g2bas22 {
    border-top: 1px solid #000000;
    text-align: center;
    background-color: #909090;
    color: #FFF;
}

.td1g2bas222 {
    border-top: 1px solid #000000;
    text-align: center;
    background-color: #5C5C5C;
    color: #FFF;
}

.td1g2bas223 {
    border-top: 1px solid #000000;
    text-align: center;
    background-color: #909090;
    color: #FFF;
}

.td1g2bas224 {
    border-top: 1px solid #000000;
    text-align: center;
    background-color: #909090;
    color: #FFF;
}

.td1g2bas4 {
    border-top: 1px solid #000000;
    text-align: center;
    background-color: #909090;
    border-bottom: 1px solid #000000;
    color: #FFF;
}

.td1g2bas3 {
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    text-align: center;
    background-color: #909090;
    color: #FFF;
}

.td1g2bas5 {
    border-top: 1px solid #000000;
    text-align: left;
}


.td1m2 {
    text-align: left;
    height: 45px;
}

.td1m2bilan {

    text-align: center;
    background-color: #909090;
    border-bottom: 0px solid #000000;
    color: #FFF;
}

.td1m2g {

    text-align: left;
}

.td1m2d {

    text-align: left;
}

.td1m2v {

    text-align: left;
}

.td1m3 {

    text-align: center;


}

.td1m4 {

    text-align: center;

    color: #FFF;
}

.td1m43 {

    text-align: center;

    color: #FFF;
}


.td1m42 {
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    text-align: center;
    background-color: #5C5C5C;
    color: #FFF;
}


.td1m5 {
    border-left: 1px solid #000000;
    color: #FFF;
    border-bottom: 1px solid #000000;
    text-align: center;
}

.td1m2bas {
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    text-align: left;
    border-bottom: 1px solid #000000;
}

.td1m6 {
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    text-align: center;
    background-color: #909090;
    border-bottom: 1px solid #000000;
    color: #FFF;
}

.checkListTitre {
    font-weight: bold;
    color: #5C5C5C;

}


#barre {
    float: right;
    width: 873px;
    margin-left: 1px;
}

.
.titreZone {
    background-color: #5C5C5C;
    color: #FFF;
    float: left;
    width: 995px;
    border: 0px solid #000000;
    font-family: Arial;

    font-weight: bold;

    cursor: pointer;
}

#zone1_n, #zone1_m {
    width: 960px;

    margin-top: 20px;
    font-family: Arial;
    color: #000000;
    text-align: left;
}

#zone2_n, #zone3_n, #zone4_n, #zone2_m, #zone3_m, #zone4_m {
    width: 770px;

    margin-top: 10px;
    font-family: Arial;
    color: #000000;
    text-align: left;
    border: 2px solid #000000;
}

.titreZoneM {
    float: left;
    vertical-align: center;
    width: 961px;
    text-align: left;
    font-weight: bold;
    background-color: #5C5C5C;
    color: #FFF;
    cursor: pointer;
}

.sousTitreZone {
    float: left;
    vertical-align: center;
    width: 995px;
    text-align: left;
    background-color: #909090;
    color: #FFF;
    padding-bottom: 2px;

}

.sousTitreZone2 {
    float: left;
    vertical-align: center;
    width: 995px;
    text-align: left;
    background-color: #909090;
    color: #FFF;
    padding-bottom: 2px;
    font-weight: bold;
    border-top: 1px solid #000;
}


.sousTitreZoneM {
    float: left;
    vertical-align: center;
    width: 961px;
    text-align: left;
    background-color: #909090;
    padding-bottom: 2px;
    color: #FFF;
    border_bottom: 1px solid #000;
}

.sousTitreZoneM2 {
    float: left;
    vertical-align: center;
    width: 961px;
    text-align: left;
    background-color: #909090;
    padding-bottom: 2px;
    color: #FFF;
    font-weight: bold;
    border-top: 1px solid #000;
}

.titreZoneM2 {
    float: left;
    height: 30px;
    vertical-align: center;
    width: 960px;
    text-align: center;
    background-color: #5C5C5C;
    color: #FFF;
}

#incident {
    display: block;
    float: left;
    width: 995px;
}

.detailIncident {
    margin-bottom: 5px;
    text-align: center;
    float: left;
    width: 497px;
    border: 0px solid #000000;
    font-family: Arial;
    color: #000;

    font-weight: bold;
    padding-top: 3px;
}

.detailIncident2 {
    float: left;
    width: 497px;
    text-align: center;
}

.etape {
    width: 770px;
    margin-top: 0px;
    text-align: left;
    border: 1px solid #000000;
    margin-left: 100px;
}

.etape2 {
    margin-left: 100px;
    width: 770px;
    margin-top: 10px;
    text-align: left;
    border: 1px solid #000000;
}

.bandeauEtape {
    float: left;
    width: 770px;
    background-color: #5C5C5C;
}

.titreEtape {
    padding-top: 1px;
    float: left;
    height: 15px;
    width: 750px;
    border: 0px solid #fff;
    font-family: Arial;
    color: #fff;

    font-weight: bold;
    cursor: pointer;
}

.feuxEtape {
    padding-top: 2px;
}

.feuxSousEtape {
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}

.underline a:active {
    text-decoration: underline;
}


.voile {
    border: 0px solid yellow;
    float: left;
    width: 122px;
    height: 225px;
    margin-left: 61px;
    margin-top: 20px;
    background-image: url(../images/voile.gif);
}


.liste {
    float: right;
    margin-left: 150px;
    margin-top: 5px;
    font-weight: normal;
    border: 0px solid black;

    width: auto;
}

.listeProcedure {
    float: left;
    margin-left: 15px;
    margin-top: 5px;
    font-weight: normal;
    border: 0px solid black;

    height: 350px;

    width: auto;

}

.listepopUpArbo, .listepopUpArboNoCursor {
    float: left;
    font-weight: normal;
    border: 0px solid black;
    width: auto;
    padding-left: 25px;
}

.listepopUpArbo {
    cursor: pointer;
}

.listepopUpArboOrga {
    float: left;
    font-weight: normal;
    width: auto;
    /*padding-left: 25px;
	padding-right:60px; */
}

.emailLogo {
    border: 0px solid yellow;
    float: left;
    width: 110px;
    height: 240px;
    margin-left: 75px;
    margin-top: 20px;
    background-image: url(../images/emailLogo);

}

.smsLogo {
    border: 0px solid yellow;
    float: left;
    width: 110px;
    height: 240px;
    margin-left: 75px;
    margin-top: 20px;
    background-image: url(../images/smsLogo);

}


.smsEmail {
    font-family: Arial;
    color: #707070;

    font-weight: bold;
}

.smsEmail input {
    border: none;
    background-color: #D3D3D3;
}

.titreCentre {
    font-weight: bold;
    background-color: #5C5C5C;
    color: #FFF;
    text-align: center;
    border-bottom: 1px solid #000000;
}

.titreGauche {
    font-weight: bold;
    background-color: #5C5C5C;
    color: #FFF;
    text-align: left;
    border-bottom: 1px solid #000000;
}

.SousTitreCentre {
    font-weight: normal;
    background-color: #909090;
    color: #000;
    text-align: center;
}

.SousTitreGauche {
    font-weight: font-weight: normal;
    background-color: #909090;
    color: #000;
    text-align: left;
}


.SousTitreCentreVacation {
    font-weight: normal;
    background-color: #5C5C5C;
    color: #FFF;
    text-align: center;
}

.desc {
    font-family: Arial;

    color: #000;
}


.tableAffiche {

    font-family: Arial;
    color: #000000;
    border: 2px solid #000;
    width: 970px;
}

.tdAfficheFonce {
    background-color: #5C5C5C;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #000000;
    font-weight: bold;
}

.tdAfficheClair {
    background-color: #909090;
    color: #FFF;
    text-align: center;
    border-bottom: 1px solid #000000;
    font-weight: normal;
}


#zoneBtHaut {
    height: 40px;
    border: 0px solid yellow;
    clear: both;
    margin-top: 25px;

}

#zoneBtH, #zoneBtHAjout, {
    height: 20px;
    border: 0px solid yellow;
    clear: both;
    margin: 0px;
    padding: 0px;
}


#zoneBtBas {
    height: 30px;
    border: 0px solid yellow;
    clear: both;
    background-color: #FFF;
    margin-top: 10px;
}

.titreBandeauTache {
    height: 32px;
    background-color: #a4a4a4;
    margin-bottom: 15px;
    padding-left: 45px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #FFF;
    font-size: 16px;
    font-Weight: bold;
    text-align: left;
    clear: both;
}

.fullScreenGraySeparator, .titreBandeauIncident {
    width: 1222px;
    height: 20px;
    background-color: #a4a4a4;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 45px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #FFF;
    font-size: 20px;
    font-Weight: bold;
    text-align: left;
    clear: both;
}

.titreBandeauIncidentL2 {
    width: 1222px;
    height: 20px;
    background-color: #c8c8c8;
    margin-bottom: 25px;
    padding-top: 15px;
    padding-left: 45px;
    padding-bottom: 15px;
    color: #FFF;
    font-size: 16px;
    font-Weight: bold;
    text-align: left;
    clear: both;
}

.titreBandeauIncidentL3 {
    width: 1207px;
    height: 20px;
    background-color: #d3d3d3;
    margin-bottom: 25px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 45px;
    padding-bottom: 15px;
    color: #FFF;
    font-size: 16px;
    font-Weight: bold;
    text-align: left;
    clear: both;
}

#listAnnuaire {
    position: absolute;
    z-index: 5;
    width: auto;
    border: 1px dotted #000;
    display: none;
    background-color: #FFF;
    overflow: none;
    height: auto;
}

.listContrib {
    position: absolute;
    z-index: 5;
    border: 1px dotted #000;
    display: none;
    background-color: #FFF;
    width: 400px;
}

.btM_0 {
    background-image: url(../images/mas_0.gif);
    height: 26px;
    float: right;
    margin-right: 10px;
    margin-top: 2px;
    clear: both;

    width: 105px;
    cursor: pointer;
}

.btM_1 {
    background-image: url(../images/mas_1.gif);
    height: 26px;
    clear: both;
    float: right;
    margin-right: 10px;
    margin-top: 2px;
    width: 105px;
    cursor: pointer;
}


.VacationTableau {
    border: none;
    text-align: left;
}

.bouttonPJVacation_ico_email {
    margin-left: 15px;
    width: 35px;
    height: 35px;
    background: url(../images/email32.png);
    background-repeat: no-repeat;
    display: block;
}

.bouttonPJVacation_ico_email:hover {
    margin-left: 15px;
    width: 35px;
    height: 35px;
    background: url(../images/emailb32.png);
    background-repeat: no-repeat;
    display: block;
}

.bouttonPJVacation_ico_email_lock {
    margin-left: 15px;
    width: 35px;
    height: 35px;
    background: url(../images/emailb32.png);
    background-repeat: no-repeat;
    display: block;
}

.bouttonPJVacation_ico_sms {
    width: 35px;
    height: 35px;
    background: url(../images/phone32.png);
    background-repeat: no-repeat;
    display: block;

}

.bouttonPJVacation_ico_sms:hover {
    width: 35px;
    height: 35px;
    background: url(../images/phoneb32.png);
    background-repeat: no-repeat;
    display: block;
}

.bouttonPJVacation_ico_sms_lock {
    width: 35px;
    height: 35px;
    background: url(../images/phoneb32.png);
    background-repeat: no-repeat;
    display: block;
}

.bouttonPJVacation_ico_actionmaincourante {
    width: 150px;
    height: 30px;
    background: url(../images/vacation_actionmaincourante_up);
    background-repeat: no-repeat;
    display: block;
    border: none;
}


.bouttonPJVacation_ico_contributeurs {
    width: 110px;
    height: 30px;
    background: url(../images/vacation_contributeurs_up);
    background-repeat: no-repeat;
    display: block;
}

#BiaMenuH, #incidentMenuH {
    float: left;
    margin-top: 0px;
    width: 100%;
    font-weight: bold;

}

div#incidentMenuH a {
    border-bottom: 2px solid #CCC;
    margin-right: 20px;
    padding: 10px;
    background-color: #FFF;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 60px;
    width: auto !important;
    color: #666;
    font-size: 15px;
}

div#incidentMenuH div.menuTopOngletOff a {
    color: #29abe1;
    border-bottom: 2px solid #29abe1;
}

.waitIncident {
    text-align: center;
}


.menuTopOnglet a {
    float: left;
    padding-bottom: 2px;
    background-color: #CCC;
    padding-top: 3px;
    padding-right: 7px;
    padding-left: 7px;
    text-align: center;
    color: #000;
    font-weight: normal;
    font-family: Arial;
    font-size: 11px;
}

.menuTopOngletOff a {
    float: left;
    padding-top: 4px;
    padding-bottom: 2px;
    padding-right: 7px;
    padding-left: 7px;
    color: #000;
    font-weight: normal;
    font-family: Arial;
    font-size: 11px;
}

.button220 {
    border: 0 none;
    color: white !important;
    background-color: #189cd0;
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    padding: 9px 3px;
    width: 220px;
    cursor: pointer;

}

.button170, .buttonOrange170, #alertBox #closeBtn, #alertBox #cancelBtn {
    border: 0 none;
    color: white;
    background-color: #189cd0;
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    padding: 9px 3px;
    width: 170px;
    cursor: pointer;

}

.buttonOrange170 {
    background-color: #f05b29;
}

.zoneBouton {
    padding-top: 10px;
    padding-bottom: 5px;
    width: auto;
    background-color: #FFF;
    height: 30px;
}

.boutonG {
    cursor: pointer;
    font-family: Arial;
    color: #383838;

    font-weight: bold;
    background-image: url(../images/valid.gif);
    height: 25px;
    width: 98px;
    padding-top: 5px;
    padding-right: 12px;
    text-align: center;
    float: left;
}

.zoneBoutonBas {
    padding-top: 5px;
    padding-bottom: 0px;
    width: auto;
    background-color: #FFF;
    height: 30px;
}


.titreStat {
    font-weight: normal;
    font-family: Arial;
    color: #FFFFFF;
    margin-top: 0px;
    background-color: #a4a4a4;
    padding: 8px;
    text-align: center;
}


#zoneVerr {
    cursor: pointer;
    margin-top: 7px;
    font-family: arial;
    font-weight: bold;
    color: red;

}

#headerNotification {
    width: 100%;
    height: auto;
    overflow: auto;
    margin-bottom: 15px;
    background-color: #feeee4;
}

#headerNotificationDC {
    width: 100%;
    min-height: 100px;
    height: auto;
    margin-bottom: 15px;
    background-color: #ddf0f8;
    margin-top: 5px;
}

#headerNotificationText {
    float: right;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #f05b29;
    margin-top: 15px;
    margin-bottom: 15px;
}

#headerNotificationTextDC {
    float: right;
    text-align: center;
    margin-top: 22px;
    font-size: 14px;
    font-weight: bold;
    color: #189cd0;
}

.aideWorkFlow {
    float: right;
    height: 20px;
    width: 20px;
    background: url(../images/helpw20.png) no-repeat;
}

.aideWorkFlow2 {
    float: right;
    height: 20px;
    width: 20px;
    background: url(../images/helpw20.png) no-repeat;
}

.infoPop {
    margin-left: 2px;
    margin-right: 2px;
    float: right;
    height: 20px;
    width: 20px;
    background: url(../images/info.png) no-repeat;
}

.aide2, .aide1 {
    margin-left: 5px;
    margin-top: -10px;
    float: right;
    height: 35px;
    width: 32px;
    background: url(../images/help.png) no-repeat;

}

.infoPop2 {
    margin-left: 2px;
    margin-right: 2px;
    float: right;
    height: 20px;
    width: 20px;
    background: url(../images/info.png) no-repeat;
}

.duplicationa1 {
    margin-left: 1px;
    margin-right: 3px;
    height: 20px;
    width: 20px;
    background: url(../images/dupliquer20.png) no-repeat;
}

.duplicationa2 {
    margin-left: 1px;
    margin-right: 3px;
    height: 20px;
    width: 20px;
    background: url(../images/dupliquer20.png) no-repeat;
}

.duplication1 {
    margin-left: 2px;
    margin-right: 3px;
    height: 20px;
    width: 20px;
    background: url(../images/dupliquer20.png) no-repeat;
}

.duplication2 {
    margin-left: 2px;
    margin-right: 3px;
    height: 20px;
    width: 20px;
    background: url(../images/dupliquer20.png) no-repeat
}

.datea1, .datea2, .date1, .date2 {
    margin-left: 3px;
    float: left;
    height: 20px;
    width: 20px;
    background: url(../images/calendrier1.png) no-repeat;
}


.suppression1, .suppression2, .suppressionb1, .suppressionb2 {
    margin-left: 3px;
    margin-right: 4px;
    height: 20px;
    width: 20px;
    position: relative;
    top: -1px;
    background: url(../images/bin20.png) no-repeat;
    background-size: 17px;
}

.pjArchive {
    margin-left: 3px;
    margin-right: 4px;
    height: 20px;
    width: 20px;
    position: relative;
    top: 0px;
    background: url(../images/archive.png) no-repeat;
    background-size: 17px;
    float: left;
    display: block;
    cursor: pointer;
}

.pjUnarchive {
    margin-left: 3px;
    margin-right: 4px;
    height: 20px;
    width: 20px;
    position: relative;
    top: 0px;
    background: url(../images/unarchive.png) no-repeat;
    background-size: 17px;
    float: left;
    display: block;
    cursor: pointer;
}

#marcheASuivre {
    position: absolute;
    font-family: Arial;

    background-color: #fff;
    margin-top: 5px;
    /*margin-left: -150px;*/
    margin-left: -200px;
    height: auto;
    /*overflow-y : scroll;
    overflow-x : hidden;*/
    padding: 5px;
    border: 1px solid #000;
}

.marcheASuivre {
    position: absolute;
    font-family: Arial;

    background-color: #fff;
    margin-top: 5px;
    /*margin-left: -150px;*/
    margin-left: -200px;
    height: auto;
    /*overflow-y : scroll;
    overflow-x : hidden;*/
    padding: 5px;
    border: 1px solid #000;
}

.commentaire {
    position: absolute;
    font-family: Arial;
    z-index: 9;
    background-color: White;
    padding: 2px;
    border: 1px solid #D5D5D5;
    width: 250px;

    margin-top: -100px;
}

.zoneModifTache {
    position: absolute;
    margin-top: 20;
    margin-left: 50px;
    font-family: Arial;

    background-color: #FFFFCC;
    padding: 5px;
    border: 1px solid black;
}


.rolesEtContributions {
    font-family: Arial;

    background-color: #fff;
    /*margin-top: -12px;
    margin-left: 40px;*/
    width: 395px;
    min-height: 100px;
    height: auto;
    border: 1px solid #000;
    float: left;
}

.delaisChargesCouts {
    font-family: Arial;

    background-color: #fff;
    /*border: 1px solid #000; RM*** */
    width: 270px;
    height: auto;
    float: left;
}

.clPj {
    font-family: Arial;

    z-index: 2 !important;
    background-color: #fff;
    border: 1px solid #000;
    width: 350px;
    height: auto;
    float: left;
}

.fileList {
    clear: both;
}

.fileList div {
    /*display:block;*/
    /*width:auto!important;*/
    display: inline-block;
    float: none !important;
}

.fileList .suppression1, .fileList .suppression2 {
    background: url(../images/bin20.png) no-repeat;
    background-size: 16px;
    background-position: 0px 4px;
    display: inline-block !important;
}

.fileList .extensionIcon {
    display: inline-block;
    float: none !important;
    background-size: contain;
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
}

.scrollTable {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}


.scrollTable .th_extra {
    width: 18px;
    padding: 0;
    border-right-width: 0;
}

.TableContainerRisque > .scrollTable .th_extra {
    width: 19px;
}

.TableContainerSecurite > .scrollTable .th_extra {
    width: 19px;
}

.TableContainerBs > .scrollTable .th_extra {
    width: 19px;
}

div.TableContainerRisque {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

div.TableContainerBia {
    height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 99.9%;

}

div.TableContainerSecurite {
    height: 297px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

div.TableContainerBs {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

thead.fixedHeader tr {
    /*    position: relative; roy */
    /*    display:block; roy */
    background-color: #FFF;
    font-weight: normal;
}

.fixedHeader {
    text-align: left;
    width: expression(this.parentNode.offsetWidth-17);
    direction: ltr;

}

.scrollTable {
    width: expression(this.parentNode.offsetWidth-17);
    direction: ltr;
}

.th_extra {
    display: none;
}

.affiche_tableau_securite {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 850px;
    height: 315px;
    margin-left: 130px;
    top: 0px;
}

.affiche_tableau_risque {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 850px;
    height: 315px;
    margin-left: 130px;
    top: 0px;
}

.affiche_tableau_bs {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 850px;
    height: 315px;
    margin-left: 130px;
    top: 0px;
}

.affiche_tableau_risque2 {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 850px;
    height: 270px;
    margin-left: 130px;

    /*SCROLLBAR-FACE-COLOR: #FFFF00;
    SCROLLBAR-HIGHLIGHT-COLOR:  #FFFF99;
    SCROLLBAR-SHADOW-COLOR: #000000;
    SCROLLBAR-3DLIGHT-COLOR: #000000;
    SCROLLBAR-ARROW-COLOR: #0000;
    SCROLLBAR-TRACK-COLOR:  #FFFF99;
    SCROLLBAR-DARKSHADOW-COLOR: #FFFF00;*/
}


.affiche_tableau_bia {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 1000px;
    height: 615px;
    z-index: 1;

    /*SCROLLBAR-FACE-COLOR: #FFFF00;
    SCROLLBAR-HIGHLIGHT-COLOR:  #FFFF99;
    SCROLLBAR-SHADOW-COLOR: #000000;
    SCROLLBAR-3DLIGHT-COLOR: #000000;
    SCROLLBAR-ARROW-COLOR: #0000;
    SCROLLBAR-TRACK-COLOR:  #FFFF99;
    SCROLLBAR-DARKSHADOW-COLOR: #FFFF00;*/
}


.ligneModif2 {
    float: left;

}

.saisieTdb {
    width: 45px !important;

}

.lineBlockBottom25 {
    margin-bottom: 25px;
    height: 30px;
    clear: both;
}

.ligneModif3 {
    width: 350px;
    float: left;
    margin-bottom: 15px;
    height: 200px;
    border: 0px solid #000;
}

.ligneModif {
    width: 300px;
    float: left;
    margin-bottom: 15px;
}


.ligneModifCol {
    min-width: 370px;
    min-height: 50px;
    float: left;
    /*  margin-bottom: 15px;*/

}

.colModif {
    float: left;
    width: 255px;

}

.colModifSecu {
    float: left;
    width: 500px;

}

.carre {
    height: 15px;
    width: 30px;
    float: left;

}

.btModifier {
    cursor: pointer;
    padding: 0px;
    padding-left: 1px;
    padding-right: 1px;
}

.btModifierTop {
    cursor: pointer;
    padding-top: 5px;
}

.exportBia {
    cursor: pointer;
    float: right;
    margin-right: 10px;
}

.exportPdf {
    cursor: pointer;
    float: right;
    margin-right: 3px;

}

.exportPdfLeft, .exportPdfRight {
    cursor: pointer;

    margin-left: 10px;
    margin-top: 0px;
}

.exportPdfLeft {
    float: left;
}

.exportPdfRight {
    float: right;
    margin-right: 10px;
}

/*--------------------------------------------------------------------ZONE MODIF--------------------------------------------------------------------*/
.degrade {
    text-align: center;
    background: black;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    opacity: 0.6;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.degradeBia {
    text-align: center;
    background: #FFF;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    opacity: 0.6;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    margin-left: 350px;
    margin-top: 200px;
    width: 750px;
}

#popUpArbo {
    text-align: center;
    background-color: #FFF;
    position: absolute;
    width: auto;
    top: 262px;
    left: 260px;
    z-index: 2;
    padding: 10px;
    border: 2px solid #cccccc;
    height: auto;
    cursor: pointer;
}

#zoneTypeList {
    padding-top: 5px;
    width: auto;
    display: none;
    border: 1px solid #cccccc;
    float: left;
    text-align: center;
    font-weight: normal;

    margin-bottom: 20px;
    position: absolute;
    background-color: #FFF;
    position: absolute;

    left: 320px;
    top: 40px;
    padding-bottom: 15px;
    font-family: Arial;
}


.frameModif {
    text-align: center;
    background-color: #ffffe2;
    position: absolute;
    width: 1300px;
    top: 0;
    left: 0;
    z-index: 99999;
    padding: 10px;
    border: 2px solid #5d5d5d;
}

.frameModifBia {
    text-align: center;
    background-color: #FFF;
    position: absolute;
    width: 660px;
    top: 0;
    left: 100px;
    z-index: 2;
    padding: 10px;
    background: transparent;
    font-weight: bold;
    font-size: 14px;
}

.tableauannu {
    font-family: Arial;
    text-align: center;
    margin-left: 20px;
}

.lignetabnorm {
    height: 20px;
    font-weight: normal;
    font-family: Arial;
    border-top: 2px solid #FFF;
    background-color: #f3f3f3;
}

.lignetabnew {
    height: 20px;
    font-weight: normal;
    font-family: Arial;
    border-top: 2px solid #FFF;
    background-color: #d6feca;
}

.lignetabmodif {
    height: 20px;
    font-weight: normal;
    font-family: Arial;
    border-top: 2px solid #FFF;
    background-color: #fffab3;
}

.lignetabaff {
    height: 20px;
    font-weight: normal;
    font-family: Arial;
    border-top: 2px solid #FFF;
    background-color: #b7e0fc;
}

.lignetabsupp {
    height: 20px;
    font-weight: normal;
    font-family: Arial;
    border-top: 2px solid #FFF;
    background-color: #fcb7b7;
}

.lignetabhover {
    height: 20px;
    font-weight: normal;
    font-family: Arial;
    border-top: 2px solid #FFF;
    background-color: #ffffff;
}

.ligneformulaire {
    height: 45px;
}

.ligneformulaireS {
    height: 26px;
}

.lignetabfoot {
    height: 12px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;

}


.lignetabhead {
    position: absolute;
    top: expression(this.offsetParent.scrollTop);
    margin-top: 0px;
    display: block;
    height: 12px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;

}


.celltabbtext {
    border-left: 2px solid #FFF;
    border-bottom: 3px solid #FFF;
    text-align: left;
}

.celltabnombre {
    border-left: 2px solid #FFF;
    border-bottom: 3px solid #FFF;
    text-align: right;
}

.celltabcentre {
    border-left: 2px solid #FFF;
    border-bottom: 3px solid #FFF;
    text-align: center;
}

.celltabcentrerouge {
    border-left: 2px solid #FFF;
    border-bottom: 3px solid #FFF;
    text-align: center;
    color: red;
}

.celltabcentrevert {
    border-left: 2px solid #FFF;
    border-bottom: 3px solid #FFF;
    text-align: center;
    color:;
}

.cellheadnorm, .cellfootnorm {
    border-left: 2px solid #FFF;
    border-bottom: 0px solid #FFF;
    background: #DBDBDB;
    text-align: center;
    font-weight: normal;
}

.titrencard {
    color: #666666;
    font-weight: bold;
    text-align: left;
}

.textformulaire {
    text-align: right;
    padding-right: initial;
    font-weight: bold; /*white-space: nowrap;*/
}

.textformulaireG {
    text-align: left;
    padding-right: 7.5pt;
    font-weight: bold;
}

.champformulaire {
    background-color: #D3D3D3;
    border: medium none;
}

.mainParamContainer {

    clear: both;

}

#mainParam {
    height: 470px;
    float: none !important; /*roy*/
}

/* roy */
.menuButton {
    top: 100px;
    z-index: 6
}

.menuContainer {
    margin-left: 34px;
}

#tblContributeurs td {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#bouton_ajout {
    width: auto;
    margin-top: 2px;
    height: 20px;
    background-color: #FFF;
}

.browseThreat {
    cursor: pointer;
    float: right;
    margin-right: 250px;

    font-family: Arial;
}


.dateActionPlan {
    float: left;
    color: #000;

    width: 55px;
    margin: 0px;
    background: #d5d5d5;
    border: none;
}

.dateTdb {
    background-color: transparent !important;
    border: 0px !important;
    text-align: center !important;
    width: 75px !important;
}


.titreLg {
    margin-left: 2px;
    float: left;
    height: 20px;
    white-space: nowrap;
    padding-top: 2px;
}

.moins {
    display: block;
    background: url(./images/moins.gif) no-repeat center center;
    float: left;
    width: 16px;
    height: 20px
}

.plus {
    display: block;
    background: url(../images/plus.gif) no-repeat center center;
    float: left;
    width: 16px;
    height: 20px
}

.clearafter:after {
    content: '';
    display: block;
    clear: both;
}

.selectDmia {
    border: 1px solid #b9b9b9;
    width: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 150px;
    padding: 10px;
}

.selectLibDmia {
    float: left;
    margin-left: 4px;
    width: auto;
    font-weight: bold;
    white-space: nowrap;
    width: 40px;
}

.selectLgDmia {
    cursor: pointer;
    clear: both;
    width: 55px;

}

.selectBtDmia {
    float: left;
    margin-left: 2px;
    width: 8px;
    cursor: pointer;
    clear: left;
}

.lgDmiaValue {
    float: left;
    padding-left: 4px;
    width: 60px;
    font-weight: normal;
    background-color: #FFF;
}


.pageRetour_0, .pageRetour_1, .pageAvt_0, .pageAvt_1, .pageRetour_0_2, .pageRetour_1_2, .pageAvt_0_2, .pageAvt_1_2 {
    height: 32px;
    width: 32px;
    float: left;
    cursor: pointer;
    margin-right: 4px;
}

.pageAvt_0 {
    background-image: url(../images/next_page32.png);
}

.pageAvt_1 {
    background-image: url(../images/last_page32.png);
}

.pageRetour_1 {
    background-image: url(../images/first_page32.png);
}

.pageRetour_0 {
    background-image: url(../images/previous_page32.png);
}

.pageAvt_0_2 {
    background-image: url(../images/pageAvt_0_2.gif);
}

.pageAvt_1_2 {
    background-image: url(../images/pageAvt_1_2.gif);
}

.pageRetour_1_2 {
    background-image: url(../images/pageRetour_1_2.gif);
}

.pageRetour_0_2 {
    background-image: url(../images/pageRetour_0_2.gif);
}


.abcdaire {

    font-weight: bold;

    clear: both;
    width: 750px;
}


.actu1 {
    margin-left: 3px;
    margin-right: 2px;
    height: 20px;
    width: 20px;

}

.actu2 {
    margin-left: 3px;
    margin-right: 2px;
    height: 20px;
    width: 20px;

}


.pass_ {
    float: right;
    width: 20px;
    height: 16px;
    margin-left: 10px;
    background-image: url(../images/check20.png);
}

.pass_red {
    float: right;
    width: 20px;
    height: 16px;
    margin-left: 10px;
    background-image: url(../images/uncheck20.png);
}

.lg_pass {
    clear: both;
    padding-top: 2px;

}

.waitTdb {
    position: absolute;
    z-index: 4;
    top: 320px;
    left: 500px;
    background-color: #FFF;
}

.detailZone, .detailZoneBold, .detailZoneLeft {
    font-weight: normal;
    width: auto;
    border: 0px solid #000;
    height: auto;
    margin-top: 10px;
}

#visionneuseOrga {
    height: auto;
    clear: both;

}

#visionneuseOrga select {

    overflow-x: hidden;
    overflow-y: auto;
    background-color: #FFF;
    border-top: auto;
    border-left: auto;
    border-right: auto;
    border-bottom: auto;
}


/*******  Table    *****/
table#tableScr {
    display: table !important;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

#tableScr tr {
    height: auto !important;
}

.tdCenterTdb {
    text-align: center;
}

#tableScr td {
    display: table-cell !important;
    color: #5a5a5a;
    font-size: 14px;
    font-weight: normal;

    border-left: 3px solid #FFF;
    border-bottom: 3px solid #FFF;

    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
}


.thTdb {
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    border-left: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
    text-align: center;
    vertical-align: middle;
    height: 40px;
}

.tableScrTdBtn {
    padding: 0px !important;
}

.thTdbBtn {
    padding: 0px !important;
    white-space: nowrap;
    border-left: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
    text-align: center;
    vertical-align: middle;
    height: 40px;
}

.thHeadTdb {
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
    background-color: #acacac;
}


.thHeadTdbBia {
    font-weight: normal;
    display: block;

}


#popUpBrowse {
    display: none;
    text-align: center;
    background-color: #FFF;
    position: absolute;

    top: 195px;
    left: 650px;
    z-index: 2;
    padding: 10px;
    border: 2px solid #cccccc;
    height: auto;

}

#divDroit {
    font-family: Arial;

    color: #000;
    display: none;
    text-align: left;
    background-color: #FFF;
    position: absolute;
    top: 100px;
    left: 700px;
    z-index: 1;
    padding: 10px;
    border: 2px solid #cccccc;
    height: auto;
    margin-left: 50px;
    width: 300px;
}

.detailDivDroit {
    font-Weight: normal;
    float: left;
    clear: both;
    white-space: nowrap;
}

.titreDivDroit {
    font-Weight: bold;
    clear: both;
    margin-bottom: 10px;

}

.titreModuleDivDroit {
    font-Weight: bold;
    clear: both;
    float: left;
}

#zoneSaisieParam {
    height: 300px;
}

.inputSaisieParam {
    border: 1px solid #7f9db9;
}

.tableScrAdm {
    margin-top: 0px;
}


. tbodyAdm {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.scrollTAdm {
    /*    position: relative;*/
    height: 350px;
    /*    width: 865px; roy*/
    /* width:100%; */
    overflow-y: auto;
    overflow-x: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;

}


.tbodyAdm {
    height: auto;
}


#codeActionlist {
    float: left;
    width: 522px;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: scroll;

}


.modifTextArea {
    background-color: #d5d5d5;
    font-family: Arial;
}

.modifTextAreaOff {
    background-color: #FFF;
    font-family: Arial;
}

.tableActionList {
    font-weight: normal;
    margin-bottom: 15px;
    width: auto;
}

.tableActionList td {
    border-top: 0px !important;
}

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

.chooseReco {
    font-weight: bold;
    float: left;
    width: 150px;
    color: #707070;
    text-align right;
    white-space: nowrap;

}

.scrollZoneActionrisque {
    float: left;
    overflow-x: hidden;
    overflow-y: auto !important;
    width: 1190px;
    max-height: 400px;
    margin-bottom: 25px;

}

.tableSaisieArrondie {
    margin-left: 70px;
    color: #666666;
    float: left;
    margin-top: 0px;
    margin-bottom: 15px;
}

.libSaisieTdb {
    clear: left;
    float: left;
    width: 150px;
    text-align: right;
    font-weight: bold;;
}

.textareaReadonly {
    overflow: auto;
    background-color: #FFF;
    float: left;
    font-family: Arial;

    border: none;
    margin-top: 5px;

}

.infoBulleHelpEmailSms, .infoBulleHelpAdm, .infoBulleHelpBiaVisu, .infoBulleHelpBiaVisu2, .infoBulleHelpTrckInc, .infoBulleHelpPnom, .infoBulleHelpDroit, .infoBulle, .infoBulleHelpInc, .infoBulleHelpGraphRisk, .infoBulleHelpBordCrise, .infoBulleHelpWorkflow, .infoBulleHelpRisk, .infoBulleHelpResult, .infoBulleHelpHR, .infoBulleHelpBia, .infoBulleHelpMail, .infoBulleHelpRessource {
    padding: 6px;
    position: absolute;
    display: none;
    margin-top: 17px;
    background-color: #FFFFE1;
    border: 1px solid #bbb;
    font-weight: normal;
    z-index: 1;
    text-align: left;
    white-space: nowrap;
}

.infoBulle br {
    display: initial !important;
}

.infoBulleParticipant {
    padding: 6px;
    position: absolute;
    display: none;
    margin-top: 1px;
    margin-left: 25px;
    background-color: #FFFFE1;
    border: 1px solid #bbb;
    font-weight: normal;
    z-index: 1;
    text-align: left;
    white-space: nowrap;

    font-family: Arial;
}

.infoBulleHelpEmailSms {
    right: 390px;
    margin-top: 2px;
}

.infoBulleHelpAdm {
    left: 200px;
    margin-top: 25px;
}

.infoBulleHelpTrckInc {
    left: 200px;
    margin-top: 22px;
}

.infoBulleHelpInc {
    width: auto;
    left: 400px;
    white-space: nowrap;
    margin-top: 10px;
}


.infoBulleHelpBordCrise {
    right: 30px;
    white-space: nowrap;
    margin-top: 15px;

}


.infoBulleHelpRisk {
    width: auto;
    white-space: nowrap;
    margin-top: 5px;
    margin-left: -400px;
}

.infoBulleHelpResult {
    width: auto;
    right: 200px;
    margin-top: 25px;
}

.infoBulleHelpHR {
    width: auto;
    left: 0px;
    white-space: nowrap;
    margin-top: 30px;

    font-family: Arial;
}

.infoBulleHelpBia {
    width: auto;
    right: 240px;
    white-space: nowrap;
    margin-top: 30px;

    font-family: Arial;
}

.infoBulleHelpBiaVisu {
    width: auto;
    left: 5px;
    white-space: nowrap;
    margin-top: 5px;
}

.infoBulleHelpBiaVisu2 {
    left: 350px;
    width: auto;
    white-space: nowrap;
    margin-top: -5px;

    font-family: Arial;
}

.infoBulleHelpMail {
    left: 125px;
    white-space: nowrap;
    width: 520px;
    margin-top: 35px;
    margin-left: 170px;
}

.infoBulleHelpDroit {
    left: 450px;
    white-space: nowrap;
    width: auto;
    margin-top: 22px;
    margin-left: 0px;
}

.infoBulleHelpRessource {
    white-space: nowrap;
    width: auto;
    margin-left: -350px;
    margin-top: 22px;
}

.infoBulleHelpPnom {
    white-space: nowrap;
    width: auto;
    margin-left: -185px;
    margin-top: 22px;
}

.pointeBulleRightEmailSms, .pointeBulleRightAdm, .pointeBulleRightBiaVisu2, .pointeBulleRightBiaVisu, .pointeBulleRightTrckInc, .pointeBulleHelpDroit, .pointeBulleHelpRessource, .pointeBulleRightMail, .pointeBulleRightRisk, .pointeBulleRightSecurite, .pointeBulleRightBia, .pointeBulleRightHR, .pointeBulleRightBordCrise, .pointeBulleRightResult {
    position: absolute;
    top: -7px;
    height: 7px;
    width: 11px;
    background: transparent url(../images/infobulletop00.gif) no-repeat;
    padding: 0;
    border: 0;
    float: right;
}

.pointeBulleRightEmailSms {
    left: 270px;
}

.pointeBulleRightAdm {
    left: 460px;
}

.pointeBulleRightTrckInc {
    left: 625px;
}

.pointeBulleHelpDroit {
    margin-left: 460px;
}

.pointeBulleHelpRessource {
    float: left;
    margin-left: 320px;
}


.pointeBulleRightMail {
    float: left;
    margin-left: 470px;
}

.pointeBulleRightRisk {
    margin-left: 420px;
}

.pointeBulleRightSecurite {
    margin-left: 430px;
    padding: 0;
    border: 0;
}

.pointeBulleRightBia {
    margin-left: 360px;
    padding: 0;
    border: 0;
}

.pointeBulleRightBiaVisu {
    margin-left: 170px;
    padding: 0;
    border: 0;
}

.pointeBulleRightBiaVisu2 {
    margin-left: 250px;
    padding: 0;
    border: 0;
}

.pointeBulleRightHR {
    margin-left: 15px;
    padding: 0;
    border: 0;
}

.pointeBulleRightProcess {
    margin-left: 440px;
    padding: 0;
    border: 0;
}

.pointeBulleRightBordCrise {
    margin-left: 250px;
    padding: 0;
    border: 0;
    display: none;
}

.pointeBulleRightResult {
    margin-left: 265px;
    padding: 0;
    border: 0;
}

.infoBulleCrit {
    padding: 6px;
    display: none;
    margin-top: 7px;
    margin-left: -12px;
    background-color: #FFFFE1;
    border: 1px solid #bbb;

    font-weight: normal;
    z-index: 2;
    text-align: left;
    position: absolute;
    width: auto;
}

.pointeBulle {
    position: absolute;
    top: -7px;
    height: 7px;
    width: 11px;
    background: transparent url(../images/infobulletop00.gif) no-repeat;
    margin-left: 3px;
    padding: 0;
    border: 0;
    float: left;
}

.pointeBulleRight {
    position: absolute;
    top: -7px;
    height: 7px;
    width: 11px;
    background: transparent url(../images/infobulletop00.gif) no-repeat;
    margin-left: 415px;
    padding: 0;
    border: 0;
    float: left;
}

.legendHelpImpInc {
    float: left;
    margin-top: 3px;
    margin-right: 3px;
    width: 8px;
    height: 8px;
}

.infoBulleTitreDesc {
    font-weight: bold;
}

.pointeBulle {
    position: absolute;
    top: -7px;
    height: 7px;
    width: 11px;
    background: transparent url(../images/infobulletop00.gif) no-repeat;
    margin: 0;
    padding: 0;
    border: 0;

}

.pointeBulleBas {
    position: relative;
    top: 13px;
    height: 7px;
    width: 11px;
    background: transparent url(../images/infobulleBas00.gif) no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 1;
}

.detailTachePdfTop {

    margin-left: 769px;
}

.detailTachePdf {

    float: right;
    margin-right: 2px;
}

.detailTacheTitre {
    clear: both;
    font-weight: bold;
    float: left;
    width: 340px;
    border-bottom: 0px solid #000;

    color: #5D5D5D;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 2px;
}

.detailProcedureTitre {
    clear: both;
    font-weight: bold;
    float: left;
    width: 470px;
    border: 0px solid #000;

    color: #707070;
    margin-bottom: 10px;
    text-align: center;
}

.detailTache {
    clear: both;
    font-weight: bold;
    float: left;
    width: 370px;
    border: 1px solid #000;
}

.detailProcedure {
    clear: both;
    font-weight: bold;
    float: left;
    width: 470px;
    text-align: center;
    border: 0px solid #000;
}

.visuTache {
    float: left;
    margin-left: 25px;
    width: 370px;
    text-align: left;
    display: block;
    height: auto;
    border: 1px solid #D5D5D5;
    margin-top: 5px;
}

.rtoRpo {
    white-space: nowrap;
    padding-left: 2px;
    padding-right: 2px;
}

.libParticipantRc {
    float: left;
    width: 100px;
    text-align: left;
    white-space: nowrap;
    margin-left: 2px;
}

.libParticipant {
    float: left;
    width: 55px;
    text-align: left;
    white-space: nowrap;
    margin-left: 2px;
}


.zoneSaisieIncRight {
    margin-left: 25px;
}

.zoneSaisieIncLeft, .zoneSaisieIncRight, .zoneSaisieInc {
    float: left;

}

.zoneSaisieLocationVoile {
    background: white;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    opacity: 0.6;
    position: absolute;
    width: 428px;
    height: 126px;
    float: left;
    text-align: center;
    padding-top: 50px;
    margin-top: 25px;
    left: 54px;
}

.zoneSaisieIncLeftVoile, .zoneSaisieIncRightVoile, .zoneSaisieIncLeft2Voile, .zoneSaisieIncRight2Voile {
    background: white;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    opacity: 0.6;
    position: absolute;
    width: 428px;
    height: 126px;
    float: left;
    text-align: center;
    padding-top: 50px;
    margin-top: 25px;
}

.zoneBIAVoile {
/ / RM * * refurbishing BIA modif / new line background: white;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    opacity: 0.6;
    position: absolute;
    width: 350px;

    float: left;
    text-align: center;
    padding-top: 50px;
    margin-top: 25px;
    margin-left: 20px;
}

.zoneSaisieIncLeftVoile, .zoneSaisieIncLeft2Voile {
    /*    left: 54px;*/
    margin-left: 20px;
}

.zoneSaisieIncRightVoile, .zoneSaisieIncRight2Voile {
    /*    left: 514px;*/
    margin-left: 480px;
}

.zoneSaisieIncComment {
    clear: both;
    width: auto;
    margin-top: 10px;
    float: left;
    margin-left: 10px;
}

.sousTitreSaisieInc {
    FONT-WEIGHT: normal;
    FLOAT: left;
    COLOR: #707070;
    TEXT-ALIGN: right;
    width: 105px;
    white-space: nowrap;
}

.checkBoxIncident {
    float: left;
    width: auto;
    clear: both;
    margin-left: 0px;
    color: #000;
    white-space: nowrap;

}


.libSaisieInc {
    margin-bottom: 5px;
    text-align: left;
    border: 0px solid #000000;
    color: #666;
    font-weight: bold;

}

.sousZoneSaisieInc {
    float: left;
    margin-top: 5px;
}

.commentSaisieInc {
    clear: both;
    margin-top: 10px;
}

.formSaisieInc {
    float: left;
    margin: 0px;
}

.descInc {
    height: 200px;
    width: 740px;
    border-right: #7f9db9 1px solid;
    border-top: #7f9db9 1px solid;

    border-left: #7f9db9 1px solid;
    color: #000;
    border-bottom: #7f9db9 1px solid;

}

.grpImp {
    height: auto;

    clear: both;
    margin-bottom: 8px;
}

.zoneRefresh {

    clear: both;
    width: auto;
    text-align: right;
    padding-right: 10px;

}

.refreskImpInc {
    padding-left: 11px;
    font-weight: bold;
    float: right;
    background-image: url(../images/valid.gif);
    vertical-align: top;
    width: 100px;
    cursor: pointer;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    height: 25px;
    background-color: #fff;
    text-align: left;
}

.resultCalculChaine {
    width: 30px !important;
    background-color: transparent !important;
    border: 0px solid #000 !important;
    color: #f05b29 !important;
    font-weight: bold !important;
    text-align: right !important;
    padding: 0 !important;

}

.resetAll {
    float: left;
    cursor: pointer;
    text-decoration: none;
    background-color: #fff;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 3px;
    color: #000;
}

.libBtArrondi {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    background-color: transparent;
    cursor: pointer;
    width: 100%;
    margin: 0px;
    padding-right: 3px;
}

#popUpPonderation {
    text-align: center;
    background-color: #FFF;
    position: absolute;
    width: auto;
    top: 60px;
    left: 350px;
    z-index: 3;
    padding: 10px;
    border: 2px solid #cccccc;
    height: auto;
    cursor: pointer;
}

.btPopUpPonderation {
    cursor: pointer;
    font-weight: normal;


}

.titrePonderation {
    font-weight: bold;

    float: left;
    width: auto;
    text-align: center;
}

.XpopUp {
    font-weight: normal;
    font-size 10px;
    float: right;
    width: 10px;
    cursor: pointer;
    font-family: Arial;
}

.trRuptureTdb {
    height: 15px;
    font-weight: normal;
    font-family: Arial;
    background-color: #f3f3f3;
}

.tdRuptureTdb {
    font-weight: bold;
    text-align: left;
    border-bottom: 3px solid #FFF;
    border-left: 2px solid #FFF;
}


.popUpLocation {
    display: none;
    position: absolute;
    background-color: #FFF;
    border: 1px solid #000;
    left: 250px;
    top: 330px;
    padding: 15px;
    z-index: 1;
    width: auto;
}

#warningBia {
    float: left;
    margin-left: 250px;
    margin-bottom: 25px;
    clear: both;
    width: auto;
}

.clickDetailWarningBia {
    float: left;
    text-decoration: underline;
    cursor: pointer;
}

.detailWarningBia {
    border: 2px solid #CCC;
    position: absolute;
    width: 1280px;
    padding: 1px;
    height: auto;
    left: auto;
    top: 50px;
    display: none;
    z-index: 26;

}

#scrollWarningBia {
    width: auto;
    height: auto;
    overflow-x: scroll;
    background-color: #FFF;
}

.btGantt0, .btGantt1 {
    width: 35px;
    height: 35px;
    margin-left: 10px;
    cursor: pointer;
    float: left;
}

.btGantt0, .btGantt1 {
    background-image: url(../images/gant32.png);
}


.btProc0 {
    width: 35px;
    height: 35px;
    margin-left: 10px;
    cursor: pointer;
    float: left;
}

.btProcRess0 {
    width: 35px;
    height: 35px;
    margin-left: 10px;
    cursor: pointer;
    float: left;
}

.btRefresh {

    background-image: url(../images/valid.gif);
    vertical-align: top;
    width: 100px;
    cursor: pointer;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    height: 25px;
    background-color: #fff;
    text-align: left;
    padding-left: 11px;
    font-weight: bold;

}

.selectAllBia {

    cursor: pointer;
    float: right;
}

#lockSite {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
    text-align: center;
}

.lockSiteTexte {
    color: red;

    font-weight: bold;
}

#stopIntegration {
    font-weight: bold;
    height: 30px;
    margin-top: 20px;
    color: red;
    display: none;
}

.btCalcul {
    color: #000;
    margin-top: 80px;
    float: left;
    margin-left: 80px;
}

.celltabbtextTrk {
    border-left: 3px solid #FFF;
    border-bottom: 3px solid #FFF;
    text-align: left;
    white-space: nowrap;
    padding: 5px;

}

.trckIncident {
    font-family: Arial;

    font-weight: bold;
    color: #000;
    padding-bottom: 400px;
}

.tableauTrck {
    font-family: Arial;
    text-align: center;
}

.detailTrck {

    background-color: #FFF;
    position: absolute;
    z-index: 2;
    padding: 10px;
    border: 2px solid #cccccc;
    height: auto;
    width: auto;
    cursor: pointer;
    margin-left: -1000px;
    min-width: 900px;
}

.tableDetailTrck .chpDetailTrck {
    white-space: initial !important;
    text-wrap: initial !important;
    word-wrap: initial !important;
    line-break: initial !important;
    word-break: initial !important;
}

.headerDetailTrack {
    padding-bottom: 30px !important;
}

.titreDetailTrck.thTdb {
    padding: 0 !important;
    width: 310px !important;
}

.tableDetailTrck {
    border-collapse: collapse;
    empty-cells: show;
    white-space: nowrap;
}

.closeDtTrck {
    width: 10px;
    cursor: pointer;
    font-family: Arial;

    font-weight: normal;
    border: 0px solid #000;
    margin-left: 650px;
}

.titreDetailTrck {
    font-weight: bold;
    padding: 5px;
}

.chpDetailTrck {
    padding: 5px;
}

.closeX {
    width: auto;
    font-weight: normal;
    cursor: pointer;
    font-family: Arial;
    text-align: right;
}

.ligneTache {
    width: 480px;
    height: 15px;
    white-space: nowrap;
}

.btBrsw {
    float: right;
    text-align: center;
    text-align: right;
    font-weight: normal;
    margin-bottom: 2px;
    cursor: pointer;
    margin-left: 10px;
}

.waitBrsw {
    width: 280px;
    height: 180px;
    padding-top: 40px;
    font-weight: normal;
}

#titreInc {

    margin-bottom: 5px;
    margin-bottom: 2px;
    font-weight: bold;

    height: 20px;
}

.sim {
    width: 165px;
    height: 18px;
    color: #f05b29;
    border: 1px solid #f05b29;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    margin-left: 15px;
    padding: 3px;
}

.idIncDiv {
    width: 265px;
    height: 18px;

    border: 1px solid #d1d1d1;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    margin-left: 15px;
    padding: 3px;
}

/* roy */
#listToCoche {
    padding-top: 5px;
}

#listToCoche table,
#saisie_location_typeharbo table {
    margin: 0 auto;
}

.tableauannu .lignetabhead {
    display: table-row;
    position: static
}

thead.fixedHeader tr {
    display: table-row;
}

#zoneChoixType {
    margin-top: 50px;
}

#saisieParam_typebiensensible {
    display: table !important;
    margin: 0 auto !important;
    padding-top: 30px;
}

#saisieParam_biensensible {
    display: table !important;
    margin: 0 auto !important;
    clear: both;
    padding-top: 15px;
}

#saisieParam_biensensible #zonebiensensible_pere {
    display: table-cell !important;
}

#saisieParam_biensensible #zonebiensensible_pere select {
    border: 1px solid #7f9db9 !important;
}


#pulseUser {
    clear: both;
}

.tableauannu {
    margin: 0 auto !important;
}

.abcdaire {
    width: 100% !important;
}

.abcdaire div {
    margin: 0 auto;
}


#zoneLicence table {
    clear: both !important;
    margin: 0 auto !important;
}

#zoneBtSave {
    clear: both;
    margin: 0 auto;
}

table#saisieParam_pays,
table#saisieParam_localisation_typerisque,
table#localisation_type_code,
table#saisieParam_location_typeharbo,
table#saisieParam_fonction,
#mainParam table {
    display: table !important;
    margin: 0 auto !important;
    padding-top: 2px;
    clear: both;
}

#location_typeharbo_pere,
#typeprocessus_pere {
    height: auto !important;
    border: 1px solid #7f9db9 !important;
}

#mainParam select {
    border: 1px solid #7f9db9 !important;
}

#TFilterBiaSummary select {
    margin-top: 0px !important;
}

#zoneLicenceModif {
    padding-top: 25px;
}

#zoneLicenceModif div {
    margin: 0 auto;
}

tr#ModuleTotal {
    display: table-row;
}

table#saisieParam_domaine,
table#saisieParam_categorie,
table#saisieParam_nature_risque,
#listToCoche,
#zoneSaisieParam,
#zoneType_selnature_risque,
#saisieParam_localisation_type {
    clear: both;
}

.clear {
    clear: both;
}

#zoneType_impact_potentialite_risque {
    height: 30px;
}


#zoneChoixType {
    margin-top: 35px;
}

#zoneForm {
    margin-bottom: 25px;
}

#scrollT {
    max-width: 1800px;
    width: 100%;
    overflow: auto;
    max-height: 100vh; /*was max-height:760px changed to  vh on 25 01 21  was 600 but changed to 760 for bia on 8/1/17 after adding 3 additional lines*/
    display: inline-block;
    margin-left: 40px;
    margin-right: 40px;
}

.overlay {
    width: 565px;
}

.overlayorga {
    width: 1205px;
}

.overlay, .overlayorga {
    display: block; /* Hidden by default */
    height: 270px;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    z-index: 20; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
    margin-top: -15px;
}

#fullScreenOverlay {
    display: block; /* Hidden by default */
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    z-index: 200; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */

}


/* moved from pr_ass  */

#zoneFullScreenWide {
    width: 100%;
    height: 700px;
    text-align: center;

}


#saisieParam_biensensible #saisieAuto {
    display: table-row !important;
}

#mainParam .boutonTreLong {
    float: right;
}

#mainParam form .aide1,
#mainParam form .aide2 {
    clear: both;
}

#mainParam .infoBulleHelpDroit {
    left: 690px !important;
}

#mainParam .pointeBulleHelpDroit {
    margin-left: 230px !important;
}


#listeTaches .ligneTache {
    float: none !important;
    clear: both
}

#adminTache #champsSaisieInsert tr {
    display: table-row;
}

#adminTache #champsSaisieInsert td {
    display: table-cell !important;
}

#adminTache #champsSaisieInsert table {
    display: table !important;
}

.textformulaire div {
    text-align: left;
}

.textformulaire div:first-child input {
    margin-top: 0px;
}

#champsSaisieUpdate tr {
    /*    display:table-row!important;*/
}

.menuTop a {
}

.carre {
    width: 47px;
}

#colModifImp .carre {
    width: 32px;
}


.voile {
    min-height: 265px;
}

.fleche, .flecheSuite {
    height: 15px;
    position: relative;
    left: -20px
}

textarea {
    resize: none;
}


/*login*/
.validerClient {
    margin-top: 65px;
}

.validerShowroom {
    position: relative;
    top: 165px;
}

.pianoHome, .pianoHomeOff {
    padding-top: 10px;
}

#new_desc, #modif_desc, .StextArea {
    width: 1240px; /* value suits risk assesment, process assesment  */
    height: 200px;
    margin-bottom: 25px;
}

.StextArea1260 {
    width: 1260px;
    height: 200px;
    margin-bottom: 25px;
}

.StextArea1237 {
    width: 1237px;
    height: 200px;
    margin-bottom: 25px;
}

.StextArea1190 {
    width: 1190px;
    height: 200px;
    margin-bottom: 25px;
}

.StextArea1160 {
    width: 1160px;
    height: 200px;
    margin-bottom: 25px;
}

.StextArea1080 {
    width: 1080px;
    height: 200px;
    margin-bottom: 25px;
}


.StextArea368 {
    width: 368px;
    height: 150px;
    margin-bottom: 25px;
}

#adminTache #champsSaisieUpdate textarea {
    width: 380px;
    height: 150px;
}


/* homeblock */
.homeBlock {
    float: left;
    width: 240px;
    height: 340px;
    border: 1px solid #cccccc;
    margin-top: 10px;
    margin-right: 15px;
    text-align: center;

}

.homeBlock a:link {
    color: #29abe1;
}

.homeBlock a:visited {
    color: #29abe1;
}

.homeBlock a:hover {
    color: #29abe1;
}

.homeBlock a:active {
    color: #29abe1;
}

.RTMODisable {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    width: 120px;
    height: 170px;
    display: none;
    z-index: 10;

}

#homeBlockDisabled {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    width: 240px;
    height: 340px;

    z-index: 10;
}

#homeBlockDisabledDirectory {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    width: 560px;
    height: 257px;
    margin-top: -20px;
    margin-left: -40px;
    z-index: 10;
    /* background-image:url(tp.png);  required by MSIE to prevent actions on lower z-index elements */
}


/*  ALERT BOX */
#modalContainer {
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 100000;
    /* background-image:url(tp.png);  required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
    position: relative;
    width: 580px;
    height: 280px;
    border: 0px;
    margin-top: 100px;
    background-repeat: no-repeat;
}

#modalContainer > #alertBox {
    position: fixed;
}


#alertBox p {
    font-size: 15px;
    font-weight: bold;
    height: 100px;
    width: 375px;
    margin-left: 160px;
    margin-top: 75px;
}


#pageTitle {
    font-size: 20px;
    font-weight: bold;
    color: #189cd0;
    margin-bottom: 15px;
}

#zone_new_actionPlan, #zone_modif_actionPlan {

    width: 1190px;
}

.tableCascade {
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    color: #5a5a5a;
    margin-bottom: 25px;
    clear: both;
}


.tableCascade td {
    border-top: 1px solid #d1d1d1;
}

.bodyCascade {
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
    width: 580px;
    height: 240px;
    overflow: auto;
}

.bodyCascade505 {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
    width: 505px;
    height: 240px;
    overflow: auto;
}

.bodyCascadeWide, .bodyCascadeModifWide {
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
    width: 1230px;
    height: 240px;
    overflow: auto;
}

.bodyCascadeShort {
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 580px;
    min-height: 200px;
    min-height: 300px;
}

.bodyCascadeShortWide {
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 1231px;
    min-height: 200px;
}

.cascadeModif {
    border: 1px solid #d1d1d1;
    color: #5a5a5a;
    margin-top: 25px;
    margin-bottom: 25px;
    float: left;
}

.bodyCascadeModif {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 540px;
    min-height: 70px;
    font-size: 15px;
}

.bodyCascadeModif1135 {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
    width: 1135px;
    overflow: auto;
}

.titleCascade, .titleCascadeWide, .titleCascade1135, .titleCascade505 {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 15px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 20px;
    color: #189cd0;
}

.titleCascade {
    width: 540px;
}

.titleCascadeWide {
    width: 1190px;
}

.titleCascade1135 {
    width: 1110px;
}

.titleCascade505 {
    width: 505px;
}

#zoneBtHAjout, #zoneBtH {
    height: 50px;
}

.flecheEntity {
    width: 32px;
    height: 32px;
    background-image: url(../images/fleche_entity32.png);
}

.create-user td {
    border-top: 0px;
}

.scenario-cell {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #444;
    float: left;
    width: 50px;
}

.width100 {
    width: 100px;
}

.width150 {
    width: 160px;
}

.width200 {
    width: 200px;
}

.scenarioTable .status-cell {
    width: 150px;
}

.tacheContainerHeaders .scenario-cell {
    border: 0;
    font-weight: bold;
    padding-bottom: 10px;

}

.flex-break {
    flex-basis: 100%;
    height: 0;
}

.periodesimpacts_modif select {
    margin: 0 !important;
    width: 100%;

}

.periodesimpacts_modif {
    display: flex;
    flex-wrap: wrap;
}

.periodesimpacts_modif .card {
    flex: 1;

    /*Style for presentation purpose*/
    font-family: 'calibri';
    border: 1px solid #ccc;
    background: #fff;
    margin: 0px;
    padding: 5px;
    min-width: 50px;
}

@media only screen and (max-width: 768px)  and (orientation: portrait) {
    #header {
        min-width: initial
    }

    #scrollT {
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 1200px)  and (orientation: landscape) {
    /*#conteneur, #conteneurHeader, #zoneAddModif { width: 100%}*/
    /*#zoneForm .select2-container{}*/
    /*#header {min-width: initial}*/
    #scrollT {
        max-width: 100% !important;
    }
}

.calendar thead .title {
    background: #fff;
}


.autoFitAlert {
    height: auto !important;
    background: #ebebeb !important;;
    border-radius: 10px !important;;
    box-shadow: 7px 10px 21px -7px #888 !important;;
    padding-bottom: 18px !important;;
}

.autoFitAlert p {
    height: auto !important;;
    margin-left: 57px !important;;
}

.ui-dialog {
    border-radius: 10px !important;
    box-shadow: 7px 10px 21px -7px #888;
    padding-bottom: 18px;
    background-color: #ebebeb !important;
    color: #5a5a5a !important;
    font-size: 15px !important;

    background-image: url(../images/alert.gif) !important;
    background-repeat: no-repeat !important;
    background-position: 40px 50px !important;
}

.ui-dialog p {
    color: #5a5a5a !important;
    font-size: 15px !important;
    font-weight: bold;
    min-height: 115px !important;
    margin-top: 40px;
    margin-left: 120px;
}

.ui-dialog * {
    /*    color:#5a5a5a !important;
        font-size:15px!important;
    */
}

.ui-dialog .ui-dialog-buttonpane {
    padding-right: 2em;
}

.noTitleStuff .ui-dialog-titlebar {
    display: none
}

.noTitleStuff .ui-widget-content {
    border: 0;
    background: #ebebeb !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    border: 0 none;
    color: white !important;
    background-color: #189cd0 !important;
    font-family: Arial;
    font-size: 16px !important;
    border-radius: 0;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    padding: 9px 3px;
    width: 170px;
    cursor: pointer;
}

#adminTop td img {
    max-width: 35px;
}

.uploadedFileLine {
    min-height: 30px;
}

.rotate {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.contrib_table {
    width: 100%;
}

.acteur_select {
    width: 200px;
    margin-bottom: 5px;
}

.vacation_acteurs_table th {
    text-align: right !important;
    padding-right: 10px !important;
}

.vacation_acteurs_modif_table {
    width: 1107px;
    margin-top: 26px;
}

.vacation_acteurs_modif_table th {
    padding-right: 10px !important;
    padding-left: 10px !important;
    width: 180px !important;;
    text-align: left !important;
}


.acteurs_layout_parent {
    padding-left: 25px;
}

.acteurs_layout {
    width: 100%;
}

.acteurs_layout label {
    font-weight: bold;
    margin-top: 10px;
    display: inline-block;
}

.acteurs_layout label:first-child {
    margin-top: 0;
}

.width-1-3 .bodyCascadeModif {
    padding-top: 0;

}

.width-1-3 .bodyCascadeModif > div {
    height: 150px !important;
}

.width-1-3 .bodyCascadeModif,
.width-1-3 .titleCascade {
    max-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.width-1-3 {
    width: 592px;
    margin-right: 25px;
    float: none;
    display: inline-block;
}

.width-1 .acteurs_layout label,
.width-1 .acteurs_layout div {
    display: inline-block;
    width: 25%;
}

.width-1 {
    width: 1211px;
}

.width-1 .bodyCascadeModif {
    width: 100%;
}


.acteurs_layout .cellule_opr {
    width: 33% !important;
    display: inline-block;
    margin-bottom: 5px;
}

.acteurs_layout .cellule_opr label,
.acteurs_layout .cellule_opr div {
    width: 100%;
}

.gestion_incident .bodyCascadeModifWide {
    height: initial !important;
    padding-top: 0;
}

.acteurs_layout_parent .bodyCascadeModif {
    width: 1185px;
}

.acteurs_layout_parent .bodyCascadeModif .width-1-3 {
    width: 578px;
}

.acteurs_layout_parent .bodyCascadeModif .width-1 {
    width: 1184px;
}

.acteurs_layout_parent .bodyCascadeModif .width-1-3:nth-child(2) {
    margin-right: 0;
}

.acteurs_layout_parent .bodyCascadeModif .acteurs_layout select {
    margin-top: 0;
}

.acteurs_layout_parent .bodyCascadeModif .acteurs_layout_parent {
    padding-left: 0;
}

.cellule_strategique_modif .acteurs_layout div {
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
}

.cellule_modif .bodyCascadeModif > div,
.comite_crise_modif .bodyCascadeModif > div,
.cellule_strategique_modif .bodyCascadeModif > div {
    height: 183px !important;
}

.bodyCascadeModif {
    padding-top: 5px;
}


.fullscreen-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    text-align: center;
    background-color: #ff0000;
    overflow: auto;
    opacity: 1;
    z-index: 999;
}

.fullscreen-overlay .vertical-centered-text-box {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 80%;
    margin: 0 auto;
}

.fullscreen-overlay .vertical-centered-text-box h1 {
    font-size: 5vmax;
}

.fullscreen-overlay .vertical-centered-text-box p {
    font-size: 3vmax;
    font-weight: 100;
}

#background-content {
    height: 100%;
    overflow: auto;
}

.hide-overlay {
    background-color: white;
    transition: opacity 0.2s ease;
    opacity: 0;
    pointer-events: none;
}

.overflow-initial {
    overflow: initial !important;
}

.btn {
    background-color: red;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 3px;
}


.highlight_outline {
    display: inline-block;
    border: 1px solid #d1d1d1;
    padding: 5px 15px;
    width: 200px;
    margin-top: -5px;
}