/* CSS Document - App Design */

.bgHome {
    background-image: url(../images/img-home0.jpg);
    background-repeat: no-repeat;
    /*background-position: 100%;*/
    background-color: #fff;
    background-size: 100%;
}

.bgHeader {
    background-image: url(../images/bg-entete1.png);
    background-repeat: no-repeat;
}

.bgHeaderCnx {
    background-image: url(../images/bg-trans-white-gradien1.png);
    background-repeat: repeat-x;
}

.bgFooter {
    /*background-image:url(../images/bg-footer-fix-div.png);
	background-repeat:repeat-x;*/
    background-color: #111;
    border-top: #FFF solid 0.5px;
}

.bgFooterCnx {
    background-color: #111;
}

.bgTileLine1 {
    background-image: url(../images/bg-title-line1.png);
    background-repeat: repeat-x;
}

.bgSepareLigne1 {
    background-image: url(../images/bg-separe-ligne1.png);
    background-repeat: repeat-x;
}

.bgSepareLigne2 {
    background-image: url(../images/bg-separe-ligne2.png);
    background-repeat: repeat-x;
}

.bgTitleZone {
    background-color: #FFFFC6;
    /*  */
    /* background-color:#F5F5F5;  */
}

.bgTitleZone2 {
    background-color: #FFFFC6;
    /*  */
    /* background-color:#F5F5F5;  */
}

.bgRoadZone {
    /* background-color: #EBEBEB;*/
    /*background-color: #FFBF00;*/
    background-color: #F5F5F5;
}

.bgSelected {
    background-color: #111;
    /*  */
    /* background-color:#F5F5F5;  */
}

.bgNotPrintable {
    background-image: url(../images/bg-dont-print.png);
    background-repeat: repeat;
}

.bgColorSite {
    background-color: #09C;
    color: #FFF;
}

.bgOblicLigne1 {
    background-image: url(../images/img-bg-oblicligne1.png);
}

.bgOblicLigne1w {
    background-image: url(../images/img-bg-oblicligne1w.png);
}

.bgOblicLigne2 {
    background-image: url(../images/img-bg-oblicligne2.png);
}

.bgOblicLigne2w {
    background-image: url(../images/img-bg-oblicligne2w.png);
}

.bgOblicLigne3 {
    background-image: url(../images/img-bg-oblicligne3.png);
}

.bgOblicLigne3w {
    background-image: url(../images/img-bg-oblicligne3w.png);
}

.bgColorGrey {
    background-color: #E9E9E9;
    color: #111;
}

.bgColorGreyW {
    background-color: #EFEFEF;
    color: #111;
}

.bgColorGreen {
    background-color: #00CC66;
    color: #FFF;
}

.bgColorRed {
    background-color: #FF0000;
    color: #FFF;
}

.bgColorYellowW {
    background-color: #FFFF84;
    color: #333;
}

.bgColorSoft {
    background-color: #EFEFEF;
    color: #111;
}

.bgColor0 {
    background-color: #333;
    color: #FFF;
}

.bgColor1 {
    background-color: #FFF;
    color: #111;
}

.bgColor2 {
    background-color: #F60;
    color: #FFF;
}

.bgColor3 {
    background-color: #FC3;
    color: #111;
}

.bgTransWhite1 {
    background-image: url(../images/bg-trans-white1.png);
}

.bgTransBlack1 {
    background-image: url(../images/bg-trans-black1.png);
}

.bgList1 {
    list-style-image: url(../images/app-ico-supprimer.png);
    padding: 1px;
    cursor: pointer;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/page-loader.gif') 50% 50% no-repeat rgb(255, 255, 255);
}

.loader2 {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/Preloader_3.gif') 50% 50% no-repeat rgb(255, 255, 255);
}

.loader3 {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/Preloader_3.gif') 50% 50% no-repeat;
    background-image: url(../images/bg-trans-white1.png);
}

.searchField {
    border-left-color: #FFF;
    width: 55px;
    height: 32px;
    background-color: #fff;
    margin: 5px 7px;
    border: 1px solid #cfcfcf;
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3-4 */
    border-radius: 5px;
    /* Opera 10.5, IE 9, Saf5, Chrome */
    position: relative;
}

.bgLigneO1 {
    background-image: url(../images/bg-trait-oblique-rouge1.png);
}

.lineVLeft1 {
    background-image: url(../images/bg-line-v-white1.png);
    background-repeat: repeat-y;
}

.lineVRight1 {
    background-image: url(../images/bg-line-v-right1.png);
    background-repeat: repeat-y;
    background-position: right;
}

.lineVGreen1 {
    background-image: url(../images/bg-line-v-green1.png);
    background-repeat: repeat-y;
}

.lineV1 {
    background-image: url(../images/bg-line-v1.png);
    background-repeat: repeat-y;
}

.lineV2 {
    background-image: url(../images/bg-line-v2.png);
    background-repeat: repeat-y;
}

.lineV3 {
    background-image: url(../images/bg-line-v3.png);
    background-repeat: repeat-y;
}

.bgLigneH0 {
    background-color: #111;
    /* #EFEFEF */
}

.bgLigneH1 {
    background-color: #EFEFEF;
    /* #EFEFEF */
}

.bgLigneH2 {
    background-color: #DDDDDD;
}

.bgConsidered {
    background-color: #FFC;
}

.bgPageContent1 {
    background-color: #FFF;
}

.bgPageContent2 {
    background-color: #F3F3F3;
}

.listSquare {
    list-style-type: square;
}

.divHeader {
    width: 100%;
    /*
	height:100px;
	position: fixed ;
	top:0px;
	background-image:url(../images/bg-entete1.png);
	background-repeat:repeat-x;
	z-index:100;
	*/
}

.divHeaderShow {
    width: 100%;
    /*height:60px;*/
    position: fixed;
    top: 0px;
    z-index: 1;
}

.divFooter {
    width: 100%;
    /*height:60px;*/
    position: fixed;
    bottom: 0px;
    z-index: 10;
}

.divListContent {
    width: 1224px;
    height: 500px;
    position: relative;
    overflow: scroll;
}

.divRightPanel {
    width: 200px;
    /*height:360px;*/
    position: fixed;
    top: 250px;
    right: 0px;
    z-index: 10;
}

.divFooterPanel {
    width: 90%;
    /*height:360px;*/
    position: fixed;
    bottom: 70px;
    right: 0px;
    z-index: 100;
}

.scrollbar {
    width: 100%;
    /*height:300px;*/
    background-color: #FFF;
    margin-top: 0px;
    margin-left: 0px;
    overflow-y: scroll;
    /*float:left;*/
}

.content {
    height: 450px;
}

.zone-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    background: none;
}

.zone-container .zone-caption {
    position: absolute;
    bottom: 0;
    /* background-color: rgba(255, 255, 198, 0.8); */
    background-color: rgba(0, 140, 35, 0.8);
    color: #111;
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 0.875rem;
}

.zone-container .zone-caption-s {
    position: absolute;
    bottom: 0;
    /* background-color: rgba(255, 255, 198, 0.8); 
	background-color: rgba(0, 140, 35, 0.8);*/
    color: #111;
    width: 100%;
    padding: 8px;
    font-size: 0.875rem;
}

.ico-container {
    position: relative;
}