#introduction_panier, #contenu_panier, #conclusion_panier, #gestionnaire_modele {
	border:1px solid #ccc;
	background-color:#fff;
	font-size:14px;
	padding:5px;
	position:relative;
}

.btn_panier {
	position: absolute;
    color: #fff;
    font-family: "OpenSans";
    font-size: 14px;
    cursor: pointer;
    top: 14px;
    right: 0px;
    background-position: 16px 9px;
    border: 1px solid #ef8152;
    background-color: #ef8152;
    width: 141px;
    height: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
}

.btn_panier img {
	height: 13px;
	width: auto;
}

#detail_panier {
	width: 320px;
	height: auto;
	position:absolute;
	top: 50px;
	background-color: #fff;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    position: absolute;
    right: 0px;
    z-index: 99;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 0 4px 0 #333333;
	box-shadow: 0 0 4px 0 #333333;
}

#bouton_voir_mon_panier_mini_panier {
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #8a8a8a;
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(244,244,244,1) 48%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(244,244,244,1) 48%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(244,244,244,1) 48%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}

.definition_contenu_panier {
	padding: 5px;
	max-height: 200px;
	overflow-y : scroll;
}

.btn_suppr_dans_mini_panier img {
    cursor:pointer;
    height:20px;
    width:auto;
}

.mini_prix_direct_mini_panier, .prix_direct_mini_panier {
    color: #727272;
    float: right;
}

.mini_prix_direct_mini_panier {
    font-size:11px;
}

.statut_hors_stock_complementaire {
    font-size:10px;
    color:#666;
}

/*Changement de statut*/
.statut_icone, .statut_icone_actif {
    margin: 5px;
    display: inline-block;
    position: relative;
    padding: 5px;
    cursor: pointer;
}

.statut_icone span, .statut_icone_actif span {
    top:47px;
    width: 200px;
    left: -80px;
    color:#fff;
    background-color: #373a3c;
    padding:5px;
    border-radius:3px;
    box-shadow:0 0 2px rgba(0,0,0,.5);
    transform:scale(0) rotate(-12deg);
    opacity:0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    z-index: 9;
    text-align: center;
    pointer-events: none;
}

.statut_icone span:after, .statut_icone_actif span:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(55, 58, 60, 0);
    border-bottom-color: #373a3c;
    border-width: 5px;
    margin-left: -5px;
}

.statut_icone:hover span, .statut_icone:focus span, .statut_icone_actif:hover span, .statut_icone_actif:focus span {
     transform:scale(1) rotate(0);
     opacity:1;
}

