@charset "UTF-8";
@font-face {font-family: "Helvetica Neue W01 66 Medium It";
  src: url("fonts/helvetica/4361c3ce34740903e3af9d48d8a941ff.eot"); /* IE9*/
  src: url("fonts/helvetica/4361c3ce34740903e3af9d48d8a941ff.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/helvetica/4361c3ce34740903e3af9d48d8a941ff.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/helvetica/4361c3ce34740903e3af9d48d8a941ff.woff") format("woff"), /* chrome、firefox */
  url("fonts/helvetica/4361c3ce34740903e3af9d48d8a941ff.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/helvetica/4361c3ce34740903e3af9d48d8a941ff.svg#Helvetica Neue W01 66 Medium It") format("svg"); /* iOS 4.1- */
}
body { 
    padding-top: 70px; 
    font: 1.3em Helvetica Neue W01 66 Medium It !important;
	font-family: Helvetica Neue W01 66 Medium It !important;

}
a, button,a:focus,button:focus {
    text-decoration: none !important;
}
h2,li,h4,h5{
    /*color: #009144;*//*grren*/
    color: #6c6c6c !important;
    /*background-color: aqua !important;*/
	/*font-family: Helvetica Neue W01 66 Medium It !important;*/
	
}

.jumbotron>h4>label,.jumbotron>h5{
    /*font: 0.9em Helvetica Neue !important;
	font-size: 17px !important;*/
}
thead>tr
{
    /*border-top: hidden !important;
    border-right: hidden !important;
    border-left: hidden !important;*/
}
legend{
    text-align: left !important
}
.upperCase{
    text-transform: uppercase;
}
.vAlignMiddle{
    vertical-align: middle !important;
}
.padding-0 {
  padding: 0px !important; 
}
.padding-1 {
  padding: 1px !important; 
}
.padding-2 {
  padding: 2px !important; 
}
.padding-8 {
  padding: 8px !important; 
}
.padding-9 {
  padding: 9px !important; 
}
.padding-10 {
  padding: 10px !important; 
}
.padding-11 {
  padding: 11px !important; 
}
.paddingLeftNone {
  padding-left: 0px !important; 
}
.paddingRightNone {
  padding-right: 0 !important; 
}
.padding {
    padding-top: 54px; /* height of your fixed row, you have to change this value on different screen sizes (using media queries)*/
    /*position: relative;*/


}
.fixedNacky {
    position: fixed;
    z-index: 100 !important;
    width: 30%;

}
.fixed {
  position: fixed;
  background: #fff;
  z-index: 10;
  width: 100%;
}
.fixedTransparent {
    position: fixed;
    background: #fff00 !important;/*00 means transparent => here white transparent*/
    z-index: 10;
    width: 100%;

}
.alignLeft{
    text-align: left !important;
}
.alignCenter{
    text-align: center !important;
}
.alignRight{
    text-align: right!important;
}
.borderRed{
    border:  1px solid #d9534f !important;
}
.borderGreen{
    border:  1px solid #5cb85c !important;
}
.borderLeftNone{
    border-left: none !important;
}
.borderRightNone{
    border-right: none !important;
}
.bgWhite
{
    background-color: white !important;
    color: grey !important;
    /*padding-bottom: 10px;*/

}
.bgBlackComelit
{
     background-color: #282425 !important;
}
.bgGreyComelit
{
    background-color: #6c6c6c00 !important;

}
.bgBlueComelit
{
    background-color: #385e9d !important;
    /*padding-bottom: 10px;*/

}
.bgRedComelit
{
    background-color: #e32119 !important;
    /*padding-bottom: 10px;*/

}
.bgGreenComelit
{
    background-color: #009144 !important;
    /*padding-bottom: 10px;*/
    padding:60px 60px 25px 60px;
}
.bgGreenComelit h2,.bgGreenComelit h3,.bgGreenComelit ul li i,.bgGreenComelit ul li span,.bgGreenComelit button{
    color: white !important;
}
.bgGreenComelit ul li a:hover{
    background: none !important;
}
/*.bgGreenComelit button:hover{
    color: #6c6c6c !important;
}*/
.blackComelit
{
    color: #282425 !important;
}
.blueComelit
{
    color: #385e9d !important;
}
.greenComelit
{
    color: #009144 !important;
	
}
.redComelit
{
    color: #e32119 !important;
}
.orangeComelit
{
    color: #e57200 !important;
}
.greyComelit
{
    color: #6c6c6c !important;
}
.whiteComelit
{
    color: #ffffff !important;
}
.btn-lg.greyComelit[disabled]:hover
{
    color: #6c6c6c !important;
}
.btn-lg.greyComelit:hover
{
    color: #009144 !important;
}
.plusMinusShoping{
    position: relative;
    left:-5px;
    top: -23px;

}
.faShopingCustom{
    position: relative;
    top:-5px;
    font-size:34px;

}
.faPanierCustom{
    font-size:30px;

}
.faCompteCustom{
    font-size:40px;

}
.faCustom35{
    font-size:35px;

}
.faPrestationCustom{
    font-size:20px;

}
.primaryColor{
    color:#5bc0de;
}
.greyColor{
    color:#777;
}
.primaryBg{
    background-color:#5bc0de;
}
.ui-autocomplete{
    font-size: 14px;
    margin-bottom: 5px;
    padding-top: 2px;

    padding-top: 0px !important;
    z-index: 215000000 !important;
    position: absolute;
    max-height: 150px;
    width:20%;
    overflow-y: auto; 
    overflow-x: hidden;
    background-color:#eee;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.ui-menu-item
{
    padding:5px;
    height:30px;
    cursor:pointer;
}
.ui-menu-item-wrapper:hover
{
    background-color:#5bc0de;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    height:30px;
}

.lastConnexion
{
    font-size:12px !important;
    text-align: right;
    /*color: grey;*/
    padding-top: 10px
    /*float:left;
    position:relative;
    top:-5px;
    /*left:50px;*/
}
.floatLeft
{
    float:left;

}
.comelit
{
    font-size:10px !important;
    float:left;
    padding-right:50px;
}
.comelit > span.glyphicon
{
    padding-right:5px;
}
.comelit > span.dateCR
{
    padding-right:15px;
}

.copyRight
{
    font-size:10px !important;
    float:left;
    padding-left:0px;
    display: none;
}
.copyRight:hover
{

    display: block;
}
.dropPrestations{
    font-size:12px !important;
    width: 140px;

}
.dropPrestations>li>a{
    padding-right:5px !important;
    
}
.addCursor
{
    cursor:pointer;
}
.bgAll
{
        background-color: #333;
}
.menuButton
{
    /*width: 160px*/
}
.menuButton>a:hover,.menuButton:hover
{
    color: #009144 !important;
}
.menuButton>a
{
    font-size: 13px !important;
	/*font-weight: bolder;*/
}
.vcenter
{
    position: relative;
    top: 50%;
    transform: translateY(-50%); 
}
.vbottom
{
    position: relative;
    top: 100%;
    transform: translateY(-100%); 
}
.myClassCaroussel
{
     width: 100%;
    height: 50%;

}
/**/
.myTopMenu
{
    /*width: 172px;
    height: 38px;*/
    position: relative;
    padding-top: 20px;
    padding-left: 20px;
    top: 11px;
}
.myBox
{
    position: fixed;
    right: 20%;
    z-index: 2;

}
.myMenu
{
    position: fixed;
    left: 20%;
    z-index: 2;


}
.myFixed
{
    position: fixed;

}
.myMargin1
{
    margin: 3px;

}
.myMargin1 label
{
    position: relative;
    top: 3px;
}
.navbar-fixed-top > li > a, .navbar-fixed-top > .navbar-brand {
    padding-top:4px !important; 
    padding-bottom:0 !important;
    height: 120px;
}
.navbar-fixed-top {min-height:120px !important;}
#UserAndDisconnect{
    padding-top:20px !important; 
}
.badge-notify{
   background:#009144;
   position:absolute;
   /*top:-2px !important;*/
   left:31px !important;
   transform: (-100%, -100%);
}
.badge-notify.right{
   background:#009144;
   position:absolute;
    text-align: right;
   /*top:-2px !important;*/
   left:31px !important;
   transform: (-100%, -100%);
}
.bold{
    font-weight: bold;
}
fieldset.changeAddonWidth > div > div > .input-group-addon {
    min-width:120px;/* if you want width please write here */
    text-align:left;
}
fieldset.changeAddonWidth > div > div > .spanAddon {
    min-width:100px;/* if you want width please write here */
    text-align:left;
}
fieldset.changeAddonWidth > div > div > .savAddon {
    min-width:110px;/* if you want width please write here */
    text-align:left;
}
fieldset.changeAddonWidth > div > div > .savAddonDemande {
    min-width:135px;/* if you want width please write here */
    text-align:left;
}
.identificationAddon{
    min-width:160px;
    text-align:left;
}
.width-110{
    min-width:110px !important;
    text-align: left;
}
.width-120{
    min-width:120px !important;
    text-align: left;
}
.width-130{
    min-width:130px !important;
    text-align: left;
}
.width-140{
    min-width:140px !important;
    text-align: left;
}
.width-158{
    min-width:158px !important;
    text-align: left;
}
.popover {
    /*min-width: 20em !important;*/
    text-align: center !important;
    color: #6c6c6c !important;

    /*font-size: 9px;*/
}
.popover .popContent
{
    text-align: left !important;
    padding-bottom: 5px;
    font: 1.1em Helvetica Neue !important;
}
.popover .popTile.left{
    text-align: left;
}
.popover .popTile
{
    font: 0.8em Helvetica Neue !important;
}

.bootstrap-datetimepicker-widget table td {
    color:#009144 !important;
}
.bootstrap-datetimepicker-widget table td.disabled {
    color:red !important;
}
.bootstrap-datetimepicker-widget table td.active {
    color:white !important;
    background-color: green!important;
}
.bootstrap-datetimepicker-widget table td.today {
    background: none !important;
}

/*.affix {
  top:150 !important;
  width: 100%;
  z-index: 9999 !important;
}

.affix + .container {
  padding-top: 170px;
}*/
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 0 0 15px 0 ;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;

}
.btn-circle.btn-xl:focus,.btn-circle:focus,.btn-circle.btn-xl:hover,.btn-circle:hover{
    text-decoration: none !important;
    outline: none !important;
}
.btn-circle {
    width: 30px;
    height: 30px;
    /*padding: 0 0 15px;*/
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
    text-decoration: none !important;
}
.btn-circle.btn-xl>h1{
    position: relative;
    top: -5px;
}
#_ulInfos,#popover-content-userInfos{
    margin: 0px;
    padding-top: 0px !important
}
.font-11{
	font-size: 11px !important;
}
.font-12{
	font-size: 12px !important;
}