/* CSS Document - App Design */
body {
    background: #F7F7F7;
    color: #111;
    cursor: auto;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative;
}

.bgCnx {
    background: url(../images/background14.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
}

.bgHome {
    background: url(../images/background14.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
}

.bgSite1 {
    background-image: url(../images/bg-site1.png);
    background-repeat: repeat;
}

.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: #000;
    /*border-top: #FFF solid 0.5px;*/
}

.bgFooterCnx {
    background-color: #000;
}

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

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

.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;
}

.bgFormCenter {
    background-image: url(../images/bg-form-center.png);
    background-position: center;
    background-repeat: repeat-y;
}

.bgDetailGrey {
    background-image: url(../images/bg-detail-grey.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.bgDetailGreyBottomL {
    background-image: url(../images/bg-detail-grey-bottom1.png);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.bgDetailGreyBottomR {
    background-image: url(../images/bg-detail-grey-bottom2.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.bgDetailGreyTopR {
    background-image: url(../images/bg-detail-grey-bottom.png);
    background-position: top right;
    background-repeat: no-repeat;
}

.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;
}

.bgColorSite1 {
    background-color: #EE0191;
    color: #FFF;
}

.bgColorDark {
    background-color: #333;
    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);
}

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

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

.bgOngletD1 {
    background-image: url(../images/bg-onglet-d1.png);
    background-position: bottom;
    background-repeat: repeat-x;
}

.bgOngletD2 {
    background-image: url(../images/bg-onglet-d2.png);
    background-position: bottom;
    background-repeat: repeat-x;
}

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

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

.bgColorGreyD {
    background-color: #CCC;
    color: #111;
}

.bgColorGreen {
    background-color: #02A554;
    color: #FFF;
}

.bgColorBlue {
    background-color: #2E3192;
    color: #FFF;
}

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

.bgColorOrange {
    background-color: #FF6600;
    color: #FFF;
}

.bgColorYellow {
    background-color: #FFBF00;
    color: #FFF;
}

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

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

.bgColorMineur {
    background-color: #FFD24D;
    color: #FFF;
}

.bgColorMajeur {
    background-color: #FF8000;
    color: #FFF;
}

.bgColorCritique {
    background-color: #D90000;
    color: #FFF;
}

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

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

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

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

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

.bgRecherche {
    background-image: url(../images/img-bg-recherche.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.bgModif {
    background-image: url(../images/img-bg-modif.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.bgFiltre {
    background-image: url(../images/img-bg-filtre.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.bgEnvoyer {
    background-image: url(../images/img-bg-envoyer.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.bgImpression {
    background-image: url(../images/img-bg-impression.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.bgAjout {
    background-image: url(../images/img-bg-ajout.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.bgSuppr {
    background-image: url(../images/img-bg-suppr.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.bgTrait {
    background-image: url(../images/img-bg-trait.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.bgDetail {
    background-image: url(../images/img-bg-detail.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.bgOk {
    background-image: url(../images/img-bg-ok.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

.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;
}

.lineV2b {
    background-image: url(../images/bg-line-v2-b.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;
}

.radBorderAll {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.radBorderAll2 {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
}

.radBorderAll3 {
    /*
     border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    */
    border-radius: 30px;
}

.radBorderTop {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    /*border-bottom-right-radius:2em;
	border-bottom-left-radius:2em;*/
}

.radBorderTop2 {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    /*border-bottom-right-radius:2em;
	border-bottom-left-radius:2em;*/
}

.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;
}

.divHomeActions {
    width: 100%;
    /*height:60px;*/
    position: fixed;
    bottom: 55px;
    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;
}

.line-detail {
    padding-top: 5px;
}

.line-rubrique {
    padding-top: 20px;
}