body {
    background-color: #eeeeee;
    padding-bottom: 50px;
}

.btn:focus, input:focus, .form-control:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #BC7800;
  }

.row {
    padding-top: 0px;
}

h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.3rem;
}

h3 {
    font-size: 1.2rem;
}

h4 {
    font-size: 1.1rem;
}

ul {
    padding-left: 0px;
}

ul li {
    list-style: none;
}

img {
    max-width: 100%;
}

nav {
    background-color: #ffffff !important;
}

.navbar-light,
.bg-light {
    background-color: #ffffff !important;
}

.navbar-phone {
    color: #D97804;
    font-size: 24px;
    font-weight: 700;
    padding: 15px;
}

.navbar-brand img {
    height: 100px;
    border-radius: 20px;
    padding: 5px;
}

.navbar-social {
    width: auto;
}

.slider_home img,
.feedback_slider,
#infos {
    box-shadow: 5px 5px 7px rgb(10, 10, 10, 0.6);
    border-radius: 3px;
}



/********** CAROUSEL ***********/

.slider_home {
    margin-top: 40px;
    
}

.slick-prev:before, .slick-next:before {
    color: #8F5332;
}

.slider_home button {
    box-shadow: none;
}


.legende h2 {
    color: #ffffff;
    font-size: 1.2rem;
    margin: 0px !important;
}

.legende_home h2 {
    color: #ffffff;
    font-size: 1rem;
    margin: 0px auto !important;
}


.legende_home {
    display: block;
    padding: 15px;
    width: 350px;
    height: 30px;
    background-color: rgb(27, 27, 27, 0.85);
    position: absolute;
    bottom: 10px;
    display: flex;
    align-items: center;
}

.legende_home_color_orange {
    background-color: rgb(217,120,4, 0.85)!important;
}

.legende_home_color_marron {
    background-color: rgb(143,83,50, 0.85) !important;
}



div.round-img,
div.hero-row {
    margin-top: 30px;
}

.slick-slide {
    padding: 10px;
}

.slide_plats {
    height: 233px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}




/********** COMMANDE ***********/

.cta_home {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin: 75px 0;
}

.btn-primary {
    background-color: #8F5332;
    border: 1px solid #8F5332 !important;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    font-weight: 700;
    border: none;
}

.btn-primary:hover {
    border: 1px solid #8F5332;
    background-color: #ffffff;
    color: #000000;
}

.cta_home_row {
    display: flex;
    justify-content: flex-start;    
}

.cta_commande_col {
    display: flex;
    justify-content: center;   
    flex-direction: column; 
}

.cta_commande_col .col-9 {
    display: flex;
    justify-content: center;   
    flex-direction: column; 
}

.cta_commande_col .col-3 {
    display: flex;
    justify-content: flex-end; 
}

.cta_commande_col img {
height: 50px;
}

.cta_commande_col h3 {
    margin-bottom: 0px;
}

.cta_commande_bloc {
    display: flex;
    justify-content: center;    
    border: 5px solid #D97804;
    border-radius: 0.25rem;
    margin : 30px 0 35px 0;
    padding: 10px 30px;
    box-shadow: 3px 3px 7px rgb(10, 10, 10, 0.3)
}

.cta_commande_bloc img.onoff_w, .cta_commande_bloc img.onoff_o {
    width: 17px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.cta_commande_bloc img.logo_w, .cta_commande_bloc img.onoff_w {
    display: none;
}

.cta_commande_bloc:hover {
    cursor: pointer;
    background-color: #D97804;
}

.cta_commande_bloc:hover .commande_txt {
    color: #ffffff;
    background-color: #D97804;
}

.cta_commande_bloc:hover img.logo_o, .cta_commande_bloc:hover img.onoff_o {
    display: none;
}

.cta_commande_bloc:hover img.logo_w, .cta_commande_bloc:hover img.onoff_w {
    display: block !important;
}

.commande_txt {
    font-size: 17px;
    text-transform: uppercase;
    background-color: #EEEEEE;
    color: #D97804;
    font-weight: 700;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}





/********** CONNEXION ***********/

#connect, #subscribe {
    margin: 0 0 30px 0;
}

#connect .col-form {
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 0.25rem;
    display: flex;
background-color: #ffffff;
}

#subscribe .col-8 {
    background-color: #ffffff;
padding: 40px;
}

#subscribe .col-form {
    margin: 0 auto;
}

#subscribe a {
    margin-bottom: 30px;
}

#subscribe h5 {
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
}

#subscribe input[type="submit"] {
    margin-top:15px;
}



.connexion h3, .connexion label {
    margin-bottom: 0px;
}

.col-form {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.titre_connect_subscribe {
    align-items: center;
}

.col-form label {
    font-size: 14px;
}

.col-form a {
    cursor: pointer;
}

.col-form h2 {
    text-align: center;
}

.col-form p {
    margin-bottom: 0;
}

.col-form a {
    color: #8F5332;
    font-size: 14px;
}

#connect .form-group {
    margin-bottom: 0;
}

.infos_livraison {
    width: 330px;
    border-top: 1px solid #ced4da;
    padding: 10px;
    margin: 10px auto 0 auto;
}


/********** connexion ***********/




/********** TABS ***********/

#infos {
    height: auto;
    border-radius: 0.25rem;
}

.tabs-bar {
    padding: 0 15px;
}

.nav-link {
    color: #ffffff;
    border: none !important;
}

span[class*='jq_tab_'] {
    background-color: #D97804;
    color: #ffffff;
    border-top: 1px solid #eeeeee !important;
    border-right: 1px solid #eeeeee !important;
    border-bottom: 1px solid #eeeeee !important;
}

span.jq_tab_carte {
    border-left: 1px solid #8F5332 !important;
}

span.jq_tab_avis {
    border-right: 1px solid #D97804 !important;
}


span[class*='jq_tab_'].open {
    background-color: #8F5332;
    color: #ffffff;
    border-left: 1px solid #8F5332 !important;
    border-right: 1px solid #cccccc !important;
  }

  .nav-link:hover {
    cursor: pointer !important;
}

li.nav-item {
    width: 25%;    
}

div[class*='border-'] {
    padding: 0 15px;
}

div[class*='filler-'] {
    display: inline-block;
    height : 0px;
    background: linear-gradient(rgba(225, 55, 0, 1), rgba(225, 55, 0, 1));
}

