@font-face {
    font-family: 'mentone_ligbold';
    src: url('../fonts/mentone-semibol-webfont.eot');
    src: url('../fonts/mentone-semibol-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/mentone-semibol-webfont.ttf') format('truetype'),
        url('../fonts/mentone-semibol-webfont.svg#mentone_ligbold') format('svg'),
        url('../fonts/mentone-semibol-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*@font-face {
    font-family: 'helveticaneuelt_stdregular';
    src: url('../fonts/helveticaneueltstd-roman-webfont.eot');
    src: url('../fonts/helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/helveticaneueltstd-roman-webfont.woff') format('woff'),
        url('../fonts/helveticaneueltstd-roman-webfont.ttf') format('truetype'),
        url('../fonts/helveticaneueltstd-roman-webfont.svg#helveticaneuelt_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/



.page-content{

    /* width: 100%; */
    /* text-align: left; */
    display: block;
    position: relative;
    float: left;
    height: 100%;
    /* width: 668px; */
    padding: 15px 20px 20px 20px;
}


body{
    font-family: Arial;
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 980px;
    /*background: url(../images/beachedit2.jpg)no-repeat center center fixed;*/
    background:url('../img/bg_global.jpg') no-repeat center top fixed #173101;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: 100%;
    font-size:14px;
    line-height : 18px;
    padding-top:40px;
    padding-bottom:40px;
    font-weight: normal;
}

h1 {
    font-family: "mentone_ligbold";
    font-weight:normal!important;
    font-size: 24px;
    color: #6a890c;
}

h2 {
    font-family: "mentone_ligbold";
    font-weight:normal!important;
    font-size: 17px;
    color: #3d97e3;
}

h3 {
    font-family: Arial;
    font-weight:normal!important;
    font-size: 16px;
    line-height: 19px;
    color: #787878;
}

h4 {
    font-family: Arial;
    font-weight:normal!important;
    font-size: 16px;
    line-height: 12px;
    color: #232323;
}

h5 {
    font-family: Arial;
    font-weight:normal!important;
    font-size: 12px;
    line-height: 12px;
    color: #555;
}

h6 {
    font-family: Arial;
    font-weight:normal!important;
    text-transform: none!important;
    font-size: 11px;
    line-height: 11px;
    color: #7a7a7a;
}

p {
    font-family: Arial;
    font-weight:normal!important;
    font-size: 13px;
    color: #787878;
    line-height: 18px;
}


.clear {
    clear: both;
    width:100%;
    height:0;
    display:block;
}

.spacer20 {
    display: block;
    height: 20px;
}

.spacer15 {
    display: block;
    height: 15px;
}

.display{
    display:block;
}

.hidden{
    display:none;
}

.mt10 {
    margin-top: 10px;
}

.cRed{
    color:red!important;
}
.msgAlert {
    color: #C91E1E;
}
.msgWarning {
    color: #ED7E00;
}
.aCenter{
    text-align:center!important;
}
.aRight{
    text-align:right!important;
}
.aLeft{
    text-align:left!important;
}

.clear {
    clear: both;
    width:100%;
    height:0;
    display:block;
}

a{
    color: #797979; /* text color */
    font-family: "Arial";
    font-size: 12px;
    line-height:13px;
}

a:hover{
    color:#333333;
}

.img-box {
    float: left;
}

.table-bordered{border:1px solid #ebebeb;border-collapse:separate;border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;}
.table tbody+tbody{border-top:2px solid #ebebeb;}
.table{width:100%;margin-bottom:20px;}.table th,.table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #ebebeb;}

.tooltip {
    font-family: Arial;
    text-shadow: none;
}
.required label:after, form label.required:after, span.required:before {
    color: #EE3322;
    content: "*";
    display: inline;
}
.mentions {
    font-size: 11px;
    font-style: italic;
}

.alert-warning {
  color: #EF8B00!important;
  background-color: #FFE7C9!important;
  border-color: #F7BB67!important;
}

code, pre {
    font-family: "Courier New",monospace!important;
    font-size: 14px!important;

}

.arrow {
    display: inline-block;
    height: 21px;
    width: 18px;
    background:url('../img/arrow4.png') no-repeat;
}

.arrow.open {
    background-position: 0 -21px;
}
.arrow.open:hover {
    background-position: 0 0;
}
.arrow.close {
    background-position: 0 0;
    opacity : 1!important;
}
.arrow.close:hover {
    background-position: 0 -21px;
}
.arrow_header {
    opacity: 0.5;
    cursor: pointer;
}
/************************************************************************
/ Btns
************************************************************************/

.btn-orange{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    *background-color: #DA8B00;
    background-image: -moz-linear-gradient(top, #fbb450, #DA8B00);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#DA8B00));
    background-image: -webkit-linear-gradient(top, #fbb450, #DA8B00);
    background-image: -o-linear-gradient(top, #fbb450, #DA8B00);
    background-image: linear-gradient(to bottom, #fbb450, #DA8B00);
    background-repeat: repeat-x;
    border-color: #f89406 #DA8B00 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] {
    color: #ffffff;
    background-color: #DA8B00;
    *background-color: #df8505;
}

.btn-orange:active,
.btn-orange.active {
    background-color: #DA8B00 \9;
}


.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #638fb1, #2c6795);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#638fb1), to(#2c6795));
    background-image: -webkit-linear-gradient(top, #638fb1, #2c6795);
    background-image: -o-linear-gradient(top, #638fb1, #2c6795);
    background-image: linear-gradient(to bottom, #638fb1, #2c6795);
    background-repeat: repeat-x;
    border-color: #2c6795 #2c6795 #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #ffffff;
    background-color: #2c6795;
    *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #003399 \9;
}


/************************************************************************
/ Filters
************************************************************************/

.section .rowFilters label.control-label{
    width:90px!important;
    text-align:left;
}

.section .rowFilters{
    margin-top:25px;
}

.section .rowFilters label{
    color: #787878; /* text color */
    font-family: Arial;
    font-size: 13px;
}

.section .rowFilters .controls select{
    width:170px;
}

.section .rowFilters .controls {
    margin-left: 100px;
}

.section .rowFilters .control-group {
    margin-bottom: 10px;
}


/************************************************************************
/ Gmap
************************************************************************/

.gmapPictosAll{
    display:inline-block;
    width:122px;
    height:30px;
    margin-top:-23px;
    padding-top:23px;
}

.gmapPictosAllVisible{
    width:153px;
    background:url('../img/maps/new-picto-recap-all.png');
}

.gmapPictosAllVisible .gmapPictoGlobalInfo1{
    margin-left:-12px;
}
.gmapPictosAllVisible .gmapPictoGlobalInfo2{
    margin-left:1px;
}
.gmapPictosAllVisible .gmapPictoGlobalInfo3{
    margin-left:1px;
}

.gmapPictosAll span{
    width:35px;
}

.gmapPictos123Visible{background:url('../img/maps/new-picto-recap123.png');margin-top:-23px;padding-top:23px;}
.gmapPictos124Visible{background:url('../img/maps/new-picto-recap124.png');margin-top:-23px;padding-top:23px;}
.gmapPictos134Visible{background:url('../img/maps/new-picto-recap134.png');margin-top:-23px;padding-top:23px;}
.gmapPictos234Visible{background:url('../img/maps/new-picto-recap234.png');margin-top:-23px;padding-top:23px;}

.gmapPictos12Visible{background:url('../img/maps/new-picto-recap12.png')  18px 0 no-repeat;}
.gmapPictos13Visible{background:url('../img/maps/new-picto-recap13.png')  18px 0 no-repeat;}
.gmapPictos14Visible{background:url('../img/maps/new-picto-recap14.png')  18px 0 no-repeat;}
.gmapPictos23Visible{background:url('../img/maps/new-picto-recap23.png')  25px 0 no-repeat;}
.gmapPictos24Visible{background:url('../img/maps/new-picto-recap24.png')  25px 0 no-repeat;}
.gmapPictos34Visible{background:url('../img/maps/new-picto-recap34.png')  25px 0 no-repeat;}

.gmapPictos1Visible{background:url('../img/maps/new_gmap_icon1.png')  31px 0 no-repeat;}
.gmapPictos2Visible{background:url('../img/maps/new_gmap_icon2.png')  31px 0 no-repeat;}
.gmapPictos3Visible{background:url('../img/maps/new_gmap_icon3.png')  31px 0 no-repeat;}
.gmapPictos4Visible{background:url('../img/maps/new_gmap_icon4.png')  30px 0 no-repeat;}

.gmapPictoGlobalInfo1{margin-left:-13px;display:inline-block;width:33px;text-align:center;color:#ffffff}
.gmapPictos1Visible .gmapPictoGlobalInfo1{margin-left:0px;}
.gmapPictoGlobalInfo2{display:inline-block;width:35px;text-align:center;color:#ffffff}
.gmapPictoGlobalInfo3{display:inline-block;width:35px;text-align:center;color:#ffffff}
.gmapPictoGlobalInfo4{display:inline-block;width:34px;text-align:center;color:#ffffff}

.gmapPictos234Visible .gmapPictoGlobalInfo2{margin-left:-13px;display:inline-block;width:33px;text-align:center;color:#ffffff}


.gmapPictos123Visible .gmapPictoGlobalInfo4{display:none;}
.gmapPictos124Visible .gmapPictoGlobalInfo3{display:none;}
.gmapPictos234Visible .gmapPictoGlobalInfo1{display:none;}
.gmapPictos134Visible .gmapPictoGlobalInfo2{display:none;}

.gmapPictos12Visible .gmapPictoGlobalInfo3{display:none;}
.gmapPictos12Visible .gmapPictoGlobalInfo4{display:none;}
.gmapPictos13Visible .gmapPictoGlobalInfo2{display:none;}
.gmapPictos13Visible .gmapPictoGlobalInfo4{display:none;}

.gmapPictos14Visible .gmapPictoGlobalInfo2{display:none;}
.gmapPictos14Visible .gmapPictoGlobalInfo3{display:none;}
.gmapPictos14Visible .gmapPictoGlobalInfo1{}

.gmapPictos23Visible .gmapPictoGlobalInfo1{display:none;}
.gmapPictos23Visible .gmapPictoGlobalInfo4{display:none;}
.gmapPictos24Visible .gmapPictoGlobalInfo1{display:none;}
.gmapPictos24Visible .gmapPictoGlobalInfo3{display:none;}
.gmapPictos34Visible .gmapPictoGlobalInfo1{display:none;}
.gmapPictos34Visible .gmapPictoGlobalInfo2{display:none;}

.gmapPictos1Visible .gmapPictoGlobalInfo3,
.gmapPictos1Visible .gmapPictoGlobalInfo4,
.gmapPictos1Visible .gmapPictoGlobalInfo2{display:none;}
.gmapPictos2Visible .gmapPictoGlobalInfo3,
.gmapPictos2Visible .gmapPictoGlobalInfo4,
.gmapPictos2Visible .gmapPictoGlobalInfo1{display:none;}
.gmapPictos3Visible .gmapPictoGlobalInfo1,
.gmapPictos3Visible .gmapPictoGlobalInfo4,
.gmapPictos3Visible .gmapPictoGlobalInfo2{display:none;}
.gmapPictos4Visible .gmapPictoGlobalInfo1,
.gmapPictos4Visible .gmapPictoGlobalInfo2,
.gmapPictos4Visible .gmapPictoGlobalInfo3{display:none;}
/* */


.gmapInfos{
    font-size:12px;
    color:#494949;
    line-height:16px;
    min-width: 250px;
    min-height: 190px;
}

.gmapInfosMin{
    min-height:40px;
}
.gm-style-iw div{ overflow: hidden !important;}

.gmapInfos strong{
    font-weight:normal!important;
    font-size:13px;
    font-family: 'mentone_ligbold';
}

.gmapInfos .statusGreen, .gmapInfos .statusGreen a{
    color:#8fb214!important;
    font-weight:normal;
    font-family: 'mentone_ligbold';
}

.gmapInfos .statusGreen, .gmapInfos .statusJaune a{
    color:#8fb214!important;
    font-weight:normal;
    font-family: 'mentone_ligbold';
}

.gmapInfos .statusOrange, .gmapInfos .statusOrange a{
    color:#db9b00!important;
    font-weight:normal;
    font-family: 'mentone_ligbold';
}

.gmapInfos .statusGris, .gmapInfos .statusGris a{
    color:#aa2c00!important;
    font-weight:normal;
    font-family: 'mentone_ligbold';

}
.gmapInfos .statusJaune, .gmapInfos .statusJaune a{
    color:#E7C104!important;
    font-weight:normal;
    font-family: 'mentone_ligbold';

}

.gmapInfos a{
    display:inline-block;
    margin-top:6px;
    text-decoration:underline;
    font-size:11px;
}

.gmapInfos .client_fiche_link {
    float: left; width: 28px; height: 28px
}
.gmapInfos .client_fiche_link a{
    margin-top: 3px;
}

/************************************************************************
/ Wrapper login
************************************************************************/

.wrapper-login {
    width: 585px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 80px auto 0 auto;
    background-color: #fff;
    padding-bottom: 40px;

    -moz-box-shadow: 0px 2px 12px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 2px 12px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 12px rgba(0,0,0,0.5);
}

.wrapper-login img {
    width: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px 10px !important;

}

.wrapper-login h1 {
    text-align: center;
    color: #3d97e3;
}

#wrapper-footer {
    width: 563px;
    margin: -30px auto;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 0 1px 1px 1px solid #ebebeb;
    height: 25px;
    padding: 8px 11px 0 11px;
    background:url('../img/footer-background.gif') repeat;
}

#wrapper-footer h6 {
    display: block;
    float: left;
    margin-top:3px;
}

#wrapper-footer span {
    display: block;
    float: right;
    font-family: Arial;
    font-size: 11px;
    color: #7a7a7a;
}

#wrapper-footer  p.legal{
    color: #7A7A7A;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal !important;
    line-height: 11px;
    text-transform: none !important;
}

.wrapper-login .user_remember {
    margin-top: -10px;
}
.wrapper-login .user_inscription {
    margin-top: 20px;
}
.wrapper-login .user_inscription a {
    color: #4099E4;
    font-size: 13px;
}
/************************************************************************
/ Container
************************************************************************/
#container{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    -moz-box-shadow: 0px 2px 12px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 2px 12px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 12px rgba(0,0,0,0.5);
    width:980px;
    margin:0 auto;
    position:relative;
    background: #ffffff url('../img/sidebar_bg.jpg') repeat-y;
    min-height:720px;

}

#container.sidebarMinDone{
    background: #ffffff url('../img/sidebar_bg.jpg') -200px 0 repeat-y;

}

/*@media (min-width: 1250px) {*/ /* 15/06/2013 on oublie finalement la petite définition en 980px qui laisse trop peu de place*/
    #container{
        width:1200px!important;
    }
    #content{
        width:888px!important;
    }

    #container.sidebarMinDone{
        width:1200px!important;
    }
    #container.sidebarMinDone #content{
        width:1088px!important;
    }

/*}*/

@media (min-width: 1550px) {
    #container{
        width:1500px!important;
    }
    #content{
        width:1188px!important;
    }

    #container.sidebarMinDone{
        width:1500px!important;
    }
    #container.sidebarMinDone #content{
        width:1388px!important;
    }

}

/************************************************************************
/ Content
************************************************************************/

#content {
    display:block;
    position:relative;
    float:left;
    height:100%;
    width:668px;
    padding:15px 20px 20px 20px;
}

#container.sidebarMinDone #content{
    width:868px;
}


