/*@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;
}


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: 1 px 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
}
@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;
}