.statut_icone img {
    height: 40px;
    width: auto;
    opacity: 0.6;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.statut_icone_actif img, .statut_icone img:hover {
    height: 40px;
    width: auto;
    opacity: 1;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

/* Let's get this party started */
.definition_contenu_panier::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.definition_contenu_panier::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

/* Handle */
.definition_contenu_panier::-webkit-scrollbar-thumb {
    background-color: #c7c7c7;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.definition_contenu_panier::-webkit-scrollbar-thumb:window-inactive {
	background-color: #c7c7c7;
}

.cadre_vignette_produit_mini_panier {
	width: 30px;
	height: 30px;
	overflow: hidden;
	display: inline-block;
}

.vignette_produit_panier_mini_panier {
	width: 30px !important;
	height: auto !important;
	display: inline-block;
}

.titre_produit_mini_panier, .titre_produit_mini_panier a, .definition_contenu_panier a {
	color: #393939;
	font-size: 12px !important;
	text-decoration: none;
}


.qut_mini_panier {
	color: #393939;
	font-size: 11px !important;
	white-space:nowrap;
}

.prix_mini_panier {
	font-weight: bold;
	color: #f28231;
	font-size: 12px !important;
	white-space:nowrap;
	text-align: right
}

.text_panier {
	height: 35px;
}

.btn_panier a {
	text-decoration: none;
	color: #fff;
}

.anime_image_vers_panier {
	position: absolute;
	z-index: 99;
}

.cellule_mini_panier {
	border-bottom: 1px dashed #ccc;
}

.resume_total_mini_panier {
	border-top: 1px solid #ccc;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    font-size: 13px !important;
    color: #393939;
}

.mnt_resume_total_mini_panier {
	font-weight: bold;
	color: #f28231;
	font-size: 13px !important;
}

.quantite_action_mini_panier {
	display: inline-block;
    vertical-align: top;
    background-color: #e1e1e1;
    border: #a49981 solid 1px;
    color: #a49981;
    width: 15px;
    text-align: center;
    margin: 0;
    font-size: 14px;
    line-height: 15px;
    cursor: pointer;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

.qut_prod_panier_mini_panier {
    color: #a49981;
    font-size: 14px;
    text-align: center;
    width: 24px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    line-height: 13px;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}



/* Page principale panier front */
.nb_article_titre {
    color: #f28231;
    font-size: 15px;
}

.encadrement_grand_panier {
	width: 100%;
}

.definition_grand_contenu_panier {
    border: 1px solid #b4b4b4;
    margin-bottom: 15px;
}

#zone_selectin_transporteur {
    border: 1px solid #b4b4b4;
    margin-bottom: 15px;
}

.cellule_grand_panier {
	border-bottom: 1px dashed #ccc;
	padding: 10px;
}

.cellule_grand_panier a {
	text-decoration: none;
}

@media screen and (min-width:320px) {
    .que_diffu_large_panier, .que_diffu_medium_panier, .que_diffu_large_et_medium_panier {
        display: none;
    }

    .que_diffu_small_panier, .que_diffu_medium_et_small_panier, .que_diffu_large_et_small_panier {
        display: table-cell;
    }

    .cellule_grand_panier_vignette {
        padding: 0px !important;
        width: 30px;
    }

    .cellule_grand_panier_pour_qut {
        padding: 0px !important;
        width: 75px;
    }

    .qut_prod_grand_panier {
        -moz-appearance: textfield;
        color: #a49981;
        font-size: 13px;
        text-align: center;
        width: 30px;
        display: inline-block;
        vertical-align: top;
        border: #a49981 solid 1px;
        border-left: none;
        border-right: none;
        margin: 0;
        line-height: 19px;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        user-select: none;
    }

    .quantite_action_grand_panier {
        display: inline-block;
        vertical-align: top;
        background-color: #e1e1e1;
        border: #a49981 solid 1px;
        color: #a49981;
        width: 14px;
        text-align: center;
        margin: 0;
        font-size: 13px;
        line-height: 21px;
        cursor: pointer;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .titre_produit_grand_panier, .titre_produit_grand_panier a {
        color: #f28231;
        text-decoration: none;
        font-size: 12px;
    }

    .mnt_resume_total_grand_panier {
        color: #f28231;
        font-weight: bold;
        font-size: 14px;
        white-space:nowrap;
    }
}


@media screen and (min-width:740px) {
    .que_diffu_large_panier, .que_diffu_small_panier, .que_diffu_large_et_small_panier {
        display: none;
    }

    .que_diffu_medium_panier, .que_diffu_large_et_medium_panier, .que_diffu_medium_et_small_panier {
        display: table-cell;
    }

    .cellule_grand_panier_vignette {
        padding: 0px !important;
        width: 80px;
    }

    .cellule_grand_panier_pour_qut {
        padding: 0px !important;
        width: 100px;
    }

    .qut_prod_grand_panier {
        -moz-appearance: textfield;
        color: #a49981;
        font-size: 16px;
        text-align: center;
        width: 35px;
        display: inline-block;
        vertical-align: top;
        border: #a49981 solid 1px;
        border-left: none;
        border-right: none;
        margin: 0;
        line-height: 19px;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        user-select: none;
    }

    .quantite_action_grand_panier {
        display: inline-block;
        vertical-align: top;
        background-color: #e1e1e1;
        border: #a49981 solid 1px;
        color: #a49981;
        width: 18px;
        text-align: center;
        margin: 0;
        font-size: 16px;
        line-height: 21px;
        cursor: pointer;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .titre_produit_grand_panier, .titre_produit_grand_panier a {
        font-size: 14px;
    }

    .mnt_resume_total_grand_panier {
        font-size: 18px;
    }
}

@media screen and (min-width:1100px) {
    .que_diffu_medium_panier, .que_diffu_small_panier, .que_diffu_medium_et_small_panier {
        display: none;
    }

    .que_diffu_large_panier, .que_diffu_large_et_medium_panier, .que_diffu_large_et_small_panier {
        display: table-cell;
    }

    .cellule_grand_panier_vignette {
        padding: 0px !important;
        width: 160px;
    }

    .cellule_grand_panier_pour_qut {
        padding: 0px !important;
        width: 150px;
    }

    .qut_prod_grand_panier {
        -moz-appearance: textfield;
        color: #a49981;
        font-size: 19px;
        text-align: center;
        width: 50px;
        display: inline-block;
        vertical-align: top;
        border: #a49981 solid 1px;
        border-left: none;
        border-right: none;
        margin: 0;
        line-height: 19px;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        user-select: none;
    }

    .quantite_action_grand_panier {
        display: inline-block;
        vertical-align: top;
        background-color: #e1e1e1;
        border: #a49981 solid 1px;
        color: #a49981;
        width: 28px;
        text-align: center;
        margin: 0;
        font-size: 19px;
        line-height: 21px;
        cursor: pointer;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .titre_produit_grand_panier, .titre_produit_grand_panier a {
        font-size: 16px;
    }

    .mnt_resume_total_grand_panier {
        font-size: 23px;
    }
}





.ligne_clair {
	background-color: #f1f1f1;
}

.cadre_vignette_produit_grand_panier {
    width: 150px;
    height: 150px;
    display: inline-block;
    overflow: hidden;
}

.cadre_vignette_produit_grand_panier_mobile {
    width: 30px;
    height: 30px;
    display: inline-block;
    overflow: hidden;
}



.titre_produit_divergence_grand_panier, .resume_produit_divergence_grand_panier {
	color: #727272;
    font-family: Arial;
    font-size: 13px;
    text-decoration: none;
}



.quantite_action_grand_panier:hover {
	background-color: #f6f6f6;
}



.prix_grand_panier {
	color: #f28231;
    min-width: 115px;
    text-align: right;
}



.avec_bulle_info {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position:relative;
}

.avec_bulle_info span {
    position:absolute;
    top:-42px;
    left:10px;
    color:#fff;
    background:#000;
    padding:5px;
    border-radius:3px;
    box-shadow:0 0 2px rgba(0,0,0,.5);
    transform:scale(0) rotate(-12deg);
    transition:all .25s;
    opacity:0;
    z-index:9;
    width: auto;
    white-space:nowrap;
}

.avec_bulle_info span::before {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 10px;
    width: 0;
    height: 0;
    border-top: 6px solid #000;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    z-index:9;
}

.avec_bulle_info:hover span, .avec_bulle_info:focus span {
    transform:scale(1) rotate(0);
    opacity:1;
}

.ligne_commande_front_office {
    border-bottom: 1px dashed #ccc;
    font-size: 12px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.ligne_commande_front_office:hover {
    background-color: #e6f7ff !important;
}

.mnt_ligne_commande {
    font-weight: bold;
    color: #ef8152;
}

.mini_btn_pdf {
    width:29px;
    height:29px;
    background-image:url('../../../images/pdf.png');
    background-repeat:no-repeat;
    opacity:0.8;
    cursor:pointer;
}

.mini_btn_pdf:hover {
    opacity:1;
}

.mini_btn_delete {
    width:23px;
    height:29px;
    background-image:url('../../../images/mini_suppr.png');
    background-repeat:no-repeat;
    opacity:0.8;
    cursor:pointer;
}

.mini_btn_delete:hover {
    opacity:1;
}

.mini_btn_facture {
    width:28px;
    height:28px;
    background-image:url('../../../images/facture.png');
    background-repeat:no-repeat;
    opacity:0.8;
    cursor:pointer;
}

.mini_btn_facture:hover {
    opacity:1;
}

.mini_btn_dl {
    width:29px;
    height:21px;
    background-image:url('../../../images/ico_dl.png');
    background-repeat:no-repeat;
    opacity:0.8;
    cursor:pointer;
}

.mini_btn_dl:hover {
    opacity:1;
}

.lien_deploie_detail_panier {
    color: #ef8152;
    text-decoration: underline;
    cursor: pointer;
}

/* Block transporteur backoffice */
.block_transporteur, .block_transporteur_inactif {
    display:inline-block;
    vertical-align: top;
    margin:5px;
    background-color: #fff;
    border:1px solid #ccc;
    -webkit-box-shadow: 0 0 0 0 #fff;
    box-shadow: 0 0 0 0 #fff;
    width:150px;
    cursor:pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.block_transporteur:hover, .block_transporteur_inactif:hover {
    -webkit-box-shadow: 2px 2px 2px 0 #000000;
    box-shadow: 2px 2px 2px 0 #000000;
    opacity:0.9;
}

.block_transporteur_inactif {
    opacity:0.7;
}

.titre_nom_transporteur {
    padding:5px;
    color:#fff;
    width:100%;
    height:43px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-bottom:1px solid #313131;
}

.logo_transporteur {
    height:100px;
    width:100%;
    text-align: center;
    overflow:hidden;
}

.logo_transporteur img {
    width: 100%;
    height:auto;
}

.prix_transporteur {
    padding:5px;
    border-top:1px solid #313131;
    color:#fff;
    width:100%;
    font-weight: bold;
    font-size:13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}


.block_transporteur .prix_transporteur, .block_transporteur .titre_nom_transporteur {
    background-color: #3b903b;
}

.block_transporteur_inactif .prix_transporteur, .block_transporteur_inactif .titre_nom_transporteur {
    background-color: #313131;
}

.precision_hors_frais_de_port {
    font-size:10px;
    font-style: italic;
    color:#434343;
}

.cigle_taxe_prix {
    font-size:11px;
    color:#393939;
}

.ligne_du_total_panier {
    border-bottom:1px dashed #ccc;
}

.petit_nombre_de_panier {
    padding: 3px;
    font-size: 11px;
    background-color: #eeeeee;
    font-weight: bold;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 20px;
    position: absolute;
    top: -11px;
    right: -3px;
    min-width: 15px;
    text-align: center;
}

.onglet_actif .petit_nombre_de_panier {
    background-color: #ffffdf;
    
}