/************************************************************************
/  Sidebar
************************************************************************/

#sidebar {
    width: 242px;
    display:block;
    position:relative;
    float:left;
    height:100%;
    min-height:100%;
    -moz-border-radius: 5px 0 0;
    -webkit-border-radius: 5px 0 0;
    border-radius: 5px 0 0; /* border radius */
    padding:15px;
}

#sidebarMin {
    width: 20px;
    display:block;
    position:relative;
    float:left;
    height:100%;
    min-height:100%;
    -moz-border-radius: 5px 0 0;
    -webkit-border-radius: 5px 0 0;
    border-radius: 5px 0 0; /* border radius */
    padding:10px 15px 5px 5px;
}

#sidebar .spacer{
    width:272px;
    margin-left:-15px;
    margin-right:-15px;
    margin-top:15px;
    margin-bottom:15px;
    display:block;
    height:2px;
    background: url('../img/sidebar_bg_spacer.jpg') no-repeat;
}

#sidebar ul,
#sidebarMin ul{
    list-style:none;
    line-height:-1px;
    margin:0 0 0 5px;
    padding:0;
}

#sidebar ul li,
#sidebarMin ul li{
    padding-bottom:10px;
}

#sidebar .mlink,
#sidebarMin .mlink{
    width:234px;
    height:49px;
    display:block;
}

#sidebar .mlink1{
    background: url('../img/btn_clients.png') no-repeat;
}

#sidebar .mlink2{
    background: url('../img/btn_analyse.png') no-repeat;
}

#sidebar .mlink3{
    background: url('../img/btn_chiffrescles.png') no-repeat;
}

#sidebar .mlink4{
    background: url('../img/btn_configuration.png') no-repeat;
}
#sidebar .mlink5{
    background: url('../img/btn_rapports.png') no-repeat;
}
#sidebar .mlink6{
    background: url('../img/btn_documentation.png') no-repeat;
}
#sidebar .mlink7{
    background: url('../img/btn_dimensionnements.png') no-repeat;
}


#sidebarMin .mlink1{
    background: url('../img/btn_clients_min.png') no-repeat;
}

#sidebarMin .mlink2{
    background: url('../img/btn_analyse_min.png') no-repeat;
}

#sidebarMin .mlink3{
    background: url('../img/btn_chiffrescles_min.png') no-repeat;
}

#sidebarMin .mlink4{
    background: url('../img/btn_configuration_min.png') no-repeat;
}
#sidebarMin .mlink5{
    background: url('../img/btn_rapports_min.png') no-repeat;
}
#sidebarMin .mlink6{
    background: url('../img/btn_documentation_min.png') no-repeat;
}
#sidebarMin .mlink7{
    background: url('../img/btn_dimensionnements_min.png') no-repeat;
}



#sidebar .mlink:hover,
#sidebarMin .mlink:hover,
#sidebar .current .mlink,
#sidebarMin .current .mlink{
    background-position: 0 -49px;
}

.checkboxCustom {
    appearance: none;
    -webkit-appearance: none;
    background: url('../img/checkbox_v2-2.png') no-repeat;
    width: 38px;
    height: 30px;
    cursor: pointer;
}

.checkboxCustom:checked {
    background: url('../img/checkbox_checked.png') no-repeat; /* Assurez-vous d'avoir une image pour l'état coché */
}
/************************************************************************
/ Sidebar Compte
************************************************************************/

#sidebar .compte img{
    display:block;
    float:left;
    margin-top:0px;
    margin-right:10px;
    width: 46px;
    height: 45px;
    border: 1px solid #fff; /* stroke */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; /* border radius */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; /* prevents bg color from leaking outside the border */
    background-color: #000; /* layer fill content */
    -moz-box-shadow: 0 3px 2px rgba(0,0,0,.08); /* drop shadow */
    -webkit-box-shadow: 0 3px 2px rgba(0,0,0,.08); /* drop shadow */
    box-shadow: 0 3px 2px rgba(0,0,0,.08); /* drop shadow */

}


#sidebar .compte{
    display:block;
    text-align:left;
    clear:none;
    margin-top:10px;
    padding-bottom:10px;
}

#sidebar .compte .compteName{
    color: #222; /* text color */
    font-family: Arial;
    font-size: 14px;
    text-shadow: 0 -1px 0 #fff; /* drop shadow */
    line-height:18px;
}

#sidebar .compte .compteSociete{
    color: #222; /* text color */
    font-family: Arial;
    font-size: 14px;
    font-weight:bold;
    text-shadow: 0 -1px 0 #fff; /* drop shadow */
    line-height:18px;
    text-transform:uppercase;
}


#sidebar .compte .compteLinks a,
#sidebar .compte .compteLinks{
    color: #8b8b8b; /* text color */
    font-family: Arial;
    font-size: 11px;
    line-height:14px;
    text-shadow: 0 -1px 0 #fff; /* drop shadow */
}



/************************************************************************
/ Sidebar bottom
************************************************************************/

#sidebarBottom {
    position:absolute;
    display:block;
    bottom:0px;
    left:0px;
    width:242px;
    z-index:5;
    padding : 0 15px 19px 15px;
}

#sidebarBottom .logoMonAbee{
    width:230px;
    margin: 0 auto;
    display:block;
    padding-bottom:15px;
}


#sidebarBottom a{
    width:100%;
    display:inline-block;
    clear:both;
    color: #797979; /* text color */
    font-family: Arial;
    font-size: 10px;
    line-height:13px;

}

#sidebarBottom .copyright{
    padding-top:15px;
    color: #797979; /* text color */
    font-family: Arial;
    font-size: 10px;

}

/************************************************************************
/ Tophelp
************************************************************************/

#helpTop {
    position:absolute;
    display:block;
    top:0px;
    right:15px;

    z-index:5;
}


#helpTop ul{

    -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    height:38px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-top:0px;

}

#helpTop ul li{
    color:#ffffff;
    text-transform : uppercase;
    font-family: Arial;
    font-size: 11px;
    line-height:38px;
    height:38px;
    display:block;
    clear:none;
    float:left;

    background: #a0b6c9; /* Old browsers */
    background: -moz-linear-gradient(top,  #a0b6c9 0%, #648fb1 49%, #276c92 53%, #4c637c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0b6c9), color-stop(49%,#648fb1), color-stop(53%,#276c92), color-stop(100%,#4c637c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a0b6c9 0%,#648fb1 49%,#276c92 53%,#4c637c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a0b6c9 0%,#648fb1 49%,#276c92 53%,#4c637c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a0b6c9 0%,#648fb1 49%,#276c92 53%,#4c637c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a0b6c9 0%,#648fb1 49%,#276c92 53%,#4c637c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0b6c9', endColorstr='#4c637c',GradientType=0 ); /* IE6-9 */
}

#helpTop ul li a{
    color:#ffffff;
    line-height:38px;
    display:block;
    height:38px;
    padding-left:25px;
    padding-right:12px;
    text-decoration:none;
    cursor:pointer;
    background: url('../img/arrow.png') 8px 15px no-repeat;
}


#helpTop ul li.left{
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    border-right:1px solid rgba(255,255,255,0.4);
}

#helpTop ul li.right{
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    border-left:1px solid rgba(0,0,0,0.2);
}

