/****************************************************************************
                                    MISE EN PLACE MEDIA QUERIES
******************************************************************************
ORDINATEUR
*****************************************************************************/
@media screen and (min-width:1024px)
{
body{margin:0%;}
/*********
block_articles_description ctn_social_art
************/
#block_articles_description{position:relative;width:100%;min-height:500px;margin-top:4%;display:flex;flex-wrap:wrap;}
.entete_shadow{position:relative;width:100%;opacity:0.7;}
/*****
block_slider 
*****/
#block_slider{position:relative;width:60%;height:600px;display:flex;}
.enveloppe_art{position:relative;width:80%;height:100%;}
.enveloppe_pag_img{position:relative;width:10%;height:100%;}
.bxsliders{position:relative;width:100%;height:550px;margin-top:0px;}
.bxsliders li{position:relative;width:100%;height:100%;left:0px;}
.bxsliders li img{position:relative;width:100%;height:100%;margin-left:0%;object-fit:contain;}

#bx-pager{position:relative;width:120px;height:550px;margin-left:10px;margin-top:5px;display:flex;flex-direction:column;}
#bx-pager img{position:relative;width:100%;height:100px;border:1px solid gray;margin-bottom:10px;margin-left:0px;border:1px solid white;box-shadow:0px 0px 2px gray;object-fit:contain;}

/****
block_description
*****/
#block_description{position:relative;width:40%;height:600px;margin-left:0%;}
#liste_descriptif_article{position:relative;width:96%;height:90%;margin-top:0px;padding:1%;list-style:none;}
.liste_art{position:relative;margin-bottom:5%;text-align:right;}
.titre_descriptif{position:relative;text-transform:capitalize;letter-spacing:1px;padding:3px;font-size:0.7em;text-align:right;color:orangered;font-family:Roboto Mono;}
.articles_descriptif{position:relative;color:#2e4153;font-family:Roboto;font-size:0.9em;letter-spacing:2px;text-transform:uppercase;padding:3px;font-weight:normal;}
.bouton_acheter{position:relative;left:68%;background-color:red;padding:5px;width:100px;text-align:center;border-radius:20px;box-shadow:0px 0px 1px black;border:none;}
.bouton_acheter a{position:relative;text-decoration:none;letter-spacing:2px;text-shadow:0px 0px 1px gray;font-size:1em;color:whitesmoke;}
.bouton_acheter:hover{background-color:royalblue;}
.champ_qte{position:relative;width:25%;padding:2%;margin-left:2%;border:none;box-shadow:inset 0.02em 0.001em 0.2em gray;text-align:center;}
.liste_pointures{position:relative;width:25%;padding:2%;margin-left:2%;background:none;border:none;box-shadow:inset 0.02em 0.001em 0.2em gray;text-align:center;}
.champ_inerte{position:relative;width:95%;padding:2%;margin-left:2%;background:none;border:none;font-family:papyrus;color:#00000;letter-spacing:2px;font-size:1.3em;text-shadow:0px 0px 2px gray;background:olive;}

.checkeur_livraison{border:2px solid blue;margin-left:0%;background:orange;}
.infos_articles{font-size:2em;line-height:30px;color:#2e4153;font-family:Roboto;line-height:38px;font-weight:bold;text-align:right;text-transform:lowercase;}
.infos_articles:first-letter{text-transform:capitalize;}
.infos_prix{font-family:Roboto;color:#2e4153;font-size:1.5em;text-transform:capitalize;text-align:right;}
.infos_disponible{font-family:Roboto;color:#2e4153;font-size:1.5em;text-transform:capitalize;text-align:right;text-transform:lowercase;}
.infos_livraisons{margin-left:90%;}
.infos_pointures{text-align:right;}
.infos_quantites{text-align:right;}

.tab_achat_panier{position:relative;width:100%;}
.tab_achat_panier td{position:relative;padding:1%;}
.tab_achat_panier a{text-decoration:none;color:white;text-decoration:none;}
.ajout_panier{width:40%;text-align:center;margin-right:10%;}
.achat_direct{width:30%;text-align:center;}
.tab_achat_panier_vide{background:none;}

.ajout_panier_envoi{border:none;padding:4% 22%;color:#2e4153;cursor:pointer;background:#DBEAFE;border-radius:10px;background-image:url("../medias/icons/panier.png");background-repeat:no-repeat;background-position:90%;}
.achat_direct_envoi{border:none;padding:5% 10% 5% 10%;color:#2e4153;cursor:pointer;background:#DBEAFE;border-radius:10px;}
.ajout_panier_envoi:hover{background:orangered;color:#f9fbfc;cursor:pointer;background-image:url("../medias/icons/panier.png");background-repeat:no-repeat;background-position:90%;}
.achat_direct_envoi:hover{background:orangered;color:#f9fbfc;cursor:pointer;}

/************
CONTENEUR SOCIAL checkeur_livraison
*************/
.ctn_social_art{position:relative;width:90%;margin-left:2%;height:50px;}
.ctn_social_art span{font-family:monospace;letter-spacing:3px;font-weight:bold;color:#00000;}
.icon_partage_whts{position:relative;top:5px;padding:0%;}

/*******************
BLOCK DESCRIPTION ARTICLES
*************************/
.ctn_global_description{position:relative;width:100%;min-height:100px;margin-top:2%;margin-bottom:2%;}
/*DESCRIPTION ARTICLE*/
.ctn_description_article{position:relative;width:100%;min-height:100px;}
.ctn_description_article_ent{position:relative;color:#9C9494;font-family:Roboto Mono;padding:2%;letter-spacing:2px;text-align:center;}
.ctn_description_article_ent:first-letter{text-transform:capitalize;}
.ctn_description_article_env{position:relative;width:100%;min-height:100px;background:#f9fbfc;}
/*textuelle*/
.description_textuelle_article{position:relative;width:96%;min-height:100px;padding:0%;}
.description_textuelle_article_txt{position:relative;font-family:Roboto;text-align:justify;min-height:10px;padding:2%;overflow:hidden;font-size:0.95em;color:#2e4153;line-height:25px;text-transform:lowercase;}
.description_textuelle_article_txt:first-letter{text-transform:capitalize;}
/*************************
CONTENEUR DETAIL LIVRAISON
*************************/
.ctn_livraison{position:relative;width:100%;min-height:300px;}
.ctn_livraison_ent{position:relative;color:#9C9494;font-family:Roboto Mono;padding:2%;letter-spacing:2px;text-align:center;}
.ctn_livraison_ent:first-letter{text-transform:capitalize;}
.ctn_livraison_env{position:relative;width:100%;min-height:300px;display:flex;flex-wrap:wrap;}
/*mode de paiement*/
.ctn_livraison_mode_paiement{position:relative;width:50%;height:400px;}
.ctn_livraison_mode_paiement_ent{padding:1%;font-family:Roboto;color:#2e4153;font-size:1.7em;font-weight:bold;margin:0%;}
.ctn_livraison_mode_paiement_env{position:relative;width:100%;height:80%;}
.ctn_livraison_mode_paiement_icon{width:100px;height:50px;margin:2%;}
/*textuelle*/
.ctn_livraison_textuelle{position:relative;width:50%;height:400px;}
.ctn_livraison_textuelle_txt{position:relative;font-family:Roboto;text-align:justify;height:100%;overflow:hidden;font-size:0.9em;color:#2e4153;padding:2%;margin:0%;line-height:24px;text-transform:lowercase;}
.ctn_livraison_textuelle_txt:first-letter{text-transform:capitalize;}
/*************
CTN PUBLICITAIRES
*****************/
.ctn_publicitaire{position:relative;width:100%;height:500px;}
.ctn_publicitaire_env{position:relative;width:100%;height:100%;margin-left:0%;overflow:hidden;}
.ctn_publicitaire_env a{text-decoration:none;}
.ctn_publicitaire_tofs{position:relative;width:100%;height:100%;}

/******************************
CONTENEUR DETAIL FOURNISSEUR
*******************************/
.ctn_detail_fournisseur{position:relative;width:100%;min-height:400px;}
.ctn_detail_fournisseur_ent{position:relative;color:#9C9494;font-family:Roboto Mono;letter-spacing:2px;text-align:center;}
.ctn_detail_fournisseur_ent:first-letter{text-transform:capitalize;}
.ctn_detail_fournisseur_env{position:relative;width:100%;min-height:300px;display:flex;flex-wrap:wrap;}

/*
Detail Fournisseur
*/
.detail_fournisseur{position:relative;width:50%;height:400px;}
.detail_fournisseur_zone_entete{position:relative;width:100%;height:150px;padding:2%;display:flex;flex-wrap:wrap;}
.detail_fournisseur_zone_entete_medias{position:relative;width:20%;height:100%;border-radius:30px;overflow:hidden;}
.detail_fournisseur_zone_entete_medias_tofs{position:relative;width:100%;height:100%;}
.detail_fournisseur_zone_entete_denomination{position:relative;width:75%;height:100%;margin-left:5%;display:flex;align-items:center;}
.detail_fournisseur_zone_entete_denomination_ent{font-family:Roboto;font-weight:bold;color:#2e4153;font-size:2.5em;text-transform:lowercase;}
.detail_fournisseur_zone_entete_denomination_ent:first-letter{text-transform:capitalize;}
.detail_fournisseur_description{font-family:Roboto;padding:4%;line-height:24px;text-align:justify;color:#2e4153;font-size:0.95em;height:60%;overflow-x:none;overflow-y:scroll;scrollbar-width:none;text-transform:lowercase;}
.detail_fournisseur_description:first-letter{text-transform:capitalize;}

/*
Contacts Fournisseur
*/
.contacts_fournisseur{position:relative;width:45%;height:400px;margin-left:5%;}
.contacts_fournisseur_tab{position:relative;width:100%;}
.contacts_fournisseur_tab td{font-family:Roboto;padding:3% 14%;color:#2e4153;font-size:0.9em;text-transform:lowercase;}
.contacts_fournisseur_tab td:first-letter{text-transform:capitalize;}
.contacts_fournisseur_tab_adresse{background-image:url("../medias/icons/marqueur_p.png");background-repeat:no-repeat;background-position:5%;}
.contacts_fournisseur_tab_email{background-image:url("../medias/icons/email_p.png");background-repeat:no-repeat;background-position:5%;}
.contacts_fournisseur_tab_website{background-image:url("../medias/icons/adresse_p.png");background-repeat:no-repeat;background-position:5%;}
.contacts_fournisseur_tab_tel_1{background-image:url("../medias/icons/call_p.png");background-repeat:no-repeat;background-position:5%;}

/* Liens */
.ctn_global_description_liens{position:relative;width:100%;min-height:8px;}
.ctn_global_description_liens_tab{width:100%;border-bottom:1px solid silver;}
.ctn_global_description_liens_tab td{width:33.33%;text-align:center;letter-spacing:2px;text-transform:uppercase;font-family:arial;font-size:0.9em;padding:1%;}
.ctn_global_description_liens_tab td:hover{background:#f9fbfc;cursor:pointer;transition:1s;}
/* Affichage */
.ctn_global_description_remplissage{position:relative;width:100%;min-height:1px;}

.block_desc_art{position:relative;width:100%;min-height:100px;opacity:0.7;margin-bottom:3%;}
.block_desc_art:hover{opacity:1;transition:1s;}
.block_desc_art_ent{position:relative;width:20%;background:orangered;color:white;font-family:papyrus;text-shadow:0px 0px 2px gray;letter-spacing:2px;text-transform:capitalize;padding:0.5% 0% 0.5% 1%;-webkit-border-radius:0px 10px 10px 0px;-moz-border-radius:0px 10px 10px 0px;border-radius:0px 10px 10px 0px;border-left:2px solid whitesmoke;}
.block_desc_art_textuelle{font-family:arial;margin:0%;color:#00000;text-shadow:0px 0px 2px whitesmoke;letter-spacing:1px;text-align:justify;line-height:23px;width:97%;padding:1%;font-size:0.9em;}
/*******************
BLOCK LIVRAISONS
*************************/
.block_livraison_art{position:relative;width:100%;min-height:100px;margin-bottom:3%;opacity:0.7;}
.block_livraison_art:hover{opacity:1;transition:1s;}
.block_livraison_art_ent{position:relative;width:20%;background:orangered;color:white;font-family:papyrus;margin:0%;text-shadow:0px 0px 2px lightgray;letter-spacing:2px;text-transform:capitalize;padding:0.5% 0% 0.5% 1%;-webkit-border-radius:0px 10px 10px 0px;-moz-border-radius:0px 10px 10px 0px;border-radius:0px 10px 10px 0px;border-left:2px solid whitesmoke;}
.block_livraison_art_textuelle{font-family:arial;margin:0%;color:#00000;text-shadow:0px 0px 2px whitesmoke;letter-spacing:1px;text-align:justify;line-height:23px;width:97%;padding:1%;font-size:0.9em;}

/**********************
BLOCK INFOS VENDEUR
**********************/
.block_infos_vend{position:relative;width:100%;min-height:100px;margin-bottom:5%;opacity:0.7;}
.block_infos_vend:hover{opacity:1;transition:1s;}
.block_infos_vend_ent{position:relative;width:20%;background:steelblue;color:white;font-family:papyrus;margin:0%;text-shadow:0px 0px 2px lightgray;letter-spacing:2px;text-transform:capitalize;padding:0.5% 0% 0.5% 1%;-webkit-border-radius:0px 10px 10px 0px;-moz-border-radius:0px 10px 10px 0px;border-radius:0px 10px 10px 0px;border-left:2px solid whitesmoke;}
.block_infos_vend_tab{position:relative;width:95%;margin-left:1%;}
.block_infos_vend_tab td{padding:1%;font-family:arial;letter-spacing:1px;text-shadow:0px 0px 2px lightgray;font-size:0.9em;}
.block_infos_vend_tab_ent{font-weight:bolder;text-transform:capitalize;color:#00000;}
.block_infos_vend_tab_elem{color:#00000;}

/**********
CONTENEUR PROFIL VENDEUR
*************/
.ctn_profil_vnd{position:relative;width:100%;height:50px;}
.ctn_profil_vnd_ent{position:relative;width:20%;background:khaki;text-align:right;color:#00000;font-family:tahoma;margin:0%;text-shadow:0px 0px 2px lightgray;letter-spacing:2px;text-transform:capitalize;padding:0.5% 1% 0.5% 0%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-image:url("../medias/icons/vues_p.png");background-repeat:no-repeat;background-size:10%;background-position:20%;}
.ctn_profil_vnd_ent a{text-decoration:none;color:#00000;}

/*******************
CTN DERNIERS ARTICLES EN LIGNE
****************************/
.cnt_dern_art_post_vnd{position:relative;width:100%;min-height:400px;margin-bottom:5%;}
.cnt_dern_art_post_vnd_ent{position:relative;color:#C8C1C1;font-family:Roboto Mono;padding:2%;text-align:center;font-weight:normal;}
.cnt_dern_art_post_vnd_env{position:relative;width:100%;min-height:400px;display:flex;flex-wrap:wrap;}

/*ELEMENTS*/
.articles_elem{position:relative;width:22.6%;height:450px;background:#EEF2FF;border-radius:30px;padding:0.1%;margin:1%;}
.articles_elem a{text-decoration:none;}
/*medias*/
.articles_elem_medias{position:relative;width:100%;height:55%;border-radius:30px 30px 0px 0px;overflow:hidden;background:#f9fbfc;}
.articles_elem_medias_tofs{position:relative;width:100%;height:100%;object-fit:contain;}
/*textuelle*/
.articles_elem_textuelle{position:relative;width:100%;height:45%;border-radius:0px 0px 30px 30px;background:#f9fbfc;}
.articles_elem_textuelle_ent{font-family:Roboto;font-size:0.88em;padding:2% 3%;margin:0%;color:#2e4153;font-weight:bolder;text-transform:lowercase;}
.articles_elem_textuelle_ent:first-letter{text-transform:capitalize;}
.articles_elem_textuelle_prix{font-family:Roboto Mono;font-size:0.88em;padding:2% 3%;text-transform:uppercase;margin-bottom:0%;color:#2e4153;font-weight:normal;}
.articles_elem_textuelle_description{font-family:Roboto;font-size:0.88em;line-height:19px;padding:1% 3%;color:#2e4153;text-transform:lowercase;}
.articles_elem_textuelle_description:first-letter{text-transform:capitalize;}
.articles_elem_textuelle_liens{position:relative;background:#DBEAFE;color:#2e4153;padding:1.2% 12%;border-radius:10px;margin-left:28%;font-family:Roboto;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:90%;}
.articles_elem_textuelle_liens:hover{background:orangered;color:#f9fbfc;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:90%;transition:0.4s;}


}
/**************************************
TABLET
**************************************/
@media screen and (min-width:768px) and (max-width:1023px)
{
body{margin:0%;}
/*********
block_articles_description ctn_social_art
************/
#block_articles_description{position:relative;width:100%;min-height:500px;margin-top:0%;display:flex;flex-wrap:wrap;}
.entete_shadow{position:relative;width:100%;opacity:0.7;}
/*****
block_slider 
*****/
#block_slider{position:relative;width:55%;height:600px;display:flex;}
.enveloppe_art{position:relative;width:85%;height:100%;}
.enveloppe_pag_img{position:relative;width:10%;height:100%;}
.bxsliders{position:relative;width:100%;height:600px;margin-top:0px;}
.bxsliders li{position:relative;width:100%;height:100%;left:0px;}
.bxsliders li img{position:relative;width:100%;height:100%;margin-left:0%;object-fit:contain;}

#bx-pager{position:relative;width:120px;height:600px;margin-left:10px;margin-top:5px;display:flex;flex-direction:column;}
#bx-pager img{position:relative;width:50%;height:100px;border:1px solid gray;margin-bottom:10px;margin-left:0px;border:1px solid white;box-shadow:0px 0px 2px gray;object-fit:contain;}

/****
block_description
*****/
#block_description{position:relative;width:43%;height:600px;margin-left:2%;}
#liste_descriptif_article{position:relative;width:96%;height:90%;margin-top:0px;padding:1%;list-style:none;}
.liste_art{position:relative;margin-bottom:10%;text-align:right;}
.titre_descriptif{position:relative;text-transform:capitalize;letter-spacing:1px;padding:3px;font-size:0.9em;text-align:right;color:orangered;font-family:Roboto Mono;}
.articles_descriptif{position:relative;color:#2e4153;font-family:Roboto;font-size:1em;letter-spacing:2px;text-transform:uppercase;padding:3%;font-weight:normal;}
.bouton_acheter{position:relative;left:68%;background-color:red;padding:5px;width:100px;text-align:center;border-radius:20px;box-shadow:0px 0px 1px black;border:none;}
.bouton_acheter a{position:relative;text-decoration:none;letter-spacing:2px;text-shadow:0px 0px 1px gray;font-size:1em;color:whitesmoke;}
.bouton_acheter:hover{background-color:royalblue;}
.champ_qte{position:relative;width:25%;padding:2%;margin-left:2%;border:none;box-shadow:inset 0.02em 0.001em 0.2em gray;text-align:center;}
.liste_pointures{position:relative;width:25%;padding:2%;margin-left:2%;background:none;border:none;box-shadow:inset 0.02em 0.001em 0.2em gray;text-align:center;}
.champ_inerte{position:relative;width:95%;padding:2%;margin-left:2%;background:none;border:none;font-family:papyrus;color:#00000;letter-spacing:2px;font-size:1.3em;text-shadow:0px 0px 2px gray;background:olive;}

.checkeur_livraison{border:2px solid blue;margin-left:0%;background:orange;}
.infos_articles{color:#2e4153;font-family:Roboto;line-height:43px;font-weight:bold;text-align:right;font-size:1.8em;text-transform:lowercase;}
.infos_articles:first-letter{text-transform:capitalize;}
.infos_prix{font-family:Roboto;color:#2e4153;font-size:1.5em;text-transform:capitalize;text-align:right;}
.infos_disponible{font-family:Roboto;color:#2e4153;font-size:1.5em;text-transform:capitalize;text-align:right;text-transform:lowercase;}
.infos_livraisons{margin-left:90%;}
.infos_pointures{text-align:right;}
.infos_quantites{text-align:right;}

.tab_achat_panier{position:relative;width:100%;}
.tab_achat_panier td{position:relative;padding:1%;}
.tab_achat_panier a{text-decoration:none;color:white;text-decoration:none;}
.ajout_panier{width:40%;text-align:center;margin-right:10%;}
.achat_direct{width:30%;text-align:center;}
.tab_achat_panier_vide{background:none;}

.ajout_panier_envoi{border:none;padding:4% 25%;font-size:1em;color:#2e4153;cursor:pointer;background:#DBEAFE;border-radius:10px;background-image:url("../medias/icons/panier.png");background-repeat:no-repeat;background-position:90%;}
.achat_direct_envoi{border:none;padding:5% 10% 5% 10%;color:#2e4153;cursor:pointer;background:#DBEAFE;border-radius:10px;}
.ajout_panier_envoi:hover{background:orangered;color:#f9fbfc;cursor:pointer;background-image:url("../medias/icons/panier.png");background-repeat:no-repeat;background-position:90%;}
.achat_direct_envoi:hover{background:orangered;color:#f9fbfc;cursor:pointer;}

/************
CONTENEUR SOCIAL 
*************/
.ctn_social_art{position:relative;width:80%;margin-left:10%;height:50px;}
.ctn_social_art span{font-family:monospace;letter-spacing:3px;font-weight:bold;color:#00000;}
.icon_partage_whts{position:relative;top:5px;padding:0%;}

/*******************
BLOCK DESCRIPTION ARTICLES
*************************/
.ctn_global_description{position:relative;width:100%;min-height:10px;margin-top:2%;margin-bottom:2%;}
/*DESCRIPTION ARTICLE*/
.ctn_description_article{position:relative;width:100%;min-height:10px;}
.ctn_description_article_ent{position:relative;color:#9C9494;font-family:Roboto Mono;letter-spacing:2px;text-align:center;}
.ctn_description_article_ent:first-letter{text-transform:capitalize;}
.ctn_description_article_env{position:relative;width:100%;min-height:10px;background:#f9fbfc;}
/*textuelle*/
.description_textuelle_article{position:relative;width:96%;min-height:10px;padding:0%;border-radius:10px;margin-left:2%;}
.description_textuelle_article_txt{position:relative;font-family:Roboto;text-align:justify;min-height:10px;overflow:hidden;font-size:0.9em;padding:2%;color:#2e4153;text-transform:lowercase;}
.description_textuelle_article_txt:first-letter{text-transform:capitalize;}

/*************************
CONTENEUR DETAIL LIVRAISON
*************************/
.ctn_livraison{position:relative;width:100%;min-height:300px;}
.ctn_livraison_ent{position:relative;color:#9C9494;font-family:Roboto Mono;padding:2%;letter-spacing:2px;text-align:center;}
.ctn_livraison_ent:first-letter{text-transform:capitalize;}
.ctn_livraison_env{position:relative;width:100%;min-height:300px;display:flex;flex-wrap:wrap;}
/*mode de paiement*/
.ctn_livraison_mode_paiement{position:relative;width:50%;height:400px;}
.ctn_livraison_mode_paiement_ent{padding:1% 4%;font-family:Roboto;color:#2e4153;font-size:1.7em;font-weight:bold;margin:0%;}
.ctn_livraison_mode_paiement_env{position:relative;width:100%;height:80%;padding:2%;}
.ctn_livraison_mode_paiement_icon{width:100px;height:50px;margin:2%;}
/*textuelle*/
.ctn_livraison_textuelle{position:relative;width:50%;height:400px;}
.ctn_livraison_textuelle_txt{position:relative;font-family:Roboto;text-align:justify;height:100%;overflow:hidden;font-size:0.85em;margin:0%;padding:2%;color:#2e4153;text-transform:lowercase;}
.ctn_livraison_textuelle_txt:first-letter{text-transform:capitalize;}
/*************
CTN PUBLICITAIRES
*****************/
.ctn_publicitaire{position:relative;width:100%;height:400px;}
.ctn_publicitaire_env{position:relative;width:100%;height:100%;margin-left:0%;overflow:hidden;}
.ctn_publicitaire_env a{text-decoration:none;}
.ctn_publicitaire_tofs{position:relative;width:100%;height:100%;}

/******************************
CONTENEUR DETAIL FOURNISSEUR
*******************************/
.ctn_detail_fournisseur{position:relative;width:100%;min-height:400px;}
.ctn_detail_fournisseur_ent{position:relative;color:#9C9494;font-family:Roboto Mono;padding:2%;letter-spacing:2px;text-align:center;}
.ctn_detail_fournisseur_ent:first-letter{text-transform:capitalize;}
.ctn_detail_fournisseur_env{position:relative;width:100%;min-height:300px;display:flex;flex-wrap:wrap;padding:2%;}

/*
Detail Fournisseur
*/
.detail_fournisseur{position:relative;width:50%;min-height:200px;}
.detail_fournisseur_zone_entete{position:relative;width:100%;height:100px;padding:2%;display:flex;flex-wrap:wrap;}
.detail_fournisseur_zone_entete_medias{position:relative;width:20%;height:100%;border-radius:30px;overflow:hidden;}
.detail_fournisseur_zone_entete_medias_tofs{position:relative;width:100%;height:100%;}
.detail_fournisseur_zone_entete_denomination{position:relative;width:75%;height:100%;margin-left:5%;display:flex;align-items:center;}
.detail_fournisseur_zone_entete_denomination_ent{font-family:Roboto;font-weight:bold;color:#2e4153;font-size:1.6em;text-transform:lowercase;}
.detail_fournisseur_zone_entete_denomination_ent:first-letter{text-transform:capitalize;}
.detail_fournisseur_description{font-family:Roboto;padding:2%;line-height:21px;text-align:justify;color:#2e4153;font-size:0.9em;height:60%;overflow:hidden;text-transform:lowercase;}
.detail_fournisseur_description:first-letter{text-transform:capitalize;}

/*
Contacts Fournisseur
*/
.contacts_fournisseur{position:relative;width:45%;min-height:200px;margin-left:5%;}
.contacts_fournisseur_tab{position:relative;width:100%;}
.contacts_fournisseur_tab td{font-family:Roboto;padding:3% 14%;color:#2e4153;font-size:0.85em;text-transform:lowercase;}
.contacts_fournisseur_tab td:first-letter{text-transform:capitalize;}
.contacts_fournisseur_tab_adresse{background-image:url("../medias/icons/marqueur_p.png");background-repeat:no-repeat;background-position:5%;}
.contacts_fournisseur_tab_email{background-image:url("../medias/icons/email_p.png");background-repeat:no-repeat;background-position:5%;}
.contacts_fournisseur_tab_website{background-image:url("../medias/icons/adresse_p.png");background-repeat:no-repeat;background-position:5%;}
.contacts_fournisseur_tab_tel_1{background-image:url("../medias/icons/call_p.png");background-repeat:no-repeat;background-position:5%;}

/* Liens */
.ctn_global_description_liens{position:relative;width:100%;min-height:8px;}
.ctn_global_description_liens_tab{width:100%;border-bottom:1px solid silver;}
.ctn_global_description_liens_tab td{width:33.33%;text-align:center;letter-spacing:2px;text-transform:uppercase;font-family:arial;font-size:0.9em;padding:1%;}
.ctn_global_description_liens_tab td:hover{background:#f9fbfc;cursor:pointer;transition:1s;}
/* Affichage */
.ctn_global_description_remplissage{position:relative;width:100%;min-height:1px;}

.block_desc_art{position:relative;width:100%;min-height:100px;opacity:0.7;margin-bottom:3%;}
.block_desc_art:hover{opacity:1;transition:1s;}
.block_desc_art_ent{position:relative;width:20%;color:white;font-family:papyrus;text-shadow:0px 0px 2px gray;letter-spacing:2px;text-transform:capitalize;padding:0.5% 0% 0.5% 1%;-webkit-border-radius:0px 10px 10px 0px;-moz-border-radius:0px 10px 10px 0px;border-radius:0px 10px 10px 0px;border-left:2px solid whitesmoke;}
.block_desc_art_textuelle{font-family:arial;margin:0%;color:#00000;text-shadow:0px 0px 2px whitesmoke;letter-spacing:1px;text-align:justify;line-height:23px;width:97%;padding:1%;font-size:0.9em;}
/*******************
BLOCK LIVRAISONS
*************************/
.block_livraison_art{position:relative;width:100%;min-height:100px;margin-bottom:3%;opacity:0.7;}
.block_livraison_art:hover{opacity:1;transition:1s;}
.block_livraison_art_ent{position:relative;width:20%;background:orangered;color:white;font-family:papyrus;margin:0%;text-shadow:0px 0px 2px lightgray;letter-spacing:2px;text-transform:capitalize;padding:0.5% 0% 0.5% 1%;-webkit-border-radius:0px 10px 10px 0px;-moz-border-radius:0px 10px 10px 0px;border-radius:0px 10px 10px 0px;border-left:2px solid whitesmoke;}
.block_livraison_art_textuelle{font-family:arial;margin:0%;color:#00000;text-shadow:0px 0px 2px whitesmoke;letter-spacing:1px;text-align:justify;line-height:23px;width:97%;padding:1%;font-size:0.9em;}

/**********************
BLOCK INFOS VENDEUR
**********************/
.block_infos_vend{position:relative;width:100%;min-height:100px;margin-bottom:5%;opacity:0.7;background:orangered;}
.block_infos_vend:hover{opacity:1;transition:1s;}
.block_infos_vend_ent{position:relative;width:20%;background:steelblue;color:white;font-family:papyrus;margin:0%;text-shadow:0px 0px 2px lightgray;letter-spacing:2px;text-transform:capitalize;padding:0.5% 0% 0.5% 1%;-webkit-border-radius:0px 10px 10px 0px;-moz-border-radius:0px 10px 10px 0px;border-radius:0px 10px 10px 0px;border-left:2px solid whitesmoke;}
.block_infos_vend_tab{position:relative;width:95%;margin-left:1%;}
.block_infos_vend_tab td{padding:1%;font-family:arial;letter-spacing:1px;text-shadow:0px 0px 2px lightgray;font-size:0.9em;}
.block_infos_vend_tab_ent{font-weight:bolder;text-transform:capitalize;color:#00000;}
.block_infos_vend_tab_elem{color:#00000;}

/**********
CONTENEUR PROFIL VENDEUR
*************/
.ctn_profil_vnd{position:relative;width:100%;height:50px;}
.ctn_profil_vnd_ent{position:relative;width:20%;background:khaki;text-align:right;color:#00000;font-family:tahoma;margin:0%;text-shadow:0px 0px 2px lightgray;letter-spacing:2px;text-transform:capitalize;padding:0.5% 1% 0.5% 0%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-image:url("../medias/icons/vues_p.png");background-repeat:no-repeat;background-size:10%;background-position:20%;}
.ctn_profil_vnd_ent a{text-decoration:none;color:#00000;}

/*******************
CTN DERNIERS ARTICLES EN LIGNE
****************************/
.cnt_dern_art_post_vnd{position:relative;width:100%;min-height:400px;margin-bottom:5%;}
.cnt_dern_art_post_vnd_ent{position:relative;color:#C8C1C1;font-family:Roboto Mono;padding:2%;text-align:center;font-size:1.8em;font-weight:normal;}
.cnt_dern_art_post_vnd_env{position:relative;width:100%;min-height:400px;display:flex;flex-wrap:wrap;}

/*ELEMENTS*/
.articles_elem{position:relative;width:28%;height:400px;background:#EEF2FF;border-radius:30px;padding:0.1%;margin:1%;}
.articles_elem a{text-decoration:none;}
/*medias*/
.articles_elem_medias{position:relative;width:100%;height:55%;border-radius:30px 30px 0px 0px;overflow:hidden;background:#f9fbfc;}
.articles_elem_medias_tofs{position:relative;width:100%;height:100%;object-fit:contain;}
/*textuelle*/
.articles_elem_textuelle{position:relative;width:100%;height:45%;border-radius:0px 0px 30px 30px;background:#f9fbfc;}
.articles_elem_textuelle_ent{font-family:Roboto;font-size:0.84em;padding:1% 3%;margin:0%;color:#2e4153;font-weight:bolder;text-transform:lowercase;}
.articles_elem_textuelle_ent:first-letter{text-transform:capitalize;}
.articles_elem_textuelle_prix{font-family:Roboto Mono;font-size:0.84em;padding:1% 3%;text-transform:uppercase;margin:0%;color:#2e4153;font-weight:normal;}
.articles_elem_textuelle_description{font-family:Roboto;font-size:0.84em;line-height:19px;padding:0.5% 3%;color:#2e4153;margin-top:0%;text-transform:lowercase;}
.articles_elem_textuelle_description:first-letter{text-transform:capitalize;}
.articles_elem_textuelle_liens{position:relative;background:#DBEAFE;color:#2e4153;padding:1.2% 12%;border-radius:10px;margin-left:28%;font-family:Roboto;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:90%;}
.articles_elem_textuelle_liens:hover{background:orangered;color:#f9fbfc;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:90%;transition:0.4s;}

}
/****************************************
SMARTPHONE
*******************************************/
@media screen and (max-width:767px)
{
body{margin:0%;}
.entete_shadow{position:relative;width:100%;opacity:0.7;}
/*********
block_articles_description
************/
#block_articles_description{position:relative;width:100%;min-height:500px;margin-top:4%;}
/******
block_slider
*****/
#block_slider{position:relative;width:100%;height:550px;}
.enveloppe_art{position:relative;width:90%;height:80%;margin-left:5%;}
.enveloppe_pag_img{position:relative;width:100%;height:100%;margin-left:0%;}
.bxsliders{position:relative;width:100%;margin-top:0px;}
.bxsliders li{position:relative;width:100%;height:500px;left:0px;}
.bxsliders li img{position:relative;width:100%;height:85%;margin-left:0%;object-fit:contain;}

#bx-pager{position:relative;width:100%;height:80px;margin-left:0%;margin-top:0%;display:flex;flex-wrap:wrap;justify-content:center;}
#bx-pager img{position:relative;width:60px;height:60px;margin-top:0px;margin-left:5%;box-shadow:0px 0px 2px silver;object-fit:contain;}
/****
block_description
*****/
#block_description{position:relative;width:100%;height:300;margin-left:0%;}
#liste_descriptif_article{position:relative;width:94%;height:90%;margin-top:0px;padding:3%;list-style:none;color:#2e4153;}
.liste_art{position:relative;margin-bottom:5%;}
.titre_descriptif{position:relative;text-transform:capitalize;letter-spacing:2px;padding:3px;font-size:0.9em;text-align:right;color:#00000;font-family:tahoma;}
.articles_descriptif{position:relative;color:#00000;font-family:tahoma;font-size:0.7em;letter-spacing:2px;text-transform:uppercase;padding:3px;}
.bouton_acheter{position:relative;left:68%;background-color:red;padding:5px;width:100px;text-align:center;border-radius:20px;box-shadow:0px 0px 1px black;border:none;}
.bouton_acheter a{position:relative;text-decoration:none;letter-spacing:2px;text-shadow:0px 0px 1px gray;font-size:1em;color:whitesmoke;}
.bouton_acheter:hover{background-color:royalblue;}
.champ_qte{position:relative;width:96%;padding:3% 2%;margin-left:0%;border:none;box-shadow:inset 0.02em 0.001em 0.2em gray;text-align:center;}
.liste_pointures{position:relative;width:100%;padding:3% 2%;margin-left:0%;background:none;border:none;box-shadow:inset 0.02em 0.001em 0.2em gray;text-align:center;}
.champ_inerte{position:relative;width:95%;padding:2%;margin-left:2%;background:none;border:none;font-family:papyrus;color:#304763;letter-spacing:2px;font-size:1.3em;text-shadow:0px 0px 2px gray;}

.checkeur_livraison{background:skyblue;border:2px solid blue;margin-left:-44%;}
.infos_articles{line-height:30px;font-weight:bold;font-size:1.4em;text-transform:lowercase;}
.infos_articles:first-letter{text-transform:capitalize;}
.infos_pointures{text-align:right;font-size:1.1em;text-transform:lowercase;}
.infos_quantites{text-align:right;font-size:1.1em;}
.tab_achat_panier{position:relative;width:100%;}
.tab_achat_panier td{position:relative;padding:1%;}
.tab_achat_panier a{text-decoration:none;color:white;text-decoration:none;}
.ajout_panier{width:1%;text-align:center;margin-right:10%;}
.achat_direct{width:95%;text-align:center;}
.tab_achat_panier_vide{width:1%;}

.ajout_panier_envoi{border:none;padding:3% 12%;color:#2e4153;width:93%;margin-left:-5%;cursor:pointer;background:#DBEAFE;border-radius:10px;-webkit-box-shadow:0px 0px 2px lightgray;-moz-box-shadow:0px 0px 2px lightgray;box-shadow:0px 0px 2px lightgray;}
.ajout_panier_envoi:hover{background:orangered;color:white;transition:1s;cursor:pointer;}


/************
CONTENEUR SOCIAL
*************/
.ctn_social_art{position:relative;width:70%;margin-left:15%;margin-top:15%;min-height:20px;margin-bottom:5%;}
.ctn_social_art span{font-family:monospace;letter-spacing:0px;font-weight:bold;color:#304763;display:none;}
.icon_partage_whts{position:relative;top:5px;padding:0%;}

/******************
BLOCK DESCRIPTION ARTICLES
*************************/
.ctn_global_description{position:relative;width:100%;min-height:80px;margin-top:15%;margin-bottom:2%;}
/*DESCRIPTION ARTICLE*/
.ctn_description_article{position:relative;width:100%;min-height:80px;}
.ctn_description_article_ent{position:relative;color:#9C9494;font-family:Roboto Mono;letter-spacing:2px;text-align:center;}
.ctn_description_article_ent:first-letter{text-transform:capitalize;}
.ctn_description_article_env{position:relative;width:100%;min-height:80px;}
/*textuelle*/
.description_textuelle_article{position:relative;width:96%;min-height:80px;padding:0%;}
.description_textuelle_article_txt{position:relative;font-family:Roboto;text-align:justify;min-height:80px;overflow:hidden;font-size:0.8em;color:#2e4153;padding:2%;line-height:24px;text-transform:lowercase;}
.description_textuelle_article_txt:first-letter{text-transform:capitalize;}

/***********************
CONTENEUR DETAIL LIVRAISON
*************************/
.ctn_livraison{position:relative;width:100%;min-height:100px;}
.ctn_livraison_ent{position:relative;color:#9C9494;font-family:Roboto Mono;letter-spacing:2px;text-align:center;}
.ctn_livraison_ent:first-letter{text-transform:capitalize;}
.ctn_livraison_env{position:relative;width:100%;min-height:100px;}
/*mode de paiement*/
.ctn_livraison_mode_paiement{position:relative;width:100%;min-height:100px;}
.ctn_livraison_mode_paiement_ent{padding:4%;font-family:Roboto;color:#2e4153;font-size:1.5em;font-weight:bold;margin:0%;}
.ctn_livraison_mode_paiement_env{position:relative;width:100%;height:80%;}
.ctn_livraison_mode_paiement_icon{width:60px;height:50px;margin:2%;}
/*textuelle*/
.ctn_livraison_textuelle{position:relative;width:100%;min-height:100px;}
.ctn_livraison_textuelle_txt{position:relative;font-family:Roboto;text-align:justify;height:100%;overflow:hidden;font-size:0.85em;color:#2e4153;padding:2%;line-height:24px;text-transform:lowercase;}
.ctn_livraison_textuelle_txt:first-letter{text-transform:capitalize;}

/*************
CTN PUBLICITAIRES
*****************/
.ctn_publicitaire{position:relative;width:100%;height:300px;}
.ctn_publicitaire_env{position:relative;width:100%;height:100%;margin-left:0%;overflow:hidden;}
.ctn_publicitaire_env a{text-decoration:none;}
.ctn_publicitaire_tofs{position:relative;width:100%;height:100%;}

/******************************
CONTENEUR DETAIL FOURNISSEUR
*******************************/
.ctn_detail_fournisseur{position:relative;width:100%;min-height:400px;}
.ctn_detail_fournisseur_ent{position:relative;color:#9C9494;font-family:Roboto Mono;padding:2%;letter-spacing:2px;text-align:center;}
.ctn_detail_fournisseur_ent:first-letter{text-transform:capitalize;}
.ctn_detail_fournisseur_env{position:relative;width:100%;min-height:300px;}

/*
Detail Fournisseur
*/
.detail_fournisseur{position:relative;width:100%;min-height:200px;}
.detail_fournisseur_zone_entete{position:relative;width:100%;height:100px;display:flex;flex-wrap:wrap;}
.detail_fournisseur_zone_entete_medias{position:relative;width:20%;height:100%;border-radius:30px;overflow:hidden;}
.detail_fournisseur_zone_entete_medias_tofs{position:relative;width:100%;height:100%;}
.detail_fournisseur_zone_entete_denomination{position:relative;width:75%;height:100%;margin-left:5%;display:flex;align-items:center;}
.detail_fournisseur_zone_entete_denomination_ent{font-family:Roboto;font-weight:bold;color:#2e4153;font-size:1.3em;text-transform:lowercase;}
.detail_fournisseur_zone_entete_denomination_ent:first-letter{text-transform:capitalize;}
.detail_fournisseur_description{font-family:Roboto;padding:2%;line-height:21px;text-align:justify;color:#2e4153;font-size:0.8em;height:60%;overflow:hidden;text-transform:lowercase;}
.detail_fournisseur_description:first-letter{text-transform:capitalize;}

/**
Contacts Fournisseur
**/
.contacts_fournisseur{position:relative;width:100%;min-height:200px;margin-top:5%;}
.contacts_fournisseur_tab{position:relative;width:100%;}
.contacts_fournisseur_tab td{font-family:Roboto;padding:3% 14%;color:#2e4153;font-size:0.85em;text-transform:lowercase;}
.contacts_fournisseur_tab td:first-letter{text-transform:capitalize;}
.contacts_fournisseur_tab_adresse{background-image:url("../medias/icons/marqueur_p.png");background-repeat:no-repeat;background-position:2%;}
.contacts_fournisseur_tab_email{background-image:url("../medias/icons/email_p.png");background-repeat:no-repeat;background-position:2%;}
.contacts_fournisseur_tab_website{background-image:url("../medias/icons/adresse_p.png");background-repeat:no-repeat;background-position:2%;}
.contacts_fournisseur_tab_tel_1{background-image:url("../medias/icons/call_p.png");background-repeat:no-repeat;background-position:2%;}

/*******************
CTN DERNIERS ARTICLES EN LIGNE
****************************/
.cnt_dern_art_post_vnd{position:relative;width:100%;min-height:400px;margin-top:5%;margin-bottom:10%;}
.cnt_dern_art_post_vnd_ent{position:relative;padding:2%;margin-bottom:0%;color:#C8C1C1;font-family:monospace;font-size:1.1em;text-align:center;}
.cnt_dern_art_post_vnd_env{position:relative;width:100%;min-height:70px;}

/****
elements
****/
.articles_elem{position:relative;width:90%;height:450px;background:#EEF2FF;border-radius:20px;padding:0.1%;margin:5%;}
.articles_elem a{text-decoration:none;}
/*medias*/
.articles_elem_medias{position:relative;width:100%;height:55%;border-radius:20px 20px 0px 0px;overflow:hidden;background:#f9fbfc;}
.articles_elem_medias_tofs{position:relative;width:100%;height:100%;object-fit:contain;}
/*textuelle*/
.articles_elem_textuelle{position:relative;width:100%;height:45%;border-radius:0px 0px 20px 20px;background:#f9fbfc;}
.articles_elem_textuelle_ent{font-family:Roboto;font-size:0.88em;padding:1.5% 3%;margin:0%;color:#2e4153;font-weight:bolder;text-transform:lowercase;}
.articles_elem_textuelle_ent:first-letter{text-transform:capitalize;}
.articles_elem_textuelle_prix{font-family:Roboto Mono;font-size:0.88em;padding:1.5% 3%;text-transform:uppercase;margin-bottom:0%;color:#2e4153;font-weight:normal;}
.articles_elem_textuelle_description{font-family:Roboto;font-size:0.88em;line-height:19px;padding:0.5% 3%;color:#2e4153;text-align:justify;text-transform:lowercase;}
.articles_elem_textuelle_description:first-letter{text-transform:capitalize;}
.articles_elem_textuelle_liens{position:relative;background:#DBEAFE;color:#2e4153;padding:1.2% 12%;border-radius:10px;margin-left:28%;font-family:Roboto;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:90%;}
.articles_elem_textuelle_liens:hover{background:orangered;color:#f9fbfc;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:90%;transition:0.4s;}


}