span[class*='jq_tab'].open:after {
    content: "";
    position: relative;
    top: 51px;
    margin-left: 60px;
    z-index: 999;
    height: 0;
    width: 0;
    border-top: 20px solid #8F5332;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}

span.jq_tab_offres:after  {
    margin-left: -30px;
}

span.jq_tab_livraison.open:after, span.jq_tab_compte.open:after  {
    margin-left: -10px;
}

span.jq_tab_offres.open:after  {
    margin-left: -30px;
}

span.jq_tab_avis.open:after  {
    margin-left: 40px;
}

div[class*='box-'] {
    border: 1px solid #cccccc;
    border-top: none;
    padding: 30px 10px;
    background-color:white;
   /* background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(225, 255, 255, 0.7)),
 url("https://nicolaslepresta.com/test/teranga/images/e57ed82f-4bbc-4218-9de0-8e064e449e36.JPG");
    background-size:auto;*/
}

.box-livraison,
.box-offres,
.box-avis {
    height: 545px;
    padding: 20px 15px 0 15px;
    color: #ffffff;
}

.box-carte {
    height: auto;
    padding: 20px 10px 5px 10px;
}

.box-carte, .box-avis {
    text-align: center;
    width: 100%;
}



.carte .row, .compte .row, .historique .row {
    margin: 0 10px 30px 10px;
    text-align: left;
    padding: 10px;
    color: #000000;
}

.box-offres .col-6 {    
    margin: 0 auto;
}

.box-offres img, .box-livraison img {
    width: 450px;
    display: block;
    margin: 0 auto;
}

.plats, .formules, .infos-livraisons, .compte-items, .panier, .coordonnees, .paiement, .historique, .profile{
    background-color: #EEEEEE !important;
    border: 1px solid #8F5332;
    padding-top: 20px;
    border-radius: .25rem;
}

    .plats h3, .compte h3, .historique h3 {
        background-color: #8F5332;
        color: #ffffff;
        padding: 7px 7px 7px 12px;
        border-radius: .25rem;
        margin: 15px 0;
    }

        .plats h3:hover, .compte h3:hover, .historique h3:hover {
            cursor: pointer;
        }

.plats h3.open:after, .compte h3.open:after, historique  h3.open:after {
    content: "v";
    transform: rotate(180deg);
    margin-left: 15px;
    font-size: 18px;
    float: right;
    margin-right: 20px;
    margin-top: 5px;
}

.plats h3:after, .compte h3:after, .historique h3:after {
    content: "v";
    margin-left: 15px;
    font-size: 18px;

    float: right;
    margin-right: 20px;
}

.plats-details {
    padding: 10px 0 !important;
    margin: 10px 0 !important;
}

.plats-details p {
   /* margin: 5px;*/
}

.plats-details-image {
    padding: 0 !important;
}

.plats-details-quantite {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.plats-details-quantite button {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #ffffff;
    color: #8F5432;
}

.plats-details-quantite button:hover {
    background-color: #8F5432;
    color: #ffffff;
}

.plats-details-quantite button, .compteur {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-primary.focus, .btn-primary:focus {
    background-color: #ffffff;
    color: #8F5432;
}

.compteur {
    border: 1px solid #000000;
    background-color: #ffffff;
}

p.ingredients {
    color: #8F5332;
}




/********** FORMULES ***********/

.formules {
    height: 400px;
}

.formules ul, .formules h3, .formules span {
    color: #ffffff;
}

.formules ul {
    margin-bottom: 0px;
}

.formules .row {
    margin: 15px 0;
    background-color: #8F5332;
    border-radius: 0.25rem;
}

/********** LIVRAISONS ***********/

.infos-livraisons {
    background: #8F5332;
    color: #000000;
    margin-left: 30px;
    padding: 20px;
    border-radius: 0.25rem;
}




.feedback_slider {
    text-align: center;
    margin: 0 15px 30px 15px;
    padding: 20px;
    color: #000000;
    border-radius: 3px;
    border: 2px solid #ffffff;
    background-color: rgb(204, 204, 204, 0.85);
}

.feedback_slider img {
    border-radius: 10px;
}

p.signature {
    margin-bottom: 0px;
}



/********** PANIER ***********/

.panier {
    padding-top: 20px;
    padding-bottom: 20px;
}

.panier-produit {
    display:flex;
    flex-direction: row;
    align-items: center;
    margin: 10px 0px !important;
    padding: 0px !important;
}

.panier-produit .compteur {
    margin: 0px;
    height: 25px;
    width: 25px;
}

.panier-produit-prix {
    font-weight: 700;
}

.panier-produit-nom {
    padding-left: 0px;
}

.panier-produit-supprimer {
    padding-right: 0px;
}

.panier .row, .panier .col-form, .paiement .row, .paiement .col-form, .coordonnees .row, .coordonnees .col-form {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px;
}

.code-promo input {
    height: 36px;
}

.coordonnees, .paiement, .jq_modifier_panier {
    display: none;
}



/********** PAIEMENT ***********/

.form-check input, .form-check label, .form-check {
    cursor: pointer;
}

.paiement button {
    margin-top: 24px;
}

.panier-produit-supprimer .fa {
    padding: 0px;
}

/********** FONT AWESOME ***********/

.fa {
    padding: 20px;
    font-size: 30px;
    width: 60px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    font-size: inherit;
    border-radius: 5px;
}

.fa-trash {
   
    color: #000000;
}

.fa-facebook {
    background: #3B5998;
    color: white;
    padding: 10px;
    font-size: 25pt;
    cursor: pointer;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
}

.fa-google {
    background: #dd4b39;
    color: white;
}

.fa-linkedin {
    background: #007bb5;
    color: white;
    padding: 10px;
    font-size: 25pt;
    cursor: pointer;
}

.fa-youtube {
    background: #bb0000;
    color: white;
}

.fa-instagram {
    background: #007bb5;
    /*  color: white;*/
    padding: 10px;
    font-size: 25pt;
    border: #007bb5 1px solid;
    cursor:pointer;
}

.fa-pinterest {
    background: #cb2027;
    color: white;
}

.fa-snapchat-ghost {
    background: #fffc00;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
    background: #00aff0;
    color: white;
}

.fa-android {
    background: #a4c639;
    color: white;
}

.fa-dribbble {
    background: #ea4c89;
    color: white;
}

.fa-vimeo {
    background: #45bbff;
    color: white;
}

.fa-tumblr {
    background: #2c4762;
    color: white;
}

.fa-vine {
    background: #00b489;
    color: white;
}

.fa-foursquare {
    background: #45bbff;
    color: white;
}

.fa-stumbleupon {
    background: #eb4924;
    color: white;
}

.fa-flickr {
    background: #f40083;
    color: white;
}

.fa-yahoo {
    background: #430297;
    color: white;
}

.fa-soundcloud {
    background: #ff5500;
    color: white;
}

.fa-reddit {
    background: #ff5700;
    color: white;
}

.fa-rss {
    background: #ff6600;
    color: white;
}

.fa-plus{
    padding:0;
    margin:0;
}

.pt-row-recap{margin:0!important;}

.pt-fa-desktop-large {
    font-size: 1.8em !important;
    cursor:pointer;
    padding:0!important;
    margin:0!important;
}

.pt-pay-btn-desk {
    margin: 0 auto !important;
    width: 70% !important;
}