#helpTop ul li:hover{
    background: rgb(179,200,214); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(179,200,214,1) 0%, rgba(66,138,183,1) 50%, rgba(6,106,173,1) 52%, rgba(57,76,109,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,200,214,1)), color-stop(50%,rgba(66,138,183,1)), color-stop(52%,rgba(6,106,173,1)), color-stop(100%,rgba(57,76,109,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(179,200,214,1) 0%,rgba(66,138,183,1) 50%,rgba(6,106,173,1) 52%,rgba(57,76,109,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(179,200,214,1) 0%,rgba(66,138,183,1) 50%,rgba(6,106,173,1) 52%,rgba(57,76,109,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(179,200,214,1) 0%,rgba(66,138,183,1) 50%,rgba(6,106,173,1) 52%,rgba(57,76,109,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(179,200,214,1) 0%,rgba(66,138,183,1) 50%,rgba(6,106,173,1) 52%,rgba(57,76,109,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3c8d6', endColorstr='#394c6d',GradientType=0 ); /* IE6-9 */

}

#helpTop ul li.current{
    background: #bfd255; /* Old browsers */
    background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #49751a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#49751a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#49751a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#49751a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#49751a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#49751a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#49751a',GradientType=0 ); /* IE6-9 */

    text-shadow : 0 -1px 0 #000;

}



/************************************************************************
/ Content
************************************************************************/

h1 {
    color: #da8b00!important; /* text color */
    font-family: "mentone_ligbold";
    font-size: 24px;
    font-weight: normal;
    text-shadow: 0 2px 0 #fff; /* drop shadow */
    line-height:26px;
}


h1 small,
h2 small{
    color: #f0a109!important; /* text color */

}


h2 {
    color: #3d3d3e; /* text color */
    font-family: "mentone_ligbold";
    font-size: 18px;
    line-height:22px;
    font-weight: normal;
    text-shadow: 0 2px 0 #fff; /* drop shadow */
}

h3{
    color: #4489c3; /* text color */
    font-family: "mentone_ligbold";
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 2px 0 #fff; /* drop shadow */
}

#content .space{
    width:100%;
    height:1px;
    margin: 16px 0 15px 0;
    background-color: #ddd;
}


.section-err {
    margin: 40px 0;
    min-height: 400px;
    text-align: center;
}
.section-err h3 {
    color: #2171B2;
    display: inline-block !important;
    font-family: "allerlight","Trebuchet MS",Verdana;
    font-size: 27px;
    font-weight: normal !important;
    margin-bottom: 14px;
    padding-bottom: 0;
    line-height: 24px!important;
}
.section-err h3 img {
    padding: 0px!important;
}
.section-err h3 small {
    color: #4593D3;
    font-family: "allerlight","Trebuchet MS",Verdana;
    font-size: 22px;
    font-weight: normal;
}
/*----------- Header -------------------*/

.header {
    padding: 0 30px;
    font-family: Helvetica, Arial, sans-serif;
}

.header-logo {
    float: left;
    background:url('../img/logo.png') no-repeat;
    width: 189px;
    height: 88px;
    margin: 18px 15px;
}

.header-infos {
    float: right;
}

.message {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-top:0px;



    background: rgb(182,203,219); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(182,203,219,1) 0%, rgba(71,143,198,1) 50%, rgba(7,120,181,1) 52%, rgba(71,101,137,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(182,203,219,1)), color-stop(50%,rgba(71,143,198,1)), color-stop(52%,rgba(7,120,181,1)), color-stop(100%,rgba(71,101,137,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(182,203,219,1) 0%,rgba(71,143,198,1) 50%,rgba(7,120,181,1) 52%,rgba(71,101,137,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(182,203,219,1) 0%,rgba(71,143,198,1) 50%,rgba(7,120,181,1) 52%,rgba(71,101,137,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(182,203,219,1) 0%,rgba(71,143,198,1) 50%,rgba(7,120,181,1) 52%,rgba(71,101,137,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(182,203,219,1) 0%,rgba(71,143,198,1) 50%,rgba(7,120,181,1) 52%,rgba(71,101,137,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6cbdb', endColorstr='#476589',GradientType=0 ); /* IE6-9 */

    width: 130px;
    float: right;
    text-align: center;
    margin-bottom: 14px;

    padding: 8px 12px 0 8px;
    height: 24px;

    -moz-box-shadow: 0px 0px 6px #e4e4e4;
    -webkit-box-shadow: 0px 0px 6px #e4e4e4;
    box-shadow: 0px 0px 6px #e4e4e4;
}

.message:hover{
    background: rgb(179,200,214); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(179,200,214,1) 0%, rgba(66,138,183,1) 50%, rgba(6,106,173,1) 52%, rgba(57,76,109,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,200,214,1)), color-stop(50%,rgba(66,138,183,1)), color-stop(52%,rgba(6,106,173,1)), color-stop(100%,rgba(57,76,109,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(179,200,214,1) 0%,rgba(66,138,183,1) 50%,rgba(6,106,173,1) 52%,rgba(57,76,109,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(179,200,214,1) 0%,rgba(66,138,183,1) 50%,rgba(6,106,173,1) 52%,rgba(57,76,109,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(179,200,214,1) 0%,rgba(66,138,183,1) 50%,rgba(6,106,173,1) 52%,rgba(57,76,109,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(179,200,214,1) 0%,rgba(66,138,183,1) 50%,rgba(6,106,173,1) 52%,rgba(57,76,109,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3c8d6', endColorstr='#394c6d',GradientType=0 ); /* IE6-9 */

}

.message-up,
.message-up:hover{
    background: #bfd255; /* Old browsers */
    background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #49751a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#49751a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#49751a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#49751a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#49751a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#49751a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#49751a',GradientType=0 ); /* IE6-9 */

    text-shadow : 0 -1px 0 #000;

}

.message .icon-white{
    margin-top:-1px;
}

a .message {
    color:#fff!important;
}

.msgAlert {
    color: #C91E1E;
}
.msgWarning {
    color: #ED7E00;
}



.compte {
    text-align: right;
}

.compte-desc {
    padding-top: 4px;
    padding-bottom:10px;
    float: left;
    vertical-align: middle;
    float:right;
    line-height: 14px;
    width:350px;
    display:inline-block;
    clear:both;
}


.compte-desc h4 span{
    display: inline;
    font-weight: bold;
}

.compte-desc h5 a{
    color: #555;
    line-height: 20px;
    text-decoration: none;
}

.compte img {
    float: right;
    margin: -10px 7px 0 10px;
}


.compte-desc h4 span{
    display: inline;
    font-weight: bold;
}

.compte-desc h5 a{
    color: #555;
    line-height: 20px;
    text-decoration: none;
}

.compte img {
    float: right;
    margin: -10px 7px 0 10px;
}

.compte select{float:right;display:inline-block;clear:both;text-align:left}

/************************************************************************
/ Datatable
************************************************************************/

.dataTable.dataTable-mb-0{
    margin-bottom:0;
}

.dataTables_filter label{
    margin-top:6px;
}

.dataTables_filter label input{
    margin-top:0px!important;
}

.dataTables_length {
    margin-top:16px!important;

}

.dataTables_length select{
    width:70px!important;
}

.dataTable thead th{
    color : #4489c3!important;
    text-align:center!important;
    margin:0 auto;
    font-family: "Arial";
    font-size: 12px;
    line-height: 13px;
}

.dataTable thead th a{
    color : #4489c3!important;
    display:inline-block;
    text-align:center!important;
    margin:0 auto;
    width:100%;
    height:100%;
}


.dataTable td.aCenter{
    text-align:center!important;
}

.dataTable .statusGreen, .dataTable .statusGreen a{
    color:#8fb214!important;
    font-weight:normal!important;
    font-family: 'mentone_ligbold';
}

.dataTable .statusJaune, .dataTable .statusJaune a{
    color:#dfcd02!important;
    font-weight:normal!important;
    font-family: 'mentone_ligbold';
}

.dataTable .statusOrange, .dataTable .statusOrange a{
    color:#f17100!important;
    font-weight:normal!important;
    font-family: 'mentone_ligbold';
}

.dataTable .statusGris, .dataTable .statusGris a{
    color:#787878!important;
    font-weight:normal!important;
    font-family: 'mentone_ligbold';

}

.select-little{
    font-size:12px;padding:3px;height:22px;line-height:22px;margin-bottom:0;width:56px;
}

/************************************************************************
/ Map
************************************************************************/

#map{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}



/************************************************************************
/ Tables
************************************************************************/

#tableClients * {
    text-align: left;
    font-size:12px;
}

#tableClients th{
    text-align:center!important;
    font-size:12px;
}

#tableClients .sorting_1{
    text-align:center!important;
    font-size:12px;
}

#tableClients_info{
    font-size:11px;
}


.pop-install a{
    line-height:16px;
    color:#4489c3;
}

.dataTables_wrapper .table{
    width:100%;
}

#tableClients .client_fiche_link {
    float: left; width: 20px; height: 20px
}
/************************************************************************
/ Custom popover
************************************************************************/

.popover{
    z-index:99999999;
}

.popover .popover-fix *{
    font-size:auto;
    font-family: Arial;
    color:#ffffff;
}

.popover .popover-fix strong{
    font-weight:normal;
    font-family: "mentone_ligbold";
}

.popover .popover-small{
    font-size:11px;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 350px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    color:#ffffff;

    background: #767b82; /* Old browsers */
    background: -moz-linear-gradient(top,  #767b82 0%, #5f646b 36%, #28343b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#767b82), color-stop(36%,#5f646b), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #767b82 0%,#5f646b 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #767b82 0%,#5f646b 36%,#28343b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #767b82 0%,#5f646b 36%,#28343b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #767b82 0%,#5f646b 36%,#28343b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767b82', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */




    border: 1px solid #767b82;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #767B82!important;
    border-bottom: 1px solid #444444;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.popover h3 {
    color: #ffffff!important;
    /*text-shadow: none!important;*/
     text-shadow: 0 1px 0 #444444!important;
     padding-top: 4px!important;
}
.popover-title:empty {
    display: none;
}

.popover-content {
    padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;

    border-color: transparent;
    border-style: solid;
}

.popover .arrow {
    border-width: 11px;

}

.popover .arrow:after {
    border-width: 10px;
    content: "";
}

.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #767b82;
    background-color: #767b82!important;

    border-bottom-width: 0;

}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #767b82;
    border-bottom-width: 0;

}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #767b82;
    border-left-width: 0;
}

.popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #767b82;
    border-left-width: 0;
}

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #767b82;
    border-top-width: 0;
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #767b82;
    border-top-width: 0;
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #767b82;
    border-right-width: 0;
}

.popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #767b82;
    border-right-width: 0;
}


/************************************************************************
/ Widgets
************************************************************************/

#chiffres-cles{
    margin-left:30px;
}

#chiffres-cles .ico-monabee-delete{
    margin-right:0px!important;
    margin-top:6px;
    font-size:12px;
}

#chiffres-cles .controls{
    margin-bottom:10px;
}

#chiffres-cles .portlet-help-ctn{
    position:relative;
    z-index:99;
}
#chiffres-cles .portlet-help.collapsed{
    height:0px;
}


