body{background:#000 url(../img/back/about1.jpg)top left no-repeat fixed;background-size:cover;}
/*#about, #boutique,#service,#contact,footer,#profil{background-image: inherit; background:#fff;}*/

#page{max-width:1300px;}
/*about*/
#app h2 span{font-family:'Magneto-Bold';}

.logo a img{opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */}
.logo a img:hover{opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */}

#content{min-height:883px; background-color:#fff; padding-bottom:20px;}
#profil{height:860px;}

/**************************************
HEADER ALL PAGE
**************************************/

.htitle{background:linear-gradient(to left, #000, rgba(215,155,48,1));}


/**************************************
BOUTIQUE PRODUCT BOX
**************************************/
/*CONTENEUR*/
.content_prod{margin:0.2em;}
.content_prod:hover{margin:0.2em;
-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.86);
-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.86);
box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.86);
}

/****************************************
PRODUCT TITLE
****************************************/
.content_prod h5{
/*   font-family: 'Magneto-Bold'; */
/*   font-size:1.5em; */
  padding-top:1em;
}
.content_prod h5:hover{font-weight:bold;}

/****************************************
PRODUCT PARAGRAPHE
****************************************/
.content_prod p{margin-top:1em; padding-bottom:1em; font-family: 'Magneto-Bold'; font-size:1.4em;}

/*****************************
FOOTER GENERAL
*****************************/
footer{margin:0;font-size:12px;padding-bottom:5px;padding-top:5px;background-color:#000; color:#f48905}
footer a{color:#f48905; font-size:12px;}
footer a:hover{color:#f47204; font-style:underline;}
#footer{max-width:480px;margin:0 auto;}

/*TAB*/
td , th{
        text-align: center;
    }
a:hover{
 text-decoration:none; 
}    
.fa-trash{color:red;}

.btn-default{color:#31B0D5;}
.btn-default:hover{color:#3F8193; font-weight:bold;}

/*************************************
LES COULEURS
*************************************/
/* .breadcrumb{background-color:rgba(255,137,5,0.2);} */
.list-group-item{border:inherit;}
.list-group-item:hover{border-bottom:2px solid #f48905; }
i, .menu_title{color:#f48905;}
nav>li>a{color:inherit;color:#f48905;}
#bloc_prodbox


/*************************************
box_info
*************************************/
#box_info{margin:0; padding: 0;}
.box_info{margin:0; padding:10px 0;}

/**************************************
Zoom sur image
**************************************/


    .mag {
        width: 450px;
        margin: 0 auto;
        float: none;
    }

        .mag img {
            max-width: 100%;
        }

    .mag1 {
        width: 120px;
        margin: 0 auto;
        float: none;
    }

        .mag1 img {
            max-width: 100%;
        }

    .mag2 {
        width: 900px;
        margin: 0 auto;
        float: none;
    }

        .mag2 img {
            max-width: 100%;
        }

    .magnify {
        position: relative;
        cursor: none;
    }

    .magnify-large {
        position: absolute;
        display: none;
        width: 300px;
        height: 300px;
        -webkit-box-shadow: 0 0 0 7px rgba(204, 204, 204, 0.55), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.55), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.55), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }