/*
    Document   : commun
    Created on : 16 déc. 2011, 14:00:46
    Author     : Sebastien
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
html{
    font-family: 'Open sans',sans-serif;
    font-size: 12px;
}
body{
    font-size: 12px;
}
.moduleContainer {
    background-color: #fff;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px !important;
    border: 1px solid #eee;
}
.moduleContainerWithoutRightBar{
    margin-right: 20px;
}
.statTitle {
    text-align: center;
    color: #707070;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #bbb;
    padding-bottom: 10px;

}
#openNavPanel {
    position: relative;
    left: 10px;
    top: 0;
    display: block;
    float: left;
    padding: 12px 10px;
}
#openNavPanel:hover {
    background-color: transparent !important;
}
.navbar-inverse .navbar-toggle {
    border:none !important;
}
.navbar-toggle .icon-bar {
    width:35px;
    height:5px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top:3px;
}
.navbar-inverse {
    background-color: rgb(34,38,46);
    border:none;
}


.pageContentRight .cutleries {
    background-image: url('../images/sprite.png');
    background-position: -197px 0;
    width: 80px;
    height: 80px;
    margin-left: 110px;
    background-repeat: no-repeat;
}
.setFullForBookingLeft, .titreMensuel, .titreTotal {
    line-height: 27px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #707070;
}
.pageContentRight .col-sm-12,.pageContentRight .col-md-12
{
    padding: 0px;
}
.setFullForBookingRightBottom{
    margin: 5px 0px;
}
.pageContentRight span {
    display: block;
}
.statTitle span{
    margin-bottom: 15px;
}
#caStats{
    border-top: 2px dashed #f3f3f3;
    padding-top: 13px;
}
#fullForLunch, #emptyForLunch,#fullForTonight,#emptyForTonight{
    text-align: center;
}
.setFullForBookingRightTop span, .chiffreMensuel span, .chiffreTotal span {
    color: #1793E6;
    font-size: 28px;
    line-height: 35px;
    font-weight: 300;
}
.setFullForBookingRightTop, .chiffreMensuel p, .chiffreTotal p {
    font-size: 12px;
    font-weight: 300;
    color: #1793E6;
    text-align: center;
    text-transform: uppercase;
}
.savoirPlus {
    margin-top: 11px;
    margin-bottom: 11px;
    background-color: #1793E6;
    text-transform: uppercase;
    font-size: 13px;
    width: 100%;
    letter-spacing: 1px;
    color: #fff !important;
    text-align: center;
}



a img {
    border: 0 !important;
}
a{
    text-decoration: none;
}
a.blackButton:hover, a.blackButton:focus, a.redButton:hover, a.redButton:focus{
    text-decoration: none;
}
.ajax-loader{
    display: none;
}
root {
    display: block;
}
li {
    list-style-type: none;
}
.hidden {
    display: none;
}
.underline{
    text-decoration: underline;
}
.emptySection{
    color:#f00;
    font-size:14px;
    margin: 20px 0;
}
.clear{
    clear: both;
}

.pageContent{
    min-height: 20px;
    padding: 15px;
}

.titleContainer{
    /*height: 25px;
    line-height: 25px;
    color: black;
    font-weight: bold;
    padding-left: 15px;
    //margin-top: 15px;
    margin-bottom: 15px;
    background-color: #F3F3F3;
    font-size: 13px;*/
    margin-top: 15px;
    //margin-bottom: 40px;
}
.subTitleContainer{
    /*height: 25px;
    line-height: 25px;
    color: black;
    font-weight: bold;
    padding-left: 15px;
    //margin-top: 15px;
    margin-bottom: 15px;
    background-color: #F3F3F3;
    font-size: 13px;*/
    margin-top: 15px;
    margin-left: 20px;
    padding-bottom: 10px;
    width:460px;
    font-style: italic;
    font-size: 13px;
    color:#707070;
    font-weight: 100;
    font-family: "Open sans", sans-serif !important;
}
#getFlashDiv{
    display: none;
}
/**********postit**************/
.helpContainer{
    //background-image: url(/images/postit.png);
    //height: 208px;
   // width: 209px;
    //margin-left: 54px;
    //float: left;
    margin-left: 20px;
}
.helpContainer .title{
    /*height: 15px;
    line-height: 15px;
    padding-left: 22px;
    color: black;
    font-weight: bold;
    margin-top: 22px;*/
}
.helpContainer .content{
    line-height: 26px;
    font-size: 12px;
    font-weight: 400;
    color: #959595;
    margin-bottom: 20px;
    /*Modification text-transform: uppercase;*/
}
.pageContentRight{
   background-color: #fff;
   padding: 0 20px 10px 20px;
   border: 1px solid #eee;
}