#chiffres-cles .portlet {
    float: left;
    margin: 0 1% 15px 0!important;
    /*width: 32.13333333%!important;*/
    width: 32.1%!important;
    position:relative;
    border: 1px solid #ebebeb;
    -webkit-border-bottom-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#chiffres-cles .portlet.portlet-two-col {
    width: 65.2666666666%!important;
}

#chiffres-cles .portlet.ui-sortable-placeholder {
    width: 30%!important;
}

#chiffres-cles .infos-tdb-top  h2{
    display:inline-block;
    margin-left:10px;
    width:auto!important;

}

#chiffres-cles .infos-tdb-top,
#chiffres-cles .infos-tdb-bottom{
    border:none!important;
}

#chiffres-cles .infos-loading-widget{
    padding:10px;
}

#chiffres-cles .infos-loading-widget img{
    display:inline-block;
    float:left;
    width:16px;
    height:16px;
}

#chiffres-cles .infos-loading-widget p{
    font-size:11px;
    display:inline-block;
    float:left;
    margin-left:5px;
}




#chiffres-cles .portlet .portlet-help,
#chiffres-cles .portlet.portlet-two-col .portlet-help{
    width:100%!important;
}

#chiffres-cles .portlet-help{
    /*height:240px;*/
    overflow-y: hidden;
    position:absolute;
    top:0;
    left:0px;
    background-color:white;

    text-align: left;

    background-color: #fff;
    height:240px;

}

#chiffres-cles .portlet-help-body{

    height:100%;
    margin-top:50px;
    margin-bottom:-50px;
}

#chiffres-cles .portlet-help-body .portlet-help-body-form-ctn{
    margin:-3px 0 0 0;
    overflow-y:scroll;
    height:191px;;
}


#chiffres-cles h2.widget-label{
    font-size:14px!important;
    line-height:16px;
    color:#4489C3;
}

#chiffres-cles .portlet-help-body-form-ctn input,
#chiffres-cles .portlet-help-body-form-ctn label,
#chiffres-cles .portlet-help-body-form-ctn select,
#chiffres-cles .portlet-help-body-form-ctn span{font-size:12px;}

#chiffres-cles .portlet-help .options-btn-ctn{
    text-align:left;
}
#chiffres-cles .portlet-help .controls{
    text-align:left;
}

#chiffres-cles .ico-monabee-settings{
    cursor:pointer;
}

#chiffres-cles .add-widget{
    margin:0;
    padding:10px;
}
#chiffres-cles .add-widget select{
    color:	#7A7A7A!important;
}
#chiffres-cles #ajax-flash-ctn {
    margin: 0 auto;
    /*min-height: 50px;*/
    position: relative;
    width: 100%;
}

#chiffres-cles .column,
#chiffres-cles .ui-sortable{
    display:block;
    float:left;
    position:relative;
    width:100%!important;
    margin-right:-10px!important;
}

#chiffres-cles .row{
    margin-right:-20px;
}

#chiffres-cles .options-pull-right{
    float:right;
    margin-right:10px;
}

#chiffres-cles .options-btn-ctn{

    float:left;
    display:block;
    margin-top:0px!important;
    margin-right:-5px!important;
    width:100%;
    background-color:#f5f5f5;

    margin-left:-1px;
    margin-bottom:1px;

    position:absolute;
    top:0px;
}

#chiffres-cles .options-btn-ctn button{
    display:block;
    float:left;
    height:25px;

    font-size:13px!important;
    padding:0 8px!important;
    margin:0!important;
}

#chiffres-cles .options-btn-ctn .cancel-btn{
    margin-right:5px!important;
}

#chiffres-cles .options-btn-ctn-body{
    padding:10px;
    height:26px;
}


#chiffres-cles .ico-monabee-settings{
    margin-top:5px;
    text-decoration:none;
}

#chiffres-cles #confirm-delete span{
    margin-right: 20px;
    color:#B94A48;
}
#chiffres-cles  #confirm-delete .alert{
    height:50px;
    line-height:50px;
    font-weight:700;
}
#chiffres-cles  #confirm-delete img{
    position:relative;
    top:-3px;
    margin-right:15px;
}


#chiffres-cles .portlet-invis{
    height:280px;
    border:0!important;
}

#chiffres-cles .infos-tdb-top{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #eaeaea 51%, #d3d3d3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#eaeaea), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#eaeaea 51%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#eaeaea 51%,#d3d3d3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#eaeaea 51%,#d3d3d3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#eaeaea 51%,#d3d3d3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
    cursor: move;
}
#chiffres-cles.nomove .infos-tdb-top{
    cursor: default!important;
}
.portlet table td, .portlet table th{
    color: #787878;
    font-size: 12px;
    line-height: 18px!important;
    padding: 4px 5px!important;
}
.records tr.details td{
    line-height: 13px!important;
    font-size: 11px!important;
}
.records .categ {
    background-color: #f9f9f9;
    color: #605F5F;
    line-height: 18px!important;
    padding: 4px 5px;
}
.records tr.categ td{
    line-height: 18px!important;
    padding: 4px 5px!important;
}

.tabtarif {
    margin-top: 5px;
}
.tabtarif tr td {line-height: 12px!important;}
.tabtarif .strong {
    font-weight: bold;
}
.widget_tarif .slick-prev, .widget_tarif .slick-next
{
    position: absolute;
    top: 100%;
    left: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;

    cursor: pointer;

    border: 0;
    border-radius: 3px;
    outline: none;
    margin-top: -25px;
    background: #D6D6D6;
    color: #FFF;
    padding: 1px 2px;
    font-size: 12px;
    z-index: 1000;

}
.widget_tarif .slick-prev {
    margin-left: -37px; width: 37px;
}
.widget_tarif .slick-next {
    margin-left: 10px; width: 35px;
}
.widget_tarif .slick-prev:hover, .widget_tarif .slick-next:hover
{
    background: #E3E6CA!important;
}
.widget_tarif .owl-stage-outer {
    height: 215px;
}
.slick-slide:focus {
    outline: none;
}

/************************************************************************
/ Fix
************************************************************************/

div.pull-right input,
div.pull-right select,
div.pull-right label{
    margin-bottom:5px;
}

