/******************************************************
    /******************************************************
    /* AJOUT DANS BOOTSTRAP
    /******************************************************
    /******************************************************/

    .nowrap {
        white-space: nowrap;
        
    }


    .image-unit {
        margin:0px 0px 30px 0px;
        height:402px;
        color:#ffffff;
    }

    .image-unit2 {
        margin:50px 0px 30px 0px;
        /*height:402px;*/
        color:#ffffff;
    }

    .image-unit-home{
        background:url('/img/background/home.jpg') no-repeat scroll center center transparent;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .image-unit-how{
        background:url('/img/background/how-it-works.jpg') no-repeat scroll center center transparent;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .image-unit-distribution{
        background:url('/img/background/distribution.jpg') no-repeat scroll center center transparent;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .image-unit-publishing{
        background:url('/img/background/ebook-publishing.jpg') no-repeat scroll center center transparent;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .image-unit-about{
        background:url('/img/background/about.jpg') no-repeat scroll center center transparent;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .image-ipad{
        background: url('/img/background/ipad.png') no-repeat scroll center center transparent;
        /*background-size: 100% 100%;*/
        width:943px;
        height:1229px;
        margin:70px auto;
        /*border:1px solid red;*/
    }

    .image-ipad-text{
        padding:190px 150px 105px 150px;
    }

    /* bar blanc et gris
    ------------------------- */
    .alternate {
        margin:0px 15px 0px 15px!important;
    }

    .alternate .row:nth-child(even) {
        background-color: #f2f2f2;
        border-bottom: 1px solid #ccc;
        padding-top:20px;
        padding-bottom:20px;
    }

    .alternate .row:nth-child(odd) {
        border-bottom: 1px solid #ccc;
        padding-top:20px;
        padding-bottom:20px;
    }

    ul.no-bullet
    {
        list-style-type: none;
        text-indent: -20px;
    }

    /* Featurettes
    ------------------------- */

    /* Thin out the marketing headings */
    .featurette-heading {
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }

    .featurette-number {
      font-size:175px;
      font-weight: 500;
      line-height: 1;
      letter-spacing: -1px;
      color:red;
    }

    .testimonials {
        background-color: #F2F2F2;
        border-top: 1px solid #CCCCCC;
        padding: 30px 0px;
    }

    .padding-top-10
    {
        padding-top: 10px;
    }

    /* FOOTER
    ------------------------- */
    footer ul {
        list-style-type: none;
        text-indent:0px;
        padding-left:20px
    }

    footer
    {
        color:#fff;
        background-color:#000;
    }

    footer a
    {
        color:#c0c0c0;
    }

    /******************************************************
    /******************************************************
    /* RE-DEFINITION DE BOOTSTRAP
    /******************************************************
    /******************************************************/

    body { padding-top: 60px !important; background-color:#FFEEE3}
    /* HEADER
    ------------------------- */

    .text-justify {
        text-align: justify;
    }

    .text-nowrap
    {
        white-space: nowrap;
    }

    h1
    {
        font-size: 52px;
    }

    h1 small, .h1 small {
        font-size: 34px;
    }

    /* NAVBAR
    ------------------------- */
    .opacity
    {
        background: rgba(0, 0, 0, 0.8);
        /* filter: alpha(opacity=80); */
        /* opacity:0.8; */
    }

    /* MODAL
    ------------------------- */
/*
    .modal-header
    {
        background-color:#000!important;
        color:#fff;
        border-radius: 4px 4px 0 0 ;
    }

    .modal-header button.close
    {
        color:#fff!important;
        opacity: 1!important;
    }
*/

    .modal-backdrop
    {
        background-color: #fff !important;
    }

    /* pour compenser le padding du body */
    .page-header {
        border-bottom: 1px solid #EEEEEE;
        margin: 10px 0px 20px;
        padding-bottom: 9px;
    }

    /* avoir de ul li sans padding */
    .nav-sm > li > a {
        padding: 2px 4px !important;
    }

    @media screen {
        .noScreen{ display: none; }
    }

    @media print {
        *{font-size:10px;}
        body{ margin-top:-70px;}
        .noPrint{ display: none; }
    }


/******************************************************
/* ADD BTN
/******************************************************/
.alert-yellow {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-yellow hr {
    border-top-color: #c9e2b3;
}

.alert-yellow .alert-link {
    color: #356635;
}

.alert-a0deee {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-a0deee hr {
    border-top-color: #a6e1ec;
}

.alert-a0deee .alert-link {
    color: #2d6987;
}

.alert-f88017 {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.alert-f88017 hr {
    border-top-color: #f8e5be;
}

.alert-f88017 .alert-link {
    color: #a47e3c;
}
/******************************************************
/* ADD BTN
/******************************************************/
.btn-xlg
{
    padding: 18px 28px;
    font-size: 32px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn-peace {
    color: #ffffff;
    background-color: #A760FF;
    border-color: #752ECD;
}

.btn-peace:hover,
.btn-peace:focus,
.btn-peace:active,
.btn-peace.active,
.open .dropdown-toggle.btn-peace {
    color: #ffffff;
    background-color: #A760FF;
    border-color: #752ECD;
}

.btn-peace:active,
.btn-peace.active,
.open .dropdown-toggle.btn-peace {
    background-image: none;
}

.btn-peace.disabled,
.btn-peace[disabled],
fieldset[disabled] .btn-peace,
.btn-peace.disabled:hover,
.btn-peace[disabled]:hover,
fieldset[disabled] .btn-peace:hover,
.btn-peace.disabled:focus,
.btn-peace[disabled]:focus,
fieldset[disabled] .btn-peace:focus,
.btn-peace.disabled:active,
.btn-peace[disabled]:active,
fieldset[disabled] .btn-peace:active,
.btn-peace.disabled.active,
.btn-peace[disabled].active,
fieldset[disabled] .btn-peace.active {
    background-color: #A760FF;
    border-color: #752ECD;
}
/******************************************************
/* ADD PANEL
/******************************************************/
.panel {
    background-color: #CBBF9C !important;
}
.panel-c0c0c0 {
  border-color: #dddddd;
}

.panel-c0c0c0 > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}

.panel-c0c0c0 > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}

.panel-c0c0c0 > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}

.panel-gray {
  border-color: #dddddd;
}

.panel-gray > .panel-heading {
  color: #333333;
  background-color: #696969;
  border-color: #696969;
}

.panel-gray > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #696969;
}

.panel-gray > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #696969;
}


.panel-primary {
  border-color: #428bca;
}

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}

.panel-00CC33 {
  border-color: #d6e9c6;
}

.panel-00CC33 > .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-00CC33 > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}

.panel-00CC33 > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-orange {
  border-color: #fbeed5;
}

.panel-orange > .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-orange > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #fbeed5;
}

.panel-orange > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #fbeed5;
}

.panel-red {
  border-color: #eed3d7;
}

.panel-red > .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-red > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #eed3d7;
}

.panel-red > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #eed3d7;
}

.panel-grey {
  border-color: #bce8f1;
}

.panel-grey > .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-grey > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}

.panel-grey > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-7F38EC {
  border-color: #7F38EC;
}

.panel-7F38EC > .panel-heading {
  color: #3a87ad;
  background-color: #7F38EC;
  border-color: #7F38EC;
}

.panel-7F38EC > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #7F38EC;
}

.panel-7F38EC > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #7F38EC;
}
/******************************************************
/* TABLE PANEL
/******************************************************/
/*
.table-striped > tbody.dark > tr:nth-child(odd) > td,
.table-striped > tbody.dark > tr:nth-child(odd) > th {
    background-color: #FFF !important;
}
*/

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #e1e1e1;
}