/****************************/


/*********boutons**********/
.switchOff a,.switchOn a {
    background: url("../images/sprite.png") top left no-repeat;
    display: inline-block;
    width:60px;
    height:25px;
}
.switchOff a {
    background-position: -360px -30px;
}
.switchOn a {
    background-position: -359px -2px;
}

.switchNo a,.switchYes a {
    background: url("/images/switchYesNo.png") top left no-repeat;
    display: inline-block;
}
.switchNo a {
    background-position: -0px -2px;
    height: 22px;
    width: 69px;
}
.switchYes a {
    background-position: -75px -2px;
    height: 22px;
    width: 69px;
}

/*************************/
.italic{
    font-style: italic;
}
/******tailles polices****/

.fs-8{
    font-size: 8px;
}

.fs-9{
    font-size: 9px;
}

.fs-10{
    font-size: 10px;
}

.fs-11{
    font-size: 11px;
}

.fs-13{
    font-size: 13px;
}

.fs-16{
    font-size: 16px;
}

/**************************/
/******couleurs polices****/

.fc-g1{
    color: #A3A3A3;
}
.fc-g1b{
    color: #A3A3A3;
    font-weight: bold;
}
.fb-g1{
    background-color: #A3A3A3;
}

.fc-g2{
    color: #f3f3f3;
}
.fc-g2b{
    color: #f3f3f3;
    font-weight: bold;
}
.fb-g2{
   // background-color: #f3f3f3;
   background-color: #eee;
}

.fc-g3{
    color: #555;
}
.fc-g3b{
    color: #555;
    font-weight: bold;
}
.fb-g3{
    background-color: #555;
}


.fc-g4{
    color: #AAA;
}
.fc-g4b{
    color: #AAA;
    font-weight: bold;
}
.fb-g4{
    background-color: #AAA;
}

.fc-w1{
    color: white;
}
.fc-w1b{
    color: white;
    font-weight: bold;
}
.fb-w1{
    background-color: white;
}

.fc-bla1{
    color: black;
}
.fc-bla1b{
    color: black;
    font-weight: 600;
    font-size: 14px;
}
.fb-bla1{
    background-color: black;
}

.fc-ble2{
    color: #133783;
}
.fc-ble2b{
    color: #133783;
    font-weight: bold;
}
.fb-ble2{
    background-color: #133783;
}


.fc-ble1{
    color: #28A4EA;
}
.fc-ble1b{
    color: #28A4EA;
    font-weight: bold;
}
.fb-ble1{
    background-color: #28A4EA;
}

.fc-gr1{
    color: #1B931D;
}
.fc-gr1b{
    color: #1B931D;
    font-weight: bold;
}

.fc-r1{
    color: #ca1e1e;
}
.fc-r1b{
    color: #ca1e1e;
    font-weight: bold;
}
.fb-r1{
    background-color: #ca1e1e;
}
.fc-w1{
    color: white;
}
.fc-w1b{
    color: white;
    font-weight: bold;
}
/**************************/

/******popup***************/
.popupTitle{
    color:white;
    background-color: transparent !important;
    font-size:16px;
    font-weight:bold;
    font-variant: small-caps;
    height: 19px;
    line-height: 12px;
    background-repeat: repeat-x;
    padding-left: 15px;
    overflow: hidden;
    line-height: 14px;
    padding-right: 30px;
}