.nav-tabs li.active a{
    background: #ebf1f6; /* Old browsers */
    color:#fff;
    font-weight:bold;
    background: #bfdcf2; /* Old browsers */
    background: -moz-linear-gradient(top,  #bfdcf2 0%, #39a3e5 50%, #0578ad 51%, #d5ebfb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfdcf2), color-stop(50%,#39a3e5), color-stop(51%,#0578ad), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #bfdcf2 0%,#39a3e5 50%,#0578ad 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bfdcf2 0%,#39a3e5 50%,#0578ad 51%,#d5ebfb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bfdcf2 0%,#39a3e5 50%,#0578ad 51%,#d5ebfb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bfdcf2 0%,#39a3e5 50%,#0578ad 51%,#d5ebfb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfdcf2', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */


    text-shadow: 0 -1px 0px rgba(0,0,0,0.4);

}
.nav-tabs li.active a:hover{
    color:#ffffff;
}

.nav-tabs li a{
    background: #ebf1f6; /* Old browsers */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border-bottom : 1px solid #dddddd;

}


/************************************************************************
/ misc
************************************************************************/

.cOrange1{color:#da8b00!important}
.cOrange2{color:#f0a109!important}
.cOrange3{color:#ffb400!important}

.f12{font-size:12px!important}
.f11{font-size:11px!important}
.f10{font-size:10px!important}

strong{font-weight:bold!important}

.fNormal{font-weight:normal!important;}
.fBold{font-weight:bold!important}

.pLR20{padding: 0 20px;}

.form-error{border:1px solid #f10505!important}
.error-message{color:#f10505;font-style:italic;font-size:12px;}


/************************************************************************
/ Map / filters
************************************************************************/
.form-horizontal-filters{
    padding-top:0px;
}

.control-filters .control-group{
    display:inline-block;
    float:left;
    clear:none;
}

.control-filters{
    margin-top:4px;
    display:block;
    width:100%;
    clear:both;
}

.control-filters .control-group label{
    float:left;
    clear:none;
    font-size:11px;
    margin-bottom:0;
    color: #0d8ad1!important;
    padding-bottom:0;
    margin-top:-6px;
}
.control-filters .control-group .controls{
    margin-right:10px;
}

.control-filters .btn-filter{
    float:left;
    clear:none;
    display:inline-block;
}

.control-filters .chzn-container ul, .control-filters .chosen-container ul {
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important;
    border-color:#dbdbdb;
}

.chosen-container {
    font-size: 11px;
}


.control-group-dezoom{
    clear:none;float:left!important;margin-left:5px;margin-right:5px
}
.control-group-dezoom .styledCheckbox,
.control-group-dezoom .styledRadio{
    float:left;
    clear: none;
    margin-left:-5px;
    margin-top:-1px;
}

.control-group-dezoom .control-label span{
    float:left;clear:none;
    display:inline-block;
    width:52px;
    margin-right:6px;
    margin-left:-6px;
    margin-top:2px;
}

.control-group-dezoom .control-label span.center{
    margin-top:7px;
}

.control-group-dezoom .control-label input{
    float:left;clear:none;
}

.control-group-dezoom .control-label{
    float: left;
    clear: none;
    font-size: 11px;
    margin-bottom: 0;
    color: #0d8ad1!important;
    padding-bottom: 0;
    margin-top: 4px;
    margin-left:-7px;
    line-height:10px;
}

#nofilter {
   background-color: #F7C3C3;
   color:#4489c3!important;
   cursor: pointer;
}
/************************************************************************
/ Installation détails
************************************************************************/
/*
Panel global
--------------------------------------------- */

.panel {
    border-style: solid;
    border-width: 1px;
    border-color: rgb( 230, 230, 230 );
    border-radius: 5px;
    background-image: -moz-linear-gradient( 90deg, rgb(247,247,247) 0%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(247,247,247) 0%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(247,247,247) 0%, rgb(255,255,255) 100%);
    margin-bottom:14px;
    position:relative;
}

.panel .panel-arrow{
    background: url('../img/panel_arrow.png') center center;
    width:62px;
    height:31px;
    top:-17px;
    left:50%;
    margin-left:-31px;
    position:absolute;
}
.panel-infos {
    width:96%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.panel-infos table{
    min-width:300px;
    font-size: 12px;
}

.panel-infos .th-label{
    width:200px;
}

.panel-infos .th-w3{
    width:170px!important;
}

.panel-infos table{
    border-color: #ebebeb;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(253,253,253,1) 19%, rgba(247,247,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(19%,rgba(253,253,253,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(253,253,253,1) 19%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(253,253,253,1) 19%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(253,253,253,1) 19%,rgba(247,247,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(253,253,253,1) 19%,rgba(247,247,247,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}




.panel-infos h3{
    margin-top:0;
    padding-top:0;
}

.panel-infos table th{
    font-family: Arial;
    font-weight:bolder!important;
}

.panel-infos h4{
    font-size:13px;
    font-family: Arial;
    font-weight:bolder!important;
}

.panel-infos h5 strong{
    font-family: Arial;
    font-weight:bolder!important;
}

.panel-infos table.table-align-center *{
    text-align:center;
}

.panel-infos table .table-title{
    font-size:13px;
    color:#da8b00!important;
    text-align:left;
}

.panel-infos table th,
.panel-infos table td{
    padding: 4px;
}


@media (max-width: 1400px){
    .panel-infos .row-fluid .span4,
    .panel-infos .row-fluid .span5,
    .panel-infos .row-fluid .span6,
    .panel-infos .row-fluid .span7,
    .panel-infos .row-fluid .span8,
    .panel-infos .row-fluid .span9,
    .panel-infos .row-fluid .span10,
    .panel-infos .row-fluid .span11,
    .panel-infos .row-fluid .span12{
        float: none;
        display: block!important;
        width: 100%!important;
        margin-left: 0!important;
    }
}

.table-font-small {font-size:11px;}
.table-font-medium {font-size:12px;}

td.table-actions{text-align: center;vertical-align: middle}



/************************************************************************
/ Boitiers
************************************************************************/

.infos-boitier {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ebebeb;

    background-color: #f8f8f8;
    padding-top:18px;

    margin-bottom:10px;

    width:96%;
    padding:5px 10px 5px 15px;
    clear:none;

    float:left;

    border-color: #ebebeb;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(253,253,253,1) 19%, rgba(247,247,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(19%,rgba(253,253,253,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(253,253,253,1) 19%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(253,253,253,1) 19%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(253,253,253,1) 19%,rgba(247,247,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(253,253,253,1) 19%,rgba(247,247,247,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

.infos-boitier h1,
.infos-boitier h2,
.infos-boitier h3{
    clear:none;
    width:100%
}

.infos-boitier h4{
    color: #da8b00!important;
    font-family: "mentone_ligbold";
    font-size: 15px;
    font-weight: normal!important;
}

.infos-boitier .infos .control-label{
    width:200px!important;
    margin-right:10px;
    margin-left:20px;
}

.infos-boitier .infos-compte img {
    float: left;
    display:inline-block;
    margin-right:10px;
}

.infos-boitier .infos-desc {
    float: left;
    padding: 0 0 0 20px;
    margin-top:00px;
    display:block;
}

.infos-boitier .infos-desc h1{
    color: #1d6daf;
    line-height:30px;
}

.infos-boitier .infos-desc h2{
    display: block;
    line-height: 14px;
    font-size: 12px;
}
.infos-boitier .infos-desc h3{
    display: block;
    font-size: 12px;
    padding-bottom: 10px;
    color: #3D97E4;
    margin-top: -8px;
}
.batteryLevel5, .batteryLevel4, .batteryLevel3, .batteryLevel2, .batteryLevel1, .batteryLevel0 {
    display: block;
    width:28px;
    height:16px;
    background:url("../img/batterie2.png") no-repeat left top;
}
.batteryLevel4 {background-position: center -16px}
.batteryLevel3 {background-position: center -32px}
.batteryLevel2 {background-position: center -48px}
.batteryLevel1 {background-position: center -64px}
.batteryLevel0 {background-position: center -80px}
.radioPuiss1,.radioPuiss2, .radioPuiss3, .radioPuiss4, .radioPuiss0 {
    display: block;
    width:27px;
    height:20px;
}
.radioPuiss0 {
    background:url("../img/radio0.png") no-repeat left top;
}
.radioPuiss1 {
    background:url("../img/radio1.png") no-repeat left top;
}
.radioPuiss2 {
    background:url("../img/radio2.png") no-repeat left top;
}
.radioPuiss3 {
    background:url("../img/radio3.png") no-repeat left top;
}
.radioSignal3 {background-position: center -20px}
.radioSignal2 {background-position: center -40px}
.radioSignal1 {background-position: center -60px}
.radioSignal0 {background-position: center -80px}


.infos-boitier table {
    font-family: Arial;
    font-weight: normal!important;
    font-size: 12px;
    color: #787878;
    line-height: 13px;
    text-align: justify;
    margin-bottom:0px;
}

.infos-boitier table th{
    font-family: "mentone_ligbold";
    font-weight: normal!important;
    font-size: 12px;
}

.infos-boitier table td{
    font-size: 12px;
}


.ico-monabee-settings {
    background-image: url("../img/ico_settings.png");
    background-position: 0px 0px;
    margin-top: -5px;
    margin-right: -4px;
    background-repeat: no-repeat;
    width: 25px;
    height: 28px;
    display: inline-block;
    z-index: 9999;
}

/***  ***/

.infos-tdb-bottom .periode {
    text-align: left;
    padding-left: 2px;
    font-size: 10px;
    color: #969696;
    font-style: normal;
}
.infos-tdb-bottom .periode .data {
    color: #3D97E3;
    font-style: normal;
    font-weight: bold;
}

.infos-tdb-bottom {
    text-align: center;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    background-color: #fff;
    height: 240px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}


#chiffres-cles .portlet .portlet-help,
#chiffres-cles .portlet.portlet-two-col .portlet-help{
    width:100%!important;
}

#chiffres-cles .portlet-help{
    /*height:240px;*/
    overflow-y: hidden;
    position:absolute;
    top:0;
    left:0px;
    background-color:white;

    text-align: left;

    background-color: #fff;
    height:240px;

}

#chiffres-cles .portlet-help-body{

    height:100%;
    margin-top:50px;
    margin-bottom:-50px;
}

#chiffres-cles .portlet-help-body .portlet-help-body-form-ctn{
    margin:-3px 0 0 0;
    overflow-y:scroll;
    height:191px;
}

#chiffres-cles .portlet-help-body-form-ctn .form-horizontal {
    margin-top: 10px;
}

#chiffres-cles .portlet-help-body-form-ctn .form-horizontal .controls {
    margin-left: 90px;
}

#chiffres-cles .portlet-help-body-form-ctn input,

#chiffres-cles .portlet-help-body-form-ctn select,
#chiffres-cles .portlet-help-body-form-ctn span{font-size:12px;width:160px;}


#chiffres-cles .portlet-help-body-form-ctn label{font-size:12px;width:130px;}

.configure .form-horizontal .control-label {
    float: left;
    width: 80px;
    padding-top: 5px;
    margin-left:10px;
    text-align: left;
}

#chiffres-cles .portlet-help .options-btn-ctn{
    text-align:left;
}
#chiffres-cles .portlet-help,
#chiffres-cles .infos-tdb-bottom{
    text-align:left;
    font-size: 12px;
}

#chiffres-cles .ico-monabee-settings{
    cursor:pointer;
}

#chiffres-cles .options-btn-ctn{

    float:left;
    display:block;
    margin-top:0px!important;
    margin-right:-5px!important;
    width:100%;
    background-color:#f5f5f5;

    margin-left:-1px;
    margin-bottom:1px;

    position:absolute;
    top:0px;
}

#chiffres-cles .options-btn-ctn button{
    display:block;
    float:left;
    height:25px;

    font-size:13px!important;
    padding:0 8px!important;
    margin:0!important;
}

#chiffres-cles .options-btn-ctn .cancel-btn{
    margin-right:5px!important;
}

#chiffres-cles .options-btn-ctn-body{
    padding:10px;
    height:26px;
}


#chiffres-cles .ico-monabee-settings{
    margin-top:5px;
}

#chiffres-cles #confirm-delete span{
    margin-right: 20px;
    color:#B94A48;
}
#chiffres-cles  #confirm-delete .alert{
    height:50px;
    line-height:50px;
    font-weight:700;
}
#chiffres-cles  #confirm-delete img{
    position:relative;
    top:-3px;
    margin-right:15px;
}

#chiffres-cles .infos-tdb-bottom .periode {
    height: 15%;
}

#chiffres-cles .infos-tdb-bottom .infos-graphic {
    width:100%;
    height: 85%;
}


/** Rapports */

.section.section-panel.section-panel-mT20{
    padding-top:20px;
}
.section.section-panel.section-panel-mT10{
    padding-top:10px;
}
.section.section-panel.section-panel-mT15{
    padding-top:15px;
}

.section.section-panel {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ebebeb;

    background-color: #f8f8f8;
    padding-top:18px;

    margin-bottom:10px;

    width:97%;
    padding:5px 10px 5px 15px;
    clear:none;

    float:left;

    border-color: #ebebeb;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(253,253,253,1) 19%, rgba(247,247,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(19%,rgba(253,253,253,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(253,253,253,1) 19%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(253,253,253,1) 19%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(253,253,253,1) 19%,rgba(247,247,247,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(253,253,253,1) 19%,rgba(247,247,247,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

#listResellersCtn{
    display:inline-block;
    clear:both;
    float:left;
    margin-top:10px;
    margin-left:5px;
}

#listResellersCtn select{
    width:234px;
    clear:both;
    margin:0px;
    margin-bottom:-10px;
}
a.rapportDest {
    text-decoration: none;
}
a.rapportDest:hover {
    text-decoration: none!important;
}
/** Comptes */

#comptes{
    width:100%;
}

#comptes .infos-desc,
#comptes .img-rounded{
    display:inline-block;
    float:left;
}

#comptes .img-rounded{
    margin-bottom:4px;
    margin-left:-3px;
}

#comptes .infos-desc{
    margin-left:10px;
}

#comptes .infos-desc h2{
    margin-bottom:0px;
    padding-bottom:0px;
    margin-top:5px;
}

#comptes .infos-desc h3{
    line-height: 10px;
}

#comptes .jwc_loading_text{
    display:none;
}

#comptes .mentions {
    font-size: 11px;
    font-style: italic;
}

/* Clients Graphiques */
.graph-sel-periode {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.graph-sel-date {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
#selectJour {
    text-align: center;
}
.span-date {
    width: 185px;
}
.span-date2 {
    width: 265px;
}

.recapbox_ligne {
    height: 120px;
    clear: both;
}
.recapbox {
    width: 25%;
    float: left;
    font-size: 13px;
    line-height: 16px;
}
.recapbox table {margin-top: 10px;margin-bottom:10px; width: 100%; font-size: 13px;}
.recapbox td.c1 {width: 45%}
.recapbox td.c3 {width: 54%;text-align: right; cursor: default}
.recapbox td.c1bis {min-width: 40px}
.recapbox td.c3bis {text-align: right; cursor: default}
.recapbox .titre {height: 18px;overflow: hidden;}

.recapbox .cpt {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    height: 100px;
    color:white ;
    padding: 3px 5px;
}
.cpt td, .cpt td span {color : inherit ;}

@media (max-width:1260px){
    .recapbox .production, .recapbox .consommation, .revente, .autoconsommation, .recapbox .cpt {
        margin: 0 5px;
    }
}
@media (min-width: 1250px) {
    .recapbox .production, .recapbox .consommation, .revente, .autoconsommation, .recapbox .cpt {
        margin: 0 5px;
    }
}
#rewind, #forward {
    cursor: pointer;
}

#GraphiqueProductionForm{display:inline-block;margin-top:0px}

.highcharts-tooltip table {
    color: #333333 !important;
    line-height: 13px;
}

.nav-infos-selDate div,
.nav-infos-selDate span,
.nav-infos-setType span,
.nav-infos-setType div{
    float:left;
    display:inline-block;
    line-height:28px;
    margin-right:6px;
    font-size:13px;
}
.controls-checkbox label{display:inline-block;clear:left;line-height:28px!important;cursor:pointer;height:38px;}
.controls-checkbox .styledCheckbox{float:left;width:38px;margin-right:0px;clear:none;display:inline-block;float:left;}
.controls-checkbox{width:100%;clear:both}