.popupTitle h5{
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    margin: inherit;
    padding: inherit;
    display: inherit;
    margin-bottom: inherit;
}
.popupContent {
    padding:10px;
    background-color: #fff;
}
.popupButtons{
    text-align: right;
    margin-right: 10px;
    margin-top: 10px;
}
.popupSubmitButton,.popupCancelButton{
    float: left;
    //float: right;
    margin-right: 7px;
    text-align: center;
}
.popupSubmitButton .ajax-loader{
    margin-top: 3px;
}
/**********************/

/*boutons*/

.blackButton span{
    background-color: #1b1e24;
    color:#fff;
}
.redButton span{
    background-color: #d2322d;
    color:#fff;
}
.blueButton span{
    background-color: #01B0F0;
    color:#fff;
}

.blueButton,.redButton,.blackButton{
    height:25px;
}
.blueButton span,.redButton span,.blackButton span{
    height:25px;
    line-height:25px;
    padding: 4px 10px !important;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    font-size: 13px;
    margin-left: auto;
}
.blackButton a:hover,.redButton a:hover,.blueButton a:hover, .blackButton a:hover span,.redButton a:hover span,.blueButton a:hover span{
    text-decoration: none !important;
}
a:focus{
    text-decoration: none;
}
.blackButton span:hover{
    background-color: #000;
    color:#fff;
}
.redButton span:hover{
    background-color: #a00;
    text-decoration: none;
    color:#fff;
}
.blueButton span:hover{
    background-color: #0388b9;
    text-decoration: none;
    color:#fff;
}

.addBookForm span{
    color:#fff;
    float: right;
    width:140px;
    text-align: center;
    background-color: #1793E6;
    font-size: 13px;
    padding: 8px 10px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.addBookForm span:hover{
    background-color: #428bca;
    color:#fff;
}


/********/

/*****Tooltips********/
.tipsy .logo{
    max-width: 30px;
    max-height: 30px;
    float: left;
}
.tipsy h2{
    line-height: 30px;
}
.tipsy { padding:5px; font-size:10px; ;  background-repeat:no-repeat;  background-image:url(../images/tipsy.gif);margin-bottom: 55px !important; }
.tipsy-inner { padding:5px 10px 5px 10px; background-color:#333; color:#fff; border:solid 1px #939393; max-width:200px; }
.tipsy-inner.noBorder{
    padding: 0 !important;
    background: none !important;
    max-width: none !important;
}
.tipsy-inner {border-color:#939393;}
.tipsy-north { background-position:top center; }
.tipsy-south { background-position:bottom center; }
.tipsy-east { background-position:right center; }
.tipsy-west { background-position:left center; }


/*****Pagination*******/
.pagination{
    padding: 20px 0;
    float:right;
    margin-right: 15px;
}

.pagination > a{
   color:#707070;
   font-size: 18px;
   padding: 0 10px;
   border: 1px solid;
   margin-bottom: 5px;
   display: inline-block;
}

.pagination .selectedPage{
    color:#1793E6 !important;
    font-size: 18px;
    padding: 0 10px;
   border: 1px solid;
}
.pagination a:hover{
   color:#1793E6;
}
/**********************/
/*****message d aide et d erreur*****/
.helpBox,.errorBox{
    padding:5px 5px 5px 5px;
}

.helpBox{
   /* background-color:#e7f3cd;
    border:solid 1px #aaa;*/
   background-color: #eee;
    border: solid 1px #ccc
}
.errorBox{
    background-color:#e17474;
    border:solid 1px #d01818;
}

.helpImage,.errorImage{
    float:left;
    margin-right:5px;
}

.helpMessage,.errorMessage{
    padding-top:2px;
    line-height:16px;
    color: #707070;
}

/******************************/


/*********slideUp***********/

.slideUp {
    margin-top:0px;
    
  margin-left: 20px;
  background-color: #fff;
  border: 1px solid #eee;
  margin-bottom: 6px;
}

.slideUp .pageContainer {
    clear:both;
}

.slideUp.open .titleContainer{
    //margin-bottom:30px;
    height: 33px;
}

.slideUp .pageContainer .pageContent{
    margin: 0 !important;
    padding: 15px 0 !important;
}

.slideUpButton {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    /*Modification letter-spacing: 1px;
    color: #999;*/
    height: 40px;
    line-height: 40px;
    /*Modification*/
    background-color: #ededef;
    color: #535353;
    padding-left: 25px;
    cursor: pointer;
}
.slideUpContent{
  padding: 0px 20px;
}

.respDelete{
    background: url('/images/sprite.png') no-repeat;
    background-position: -358px -55px;
    width: 12px;
    height: 15px;
    line-height: 10px;
    display: inline-block;
    text-indent: -9999px;
}

.slideUp .downArrow {
    background: url('../images/sprite.png') no-repeat;
    background-position: -358px -55px;
    width: 12px;
    height: 15px;
    line-height: 10px;
    display: inline-block;
    text-indent: -9999px;
}
.slideUp .upArrow {
    background: url('../images/sprite.png') no-repeat;
    background-position: -371px -55px;
    width: 12px;
    height: 15px;
    line-height: 10px;
    display: inline-block;
    text-indent: -9999px;
}
.slideUp.closed .upArrow{
    display: none;
}
.slideUp.open .downArrow{
    display: none;
}
.slideUp.closed .slideUpContent {
    display: none;
}

.slideUp.open h4{
    margin-left: 15px;
    padding-bottom: 10px;
    width:500px;
    border-bottom: 2px solid #ddd;
    text-transform: uppercase;
    font-size: 14px;
    color:#707070;
    font-weight: 600;
    font-family: "Open sans", sans-serif !important;
}
.addBookingContainer h4, .pageContent h4, .titleContainer h4,.mobilePageContent h4{
    margin-left: 20px;
    padding-bottom: 10px;
    width:460px;
    border-bottom: 2px solid #ddd;
    text-transform: uppercase;
    font-size: 14px;
    color:#707070;
    font-weight: 600;
    font-family: "Open sans", sans-serif !important;
}

.addBookingContainer h4 a {
    float:right;
}
.btnCacherFormAjout, .pageContent h4 .btnCacherFormSendCamp{
    float: right;
    color: #fff;
    font-size: 11px;
    padding: 0 5px;
    cursor: pointer;
    display: none;
    background-color: #1793E6;
    text-decoration:none;
}
.btnCacherFormAjout:hover, .pageContent h4 .btnCacherFormSendCamp:hover{
    color: #fff;
    text-decoration:none;
}



.blocSendCam {
    margin-top: 50px;
}
.sendCamp{
    display:block;
    height:85px;
    margin-bottom:20px;
    background-color:#1793E6;
    color:#fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
}
.sendCamp:hover , .sendCamp:focus, .sendCamp:active{
    background-color: #3276b1;
    color:#fff;
}
.sendCamp .glyphicon {
    font-size: 40px;
    padding:5px;
    display:block;
}
.sendCamp span:hover, .sendCamp .glyphicon:hover {
    color:#fff;
}

/* ------------------------ */

.slideUp.closed .slideUpButton{
    //background-color: #d3d3d3;
}
.slideUp.closed .slideUpButton:hover{
    //background-color: #e3e3e3;
}
.slideUpContent .closed{
    display: none;
}

.slideUpText{
    float: left;
    margin-right: 15px;
    font-size: 15px;
    margin-left: 15px;
    margin-top: 10px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.slideUpAddContent{
    float: left;
    position: relative;
    top: 6px;
    margin-left: 15px;
}
/***************************/


.isOn{
    background-image: url(/images/adminButtons.png);
    background-position: -82px 0px;
    width: 18px;
    height: 20px;
}
.isOff{
    background-image: url(/images/adminButtons.png);
    background-position: -56px 0px;
    width: 18px;
    height: 20px;
}
.isOff:hover{
    background-position: -133px 0px;
}
.isOn:hover{
    background-position: -107px 0px;
}

.appFormLabel{
    float: left;
    width: 190px;
    margin-right: 10px;
    text-align: right;
    height: 26px;
    line-height: 26px;
    font-weight: 600;
    color: #707070;
    font-size: 11px;
}

.appFormInputContainer{
    float: left;
}
.formFieldContainer{
    clear: both;
    margin: 5px 0px;
}
.appFormInputHelp{
    float: left;
    height: 26px;
    line-height: 26px;
    //font-style: italic;
    margin-left: 10px;
    margin-right: 30px;
    color: #707070;
    text-transform: uppercase;
    font-size: 12px;
}

.appFormModuleTitle{
    height: 26px;
    padding: 0px 10px;
    line-height: 26px;
}
.appFormModuleName, .titleContainerText, .titleContainer{
    //float: left;
    font-weight: 600;
    text-transform: uppercase;
    color: #707070;
}

.appFormModuleName{
    float:left;
}
.appFormModuleSwitchContainer{
    float: left;
    margin-left: 10px;
}
.appFormModuleContent{
    padding: 10px;
    //background-color: #f3f3f3;
    -webkit-border-radius:5px 5px 5px 5px ;
    -moz-border-radius:5px 5px 5px 5px ;
    border-radius:5px 5px 5px 5px ;
    margin-bottom: 10px;
}
.appFormModuleContainer{
    margin-left: 15px;
    margin-bottom: 20px !important;
}
.appFormModuleContent.open{
    display: block;
}
.appFormModuleContent.closed{
    display: none;
}

/*******popup fiche client********************/

.customerFilePopup .userName{
    margin: 0px 0px 10px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #28A4EA;
    width: 100%;
    text-align: center;
    //border-bottom: 1px solid #E3E3E3;
}
.customerFilePopup .userInfos{
    padding: 7px;
    border: 1px solid #d6d6d6;
    background-color: #F3F3F3;
}

.customerFilePopup .userInfoLine{
   // margin: 7px 0px;
}


.customerFilePopup .userInfoLabel{
    float: left;
    color: black;
    //font-weight: bold;
    margin-right: 10px;
}
.customerFilePopup .userInfoValue{
    float: left;
}
.customerFilePopup .infosEditContainer{
    float: right;
    clear: both;
    margin-top: 5px;
}

.customerFilePopup .userInfos .userInfoLabel{
    width: 62px;
    height: 22px;
    line-height: 22px;
    text-align: right;
}
.customerFilePopup .userStats{
    margin-top: 10px;
}
.customerFilePopup .userTitle{
    margin: 7px 0px;
    font-weight: bold;
    font-size: 15px;
    //border-bottom: 1px solid #e3e3e3;
}
.customerFilePopup .userStats .userInfoLabel{
    width: 200px;
}

.customerFilePopup .infosEditMessage{
    color: #1B931D;
    height: 22px;
    line-height: 22px;
    display: none;
    position: absolute;
    bottom: 5px;
    text-align: center;
    width: 100%;
    left: 0px;
}
.customerFilePopup .infosEditError{
    display: none;
    color: #CA1E1E;
}
.customerFilePopup .bigStat{
    font-size: 16px;
}
/**********************************************/

/*************CallBackPopup********************/

.callBackPopupForm{
    width: 265px;
    margin: auto;
}
.callBackPopupNumber{
    float: left;
    margin-right: 7px;
}
.callBackPopupSubmit{
    height: 14px;
    padding: 3px 7px;
    background-color: #0D7CBA;
    border: 1px solid #0D7CBA;
    color: white;
    font-weight: bold;
    float: left;
    margin-top: 2px;
    cursor: pointer;
}
.callBackPopupSubmit:hover {
    background-color: #6CC5F7;
}

#callBackAskSucceed{
    display: none;
    height: 74px;
}
/************************************************/

@media (max-width:767px) {
    .popupButtons {
        float:none;
    }
    .popupButtons a {
        display: block ;
        text-align: center;
        margin-bottom: 5px;
        height: 30px;
        color:#fff;
    }
    .popupButtons a:hover {
        text-decoration:none;
        color:#fff;
    }

    .moduleContainer{
        margin-left: 0px;
    }
    .addBookingContainer h4, .pageContent h4, .titleContainer h4, .mobilePageContent h4{
        width: 90%;
    }
}


@media (max-width:937px) {
    .sidebar{
        display: none;
    }
    .backMiddle{
        width: 100% !important;
    }
}
.open .slideUpButton {
    border-bottom: 1px solid #388ccb;
}