.controls-radio {margin-top:4px;}
.controls-radio input[type="radio"]{ margin:-1px 6px 0 0;}
.controls-radio label{display:inline-block;clear:none;float:left;line-height:28px!important;cursor:pointer;height:26px;margin-top:-3px;font-size:12px;}
.controls-radio .styledRadio{width:38px;margin-right:0px;clear:none;display:inline-block;float:left;margin-top:-3px;}
.controls-radio{padding:0}

/* Graphiques */
.controls-radio-unite{width:auto;margin-right:-6px;}
.controls-radio-unite label{padding-right:5px; margin-left: -3px!important;}
.controls-radio-unite {margin-top:0;}

.cBlue{
    color:#08C;
}
.span-lbl-form{margin-top:-3px;}

/*Clients alarmes*/
.alarmeTooltip{
    font-size:12px;
    color:#494949;
    line-height:16px;
    width:400px;
}

.alarmeTooltip strong{
    font-weight:normal!important;
    font-size:13px;
    font-family: 'mentone_ligbold';
}
/************************************************************************
/ Popup nouveautés
************************************************************************/
#modal_nouveautes {
width: 650px;
}
#modal_nouveautes .modal-header h3 {
    color: #6A890C;
    font-weight: bold;
}
.nouveautes {
    background-color: #F9F9F9;
    border: 1px solid #EBEBEB;
    border-radius: 5px 5px 5px 5px;
    padding: 3px 10px 10px;
    margin-bottom: 15px;
}
.nouveautes li {
    color: #787878;
    font-family: Arial;
    font-size: 13px;
}
.nouveautes h2 {
    color: #0089D0;
    margin-bottom: 10px !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-top: 0;
}
.nouveautes h2 {
    border-bottom: 1px solid #EFEFEF;
    font-size: 15px;
    line-height: 30px;
    font-weight: normal!important;
}
.nouveautes h2 span {
    color: #9F9F9F;
    display: block;
    float: right;
    font-size: 12px !important;
    margin: 0;
    padding-top: 0;
}
.nouveautes-footer {
    border-top: 1px solid #EEEEEE;
    padding: 10px 15px 10px;
    text-align: right;
}
.nouveautes-warning {
    padding-left: 15px;
    color: #9F9F9F;
}
.nouveautes-warning input {
    margin: -1px 3px 3px 3px!important;
}
#modal_nouveautes:focus {
   outline-color: transparent;
}

/* Pavés infos type fieldset */
section .infos {
    background-color: #F8F8F8;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    padding: 15px 0 !important;
    width: 100%;
}
.infos {
    clear: both;
    margin-bottom: 15px;
    width: 100%;
}

.infos fieldset{
    margin-left:20px;
    margin-bottom:15px;
    font-family: "mentone_ligbold";
    font-weight:normal!important;
    font-size: 18px;
    color: #3D97E3;
}
.infos .content{
    margin-left:20px;
}
.infos h3{
    font-family: "mentone_ligbold";
    color: #7A9325;
}

.infos .display h2{
    font-size:15px;
}



/*
DD Dropdown
--------------------------------------------- */

.borderRadius{-moz-border-radius:5px; border-radius:5px; }
.borderRadiusTp{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.borderRadiusBtm{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
    opacity: .5; /* standard: ff gt 1.5, opera, safari */
    -ms-filter:"alpha(opacity=50)"; /* ie 8 */
    filter:alpha(opacity=50); /* ie lt 7 */
    -khtml-opacity:.5; /* safari 1.x */
    -moz-opacity:.5; /* ff lt 1.5, netscape */
    color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .ddArrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;border-radius: 5px;font-size:11px;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

/*************** default theme **********************/
.dd{border:1px solid #dbdbdb;border-radius: 5px}
.dd .divider{border-left:1px solid #dbdbdb; border-right:1px solid #fff;; right:24px;}
.dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../../img/dropdown/dd_arrow.gif) no-repeat;}
.dd .ddArrow:hover{background-position:0 100%;}
.dd .ddTitle{color:#000;

    background-color: #fff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);


}
.dd .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:11px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #dbdbdb; background-color:#fff; left:-1px;}
.dd .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333;font-size:11px;}
.dd .ddChild li.hover{background-color:#f2f2f2}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#d5d5d5; color:#000;}


/* Loader */
#loader_remember_me {
    display: block;
    margin: auto;
    display: none;
}
.loader {
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3d97e3;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Analyse */
.btn-reset-filter {
    height: 24px;
    margin-bottom: 10px;
    margin-left: 10px;
}

/*Gestion erreur compte*/
#UserCompteForm .msg_error_title {
    display: none;
    color : #000;
    font-size: 15px;
    position: absolute;
    margin-top: -35px;
    z-index: 999;
    width: auto;
    padding: 10px;
    border: 1px solid #ccc;
    opacity: 1;
    background-color: #fff;
    background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

#UserCompteForm .msg_error_title img {
margin-bottom:-5px;
}

/*Notification alarmes en cours dans le menu*/
.notifAlerte_Container {
    position:relative;
}
.notifAlerte_Bubble {
    position:absolute;
    top: -10px;
    left: -3px;
    padding:0 5px 0 5px;
    background-color:red;
    color:white;
    font-weight:bold;
    font-size:0.55em;
    border-radius:5px;
    box-shadow:1px 1px 1px gray;
    cursor: default;
    text-shadow: none;
}
.notifAlerte_Container .tooltip {margin-left: -10px;margin-top:5px}

/* Dimensionnements & misc */

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
    background-color: #f7f7f7;
}

.table-padding-small td,
.table-padding-small th{padding: 3px;}

.table-padding-small2 td,
.table-padding-small2 th{padding: 3px 8px;}

.table-infos1 thead th{background-color: #3587ca;color:white;font-size:13px;padding:4px;text-shadow: 0px 1px 1px rgba(0,0,0,0.5);}

.table-infos2{width:70%;margin-left:auto;margin-right:auto;}
.table-infos2 .fBold small{font-weight:normal;font-size:87%;line-height:16px;}

.table-curved {
    border-collapse: separate;
    border: solid #ddd 1px;
    border-radius: 6px;
    border-left: 0px;
    border-top: 0px;
}
.table-curved > thead:first-child > tr:first-child > th {
    border-bottom: 0px;
    border-top: solid #ddd 1px;
}

.table-curved > tbody:first-child > tr:first-child > td {
    border-bottom: 0px;
    border-top: solid #ddd 1px;
}

.table-curved td, .table-curved th {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.table-curved > :first-child > :first-child > :first-child {
    border-top-left-radius: 6px;
}
.table-curved > :first-child > :first-child > :last-child {
    border-top-right-radius: 6px;
}
.table-curved > :last-child > :last-child > :first-child {
    border-bottom-left-radius: 6px;
}
.table-curved > :last-child > :last-child > :last-child {
    border-bottom-right-radius: 6px;
}


/* Flag customer */
.mad-offre-flags-container{
    display:inline-block;margin-top:0px;
    zoom:0.9;
}
.mad-offre-flag{
    max-height:30px;
}

.mad-offre-flag-form{
    max-height:28px;
    margin-top:-5px;
}

#item-edit-flags-modal .styledRadio,
#item-edit-flags-modal .styledCheckbox {
    margin-top: -6px;
    float: left;
}

#item-edit-flags-modal label {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;

    display: flex;
    flex-flow: row wrap;
    align-items: center;

}


#item-edit-flags-modal label img {
margin-right: 10px;
}


/* Détails installation */
#table-informations-site td:nth-child(3){
    width: 10px;
}
/* Détails installation */
#table-informations-site-onduleurs td:nth-child(3){
    width: 86px;
}

#table-rdvs-techniques th, #table-rdvs-techniques td{
    padding: 5px;
    line-height: 14px;
}

#table-rdvs-techniques td.td-fait{
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
}

#table-rdvs-techniques th.th-fait{
    width: 10px;
}

.tooltip{
    background-color: inherit !important;
    border: transparent !important;
}


/* onglet intervention */
#intervention .title_product {

    font-weight: bolder;
    color: #a5a0a0;
}