<!doctype html>
<html lang="fr" class="default" >
<!-- Global site tag (gtag.js) - Google Analytics -->
<script src="https://www.googletagmanager.com/gtag/js?id=G-191159315" type="text/javascript"></script>
<script type="text/javascript"><!--//--><![CDATA[//><!--
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-191159315');
//--><!]]></script>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Chemises col Boutonné - Homme - Tunisie</title>
<link rel="stylesheet" href="/themes/at_nova/assets/fonts/stylesheet.css">
<meta name="description" content="Chemises col boutonné homme en coton, coupe moderne et style élégant. Idéales pour un look casual chic et un confort parfait au quotidien.">
<meta name="keywords" content="chemise homme,chemise casual homme,chemises élégantes,look casual‑chic,prêt-à-porter,casual chic,mode masculine,style urbain,vêtements homme tendance,chemise lin coton,style minimaliste,hommes,Tunisie">
<link rel="canonical" href="https://www.bagotti.tn/111-chemises-col-boutonne">
<link rel="alternate" href="https://www.bagotti.tn/111-chemises-col-boutonne" hreflang="fr-fr">
<link rel="alternate" href="https://www.bagotti.tn/111-chemises-col-boutonne" hreflang="fr-fr">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico?1676295706">
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico?1676295706">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/assets/css/theme.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/modules/pssitemap/views/css/hind.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/modules/pssitemap/views/css/mavenPro.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/modules/pssitemap/views/css/notoSerif.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/modules/pssitemap/views/css/bitter.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/modules/ps_facetedsearch/views/dist/front.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/leobootstrapmenu/views/css/megamenu.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/leobootstrapmenu/views/css/leomenusidebar.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/leoslideshow/views/css/typo/typo.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/leoslideshow/views/css/iView/iview.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/leoslideshow/views/css/iView/skin_4_responsive/style.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/modules/leofeature/views/css/jquery.mCustomScrollbar.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/leofeature/views/css/front.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/leoquicklogin/views/css/front.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/leoblog/views/css/leoblog.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/modules/idxrcustomproduct/views/css/16/front_header.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/modules/ets_banneranywhere/views/css/front.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/modules/konnect//views/css/front.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/js/jquery/ui/themes/base/minified/jquery-ui.min.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/js/jquery/ui/themes/base/minified/jquery.ui.theme.min.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/js/jquery/plugins/fancybox/jquery.fancybox.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/modules/ps_imageslider/css/homeslider.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/ps_legalcompliance/views/css/aeuc_front.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/modules/idxrcustomproduct/views/css/17/idxopc.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/assets/css/custom.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/modules/appagebuilder/views/css/animate.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/appagebuilder/views/css/owl.carousel.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/appagebuilder/views/css/owl.theme.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/appagebuilder/views/css/slick-theme.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/appagebuilder/views/css/slick.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/appagebuilder/views/css/ApImageHotspot.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/appagebuilder/views/css/styles.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/modules/appagebuilder/views/css/unique.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/modules/appagebuilder/views/css/colorpicker/css/colorpicker.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/appagebuilder/views/css/paneltool.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/appagebuilder/views/css/positions/headerposition1536090322.css" type="text/css" media="all">
<link rel="stylesheet" href="https://www.bagotti.tn/themes/at_nova/modules/appagebuilder/views/css/profiles/profile1535817182.css" type="text/css" media="all">
<script type="text/javascript">
var LEO_COOKIE_THEME = "AT_NOVA_PANEL_CONFIG";
var add_cart_error = "An error occurred while processing your request. Please try again";
var add_text = "Customize";
var buttoncompare_title_add = "Comparer";
var buttoncompare_title_remove = "Retirer du Comparer";
var buttonwishlist_title_add = "Liste de souhaits";
var buttonwishlist_title_remove = "Supprimer du panier";
var cancel_rating_txt = "Cancel Rating";
var comparator_max_item = 10;
var compared_products = [];
var disable_review_form_txt = "existe pas un crit\u00e8re d'\u00e9valuation pour ce produit ou cette langue";
var enable_dropdown_defaultcart = 1;
var enable_flycart_effect = 1;
var enable_notification = 1;
var height_cart_item = "135";
var isLogged = false;
var leo_push = 0;
var leo_token = "3d3acc0a373307eaaf6a21e6043cf74d";
var lf_is_gen_rtl = false;
var lql_ajax_url = "https:\/\/www.bagotti.tn\/module\/leoquicklogin\/leocustomer";
var lql_is_gen_rtl = false;
var lql_module_dir = "\/modules\/leoquicklogin\/";
var lql_myaccount_url = "https:\/\/www.bagotti.tn\/mon-compte";
var lql_redirect = "1";
var number_cartitem_display = 3;
var prestashop = {"cart":{"products":[],"totals":{"total":{"type":"total","label":"Total","amount":0,"value":"0,000\u00a0DT"},"total_including_tax":{"type":"total","label":"Total TTC","amount":0,"value":"0,000\u00a0DT"},"total_excluding_tax":{"type":"total","label":"Total HT :","amount":0,"value":"0,000\u00a0DT"}},"subtotals":{"products":{"type":"products","label":"Sous-total","amount":0,"value":"0,000\u00a0DT"},"discounts":null,"shipping":{"type":"shipping","label":"Livraison","amount":0,"value":"gratuit"},"tax":{"type":"tax","label":"Taxes","amount":0,"value":"0,000\u00a0DT"}},"products_count":0,"summary_string":"0 articles","vouchers":{"allowed":0,"added":[]},"discounts":[],"minimalPurchase":0,"minimalPurchaseRequired":""},"currency":{"name":"dinar tunisien","iso_code":"TND","iso_code_num":"788","sign":"DT"},"customer":{"lastname":null,"firstname":null,"email":null,"birthday":null,"newsletter":null,"newsletter_date_add":null,"optin":null,"website":null,"company":null,"siret":null,"ape":null,"is_logged":false,"gender":{"type":null,"name":null},"addresses":[]},"language":{"name":"Fran\u00e7ais (French)","iso_code":"fr","locale":"fr-FR","language_code":"fr-fr","is_rtl":"0","date_format_lite":"d\/m\/Y","date_format_full":"d\/m\/Y H:i:s","id":2},"page":{"title":"","canonical":"https:\/\/www.bagotti.tn\/111-chemises-col-boutonne","meta":{"title":"Chemises col Boutonn\u00e9 - Homme - Tunisie","description":"Chemises col boutonn\u00e9 homme en coton, coupe moderne et style \u00e9l\u00e9gant. \r\nId\u00e9ales pour un look casual chic et un confort parfait au quotidien.","keywords":"chemise homme,chemise casual homme,chemises \u00e9l\u00e9gantes,look casual\u2011chic,pr\u00eat-\u00e0-porter,casual chic,mode masculine,style urbain,v\u00eatements homme tendance,chemise lin coton,style minimaliste,hommes,Tunisie","robots":"index"},"page_name":"category","body_classes":{"lang-fr":true,"lang-rtl":false,"country-TN":true,"currency-TND":true,"layout-left-column":true,"page-category":true,"tax-display-enabled":true,"category-id-111":true,"category-Chemises col boutonn\u00e9":true,"category-id-parent-52":true,"category-depth-level-3":true},"admin_notifications":[]},"shop":{"name":"Bagotti","logo":"\/img\/sarco-logo-1676295706.jpg","stores_icon":"\/img\/logo_stores.png","favicon":"\/img\/favicon.ico"},"urls":{"base_url":"https:\/\/www.bagotti.tn\/","current_url":"https:\/\/www.bagotti.tn\/111-chemises-col-boutonne","shop_domain_url":"https:\/\/www.bagotti.tn","img_ps_url":"https:\/\/www.bagotti.tn\/img\/","img_cat_url":"https:\/\/www.bagotti.tn\/img\/c\/","img_lang_url":"https:\/\/www.bagotti.tn\/img\/l\/","img_prod_url":"https:\/\/www.bagotti.tn\/img\/p\/","img_manu_url":"https:\/\/www.bagotti.tn\/img\/m\/","img_sup_url":"https:\/\/www.bagotti.tn\/img\/su\/","img_ship_url":"https:\/\/www.bagotti.tn\/img\/s\/","img_store_url":"https:\/\/www.bagotti.tn\/img\/st\/","img_col_url":"https:\/\/www.bagotti.tn\/img\/co\/","img_url":"https:\/\/www.bagotti.tn\/themes\/at_nova\/assets\/img\/","css_url":"https:\/\/www.bagotti.tn\/themes\/at_nova\/assets\/css\/","js_url":"https:\/\/www.bagotti.tn\/themes\/at_nova\/assets\/js\/","pic_url":"https:\/\/www.bagotti.tn\/upload\/","pages":{"address":"https:\/\/www.bagotti.tn\/adresse","addresses":"https:\/\/www.bagotti.tn\/adresses","authentication":"https:\/\/www.bagotti.tn\/connexion","cart":"https:\/\/www.bagotti.tn\/panier","category":"https:\/\/www.bagotti.tn\/index.php?controller=category","cms":"https:\/\/www.bagotti.tn\/index.php?controller=cms","contact":"https:\/\/www.bagotti.tn\/nous-contacter","discount":"https:\/\/www.bagotti.tn\/reduction","guest_tracking":"https:\/\/www.bagotti.tn\/suivi-commande-invite","history":"https:\/\/www.bagotti.tn\/historique-commandes","identity":"https:\/\/www.bagotti.tn\/identite","index":"https:\/\/www.bagotti.tn\/","my_account":"https:\/\/www.bagotti.tn\/mon-compte","order_confirmation":"https:\/\/www.bagotti.tn\/confirmation-commande","order_detail":"https:\/\/www.bagotti.tn\/index.php?controller=order-detail","order_follow":"https:\/\/www.bagotti.tn\/suivi-commande","order":"https:\/\/www.bagotti.tn\/commande","order_return":"https:\/\/www.bagotti.tn\/index.php?controller=order-return","order_slip":"https:\/\/www.bagotti.tn\/avoirs","pagenotfound":"https:\/\/www.bagotti.tn\/page-introuvable","password":"https:\/\/www.bagotti.tn\/recuperation-mot-de-passe","pdf_invoice":"https:\/\/www.bagotti.tn\/index.php?controller=pdf-invoice","pdf_order_return":"https:\/\/www.bagotti.tn\/index.php?controller=pdf-order-return","pdf_order_slip":"https:\/\/www.bagotti.tn\/index.php?controller=pdf-order-slip","prices_drop":"https:\/\/www.bagotti.tn\/promotions","product":"https:\/\/www.bagotti.tn\/index.php?controller=product","search":"https:\/\/www.bagotti.tn\/recherche","sitemap":"https:\/\/www.bagotti.tn\/plan du site","stores":"https:\/\/www.bagotti.tn\/magasins","supplier":"https:\/\/www.bagotti.tn\/fournisseur","register":"https:\/\/www.bagotti.tn\/connexion?create_account=1","order_login":"https:\/\/www.bagotti.tn\/commande?login=1"},"alternative_langs":{"fr-fr":"https:\/\/www.bagotti.tn\/111-chemises-col-boutonne"},"theme_assets":"\/themes\/at_nova\/assets\/","actions":{"logout":"https:\/\/www.bagotti.tn\/?mylogout="},"no_picture_image":{"bySize":{"small_default":{"url":"https:\/\/www.bagotti.tn\/img\/p\/fr-default-small_default.jpg","width":98,"height":116},"cart_default":{"url":"https:\/\/www.bagotti.tn\/img\/p\/fr-default-cart_default.jpg","width":135,"height":160},"medium_default":{"url":"https:\/\/www.bagotti.tn\/img\/p\/fr-default-medium_default.jpg","width":239,"height":284},"home_default":{"url":"https:\/\/www.bagotti.tn\/img\/p\/fr-default-home_default.jpg","width":600,"height":713},"category_default":{"url":"https:\/\/www.bagotti.tn\/img\/p\/fr-default-category_default.jpg","width":1200,"height":1425},"large_default":{"url":"https:\/\/www.bagotti.tn\/img\/p\/fr-default-large_default.jpg","width":1200,"height":1425}},"small":{"url":"https:\/\/www.bagotti.tn\/img\/p\/fr-default-small_default.jpg","width":98,"height":116},"medium":{"url":"https:\/\/www.bagotti.tn\/img\/p\/fr-default-home_default.jpg","width":600,"height":713},"large":{"url":"https:\/\/www.bagotti.tn\/img\/p\/fr-default-large_default.jpg","width":1200,"height":1425},"legend":""}},"configuration":{"display_taxes_label":true,"is_catalog":false,"show_prices":true,"opt_in":{"partner":true},"quantity_discount":{"type":"discount","label":"Remise"},"voucher_enabled":0,"return_enabled":1},"field_required":[],"breadcrumb":{"links":[{"title":"Accueil","url":"https:\/\/www.bagotti.tn\/"},{"title":"Chemises et surchemises","url":"https:\/\/www.bagotti.tn\/52-chemises-et-surchemises"},{"title":"Chemises col boutonn\u00e9","url":"https:\/\/www.bagotti.tn\/111-chemises-col-boutonne"}],"count":3},"link":{"protocol_link":"https:\/\/","protocol_content":"https:\/\/"},"time":1765527992,"static_token":"3d3acc0a373307eaaf6a21e6043cf74d","token":"ada12597763dba0197ad31dcfe632965"};
var productcompare_add = "Le produit a \u00e9t\u00e9 ajout\u00e9 \u00e0 la liste comparer";
var productcompare_add_error = "An error occurred while adding. Please try again";
var productcompare_max_item = "Vous ne pouvez pas ajouter plus de 10 produit \u00e0 la comparaison des produits";
var productcompare_remove = "a \u00e9t\u00e9 retir\u00e9 avec succ\u00e8s le produit de la liste comparative";
var productcompare_remove_error = "An error occurred while removing. Please try again";
var productcompare_url = "https:\/\/www.bagotti.tn\/module\/leofeature\/productscompare";
var productcompare_viewlistcompare = "Voir la liste comparer";
var review_error = "An error occurred while processing your request. Please try again";
var show_conf_text = "Show customization";
var show_popup = 1;
var type_dropdown_defaultcart = "dropdown";
var type_flycart_effect = "fade";
var url_ajax = "https:\/\/www.bagotti.tn\/module\/idxrcustomproduct\/ajax?ajax=1";
var width_cart_item = "265";
var wishlist_add = "Le produit a \u00e9t\u00e9 ajout\u00e9 \u00e0 votre liste";
var wishlist_cancel_txt = "Annuler";
var wishlist_confirm_del_txt = "Supprimer l'\u00e9l\u00e9ment s\u00e9lectionn\u00e9?";
var wishlist_del_default_txt = "Impossible de supprimer par d\u00e9faut liste";
var wishlist_email_txt = "Email";
var wishlist_loggin_required = "Vous devez \u00eatre connect\u00e9 pour g\u00e9rer votre liste";
var wishlist_ok_txt = "D'accord";
var wishlist_quantity_required = "Vous devez saisir une quantit\u00e9";
var wishlist_remove = "Le produit a \u00e9t\u00e9 retir\u00e9 de votre liste";
var wishlist_reset_txt = "R\u00e9initialiser";
var wishlist_send_txt = "Envoyer";
var wishlist_send_wishlist_txt = "Envoyer liste";
var wishlist_url = "https:\/\/www.bagotti.tn\/module\/leofeature\/mywishlist";
var wishlist_viewwishlist = "Voir votre liste";
</script>
<script type="text/javascript">
var choosefile_text = "Choisir un fichier";
var turnoff_popup_text = "Ne pas afficher ce popup à nouveau";
var size_item_quickview = 144;
var style_scroll_quickview = 'horizontal';
var size_item_page = 144;
var style_scroll_page = 'horizontal';
var size_item_quickview_attr = 144;
var style_scroll_quickview_attr = 'horizontal';
var size_item_popup = 190;
var style_scroll_popup = 'vertical';
</script>
<script type="text/javascript">
var FancyboxI18nClose = "Fermer";
var FancyboxI18nNext = "Prochain";
var FancyboxI18nPrev = "précédent";
var current_link = "http://www.bagotti.tn/";
var currentURL = window.location;
currentURL = String(currentURL);
currentURL = currentURL.replace("https://","").replace("http://","").replace("www.","").replace( /#\w*/, "" );
current_link = current_link.replace("https://","").replace("http://","").replace("www.","");
var text_warning_select_txt = "S'il vous plaît sélectionner un pour supprimer?";
var text_confirm_remove_txt = "Etes-vous sûr de retirer de pied de page?";
var close_bt_txt = "Fermer";
var list_menu = [];
var list_menu_tmp = {};
var list_tab = [];
var isHomeMenu = 0;
</script><!-- @file modules\appagebuilder\views\templates\hook\header -->
<script>
/**
* List functions will run when document.ready()
*/
var ap_list_functions = [];
/**
* List functions will run when window.load()
*/
var ap_list_functions_loaded = [];
/**
* List functions will run when document.ready() for theme
*/
var products_list_functions = [];
</script>
<script type='text/javascript'>
var leoOption = {
category_qty:1,
product_list_image:1,
product_one_img:1,
productCdown: 1,
productColor: 0,
homeWidth: 600,
homeheight: 713,
}
ap_list_functions.push(function(){
if (typeof $.LeoCustomAjax !== "undefined" && $.isFunction($.LeoCustomAjax)) {
var leoCustomAjax = new $.LeoCustomAjax();
leoCustomAjax.processAjax();
}
});
</script>
</head>
<body id="category" class="lang-fr country-tn currency-tnd layout-left-column page-category tax-display-enabled category-id-111 category-chemises-col-boutonne category-id-parent-52 category-depth-level-3 fullwidth">
<main id="page">
<header id="header">
<div class="header-container">
<div class="header-banner">
<div class="container">
<div class="inner"></div>
</div>
</div>
<nav class="header-nav">
<div class="topnav">
<div class="inner"></div>
</div>
<div class="bottomnav">
<div class="inner"></div>
</div>
</nav>
<div class="header-top">
<div class="inner"><!-- @file modules\appagebuilder\views\templates\hook\ApRow -->
<div class="wrapper" >
<div class="container container-large">
<div class="row header-flex no-margin bloc_menu ApRow has-bg bg-boxed"
data-bg=" no-repeat" style="background: no-repeat;" >
<!-- @file modules\appagebuilder\views\templates\hook\ApColumn -->
<div class="col-xl-2 col-lg-2 col-md-4 col-sm-4 col-xs-7 col-sp-7 center-header no-padding col_logo ApColumn"
>
<!-- @file modules\appagebuilder\views\templates\hook\ApGenCode -->
<a href="https://www.bagotti.tn/"> <img class="logo img-fluid" src="/img/sarco-logo-1676295706.jpg" alt="Bagotti"></a>
</div><!-- @file modules\appagebuilder\views\templates\hook\ApColumn -->
<div class="col-xl-8 col-lg-7 col-md-4 col-sm-3 col-xs-1 col-sp-1 left-header no-padding ApColumn"
>
<!-- @file modules\appagebuilder\views\templates\hook\ApGeneral -->
<div class="block float-xs-left menu-bar ApRawHtml">
<span id="click_show_menu" class="nova-align-left"></span><div class="bg-over-lay"></div> </div><!-- @file modules\appagebuilder\views\templates\hook\ApSlideShow -->
<div id="memgamenu-form_3459683900" class="ApMegamenu">
<nav data-megamenu-id="3459683900" class="leo-megamenu cavas_menu navbar navbar-default disable-canvas" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggler hidden-lg-up" data-toggle="collapse" data-target=".megamenu-off-canvas-3459683900">
<span class="sr-only">Basculer la navigation</span>
☰
<!--
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
-->
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="leo-top-menu collapse navbar-toggleable-md megamenu-off-canvas megamenu-off-canvas-3459683900"><ul class="nav navbar-nav megamenu horizontal"><li class="nav-item parent dropdown" ><a class="nav-link dropdown-toggle has-category" data-toggle="dropdown" href="https://www.bagotti.tn/52-chemises-et-surchemises" target="_self"><span class="menu-title">Chemises </span></a><b class="caret"></b><div class="dropdown-menu level1" ><div class="dropdown-menu-inner"><div class="row"><div class="col-sm-12 mega-col" data-colwidth="12" data-type="menu" ><div class="inner"><ul><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/53-chemises-col-mao" target="_self"><span class="menu-title">Chemises col Mao</span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/57-chemises-col-italien" target="_self"><span class="menu-title">Chemises col italien</span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/111-chemises-col-boutonne" target="_self"><span class="menu-title">Chemises col boutonné</span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/60-chemises-col-club" target="_self"><span class="menu-title">Chemises col club</span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/107-chemises-col-ouvert" target="_self"><span class="menu-title">Chemises col ouvert</span></a></li></ul></div></div></div></div></div></li><li class="nav-item" ><a href="https://www.bagotti.tn/5-chemises-sur-mesure" target="_self" class="nav-link has-category"><span class="menu-title">Chemises sur mesure</span></a></li><li class="nav-item parent dropdown" ><a class="nav-link dropdown-toggle has-category" data-toggle="dropdown" href="https://www.bagotti.tn/72-bas-hommes" target="_self"><span class="menu-title">Bas hommes</span></a><b class="caret"></b><div class="dropdown-menu level1" ><div class="dropdown-menu-inner"><div class="row"><div class="col-sm-12 mega-col" data-colwidth="12" data-type="menu" ><div class="inner"><ul><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/74-bermudas-coton" target="_self"><span class="menu-title">Bermudas Coton</span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/73-bermudas-lin" target="_self"><span class="menu-title">Bermudas lin</span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/76-bermudas-molleton" target="_self"><span class="menu-title">Bermudas Molleton</span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/108-pantalon-d-ete" target="_self"><span class="menu-title">Pantalons d'été</span></a></li><li class="nav-item" ></li></ul></div></div></div></div></div></li><li class="nav-item parent dropdown" ><a class="nav-link dropdown-toggle has-category" data-toggle="dropdown" href="https://www.bagotti.tn/89-coin-hiver" target="_self"><span class="menu-title">Coin hiver</span></a><b class="caret"></b><div class="dropdown-menu level1" ><div class="dropdown-menu-inner"><div class="row"><div class="col-sm-12 mega-col" data-colwidth="12" data-type="menu" ><div class="inner"><ul><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/93-pulls-et-cardigans" target="_self"><span class="menu-title">Pulls et Cardigans</span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/94-blousons-et-doudounes" target="_self"><span class="menu-title">Blousons et doudounes</span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/99-survetements-et-sweats-capuche" target="_self"><span class="menu-title">Survetements </span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/102-gilets-de-costume" target="_self"><span class="menu-title">Gilets de costume</span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/103-blazers" target="_self"><span class="menu-title">Blazers</span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/114-surchemises" target="_self"><span class="menu-title">Surchemises</span></a></li></ul></div></div></div></div></div></li><li class="nav-item parent dropdown" ><a class="nav-link dropdown-toggle has-category" data-toggle="dropdown" href="https://www.bagotti.tn/6-accessoires-et-cadeaux" target="_self"><span class="menu-title">Accessoires et cadeaux</span></a><b class="caret"></b><div class="dropdown-menu level1" ><div class="dropdown-menu-inner"><div class="row"><div class="col-sm-12 mega-col" data-colwidth="12" data-type="menu" ><div class="inner"><ul><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/44-cravates" target="_self"><span class="menu-title">Cravates </span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/77-papillons" target="_self"><span class="menu-title">Noeuds papillon</span></a></li><li class="nav-item icon-new" ><a class="nav-link" href="https://www.bagotti.tn/90-gift-card" target="_self"><span class="menu-title">Gift-Card</span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/91-emballage-cadeaux" target="_self"><span class="menu-title">Emballage Cadeau</span></a></li></ul></div></div></div></div></div></li><li class="nav-item parent dropdown" ><a class="nav-link dropdown-toggle has-category" data-toggle="dropdown" href="https://www.bagotti.tn/98-atelier-cuir-et-chaussures" target="_self"><span class="menu-title">Atelier cuir</span></a><b class="caret"></b><div class="dropdown-menu level1" ><div class="dropdown-menu-inner"><div class="row"><div class="col-sm-12 mega-col" data-colwidth="12" data-type="menu" ><div class="inner"><ul><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/36-chaussures" target="_self"><span class="menu-title">Chaussures</span></a></li><li class="nav-item" ><a class="nav-link" href="https://www.bagotti.tn/43-ceintures" target="_self"><span class="menu-title">Ceintures</span></a></li><li class="nav-item icon-new" ><a class="nav-link" href="https://www.bagotti.tn/84-porte-chequiers" target="_self"><span class="menu-title">Porte-chéquier</span></a></li><li class="nav-item icon-new" ><a class="nav-link" href="https://www.bagotti.tn/106-portefeuilles" target="_self"><span class="menu-title">Portefeuille</span></a></li></ul></div></div></div></div></div></li><li class="nav-item" ><a href="https://www.bagotti.tn/112-bons-plans" target="_self" class="nav-link has-category"><span class="menu-title">Bons plans</span></a></li></ul></div>
</nav>
<script type="text/javascript">
// <![CDATA[
// var type="horizontal";
// checkActiveLink();
// checkTarget();
list_menu_tmp.id = 3459683900;
list_menu_tmp.type = 'horizontal';
// ]]>
// var show_cavas = 0;
list_menu_tmp.show_cavas =0;
list_menu_tmp.list_tab = list_tab;
list_menu.push(list_menu_tmp);
list_menu_tmp = {};
list_tab = {};
</script>
</div>
</div><!-- @file modules\appagebuilder\views\templates\hook\ApColumn -->
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-xs-12 col-sp-12 right-header no-padding ApColumn"
>
<!-- @file modules\appagebuilder\views\templates\hook\ApModule -->
<div class="block-social block links accordion_small_screen">
<h4 class="title_block">Connectez-vous et suivez</h4>
<ul id="footer_block_social">
<li class="facebook"><a href="https://www.facebook.com/fashion.bagotti" title="Facebook" target="_blank"><span>Facebook</span></a></li>
<li class="instagram"><a href="https://www.instagram.com/bagottibagotti/" title="Instagram" target="_blank"><span>Instagram</span></a></li>
</ul>
</div>
<!-- @file modules\appagebuilder\views\templates\hook\ApModule -->
<!-- @file modules\appagebuilder\views\templates\hook\ApModule -->
<div class="dropdown">
<div class="ap-quick-login js-dropdown popup-over">
<a href="javascript:void(0)" class="leo-quickloginleo-dropdown dropdown-toggle popup-title" data-enable-sociallogin="" data-type="dropdown" data-layout="login" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="Connexion rapide" rel="nofollow">
<i class="nova-user"></i>
<span class="text-title hidden-xl-down">Login</span>
</a>
<div class="popup-content dropdown-menu leo-dropdown-wrapper">
<div class="leo-quicklogin-form row dropdown">
<div class="lql-action lql-active">
<div class="lql-action-bt">
<h2 class="lql-bt lql-bt-login lql-active">S'identifier</h2>
</div>
<div class="lql-action-bt">
<h2 class="lql-bt lql-bt-register">S'inscrire</h2>
</div>
</div>
<div class="leo-form leo-login-form col-sm-12 leo-form-active full-width">
<h3 class="leo-login-title">
<span class="title-both">
Connexion au compte existant
</span>
<span class="title-only">
Connectez-vous à votre compte
</span>
</h3>
<form class="lql-form-content leo-login-form-content" action="#" method="post">
<div class="form-group lql-form-mesg has-success">
</div>
<div class="form-group lql-form-mesg has-danger">
</div>
<div class="form-group lql-form-content-element">
<input type="email" class="form-control lql-email-login" name="lql-email-login" required="" placeholder="Adresse e-mail">
</div>
<div class="form-group lql-form-content-element">
<input type="password" class="form-control lql-pass-login" name="lql-pass-login" required="" placeholder="Mot de passe">
</div>
<div class="form-group row lql-form-content-element">
<div class="col-xs-6 remember-sarco">
<input type="checkbox" class="lql-rememberme" name="lql-rememberme">
<label class="form-control-label"><span>Se souvenir de moi</span></label>
</div>
<div class="col-xs-6 text-sm-right forget-sarco">
<a role="button" href="#" class="leoquicklogin-forgotpass">Mot de passe oublié?</a>
</div>
</div>
<div class="form-group text-right">
<button type="submit" class="form-control-submit lql-form-bt lql-login-bt btn btn-primary">
<span class="leoquicklogin-loading leoquicklogin-cssload-speeding-wheel"></span>
<i class="leoquicklogin-icon leoquicklogin-success-icon material-icons"></i>
<i class="leoquicklogin-icon leoquicklogin-fail-icon material-icons"></i>
<span class="lql-bt-txt">
S'identifier
</span>
</button>
</div>
<div class="form-group lql-callregister">
<a role="button" href="#" class="lql-callregister-action">Pas de compte? Créer un ici ?</a>
</div>
</form>
<div class="leo-resetpass-form">
<h3>réinitialiser le mot de passe</h3>
<form class="lql-form-content leo-resetpass-form-content" action="#" method="post">
<div class="form-group lql-form-mesg has-success">
</div>
<div class="form-group lql-form-mesg has-danger">
</div>
<div class="form-group lql-form-content-element">
<input type="email" class="form-control lql-email-reset" name="lql-email-reset" required="" placeholder="Adresse e-mail">
</div>
<div class="form-group">
<button type="submit" class="form-control-submit lql-form-bt leoquicklogin-reset-pass-bt btn btn-primary">
<span class="leoquicklogin-loading leoquicklogin-cssload-speeding-wheel"></span>
<i class="leoquicklogin-icon leoquicklogin-success-icon material-icons"></i>
<i class="leoquicklogin-icon leoquicklogin-fail-icon material-icons"></i>
<span class="lql-bt-txt">
réinitialiser le mot de passe
</span>
</button>
</div>
</form>
</div>
</div>
<div class="leo-form leo-register-form col-sm-12 leo-form-inactive full-width">
<h3 class="leo-register-title">
Nouveau compte
</h3>
<form class="lql-form-content leo-register-form-content" action="#" method="post">
<div class="form-group lql-form-mesg has-success">
</div>
<div class="form-group lql-form-mesg has-danger">
</div>
<div class="form-group lql-form-content-element">
<input type="text" class="form-control lql-register-firstname" name="lql-register-firstname" required="" placeholder="Prénom">
</div>
<div class="form-group lql-form-content-element">
<input type="text" class="form-control lql-register-lastname" name="lql-register-lastname" required="" placeholder="Nom de famille">
</div>
<div class="form-group lql-form-content-element">
<input type="email" class="form-control lql-register-email" name="lql-register-email" required="" placeholder="Adresse e-mail">
</div>
<div class="form-group lql-form-content-element">
<input type="password" class="form-control lql-register-pass" name="lql-register-pass" required="" placeholder="Mot de passe">
</div>
<div class="form-group text-right">
<button type="submit" class="form-control-submit lql-form-bt lql-register-bt btn btn-primary">
<span class="leoquicklogin-loading leoquicklogin-cssload-speeding-wheel"></span>
<i class="leoquicklogin-icon leoquicklogin-success-icon material-icons"></i>
<i class="leoquicklogin-icon leoquicklogin-fail-icon material-icons"></i>
<span class="lql-bt-txt">
Créer un compte
</span>
</button>
</div>
<div class="form-group lql-calllogin">
<div>Vous avez déjà un compte?</div>
<a role="button" href="#" class="lql-calllogin-action">Connectez-vous </a>
Ou
<a role="button" href="#" class="lql-calllogin-action lql-callreset-action">Réinitialiser le mot de passe</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- @file modules\appagebuilder\views\templates\hook\ApModule -->
<div class="userinfo-selector popup-over pull-right e-scale"> <ul class="popup-content dropdown-menu user-info">
<li>
<a
class="signin leo-quicklogin"
data-enable-sociallogin="enable"
data-type="popup"
data-layout="login"
href="javascript:void(0)"
title="Identifiez-vous"
rel="nofollow"
>
<i class="fa fa-unlock-alt"></i>
<span>Connexion</span>
</a>
</li>
<li>
<a
class="myacount dropdown-item"
href="https://www.bagotti.tn/mon-compte"
title="Mon compte"
rel="nofollow"
>
<i class="fa fa-user"></i>
<span>Mon compte</span>
</a>
</li>
<li>
<a
class="checkout dropdown-item"
href="//www.bagotti.tn/panier?action=show"
title="Caisse"
rel="nofollow"
>
<i class="fa fa-sign-out" aria-hidden="true"></i>
<span>Commander</span>
</a>
</li>
<li>
<a
class="ap-btn-wishlist dropdown-item"
href="//www.bagotti.tn/module/leofeature/mywishlist"
title="Favoris"
rel="nofollow"
>
<i class="fa fa-heart-o"></i>
<span>Favoris</span>
<span class="ap-total-wishlist ap-total"></span>
</a> </li>
</ul>
</div><!-- @file modules\appagebuilder\views\templates\hook\ApGenCode -->
<ul class="button-list"> <li> <a class="ap-btn-wishlist" href="//www.bagotti.tn/module/leofeature/mywishlist" title="Favoris" rel="nofollow"> <i class="nova-heart"></i> <span class="ap-total-wishlist ap-total"></span> </a> </li></ul>
<!-- @file modules\appagebuilder\views\templates\hook\ApModule -->
<div id="cart-block">
<div class="blockcart cart-preview inactive" data-refresh-url="//www.bagotti.tn/module/ps_shoppingcart/ajax">
<div class="header">
<span class="title_cart">Chariot</span>
<i class="nova-shopping-cart"></i>
<div class="cart-quantity">
<span class="cart-products-count">0<span class="cart-unit hidden-xl-down"> articles</span></span>
</div>
<div class="mini_card">
<span>Votre carte est actuellement vide.</span>
</div>
</div>
</div>
</div>
</div> </div>
</div>
</div>
<!-- Block search module TOP -->
<div id="search_widget" class="search-widget" data-search-controller-url="//www.bagotti.tn/recherche">
<a id="click_show_search" href="javascript:void(0)" data-toggle="dropdown" class="float-xs-right popup-title">
<i class="nova-search"></i>
</a>
<span class="close-overlay"><i class="material-icons"></i></span>
<div class="over-layer"></div>
<div class="block-form clearfix">
<span class="search-caption">Il suffit de commencer à chercher ...</span>
<form method="get" class="form-search" action="//www.bagotti.tn/recherche">
<input type="hidden" name="controller" value="search">
<input class="search_query" type="text" name="s" value="" placeholder="Rechercher">
<button class="search-button" type="submit" >
<i class="nova-search"></i>
</button>
</form>
</div>
</div>
<!-- /Block search module TOP -->
</div>
</div>
</div>
</header>
<aside id="notifications">
<div class="container">
</div>
</aside>
<section id="wrapper">
<nav data-depth="3" class="breadcrumb hidden-sm-down">
<div class="container container-large">
<div class="box-breadcrumb">
<h1 class="h1 category-name">Chemises col boutonné</h1>
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="https://www.bagotti.tn/">
<span itemprop="name">Accueil</span>
</a>
<meta itemprop="position" content="1">
</li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="https://www.bagotti.tn/52-chemises-et-surchemises">
<span itemprop="name">Chemises et surchemises</span>
</a>
<meta itemprop="position" content="2">
</li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="https://www.bagotti.tn/111-chemises-col-boutonne">
<span itemprop="name">Chemises col boutonné</span>
</a>
<meta itemprop="position" content="3">
</li>
</ol>
</div>
</div>
</nav>
<div class="container container-large" id="">
<div class="row">
<div id="left-column" class="sidebar col-xs-12 col-sm-12 col-md-4 col-lg-3">
<div class="block-categories block block-highlighted hidden-sm-down">
<h4 class="title_block"><a href="https://www.bagotti.tn/111-chemises-col-boutonne">Chemises col boutonné</a></h4>
<div class="block_content">
<ul class="category-top-menu">
<li>
</li>
</ul>
</div>
</div>
<div id="search_filters_wrapper" class="hidden-sm-down">
<div id="search_filter_controls" class="hidden-md-up">
<span id="_mobile_search_filters_clear_all"></span>
<button class="btn btn-secondary ok">
<i class="material-icons rtl-no-flip"></i>
ok
</button>
</div>
</div>
</div>
<div id="content-wrapper" class="left-column col-xs-12 col-sm-12 col-md-8 col-lg-9">
<section id="main">
<div id="js-product-list-header">
<div class="block-category card card-block">
<h1 class="h1">Chemises col boutonné</h1>
<div id="category-description" class="text-muted"><p>Découvrez notre collection de chemises col boutonné homme : élégance moderne et confort, idéal pour toutes les occasions.</p>
<p>Style casual ou chic, coton respirant, coupe parfaite — la chemise homme intemporelle pour affirmer votre allure.</p></div>
<div class="category-cover">
<img src="https://www.bagotti.tn/c/111-category_default/chemises-col-boutonne.jpg" alt="Chemises col Boutonné - Homme - Tunisie">
</div>
</div>
</div>
<section id="products">
<div id="">
<div id="js-product-list-top" class="products-selection">
<div class="row">
<div class="col-lg-6 col-md-3 hidden-sm-down total-products">
<div class="display">
<div id="grid" class="leo_grid selected"><a rel="nofollow" href="#" title="la grille"><i class="fa fa-th" aria-hidden="true"></i></a></div>
<div id="list" class="leo_list"><a rel="nofollow" href="#" title="liste"><i class="fa fa-list-ul" aria-hidden="true"></i></a></div>
</div>
<p class="products-counter hidden-md-down">Il y a 8 produits.</p>
</div>
<div class="col-lg-6 col-md-9">
<div class="row sort-by-row">
<span class="col-sm-4 col-md-4 col-lg-4 hidden-md-down sort-by">Trier par :</span>
<div class="col-sm-12 col-xs-12 col-md-12 col-lg-8 products-sort-order dropdown">
<button
class="btn-unstyle select-title"
rel="nofollow"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false">
Pertinence <i class="material-icons float-xs-right"></i>
</button>
<div class="dropdown-menu">
<a
rel="nofollow"
href="https://www.bagotti.tn/111-chemises-col-boutonne?order=product.sales.desc"
class="select-list js-search-link"
>
Best sellers
</a>
<a
rel="nofollow"
href="https://www.bagotti.tn/111-chemises-col-boutonne?order=product.position.asc"
class="select-list current js-search-link"
>
Pertinence
</a>
<a
rel="nofollow"
href="https://www.bagotti.tn/111-chemises-col-boutonne?order=product.name.asc"
class="select-list js-search-link"
>
Nom, A à Z
</a>
<a
rel="nofollow"
href="https://www.bagotti.tn/111-chemises-col-boutonne?order=product.name.desc"
class="select-list js-search-link"
>
Nom, Z à A
</a>
<a
rel="nofollow"
href="https://www.bagotti.tn/111-chemises-col-boutonne?order=product.price.asc"
class="select-list js-search-link"
>
Prix, croissant
</a>
<a
rel="nofollow"
href="https://www.bagotti.tn/111-chemises-col-boutonne?order=product.price.desc"
class="select-list js-search-link"
>
Prix, décroissant
</a>
</div>
</div>
</div>
</div>
<div class="col-sm-12 hidden-lg-up text-xs-center showing">
Affichage 1-8 de 8 article(s)
</div>
</div>
</div>
</div>
<div id="" class="hidden-sm-down">
<section id="js-active-search-filters" class="hide">
<p class="h6 hidden-xs-up">Filtres actifs</p>
</section>
</div>
<div id="">
<div id="js-product-list">
<div class="products">
<!-- Products list -->
<div class="product_list grid plist-default-1">
<div class="row">
<div class="ajax_block_product col-sp-12 col-xs-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 first-in-line first-item-of-tablet-line first-item-of-mobile-line">
<article class="product-miniature js-product-miniature" data-id-product="823" data-id-product-attribute="4181" itemscope itemtype="http://schema.org/Product">
<div class="thumbnail-container">
<div class="product-image">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<a href="https://www.bagotti.tn/chemises-col-boutonne/823-4181-chemise-boutonne.html#/4-taille-xl/14-couleur-bleu/88-type_de_produit-chemise" class="thumbnail product-thumbnail">
<img
class="img-fluid"
src = "https://www.bagotti.tn/2854-large_default/chemise-boutonne.jpg"
alt = "CHEMISE IMPRIMEE DEMI MANCHES"
data-full-size-image-url = "https://www.bagotti.tn/2854-large_default/chemise-boutonne.jpg"
>
<span class="product-additional" data-idproduct="823"></span>
<div class="product-price-and-shipping ddd">
<span class="discount-percentage">-50%</span>
</div>
</a>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<ul class="product-flags">
<li class="product-flag on-sale">Promo !</li>
</ul>
<div class="functional-buttons clearfix">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="wishlist">
<a class="leo-wishlist-button btn-product btn" href="#" data-id-wishlist="" data-id-product="823" data-id-product-attribute="4181" title="Ajouter à ma liste">
<span class="leo-wishlist-bt-loading cssload-speeding-wheel"></span>
<span class="leo-wishlist-bt-content">
<i class="nova-heart"></i>
<!--span class="btn-title">Ajouter à ma liste</span-->
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="button-container cart">
<form action="https://www.bagotti.tn/panier" method="post">
<input type="hidden" name="token" value="3d3acc0a373307eaaf6a21e6043cf74d">
<input type="hidden" value="1" class="quantity_product quantity_product_823" name="quantity_product">
<input type="hidden" value="1" class="minimal_quantity minimal_quantity_823" name="minimal_quantity">
<input type="hidden" value="4181" class="id_product_attribute id_product_attribute_823" name="id_product_attribute">
<input type="hidden" value="823" class="id_product" name="id_product">
<input type="hidden" name="id_customization" value="" class="product_customization_id">
<input type="hidden" class="input-group form-control qty qty_product qty_product_823" name="qty" value="1" data-min="1">
<button class="btn btn-primary btn-product add-to-cart leo-bt-cart leo-bt-cart_823" data-button-action="add-to-cart" type="submit">
<span class="leo-loading cssload-speeding-wheel"></span>
<span class="leo-bt-cart-content">
<i class="nova-shopping-cart"></i>
<span class="btn-title">Ajouter au panier</span>
</span>
</button>
</form>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="quickview hidden-sm-down">
<a
href="#"
class="quick-view btn-product btn"
data-link-action="quickview"
>
<span class="leo-quickview-bt-loading cssload-speeding-wheel"></span>
<span class="leo-quickview-bt-content">
<i class="nova-maximize-2"></i>
<span class="btn-title">Aperçu rapide</span>
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="compare">
<a class="leo-compare-button btn-product btn" href="#" data-id-product="823" title="Ajouter pour comparer">
<span class="leo-compare-bt-loading cssload-speeding-wheel"></span>
<span class="leo-compare-bt-content">
<i class="nova-shuffle"></i>
<span class="btn-title">Ajouter à comparer</span>
</span>
</a>
</div>
</div></div>
<div class="product-meta">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<h3 class="h3 product-title" itemprop="name"><a href="https://www.bagotti.tn/chemises-col-boutonne/823-4181-chemise-boutonne.html#/4-taille-xl/14-couleur-bleu/88-type_de_produit-chemise">CHEMISE IMPRIMEE DEMI MANCHES</a></h3>
<!-- @file modulesappagebuilderviewstemplatesfrontproductsfile_tpl -->
<div class="product-price-and-shipping has_discount">
<span class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="priceCurrency" content="TND"></span><span itemprop="price" content="29.95">29,950 DT</span>
</span>
<span class="regular-price">59,900 DT</span>
<span class="discount-percentage">-50%</span>
</div>
<div class="highlighted-informations hidden-sm-down">
<div class="variant-links">
<a href="https://www.bagotti.tn/chemises-col-boutonne/823-4181-chemise-boutonne.html#/4-taille-xl/14-couleur-bleu/88-type_de_produit-chemise"
class="color"
title="Bleu"
style="background-color: #5D9CEC" ><span class="sr-only">Bleu</span></a>
<span class="js-count count"></span>
</div>
</div>
<div class="product-description-short" itemprop="description"></div>
</div>
</div>
</article>
</div>
<div class="ajax_block_product col-sp-12 col-xs-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 last-item-of-tablet-line last-item-of-mobile-line">
<article class="product-miniature js-product-miniature" data-id-product="825" data-id-product-attribute="4082" itemscope itemtype="http://schema.org/Product">
<div class="thumbnail-container">
<div class="product-image">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<a href="https://www.bagotti.tn/chemises-col-boutonne/825-4082-chemise-boutonne.html#/1-taille-s/18-couleur-rose/88-type_de_produit-chemise" class="thumbnail product-thumbnail">
<img
class="img-fluid"
src = "https://www.bagotti.tn/2819-large_default/chemise-boutonne.jpg"
alt = "Chemise unie demi manches"
data-full-size-image-url = "https://www.bagotti.tn/2819-large_default/chemise-boutonne.jpg"
>
<span class="product-additional" data-idproduct="825"></span>
<div class="product-price-and-shipping ddd">
<span class="discount-percentage">-50%</span>
</div>
</a>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<ul class="product-flags">
<li class="product-flag on-sale">Promo !</li>
</ul>
<div class="functional-buttons clearfix">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="wishlist">
<a class="leo-wishlist-button btn-product btn" href="#" data-id-wishlist="" data-id-product="825" data-id-product-attribute="4082" title="Ajouter à ma liste">
<span class="leo-wishlist-bt-loading cssload-speeding-wheel"></span>
<span class="leo-wishlist-bt-content">
<i class="nova-heart"></i>
<!--span class="btn-title">Ajouter à ma liste</span-->
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="button-container cart">
<form action="https://www.bagotti.tn/panier" method="post">
<input type="hidden" name="token" value="3d3acc0a373307eaaf6a21e6043cf74d">
<input type="hidden" value="2" class="quantity_product quantity_product_825" name="quantity_product">
<input type="hidden" value="1" class="minimal_quantity minimal_quantity_825" name="minimal_quantity">
<input type="hidden" value="4082" class="id_product_attribute id_product_attribute_825" name="id_product_attribute">
<input type="hidden" value="825" class="id_product" name="id_product">
<input type="hidden" name="id_customization" value="" class="product_customization_id">
<input type="hidden" class="input-group form-control qty qty_product qty_product_825" name="qty" value="1" data-min="1">
<button class="btn btn-primary btn-product add-to-cart leo-bt-cart leo-bt-cart_825" data-button-action="add-to-cart" type="submit">
<span class="leo-loading cssload-speeding-wheel"></span>
<span class="leo-bt-cart-content">
<i class="nova-shopping-cart"></i>
<span class="btn-title">Ajouter au panier</span>
</span>
</button>
</form>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="quickview hidden-sm-down">
<a
href="#"
class="quick-view btn-product btn"
data-link-action="quickview"
>
<span class="leo-quickview-bt-loading cssload-speeding-wheel"></span>
<span class="leo-quickview-bt-content">
<i class="nova-maximize-2"></i>
<span class="btn-title">Aperçu rapide</span>
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="compare">
<a class="leo-compare-button btn-product btn" href="#" data-id-product="825" title="Ajouter pour comparer">
<span class="leo-compare-bt-loading cssload-speeding-wheel"></span>
<span class="leo-compare-bt-content">
<i class="nova-shuffle"></i>
<span class="btn-title">Ajouter à comparer</span>
</span>
</a>
</div>
</div></div>
<div class="product-meta">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<h3 class="h3 product-title" itemprop="name"><a href="https://www.bagotti.tn/chemises-col-boutonne/825-4082-chemise-boutonne.html#/1-taille-s/18-couleur-rose/88-type_de_produit-chemise">Chemise unie demi manches</a></h3>
<!-- @file modulesappagebuilderviewstemplatesfrontproductsfile_tpl -->
<div class="product-price-and-shipping has_discount">
<span class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="priceCurrency" content="TND"></span><span itemprop="price" content="29.95">29,950 DT</span>
</span>
<span class="regular-price">59,900 DT</span>
<span class="discount-percentage">-50%</span>
</div>
<div class="highlighted-informations hidden-sm-down">
<div class="variant-links">
<a href="https://www.bagotti.tn/chemises-col-boutonne/825-4082-chemise-boutonne.html#/1-taille-s/18-couleur-rose/88-type_de_produit-chemise"
class="color"
title="Rose"
style="background-color: #FCCACD" ><span class="sr-only">Rose</span></a>
<span class="js-count count"></span>
</div>
</div>
<div class="product-description-short" itemprop="description"></div>
</div>
</div>
</article>
</div>
<div class="ajax_block_product col-sp-12 col-xs-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 last-in-line first-item-of-tablet-line first-item-of-mobile-line">
<article class="product-miniature js-product-miniature" data-id-product="826" data-id-product-attribute="4087" itemscope itemtype="http://schema.org/Product">
<div class="thumbnail-container">
<div class="product-image">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<a href="https://www.bagotti.tn/chemises-col-boutonne/826-4087-chemise-boutonne.html#/1-taille-s/66-couleur-bleu_ciel/88-type_de_produit-chemise" class="thumbnail product-thumbnail">
<img
class="img-fluid"
src = "https://www.bagotti.tn/2820-large_default/chemise-boutonne.jpg"
alt = "Chemise unie demi manches"
data-full-size-image-url = "https://www.bagotti.tn/2820-large_default/chemise-boutonne.jpg"
>
<span class="product-additional" data-idproduct="826"></span>
<div class="product-price-and-shipping ddd">
<span class="discount-percentage">-50%</span>
</div>
</a>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<ul class="product-flags">
<li class="product-flag on-sale">Promo !</li>
</ul>
<div class="functional-buttons clearfix">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="wishlist">
<a class="leo-wishlist-button btn-product btn" href="#" data-id-wishlist="" data-id-product="826" data-id-product-attribute="4087" title="Ajouter à ma liste">
<span class="leo-wishlist-bt-loading cssload-speeding-wheel"></span>
<span class="leo-wishlist-bt-content">
<i class="nova-heart"></i>
<!--span class="btn-title">Ajouter à ma liste</span-->
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="button-container cart">
<form action="https://www.bagotti.tn/panier" method="post">
<input type="hidden" name="token" value="3d3acc0a373307eaaf6a21e6043cf74d">
<input type="hidden" value="3" class="quantity_product quantity_product_826" name="quantity_product">
<input type="hidden" value="1" class="minimal_quantity minimal_quantity_826" name="minimal_quantity">
<input type="hidden" value="4087" class="id_product_attribute id_product_attribute_826" name="id_product_attribute">
<input type="hidden" value="826" class="id_product" name="id_product">
<input type="hidden" name="id_customization" value="" class="product_customization_id">
<input type="hidden" class="input-group form-control qty qty_product qty_product_826" name="qty" value="1" data-min="1">
<button class="btn btn-primary btn-product add-to-cart leo-bt-cart leo-bt-cart_826" data-button-action="add-to-cart" type="submit">
<span class="leo-loading cssload-speeding-wheel"></span>
<span class="leo-bt-cart-content">
<i class="nova-shopping-cart"></i>
<span class="btn-title">Ajouter au panier</span>
</span>
</button>
</form>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="quickview hidden-sm-down">
<a
href="#"
class="quick-view btn-product btn"
data-link-action="quickview"
>
<span class="leo-quickview-bt-loading cssload-speeding-wheel"></span>
<span class="leo-quickview-bt-content">
<i class="nova-maximize-2"></i>
<span class="btn-title">Aperçu rapide</span>
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="compare">
<a class="leo-compare-button btn-product btn" href="#" data-id-product="826" title="Ajouter pour comparer">
<span class="leo-compare-bt-loading cssload-speeding-wheel"></span>
<span class="leo-compare-bt-content">
<i class="nova-shuffle"></i>
<span class="btn-title">Ajouter à comparer</span>
</span>
</a>
</div>
</div></div>
<div class="product-meta">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<h3 class="h3 product-title" itemprop="name"><a href="https://www.bagotti.tn/chemises-col-boutonne/826-4087-chemise-boutonne.html#/1-taille-s/66-couleur-bleu_ciel/88-type_de_produit-chemise">Chemise unie demi manches</a></h3>
<!-- @file modulesappagebuilderviewstemplatesfrontproductsfile_tpl -->
<div class="product-price-and-shipping has_discount">
<span class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="priceCurrency" content="TND"></span><span itemprop="price" content="29.95">29,950 DT</span>
</span>
<span class="regular-price">59,900 DT</span>
<span class="discount-percentage">-50%</span>
</div>
<div class="highlighted-informations hidden-sm-down">
<div class="variant-links">
<a href="https://www.bagotti.tn/chemises-col-boutonne/826-4087-chemise-boutonne.html#/1-taille-s/66-couleur-bleu_ciel/88-type_de_produit-chemise"
class="color"
title="Bleu ciel"
style="background-color: #b1e2ff" ><span class="sr-only">Bleu ciel</span></a>
<span class="js-count count"></span>
</div>
</div>
<div class="product-description-short" itemprop="description"></div>
</div>
</div>
</article>
</div>
<div class="ajax_block_product col-sp-12 col-xs-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 first-in-line last-item-of-tablet-line last-item-of-mobile-line">
<article class="product-miniature js-product-miniature" data-id-product="828" data-id-product-attribute="4067" itemscope itemtype="http://schema.org/Product">
<div class="thumbnail-container">
<div class="product-image">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<a href="https://www.bagotti.tn/chemises-col-boutonne/828-4067-chemise-boutonne.html#/1-taille-s/14-couleur-bleu/88-type_de_produit-chemise" class="thumbnail product-thumbnail">
<img
class="img-fluid"
src = "https://www.bagotti.tn/2816-large_default/chemise-boutonne.jpg"
alt = "Chemise vichy demi manches"
data-full-size-image-url = "https://www.bagotti.tn/2816-large_default/chemise-boutonne.jpg"
>
<span class="product-additional" data-idproduct="828"></span>
<div class="product-price-and-shipping ddd">
<span class="discount-percentage">-50%</span>
</div>
</a>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<ul class="product-flags">
<li class="product-flag on-sale">Promo !</li>
</ul>
<div class="functional-buttons clearfix">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="wishlist">
<a class="leo-wishlist-button btn-product btn" href="#" data-id-wishlist="" data-id-product="828" data-id-product-attribute="4067" title="Ajouter à ma liste">
<span class="leo-wishlist-bt-loading cssload-speeding-wheel"></span>
<span class="leo-wishlist-bt-content">
<i class="nova-heart"></i>
<!--span class="btn-title">Ajouter à ma liste</span-->
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="button-container cart">
<form action="https://www.bagotti.tn/panier" method="post">
<input type="hidden" name="token" value="3d3acc0a373307eaaf6a21e6043cf74d">
<input type="hidden" value="1" class="quantity_product quantity_product_828" name="quantity_product">
<input type="hidden" value="1" class="minimal_quantity minimal_quantity_828" name="minimal_quantity">
<input type="hidden" value="4067" class="id_product_attribute id_product_attribute_828" name="id_product_attribute">
<input type="hidden" value="828" class="id_product" name="id_product">
<input type="hidden" name="id_customization" value="" class="product_customization_id">
<input type="hidden" class="input-group form-control qty qty_product qty_product_828" name="qty" value="1" data-min="1">
<button class="btn btn-primary btn-product add-to-cart leo-bt-cart leo-bt-cart_828" data-button-action="add-to-cart" type="submit">
<span class="leo-loading cssload-speeding-wheel"></span>
<span class="leo-bt-cart-content">
<i class="nova-shopping-cart"></i>
<span class="btn-title">Ajouter au panier</span>
</span>
</button>
</form>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="quickview hidden-sm-down">
<a
href="#"
class="quick-view btn-product btn"
data-link-action="quickview"
>
<span class="leo-quickview-bt-loading cssload-speeding-wheel"></span>
<span class="leo-quickview-bt-content">
<i class="nova-maximize-2"></i>
<span class="btn-title">Aperçu rapide</span>
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="compare">
<a class="leo-compare-button btn-product btn" href="#" data-id-product="828" title="Ajouter pour comparer">
<span class="leo-compare-bt-loading cssload-speeding-wheel"></span>
<span class="leo-compare-bt-content">
<i class="nova-shuffle"></i>
<span class="btn-title">Ajouter à comparer</span>
</span>
</a>
</div>
</div></div>
<div class="product-meta">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<h3 class="h3 product-title" itemprop="name"><a href="https://www.bagotti.tn/chemises-col-boutonne/828-4067-chemise-boutonne.html#/1-taille-s/14-couleur-bleu/88-type_de_produit-chemise">Chemise vichy demi manches</a></h3>
<!-- @file modulesappagebuilderviewstemplatesfrontproductsfile_tpl -->
<div class="product-price-and-shipping has_discount">
<span class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="priceCurrency" content="TND"></span><span itemprop="price" content="29.5">29,500 DT</span>
</span>
<span class="regular-price">59,000 DT</span>
<span class="discount-percentage">-50%</span>
</div>
<div class="highlighted-informations hidden-sm-down">
<div class="variant-links">
<a href="https://www.bagotti.tn/chemises-col-boutonne/828-4067-chemise-boutonne.html#/1-taille-s/14-couleur-bleu/88-type_de_produit-chemise"
class="color"
title="Bleu"
style="background-color: #5D9CEC" ><span class="sr-only">Bleu</span></a>
<span class="js-count count"></span>
</div>
</div>
<div class="product-description-short" itemprop="description"></div>
</div>
</div>
</article>
</div>
<div class="ajax_block_product col-sp-12 col-xs-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 first-item-of-tablet-line first-item-of-mobile-line">
<article class="product-miniature js-product-miniature" data-id-product="829" data-id-product-attribute="4105" itemscope itemtype="http://schema.org/Product">
<div class="thumbnail-container">
<div class="product-image">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<a href="https://www.bagotti.tn/chemises-col-boutonne/829-4105-chemise-boutonne.html#/4-taille-xl/88-type_de_produit-chemise/153-couleur-bleu_gris" class="thumbnail product-thumbnail">
<img
class="img-fluid"
src = "https://www.bagotti.tn/2817-large_default/chemise-boutonne.jpg"
alt = "Chemise imprimée demi manches"
data-full-size-image-url = "https://www.bagotti.tn/2817-large_default/chemise-boutonne.jpg"
>
<span class="product-additional" data-idproduct="829"></span>
<div class="product-price-and-shipping ddd">
<span class="discount-percentage">-50%</span>
</div>
</a>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<ul class="product-flags">
<li class="product-flag on-sale">Promo !</li>
</ul>
<div class="functional-buttons clearfix">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="wishlist">
<a class="leo-wishlist-button btn-product btn" href="#" data-id-wishlist="" data-id-product="829" data-id-product-attribute="4105" title="Ajouter à ma liste">
<span class="leo-wishlist-bt-loading cssload-speeding-wheel"></span>
<span class="leo-wishlist-bt-content">
<i class="nova-heart"></i>
<!--span class="btn-title">Ajouter à ma liste</span-->
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="button-container cart">
<form action="https://www.bagotti.tn/panier" method="post">
<input type="hidden" name="token" value="3d3acc0a373307eaaf6a21e6043cf74d">
<input type="hidden" value="1" class="quantity_product quantity_product_829" name="quantity_product">
<input type="hidden" value="1" class="minimal_quantity minimal_quantity_829" name="minimal_quantity">
<input type="hidden" value="4105" class="id_product_attribute id_product_attribute_829" name="id_product_attribute">
<input type="hidden" value="829" class="id_product" name="id_product">
<input type="hidden" name="id_customization" value="" class="product_customization_id">
<input type="hidden" class="input-group form-control qty qty_product qty_product_829" name="qty" value="1" data-min="1">
<button class="btn btn-primary btn-product add-to-cart leo-bt-cart leo-bt-cart_829" data-button-action="add-to-cart" type="submit">
<span class="leo-loading cssload-speeding-wheel"></span>
<span class="leo-bt-cart-content">
<i class="nova-shopping-cart"></i>
<span class="btn-title">Ajouter au panier</span>
</span>
</button>
</form>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="quickview hidden-sm-down">
<a
href="#"
class="quick-view btn-product btn"
data-link-action="quickview"
>
<span class="leo-quickview-bt-loading cssload-speeding-wheel"></span>
<span class="leo-quickview-bt-content">
<i class="nova-maximize-2"></i>
<span class="btn-title">Aperçu rapide</span>
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="compare">
<a class="leo-compare-button btn-product btn" href="#" data-id-product="829" title="Ajouter pour comparer">
<span class="leo-compare-bt-loading cssload-speeding-wheel"></span>
<span class="leo-compare-bt-content">
<i class="nova-shuffle"></i>
<span class="btn-title">Ajouter à comparer</span>
</span>
</a>
</div>
</div></div>
<div class="product-meta">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<h3 class="h3 product-title" itemprop="name"><a href="https://www.bagotti.tn/chemises-col-boutonne/829-4105-chemise-boutonne.html#/4-taille-xl/88-type_de_produit-chemise/153-couleur-bleu_gris">Chemise imprimée demi manches</a></h3>
<!-- @file modulesappagebuilderviewstemplatesfrontproductsfile_tpl -->
<div class="product-price-and-shipping has_discount">
<span class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="priceCurrency" content="TND"></span><span itemprop="price" content="29.95">29,950 DT</span>
</span>
<span class="regular-price">59,900 DT</span>
<span class="discount-percentage">-50%</span>
</div>
<div class="highlighted-informations hidden-sm-down">
<div class="variant-links">
<a href="https://www.bagotti.tn/chemises-col-boutonne/829-4105-chemise-boutonne.html#/4-taille-xl/88-type_de_produit-chemise/153-couleur-bleu_gris"
class="color"
title="Bleu gris"
style="background-image: url(/img/co/153.jpg)" ><span class="sr-only">Bleu gris</span></a>
<span class="js-count count"></span>
</div>
</div>
<div class="product-description-short" itemprop="description"></div>
</div>
</div>
</article>
</div>
<div class="ajax_block_product col-sp-12 col-xs-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 last-in-line last-item-of-tablet-line last-item-of-mobile-line">
<article class="product-miniature js-product-miniature" data-id-product="836" data-id-product-attribute="3628" itemscope itemtype="http://schema.org/Product">
<div class="thumbnail-container">
<div class="product-image">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<a href="https://www.bagotti.tn/chemises-col-boutonne/836-3628-chemise-boutonne.html#/1-taille-s/47-couleur-bleu_marine/88-type_de_produit-chemise" class="thumbnail product-thumbnail">
<img
class="img-fluid"
src = "https://www.bagotti.tn/2797-large_default/chemise-boutonne.jpg"
alt = "Chemise imprimée demi manches"
data-full-size-image-url = "https://www.bagotti.tn/2797-large_default/chemise-boutonne.jpg"
>
<span class="product-additional" data-idproduct="836"></span>
<div class="product-price-and-shipping ddd">
<span class="discount-percentage">-50%</span>
</div>
</a>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<ul class="product-flags">
<li class="product-flag on-sale">Promo !</li>
</ul>
<div class="functional-buttons clearfix">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="wishlist">
<a class="leo-wishlist-button btn-product btn" href="#" data-id-wishlist="" data-id-product="836" data-id-product-attribute="3628" title="Ajouter à ma liste">
<span class="leo-wishlist-bt-loading cssload-speeding-wheel"></span>
<span class="leo-wishlist-bt-content">
<i class="nova-heart"></i>
<!--span class="btn-title">Ajouter à ma liste</span-->
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="button-container cart">
<form action="https://www.bagotti.tn/panier" method="post">
<input type="hidden" name="token" value="3d3acc0a373307eaaf6a21e6043cf74d">
<input type="hidden" value="2" class="quantity_product quantity_product_836" name="quantity_product">
<input type="hidden" value="1" class="minimal_quantity minimal_quantity_836" name="minimal_quantity">
<input type="hidden" value="3628" class="id_product_attribute id_product_attribute_836" name="id_product_attribute">
<input type="hidden" value="836" class="id_product" name="id_product">
<input type="hidden" name="id_customization" value="" class="product_customization_id">
<input type="hidden" class="input-group form-control qty qty_product qty_product_836" name="qty" value="1" data-min="1">
<button class="btn btn-primary btn-product add-to-cart leo-bt-cart leo-bt-cart_836" data-button-action="add-to-cart" type="submit">
<span class="leo-loading cssload-speeding-wheel"></span>
<span class="leo-bt-cart-content">
<i class="nova-shopping-cart"></i>
<span class="btn-title">Ajouter au panier</span>
</span>
</button>
</form>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="quickview hidden-sm-down">
<a
href="#"
class="quick-view btn-product btn"
data-link-action="quickview"
>
<span class="leo-quickview-bt-loading cssload-speeding-wheel"></span>
<span class="leo-quickview-bt-content">
<i class="nova-maximize-2"></i>
<span class="btn-title">Aperçu rapide</span>
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="compare">
<a class="leo-compare-button btn-product btn" href="#" data-id-product="836" title="Ajouter pour comparer">
<span class="leo-compare-bt-loading cssload-speeding-wheel"></span>
<span class="leo-compare-bt-content">
<i class="nova-shuffle"></i>
<span class="btn-title">Ajouter à comparer</span>
</span>
</a>
</div>
</div></div>
<div class="product-meta">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<h3 class="h3 product-title" itemprop="name"><a href="https://www.bagotti.tn/chemises-col-boutonne/836-3628-chemise-boutonne.html#/1-taille-s/47-couleur-bleu_marine/88-type_de_produit-chemise">Chemise imprimée demi manches</a></h3>
<!-- @file modulesappagebuilderviewstemplatesfrontproductsfile_tpl -->
<div class="product-price-and-shipping has_discount">
<span class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="priceCurrency" content="TND"></span><span itemprop="price" content="29.95">29,950 DT</span>
</span>
<span class="regular-price">59,900 DT</span>
<span class="discount-percentage">-50%</span>
</div>
<div class="highlighted-informations hidden-sm-down">
<div class="variant-links">
<a href="https://www.bagotti.tn/chemises-col-boutonne/836-3627-chemise-boutonne.html#/2-taille-m/47-couleur-bleu_marine/88-type_de_produit-chemise"
class="color"
title="Bleu marine"
style="background-color: #0c0058" ><span class="sr-only">Bleu marine</span></a>
<span class="js-count count"></span>
</div>
</div>
<div class="product-description-short" itemprop="description"></div>
</div>
</div>
</article>
</div>
<div class="ajax_block_product col-sp-12 col-xs-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 first-in-line last-line first-item-of-tablet-line first-item-of-mobile-line last-mobile-line">
<article class="product-miniature js-product-miniature" data-id-product="837" data-id-product-attribute="3913" itemscope itemtype="http://schema.org/Product">
<div class="thumbnail-container">
<div class="product-image">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<a href="https://www.bagotti.tn/chemises-col-boutonne/837-3913-chemise-boutonne.html#/1-taille-s/7-couleur-beige/88-type_de_produit-chemise" class="thumbnail product-thumbnail">
<img
class="img-fluid"
src = "https://www.bagotti.tn/2683-large_default/chemise-boutonne.jpg"
alt = "Chemise imprimée demi manches"
data-full-size-image-url = "https://www.bagotti.tn/2683-large_default/chemise-boutonne.jpg"
>
<span class="product-additional" data-idproduct="837"></span>
<div class="product-price-and-shipping ddd">
<span class="discount-percentage">-50%</span>
</div>
</a>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<ul class="product-flags">
<li class="product-flag on-sale">Promo !</li>
</ul>
<div class="functional-buttons clearfix">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="wishlist">
<a class="leo-wishlist-button btn-product btn" href="#" data-id-wishlist="" data-id-product="837" data-id-product-attribute="3913" title="Ajouter à ma liste">
<span class="leo-wishlist-bt-loading cssload-speeding-wheel"></span>
<span class="leo-wishlist-bt-content">
<i class="nova-heart"></i>
<!--span class="btn-title">Ajouter à ma liste</span-->
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="button-container cart">
<form action="https://www.bagotti.tn/panier" method="post">
<input type="hidden" name="token" value="3d3acc0a373307eaaf6a21e6043cf74d">
<input type="hidden" value="1" class="quantity_product quantity_product_837" name="quantity_product">
<input type="hidden" value="1" class="minimal_quantity minimal_quantity_837" name="minimal_quantity">
<input type="hidden" value="3913" class="id_product_attribute id_product_attribute_837" name="id_product_attribute">
<input type="hidden" value="837" class="id_product" name="id_product">
<input type="hidden" name="id_customization" value="" class="product_customization_id">
<input type="hidden" class="input-group form-control qty qty_product qty_product_837" name="qty" value="1" data-min="1">
<button class="btn btn-primary btn-product add-to-cart leo-bt-cart leo-bt-cart_837" data-button-action="add-to-cart" type="submit">
<span class="leo-loading cssload-speeding-wheel"></span>
<span class="leo-bt-cart-content">
<i class="nova-shopping-cart"></i>
<span class="btn-title">Ajouter au panier</span>
</span>
</button>
</form>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="quickview hidden-sm-down">
<a
href="#"
class="quick-view btn-product btn"
data-link-action="quickview"
>
<span class="leo-quickview-bt-loading cssload-speeding-wheel"></span>
<span class="leo-quickview-bt-content">
<i class="nova-maximize-2"></i>
<span class="btn-title">Aperçu rapide</span>
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="compare">
<a class="leo-compare-button btn-product btn" href="#" data-id-product="837" title="Ajouter pour comparer">
<span class="leo-compare-bt-loading cssload-speeding-wheel"></span>
<span class="leo-compare-bt-content">
<i class="nova-shuffle"></i>
<span class="btn-title">Ajouter à comparer</span>
</span>
</a>
</div>
</div></div>
<div class="product-meta">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<h3 class="h3 product-title" itemprop="name"><a href="https://www.bagotti.tn/chemises-col-boutonne/837-3913-chemise-boutonne.html#/1-taille-s/7-couleur-beige/88-type_de_produit-chemise">Chemise imprimée demi manches</a></h3>
<!-- @file modulesappagebuilderviewstemplatesfrontproductsfile_tpl -->
<div class="product-price-and-shipping has_discount">
<span class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="priceCurrency" content="TND"></span><span itemprop="price" content="29.95">29,950 DT</span>
</span>
<span class="regular-price">59,900 DT</span>
<span class="discount-percentage">-50%</span>
</div>
<div class="highlighted-informations hidden-sm-down">
<div class="variant-links">
<a href="https://www.bagotti.tn/chemises-col-boutonne/837-3913-chemise-boutonne.html#/1-taille-s/7-couleur-beige/88-type_de_produit-chemise"
class="color"
title="Beige"
style="background-color: #f5f5dc" ><span class="sr-only">Beige</span></a>
<span class="js-count count"></span>
</div>
</div>
<div class="product-description-short" itemprop="description"></div>
</div>
</div>
</article>
</div>
<div class="ajax_block_product col-sp-12 col-xs-6 col-sm-6 col-md-6 col-lg-4 col-xl-4 last-line last-item-of-tablet-line last-item-of-mobile-line last-mobile-line">
<article class="product-miniature js-product-miniature" data-id-product="835" data-id-product-attribute="3938" itemscope itemtype="http://schema.org/Product">
<div class="thumbnail-container">
<div class="product-image">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<a href="https://www.bagotti.tn/chemises-col-boutonne/835-3938-chemise-boutonne.html#/1-taille-s/66-couleur-bleu_ciel/88-type_de_produit-chemise" class="thumbnail product-thumbnail">
<img
class="img-fluid"
src = "https://www.bagotti.tn/2798-large_default/chemise-boutonne.jpg"
alt = "Chemise imprimée demi manches"
data-full-size-image-url = "https://www.bagotti.tn/2798-large_default/chemise-boutonne.jpg"
>
<span class="product-additional" data-idproduct="835"></span>
<div class="product-price-and-shipping ddd">
<span class="discount-percentage">-50%</span>
</div>
</a>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<ul class="product-flags">
<li class="product-flag on-sale">Promo !</li>
</ul>
<div class="functional-buttons clearfix">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="wishlist">
<a class="leo-wishlist-button btn-product btn" href="#" data-id-wishlist="" data-id-product="835" data-id-product-attribute="3938" title="Ajouter à ma liste">
<span class="leo-wishlist-bt-loading cssload-speeding-wheel"></span>
<span class="leo-wishlist-bt-content">
<i class="nova-heart"></i>
<!--span class="btn-title">Ajouter à ma liste</span-->
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="button-container cart">
<form action="https://www.bagotti.tn/panier" method="post">
<input type="hidden" name="token" value="3d3acc0a373307eaaf6a21e6043cf74d">
<input type="hidden" value="2" class="quantity_product quantity_product_835" name="quantity_product">
<input type="hidden" value="1" class="minimal_quantity minimal_quantity_835" name="minimal_quantity">
<input type="hidden" value="3938" class="id_product_attribute id_product_attribute_835" name="id_product_attribute">
<input type="hidden" value="835" class="id_product" name="id_product">
<input type="hidden" name="id_customization" value="" class="product_customization_id">
<input type="hidden" class="input-group form-control qty qty_product qty_product_835" name="qty" value="1" data-min="1">
<button class="btn btn-primary btn-product add-to-cart leo-bt-cart leo-bt-cart_835" data-button-action="add-to-cart" type="submit">
<span class="leo-loading cssload-speeding-wheel"></span>
<span class="leo-bt-cart-content">
<i class="nova-shopping-cart"></i>
<span class="btn-title">Ajouter au panier</span>
</span>
</button>
</form>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="quickview hidden-sm-down">
<a
href="#"
class="quick-view btn-product btn"
data-link-action="quickview"
>
<span class="leo-quickview-bt-loading cssload-speeding-wheel"></span>
<span class="leo-quickview-bt-content">
<i class="nova-maximize-2"></i>
<span class="btn-title">Aperçu rapide</span>
</span>
</a>
</div>
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<div class="compare">
<a class="leo-compare-button btn-product btn" href="#" data-id-product="835" title="Ajouter pour comparer">
<span class="leo-compare-bt-loading cssload-speeding-wheel"></span>
<span class="leo-compare-bt-content">
<i class="nova-shuffle"></i>
<span class="btn-title">Ajouter à comparer</span>
</span>
</a>
</div>
</div></div>
<div class="product-meta">
<!-- @file modules\appagebuilder\views\templates\front\products\file_tpl -->
<h3 class="h3 product-title" itemprop="name"><a href="https://www.bagotti.tn/chemises-col-boutonne/835-3938-chemise-boutonne.html#/1-taille-s/66-couleur-bleu_ciel/88-type_de_produit-chemise">Chemise imprimée demi manches</a></h3>
<!-- @file modulesappagebuilderviewstemplatesfrontproductsfile_tpl -->
<div class="product-price-and-shipping has_discount">
<span class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<span itemprop="priceCurrency" content="TND"></span><span itemprop="price" content="29.95">29,950 DT</span>
</span>
<span class="regular-price">59,900 DT</span>
<span class="discount-percentage">-50%</span>
</div>
<div class="highlighted-informations hidden-sm-down">
<div class="variant-links">
<a href="https://www.bagotti.tn/chemises-col-boutonne/835-3938-chemise-boutonne.html#/1-taille-s/66-couleur-bleu_ciel/88-type_de_produit-chemise"
class="color"
title="Bleu ciel"
style="background-color: #b1e2ff" ><span class="sr-only">Bleu ciel</span></a>
<span class="js-count count"></span>
</div>
</div>
<div class="product-description-short" itemprop="description"></div>
</div>
</div>
</article>
</div>
</div>
</div>
<script>
if (window.jQuery) {
$(document).ready(function(){
if (prestashop.page.page_name == 'category'){
setDefaultListGrid();
}
});
}
</script>
</div>
<nav class="pagination">
<div class="col-xs-12 col-md-6 col-lg-5 text-md-left text-xs-center">
Affichage 1-8 de 8 article(s)
</div>
<div class="col-xs-12 col-md-6 col-lg-7">
</div>
</nav>
<div class="hidden-xs-up text-xs-right up">
<a href="#header" class="btn btn-secondary">
Retour en haut
<i class="material-icons"></i>
</a>
</div>
</div>
</div>
<div id="js-product-list-bottom">
<div id="js-product-list-bottom"></div>
</div>
</section>
</section>
</div>
</div>
</div>
</section>
<footer id="footer" class="footer-container">
<div class="footer-top">
<div class="inner"></div>
</div>
<div class="footer-center">
<div class="inner">
<script>
window.mt=window.mt||function(){(mt.q=mt.q||[]).push(arguments)};mt.l=+new Date;
mt('create', MjI4YWZjZWItODk1Ni00NTk2LTg5MWItMzdiZDE1OWE0ZDdh);
</script>
<script async src='//cdn.mxapis.com/mt.js'></script>
<div class="links block">
<div class="row">
<div class="col-md-6 wrapper">
<p class="h3 hidden-sm-down title_block"></p>
<div class="title clearfix hidden-md-up" data-target="#footer_sub_menu_8633" data-toggle="collapse">
<span class="h3"></span>
<span class="float-xs-right">
<span class="navbar-toggler collapse-icons">
<i class="material-icons add"></i>
<i class="material-icons remove"></i>
</span>
</span>
</div>
<ul id="footer_sub_menu_8633" class="collapse">
</ul>
</div>
<div class="col-md-6 wrapper">
<p class="h3 hidden-sm-down title_block"></p>
<div class="title clearfix hidden-md-up" data-target="#footer_sub_menu_83165" data-toggle="collapse">
<span class="h3"></span>
<span class="float-xs-right">
<span class="navbar-toggler collapse-icons">
<i class="material-icons add"></i>
<i class="material-icons remove"></i>
</span>
</span>
</div>
<ul id="footer_sub_menu_83165" class="collapse">
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="inner"><!-- @file modules\appagebuilder\views\templates\hook\ApRow -->
<div class="wrapper" >
<div class="container">
<div class="row ApRow has-bg bg-boxed"
data-bg=" no-repeat" style="background: no-repeat;padding-top: 52px;padding-bottom: 40px;" >
<!-- @file modules\appagebuilder\views\templates\hook\ApColumn -->
<div class="col-xl-2-4 col-lg-2-4 col-md-2-4 col-sm-6 col-xs-6 col-sp-6 ApColumn"
>
<!-- @file modules\appagebuilder\views\templates\hook\ApGeneral -->
<div class="block ApHtml">
<div class="block_content"><div class="footer-logo"><a href="https://www.bagotti.tn/"><img src="https://www.bagotti.tn/img/sarco-logo-1676295706.jpg" alt="logo" /></a></div></div>
</div>
</div><!-- @file modules\appagebuilder\views\templates\hook\ApColumn -->
<div class="col-xl-2-4 col-lg-2-4 col-md-2-4 col-sm-6 col-xs-6 col-sp-6 ApColumn"
>
<!-- @file modules\appagebuilder\views\templates\hook\ApGeneral -->
<div class="block ApHtml">
<div class="block_content"><h3>A propos de nous</h3><div class="services-list"><ul><li><a href="/content/4-qui-sommes-nous">Qui sommes nous </a></li><li><a href="/content/13-mention-legale">Mentions légales</a></li><li><a href="/blog.html">Blog & Actualités</a></li><li><a href="/nous-contacter">Contact</a></li></ul></div></div>
</div>
</div><!-- @file modules\appagebuilder\views\templates\hook\ApColumn -->
<div class="col-xl-2-4 col-lg-2-4 col-md-2-4 col-sm-6 col-xs-6 col-sp-6 ApColumn"
>
<!-- @file modules\appagebuilder\views\templates\hook\ApGeneral -->
<div class="block ApHtml">
<div class="block_content"><h3>Informations</h3><div class="informations-list"><ul><li><a href="/content/3-ccv">Condition générales de vente</a></li><!--li><a href="/content/14-comment-commander">Comment commander</a></li--><li><a href="/content/8-paiement">Moyen de paiement</a></li><li><a href="/content/1-frais-de-livraison">Livraison</a></li><!--li><a href="/plan du site">Plan du site</a></li--></ul></div></div>
</div>
</div><!-- @file modules\appagebuilder\views\templates\hook\ApColumn -->
<div class="col-xl-2-4 col-lg-2-4 col-md-2-4 col-sm-6 col-xs-6 col-sp-6 ApColumn"
>
<!-- @file modules\appagebuilder\views\templates\hook\ApGeneral -->
<div class="block ApHtml">
<div class="block_content"><h3>Catégories</h3><div class="informations-list"><ul><li><a href="https://www.bagotti.tn/6-accessoires-et-cadeaux">Accessoires</a></li><li><a href="/5-chemises-sur-mesure">Chemises sur mesure</a></li><li><a href="/promotions">Promotions</a></li></ul></div></div>
</div>
</div><!-- @file modules\appagebuilder\views\templates\hook\ApColumn -->
<div class="col-xl-2-4 col-lg-2-4 col-md-2-4 col-sm-12 col-xs-12 col-sp-12 ApColumn"
>
<!-- @file modules\appagebuilder\views\templates\hook\ApGeneral -->
<div class="block rx-footer ApHtml">
<div class="block_content"><h3>Horaires d'ouverture</h3><div class="informations-list"><ul><li><strong>Lundi au vendredi 8<strong>h30 à 14h30 / 15h30 à 17h30</strong></strong></li></ul></div></div>
</div><!-- @file modules\appagebuilder\views\templates\hook\ApModule -->
<div class="block-social block links accordion_small_screen">
<h4 class="title_block">Connectez-vous et suivez</h4>
<ul id="footer_block_social">
<li class="facebook"><a href="https://www.facebook.com/fashion.bagotti" title="Facebook" target="_blank"><span>Facebook</span></a></li>
<li class="instagram"><a href="https://www.instagram.com/bagottibagotti/" title="Instagram" target="_blank"><span>Instagram</span></a></li>
</ul>
</div>
</div> </div>
</div>
</div>
<!-- @file modules\appagebuilder\views\templates\hook\ApRow -->
<div class="wrapper" style="background: #ffffff no-repeat" >
<div class="container container-large">
<div class="row footer-copyright ApRow has-bg bg-fullwidth-container"
style="" >
<!-- @file modules\appagebuilder\views\templates\hook\ApColumn -->
<div class="col-xl-12 col-lg-4 col-md-12 col-sm-12 col-xs-12 col-sp-12 ApColumn"
>
<!-- @file modules\appagebuilder\views\templates\hook\ApGeneral -->
<div class="block ApRawHtml">
Copyright © 2022 . Bagotti. </div>
</div> </div>
</div>
</div>
</div>
</div>
<div id="leo-paneltool" class="hidden-md-down" data-cname="AT_NOVA_PANEL_CONFIG">
<div class="paneltool multiproductdetailtool">
<div class="panelbutton">
<i class="fa fa-cog"></i>
</div>
<div class="panelcontent block-multiproductdetailtool">
<div class="panelinner">
<div class="group-input row layout">
<label class="col-sm-12 control-label"><span class="fa fa-desktop"></span>Mise en page multi produit</label>
<div class="col-sm-12">
<div class="box-detail">
<div class="layout-detail">
<span class="detail_title">Product thumbs bottom</span>
<a class="product-detail-demo thumbs-bottom" data-product-detail-key=detail1522243737 href="https://www.bagotti.tn/blazers/194-274-blazer-chic.html?layout=detail1522243737#/taille-54">
<span class="detail_view"><i class="fa fa-search-plus"></i></span>
<img class="img-fluid" alt="Product thumbs bottom" src="https://i.pinimg.com/originals/8c/16/f9/8c16f9f024af16977adc1f618872eb8b.jpg">
</a>
</div>
<div class="layout-detail">
<span class="detail_title">Product thumbs left</span>
<a class="product-detail-demo thumbs-left" data-product-detail-key=detail1522239007 href="https://www.bagotti.tn/blazers/194-274-blazer-chic.html?layout=detail1522239007#/taille-54">
<span class="detail_view"><i class="fa fa-search-plus"></i></span>
<img class="img-fluid" alt="Product thumbs left" src="https://i.pinimg.com/originals/98/b4/b0/98b4b05fef8913b2a37cbb592b921e7b.jpg">
</a>
</div>
<div class="layout-detail">
<span class="detail_title">Product thumbs right</span>
<a class="product-detail-demo thumbs-right" data-product-detail-key=detail1522261917 href="https://www.bagotti.tn/blazers/194-274-blazer-chic.html?layout=detail1522261917#/taille-54">
<span class="detail_view"><i class="fa fa-search-plus"></i></span>
<img class="img-fluid" alt="Product thumbs right" src="https://i.pinimg.com/originals/81/c4/41/81c441c1b2f6c3e56b3da56b65324423.jpg">
</a>
</div>
<div class="layout-detail">
<span class="detail_title">Product no thumbs</span>
<a class="product-detail-demo no-thumbs" data-product-detail-key=detail1522248205 href="https://www.bagotti.tn/blazers/194-274-blazer-chic.html?layout=detail1522248205#/taille-54">
<span class="detail_view"><i class="fa fa-search-plus"></i></span>
<img class="img-fluid" alt="Product no thumbs" src="https://i.pinimg.com/originals/60/ca/57/60ca570f6a8254c3741d8c9db78eb3d5.jpg">
</a>
</div>
<div class="layout-detail">
<span class="detail_title">Product no thumbs fullwidth</span>
<a class="product-detail-demo no-thumbs-fullwidth" data-product-detail-key=detail1522251988 href="https://www.bagotti.tn/blazers/194-274-blazer-chic.html?layout=detail1522251988#/taille-54">
<span class="detail_view"><i class="fa fa-search-plus"></i></span>
<img class="img-fluid" alt="Product no thumbs fullwidth" src="https://i.pinimg.com/originals/c5/d9/02/c5d9025b68250832a31eac3b6d344955.jpg">
</a>
</div>
<div class="layout-detail">
<span class="detail_title">Product image gallery</span>
<a class="product-detail-demo image-gallery" data-product-detail-key=detail1522243544 href="https://www.bagotti.tn/blazers/194-274-blazer-chic.html?layout=detail1522243544#/taille-54">
<span class="detail_view"><i class="fa fa-search-plus"></i></span>
<img class="img-fluid" alt="Product image gallery" src="https://i.pinimg.com/originals/b1/a8/b9/b1a8b9381d8d3e3c4d13dfe24231581f.jpg">
</a>
</div>
<div class="layout-detail">
<span class="detail_title">Product no thumbs center</span>
<a class="product-detail-demo no-thumbs-center" data-product-detail-key=detail1522263127 href="https://www.bagotti.tn/blazers/194-274-blazer-chic.html?layout=detail1522263127#/taille-54">
<span class="detail_view"><i class="fa fa-search-plus"></i></span>
<img class="img-fluid" alt="Product no thumbs center" src="https://i.pinimg.com/originals/38/99/1a/38991a8c1582669d29abe889bc0d5f52.jpg">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="paneltool themetool">
<div class="panelbutton">
<i class="fa fa-sliders"></i>
</div>
<div class="block-panelcontent">
<div class="panelcontent">
<div class="panelinner">
<h4>Outil panneau</h4>
<!-- Theme layout mod section -->
<div class="group-input clearfix layout">
<label class="col-sm-12 control-label"><span class="fa fa-desktop"></span>Modèle de mise en page</label>
<div class="col-sm-12">
<span class="leo-dynamic-update-layout current-layout-mod" data-layout-mod="fullwidth">
Full Width
</span>
<span class="leo-dynamic-update-layout" data-layout-mod="layout-boxed-lg">
Boxed Large
</span>
</div>
</div>
<!-- Theme skin section -->
<div class="group-input clearfix">
<label class="col-sm-12 control-label"><span class="fa fa-pencil"></span>Thème</label>
<div class="col-sm-12">
<div data-theme-skin-id="default" class="skin-default leo-dynamic-theme-skin current-theme-skin">
<label>Défaut</label>
</div>
<div data-theme-skin-id="blue" data-theme-skin-css="/themes/at_nova/modules/appagebuilder/views/css/skins/blue/" data-theme-skin-rtl="0" class="blue leo-dynamic-theme-skin">
<label>Blue</label>
</div>
<div data-theme-skin-id="deeppink" data-theme-skin-css="/themes/at_nova/modules/appagebuilder/views/css/skins/deeppink/" data-theme-skin-rtl="0" class="deeppink leo-dynamic-theme-skin">
<label>Deeppink</label>
</div>
<div data-theme-skin-id="green" data-theme-skin-css="/themes/at_nova/modules/appagebuilder/views/css/skins/green/" data-theme-skin-rtl="0" class="green leo-dynamic-theme-skin">
<label>Green</label>
</div>
<div data-theme-skin-id="lime" data-theme-skin-css="/themes/at_nova/modules/appagebuilder/views/css/skins/lime/" data-theme-skin-rtl="0" class="lime leo-dynamic-theme-skin">
<label>Lime</label>
</div>
<div data-theme-skin-id="olive" data-theme-skin-css="/themes/at_nova/modules/appagebuilder/views/css/skins/olive/" data-theme-skin-rtl="0" class="olive leo-dynamic-theme-skin">
<label>Olive</label>
</div>
<div data-theme-skin-id="purple" data-theme-skin-css="/themes/at_nova/modules/appagebuilder/views/css/skins/purple/" data-theme-skin-rtl="0" class="purple leo-dynamic-theme-skin">
<label>Purple</label>
</div>
<div data-theme-skin-id="yellow" data-theme-skin-css="/themes/at_nova/modules/appagebuilder/views/css/skins/yellow/" data-theme-skin-rtl="0" class="yellow leo-dynamic-theme-skin">
<label>Yellow</label>
</div>
</div>
</div>
<!-- Float Header -->
<div class="group-input clearfix">
<label class="col-sm-12 control-label"><span class="fa fa-credit-card"></span>En-tête de flotteur</label>
<div class="col-sm-12">
<div class="btn_enable_fheader">
<span class="enable_fheader btn_yes" data-value="1">
<span>Oui</span>
</span>
<span class="enable_fheader btn_no current" data-value="0">
<span>Non</span>
</span>
</div>
</div>
</div>
<!-- Show Profile -->
<div class="group-input group-profile clearfix">
<label class="col-sm-12 control-label">
<i class="fa fa-tags"></i>
Accueil version
</label>
<div class="col-sm-12">
<a class="apconfig apconfig-profile" data-type="id_appagebuilder_profiles" data-id='6' data-enablejs="true" href="index.php?id_appagebuilder_profiles=6">Home 1</a>
<a class="apconfig apconfig-profile" data-type="id_appagebuilder_profiles" data-id='7' data-enablejs="true" href="index.php?id_appagebuilder_profiles=7">Home 2</a>
<a class="apconfig apconfig-profile active" data-type="id_appagebuilder_profiles" data-id='8' data-enablejs="true" href="index.php?id_appagebuilder_profiles=8">Home 3</a>
<a class="apconfig apconfig-profile" data-type="id_appagebuilder_profiles" data-id='9' data-enablejs="true" href="index.php?id_appagebuilder_profiles=9">Home 4</a>
<a class="apconfig apconfig-profile" data-type="id_appagebuilder_profiles" data-id='10' data-enablejs="true" href="index.php?id_appagebuilder_profiles=10">Home 5</a>
<a class="apconfig apconfig-profile" data-type="id_appagebuilder_profiles" data-id='11' data-enablejs="true" href="index.php?id_appagebuilder_profiles=11">home 6</a>
<a class="apconfig apconfig-profile" data-type="id_appagebuilder_profiles" data-id='12' data-enablejs="true" href="index.php?id_appagebuilder_profiles=12">home 7</a>
<a class="apconfig apconfig-profile" data-type="id_appagebuilder_profiles" data-id='13' data-enablejs="true" href="index.php?id_appagebuilder_profiles=13">home 8</a>
</div>
</div>
<div class="group-input group-header clearfix">
<label class="col-sm-12 control-label">
<i class="fa fa-tags"></i>
Version d'en-tête
</label>
<div class="col-sm-12">
<a class="apconfig apconfig-header" data-type="header" data-id='15' data-enablejs="true" href="index.php?header=15">Header 1</a>
<a class="apconfig apconfig-header" data-type="header" data-id='19' data-enablejs="true" href="index.php?header=19">Header 2</a>
<a class="apconfig apconfig-header" data-type="header" data-id='24' data-enablejs="true" href="index.php?header=24">Header 4</a>
<a class="apconfig apconfig-header active" data-type="header" data-id='27' data-enablejs="true" href="index.php?header=27">Header 3</a>
<a class="apconfig apconfig-header" data-type="header" data-id='29' data-enablejs="true" href="index.php?header=29">Header 5</a>
<a class="apconfig apconfig-header" data-type="header" data-id='31' data-enablejs="true" href="index.php?header=31">Header 6</a>
<a class="apconfig apconfig-header" data-type="header" data-id='33' data-enablejs="true" href="index.php?header=33">Header 7</a>
</div>
</div>
<div class="group-input group-footer clearfix">
<label class="col-sm-12 control-label">
<i class="fa fa-tags"></i>
Version de pied de page
</label>
<div class="col-sm-12">
<a class="apconfig apconfig-footer active" data-type="footer" data-id='17' data-enablejs="true" href="index.php?footer=17">Footer 1</a>
<a class="apconfig apconfig-footer" data-type="footer" data-id='21' data-enablejs="true" href="index.php?footer=21">Footer 2</a>
<a class="apconfig apconfig-footer" data-type="footer" data-id='23' data-enablejs="true" href="index.php?footer=23">Footer 3</a>
<a class="apconfig apconfig-footer" data-type="footer" data-id='26' data-enablejs="true" href="index.php?footer=26">Footer 5</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Live Theme Editor -->
<div class="paneltool editortool">
<div class="panelbutton">
<i class="fa fa-adjust"></i>
</div>
<div class="panelcontent editortool">
<div class="panelinner">
<h4>Éditeur de thème en direct</h4>
<div class="clearfix" id="customize-body">
<ul class="nav nav-tabs nav-pills" id="panelTab">
<li class="nav-item"><a class="nav-link" href="#tab-selectors">selectors</a></li>
<li class="nav-item"><a class="nav-link" href="#tab-elements">elements</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane" id="tab-selectors">
<div class="accordion" id="accordion-selectors">
<div class="accordion-group card panel panel-default">
<div class="accordion-heading card-header panel-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-selectors" href="#collapsebody">
Body Content
</a>
</div>
<div id="collapsebody" class="accordion-body panel-collapse collapse in">
<div class="accordion-inner card-block panel-body clearfix">
<div class="form-group background-images cleafix">
<label>Body Bg Image</label>
<input value="" type="hidden" name="customize[body][]" data-match="body" class="input-setting" data-selector="body, body:before,#page" data-attrs="background-image">
<a class="clear-bg d-inline bg-success" href="#">Clair</a>
<div class="clearfix"></div>
<p><em style="font-size:10px">Ces images dans le dossier YOURTHEME / assets / img / patterns /</em></p>
<div class="bi-wrapper clearfix">
<div style="background:url('/themes/at_nova/assets/img/patterns/2.jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/2.jpg" data-val="../../img/patterns/2.jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/22.jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/22.jpg" data-val="../../img/patterns/22.jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/24.jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/24.jpg" data-val="../../img/patterns/24.jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/POLO SITE_Plan de travail 1.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/POLO SITE_Plan de travail 1.png" data-val="../../img/patterns/POLO SITE_Plan de travail 1.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/blousons imperméable-01.jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/blousons imperméable-01.jpg" data-val="../../img/patterns/blousons imperméable-01.jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/chemise casual sur le site .jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/chemise casual sur le site .jpg" data-val="../../img/patterns/chemise casual sur le site .jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern.png" data-val="../../img/patterns/pattern.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern1.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern1.png" data-val="../../img/patterns/pattern1.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern10.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern10.png" data-val="../../img/patterns/pattern10.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern11.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern11.png" data-val="../../img/patterns/pattern11.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern12.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern12.png" data-val="../../img/patterns/pattern12.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern13.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern13.png" data-val="../../img/patterns/pattern13.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern2.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern2.png" data-val="../../img/patterns/pattern2.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern3.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern3.png" data-val="../../img/patterns/pattern3.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern4.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern4.png" data-val="../../img/patterns/pattern4.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern5.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern5.png" data-val="../../img/patterns/pattern5.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern6.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern6.png" data-val="../../img/patterns/pattern6.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern7.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern7.png" data-val="../../img/patterns/pattern7.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern8.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern8.png" data-val="../../img/patterns/pattern8.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern9.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern9.png" data-val="../../img/patterns/pattern9.png"></div>
</div>
<ul class="bg-config">
<li>
<div>Attachement</div>
<select class="form-control" data-attrs="background-attachment" name="customize[body][]" data-selector="body, body:before,#page" data-match="body">
<option value="">Pas encore défini</option>
<option value="scroll">scroll</option>
<option value="fixed">fixed</option>
<option value="local">local</option>
<option value="initial">initial</option>
<option value="inherit">inherit</option>
</select>
</li>
<li>
<div>Position</div>
<select class="form-control" data-attrs="background-position" name="customize[body][]" data-selector="body, body:before,#page" data-match="body">
<option value="">Pas encore défini</option>
<option value="left top">left top</option>
<option value="left center">left center</option>
<option value="left bottom">left bottom</option>
<option value="right top">right top</option>
<option value="right center">right center</option>
<option value="right bottom">right bottom</option>
<option value="center top">center top</option>
<option value="center center">center center</option>
<option value="center bottom">center bottom</option>
</select>
</li>
<li>
<div>Répéter</div>
<select class="form-control" data-attrs="background-repeat" name="customize[body][]" data-selector="body, body:before,#page" data-match="body">
<option value="">Pas encore défini</option>
<option value="repeat">repeat</option>
<option value="repeat-x">repeat-x</option>
<option value="repeat-y">repeat-y</option>
<option value="no-repeat">no-repeat</option>
<option value="initial">initial</option>
<option value="inherit">inherit</option>
</select>
</li>
</ul>
</div>
<div class="form-group cleafix">
<label>Background Content</label>
<input value="" size="10" name="customize[body][]" data-match="body" type="text" class="input-setting" data-selector="body,body:before,#page" data-attrs="background-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group background-images cleafix">
<label>Container Bg Image</label>
<input value="" type="hidden" name="customize[body][]" data-match="body" class="input-setting" data-selector=".container" data-attrs="background-image">
<a class="clear-bg d-inline bg-success" href="#">Clair</a>
<div class="clearfix"></div>
<p><em style="font-size:10px">Ces images dans le dossier YOURTHEME / assets / img / patterns /</em></p>
<div class="bi-wrapper clearfix">
<div style="background:url('/themes/at_nova/assets/img/patterns/2.jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/2.jpg" data-val="../../img/patterns/2.jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/22.jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/22.jpg" data-val="../../img/patterns/22.jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/24.jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/24.jpg" data-val="../../img/patterns/24.jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/POLO SITE_Plan de travail 1.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/POLO SITE_Plan de travail 1.png" data-val="../../img/patterns/POLO SITE_Plan de travail 1.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/blousons imperméable-01.jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/blousons imperméable-01.jpg" data-val="../../img/patterns/blousons imperméable-01.jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/chemise casual sur le site .jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/chemise casual sur le site .jpg" data-val="../../img/patterns/chemise casual sur le site .jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern.png" data-val="../../img/patterns/pattern.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern1.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern1.png" data-val="../../img/patterns/pattern1.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern10.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern10.png" data-val="../../img/patterns/pattern10.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern11.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern11.png" data-val="../../img/patterns/pattern11.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern12.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern12.png" data-val="../../img/patterns/pattern12.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern13.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern13.png" data-val="../../img/patterns/pattern13.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern2.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern2.png" data-val="../../img/patterns/pattern2.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern3.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern3.png" data-val="../../img/patterns/pattern3.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern4.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern4.png" data-val="../../img/patterns/pattern4.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern5.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern5.png" data-val="../../img/patterns/pattern5.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern6.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern6.png" data-val="../../img/patterns/pattern6.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern7.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern7.png" data-val="../../img/patterns/pattern7.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern8.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern8.png" data-val="../../img/patterns/pattern8.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern9.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern9.png" data-val="../../img/patterns/pattern9.png"></div>
</div>
<ul class="bg-config">
<li>
<div>Attachement</div>
<select class="form-control" data-attrs="background-attachment" name="customize[body][]" data-selector=".container" data-match="body">
<option value="">Pas encore défini</option>
<option value="scroll">scroll</option>
<option value="fixed">fixed</option>
<option value="local">local</option>
<option value="initial">initial</option>
<option value="inherit">inherit</option>
</select>
</li>
<li>
<div>Position</div>
<select class="form-control" data-attrs="background-position" name="customize[body][]" data-selector=".container" data-match="body">
<option value="">Pas encore défini</option>
<option value="left top">left top</option>
<option value="left center">left center</option>
<option value="left bottom">left bottom</option>
<option value="right top">right top</option>
<option value="right center">right center</option>
<option value="right bottom">right bottom</option>
<option value="center top">center top</option>
<option value="center center">center center</option>
<option value="center bottom">center bottom</option>
</select>
</li>
<li>
<div>Répéter</div>
<select class="form-control" data-attrs="background-repeat" name="customize[body][]" data-selector=".container" data-match="body">
<option value="">Pas encore défini</option>
<option value="repeat">repeat</option>
<option value="repeat-x">repeat-x</option>
<option value="repeat-y">repeat-y</option>
<option value="no-repeat">no-repeat</option>
<option value="initial">initial</option>
<option value="inherit">inherit</option>
</select>
</li>
</ul>
</div>
<div class="form-group cleafix">
<label>Container Background</label>
<input value="" size="10" name="customize[body][]" data-match="body" type="text" class="input-setting" data-selector=".container" data-attrs="background-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Font-Size</label>
<select class="form-control input-setting" name="customize[body][]" data-match="body" data-selector="body" data-attrs="font-size">
<option value="">Hériter</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
</select>
<a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Font-Family</label>
<select name="customize[body][]" data-match="body" class="input-setting" data-selector=".wrapper .container .title_block" data-attrs="font-family">
<option value=""> </option>
<option value="arial">Arial</option>
<option value="verdana">Verdana, Geneva</option>
<option value="trebuchet">Trebuchet</option>
<option value="georgia">Georgia</option>
<option value="times">Times New Roman</option>
<option value="tahoma">Tahoma, Geneva</option>
<option value="palatino">Palatino</option>
<option value="helvetica">Helvetica</option>
</select>
<a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Color Text</label>
<input value="" size="10" name="customize[body][]" data-match="body" type="text" class="input-setting" data-selector="body,p,.footer-about,.product-flags .product-flag,.leo-megamenu .dropdown-menu .widget-products .menu-title,.leo-megamenu .dropdown-menu .widget-html .menu-title,.latest-blogs .blog-container .blog-meta > span,.latest-blogs .blog-container .blog-meta .blog-desc,.latest-blogs .blog-container .blog-meta,.block_newsletter form input[type=text],.footer-copyright .ApRawHtml.block,.thumbnail-container .product-price-and-shipping .price,.block-category #category-description p,.block-category #category-description strong,.products-selection .products-counter,.products-selection .sort-by,.products-sort-order .select-title,.pagination,.product-description,.thumbnail-container .product-price-and-shipping .regular-price,.footer-container,.popup-over .popup-content .block_name,#cart-block .cart-preview .shopping-cart,.leo-more-cdown ul li,.leo-more-cdown ul li b,.ApCountdown ul li,.testimonial-block,.ApImage.bnner-hotdeals .image_description p,.ApCountdown .ap-countdown-desc,#cart-block .cart-preview .header,.gr-banner .ApColumn .ApImage .text-des,.header-nav .container,.testimonials .block-carousel-image-container .descript p,.ApColumn .sub-title-widget" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Link Color</label>
<input value="" size="10" name="customize[body][]" data-match="body" type="text" class="input-setting" data-selector="a,.latest-blogs .blog-container .blog-title a,.footer-container li a,.block_newsletter form .btn,.leo-megamenu .dropdown-menu a .menu-title,.leo-megamenu .dropdown-menu .leo-widget a,.leo-megamenu .navbar-nav > li > a,#click_show_search,#search_widget .form-search .search-button,.popup-over .popup-title,.popup-over .popup-content a,.tabs-top .nav-tabs li > a,.breadcrumb li a,.products-sort-order .select-list,.sidebar .block .title_block a,.block-categories .category-sub-menu li > a,#search_filters .facet .facet-label a, #search_filters .facet .custom-checkbox a,.product-tabs.tabs .nav-tabs .nav-link,.block-social ul li a,.reviews_advices li a,.ApColumn .widget-category_image .cate_content .cat_name,#cart-block .cart-preview .header a,.thumbnail-container .functional-buttons > div .btn-product,.thumbnail-container .product-title a,.footer-copyright .ApBlockLink ul li a,.social-sharing li:before,.service-box .service-item .service-info a,.header-nav a" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Link Hover Color</label>
<input value="" size="10" name="customize[body][]" data-match="body" type="text" class="input-setting" data-selector="a:hover,.thumbnail-container .product-title a:hover,.latest-blogs .blog-container .blog-title a:hover,.footer-container li a:hover,.block_newsletter form .btn:hover,.leo-megamenu .dropdown-menu a .menu-title:hover,.leo-megamenu .dropdown-menu .leo-widget a:hover,.leo-megamenu .navbar-nav > li > a:hover,.leo-megamenu .navbar-nav > li.active > a,#click_show_search:hover,#search_widget .form-search .search-button:hover,.popup-over .popup-title:hover,.popup-over .popup-content a:hover,.popup-over .popup-content ul li.current a,.tabs-top .nav-tabs li > a.active,.tabs-top .nav-tabs li > a:hover,.tabs-top .nav-tabs li > a.active:focus,.breadcrumb li a:hover,.products-sort-order .select-list:hover,.sidebar .block .title_block a:hover,.block-categories .category-sub-menu li > a:hover,.product-tabs.tabs .nav-tabs .nav-link:hover,.product-tabs.tabs .nav-tabs .nav-link.active,.block-social ul li a:hover,.reviews_advices li a:hover,.ApColumn .widget-category_image .cate_content .cat_name:hover,#cart-block .cart-preview .header a:hover,.thumbnail-container .cart .add-to-cart:hover,.thumbnail-container .functional-buttons > div .btn-product:hover,.thumbnail-container .product-title a:hover,.footer-copyright .ApBlockLink ul li a:hover,.social-sharing li:hover:before,.header-nav a:hover" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Headings Color</label>
<input value="" size="10" name="customize[body][]" data-match="body" type="text" class="input-setting" data-selector="h1, h2, h3, h4, h5, h6,.block-category h1,.sidebar .block .title_block,.ApColumn .widget-category_image .title_block,.footer-container .block .title_block,.breadcrumb .category-name,.page-home .ApColumn .sub-title-widget span,.gr-map .map_title" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
</div>
</div>
</div>
<div class="accordion-group card panel panel-default">
<div class="accordion-heading card-header panel-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-selectors" href="#collapseheader-main">
Header Main
</a>
</div>
<div id="collapseheader-main" class="accordion-body panel-collapse collapse">
<div class="accordion-inner card-block panel-body clearfix">
<div class="form-group cleafix">
<label>Bg header-nav Color</label>
<input value="" size="10" name="customize[header-main][]" data-match="header-main" type="text" class="input-setting" data-selector="#header .header-nav .container,#header .header-nav" data-attrs="background-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Bg header-top Color</label>
<input value="" size="10" name="customize[header-main][]" data-match="header-main" type="text" class="input-setting" data-selector="#header .header-top .container,#header .header-top" data-attrs="background-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Color Text</label>
<input value="" size="10" name="customize[header-main][]" data-match="header-main" type="text" class="input-setting" data-selector="#header p,.header-top .container,#header #cart-block .cart-preview .header,#header .leo-megamenu .dropdown-menu .widget-products .menu-title,#header .leo-megamenu .dropdown-menu .widget-html .menu-title,#header .thumbnail-container .product-price-and-shipping .price,#header .thumbnail-container .product-price-and-shipping .regular-price,#header .popup-over .popup-content .block_name,#header #cart-block .cart-preview .shopping-cart,#header .group-nav .closemenu,#header .header-nav .container" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Color Link</label>
<input value="" size="10" name="customize[header-main][]" data-match="header-main" type="text" class="input-setting" data-selector="#header .header-top a,#header .leo-megamenu .dropdown-menu a .menu-title,#header .leo-megamenu .dropdown-menu .leo-widget a,#header .leo-megamenu .navbar-nav > li > a,#header #click_show_search,#header #search_widget .form-search .search-button,#header .popup-over .popup-title,#header .popup-over .popup-content a,#header #cart-block .cart-preview .header a,#header .header-nav a" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Color Link Hover</label>
<input value="" size="10" name="customize[header-main][]" data-match="header-main" type="text" class="input-setting" data-selector="#header .header-top a:hover,#header .leo-megamenu .dropdown-menu a .menu-title:hover,#header .leo-megamenu .dropdown-menu .leo-widget a:hover,#header .leo-megamenu .navbar-nav > li > a:hover,#header .leo-megamenu .navbar-nav > li.active > a,#header #click_show_search:hover,#header #search_widget .form-search .search-button:hover,#header .popup-over .popup-title:hover,#header .popup-over .popup-content a:hover,#header .popup-over .popup-content ul li.current a,#header #cart-block .cart-preview .header a:hover,#header .header-nav a:hover" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Button Text Color(hover)</label>
<input value="" size="10" name="customize[header-main][]" data-match="header-main" type="text" class="input-setting" data-selector="#header #search_widget .form-search .search-button:hover" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
</div>
</div>
</div>
<div class="accordion-group card panel panel-default">
<div class="accordion-heading card-header panel-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-selectors" href="#collapsemagemenu">
Megamenu
</a>
</div>
<div id="collapsemagemenu" class="accordion-body panel-collapse collapse">
<div class="accordion-inner card-block panel-body clearfix">
<div class="form-group cleafix">
<label>Text Color</label>
<input value="" size="10" name="customize[magemenu][]" data-match="magemenu" type="text" class="input-setting" data-selector="#header.leo-megamenu, #header .leo-megamenu .dropdown-sub .menu-title,#header .leo-megamenu .dropdown-menu .widget-html .menu-title, #header .leo-megamenu p,#header .leo-megamenu .dropdown-menu .widget-products .menu-title,#header .thumbnail-container .product-price-and-shipping .price,#header .thumbnail-container .product-price-and-shipping .regular-price" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Link Color</label>
<input value="" size="10" name="customize[magemenu][]" data-match="magemenu" type="text" class="input-setting" data-selector="#header .leo-megamenu .dropdown-menu a .menu-title,#header .leo-megamenu .dropdown-menu a:after,#header .leo-megamenu .dropdown-menu .leo-widget a,#header .leo-megamenu .navbar-nav > li > a" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Link Hover Color</label>
<input value="" size="10" name="customize[magemenu][]" data-match="magemenu" type="text" class="input-setting" data-selector="#header .leo-megamenu .dropdown-menu a .menu-title:hover,#header .leo-megamenu .dropdown-menu a:hover:after,#header .leo-megamenu .dropdown-menu .leo-widget a:hover,#header .leo-megamenu .navbar-nav > li > a:hover,#header .leo-megamenu .navbar-nav > li.active > a" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
</div>
</div>
</div>
<div class="accordion-group card panel panel-default">
<div class="accordion-heading card-header panel-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-selectors" href="#collapsefooter">
Footer
</a>
</div>
<div id="collapsefooter" class="accordion-body panel-collapse collapse">
<div class="accordion-inner card-block panel-body clearfix">
<div class="form-group cleafix">
<label>Bg Outside Color</label>
<input value="" size="10" name="customize[footer][]" data-match="footer" type="text" class="input-setting" data-selector="#footer" data-attrs="background-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Bg Color</label>
<input value="" size="10" name="customize[footer][]" data-match="footer" type="text" class="input-setting" data-selector="#footer .container" data-attrs="background-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Color Text</label>
<input value="" size="10" name="customize[footer][]" data-match="footer" type="text" class="input-setting" data-selector="#footer .container,#footer .block_newsletter form input[type=text],#footer .footer-copyright .ApRawHtml.block,.block_newsletter p,#footer.footer-container p, #footer .footer-copyright" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Color Link</label>
<input value="" size="10" name="customize[footer][]" data-match="footer" type="text" class="input-setting" data-selector="#footer a,#footer .footer-container li a,#footer .footer-copyright .ApBlockLink ul li a" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Color Link Hover</label>
<input value="" size="10" name="customize[footer][]" data-match="footer" type="text" class="input-setting" data-selector="#footer a:hover, #footer .footer-container li a:hover, #footer .footer-copyright .ApBlockLink ul li a:hover" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Title Block</label>
<input value="" size="10" name="customize[footer][]" data-match="footer" type="text" class="input-setting" data-selector="#footer .block .title_block, #footer h4,#footer .service-box .service-info h5" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group background-images cleafix">
<label>Background Image</label>
<input value="" type="hidden" name="customize[footer][]" data-match="footer" class="input-setting" data-selector="#footer,#footer .container " data-attrs="background-image">
<a class="clear-bg d-inline bg-success" href="#">Clair</a>
<div class="clearfix"></div>
<p><em style="font-size:10px">Ces images dans le dossier YOURTHEME / assets / img / patterns /</em></p>
<div class="bi-wrapper clearfix">
<div style="background:url('/themes/at_nova/assets/img/patterns/2.jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/2.jpg" data-val="../../img/patterns/2.jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/22.jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/22.jpg" data-val="../../img/patterns/22.jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/24.jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/24.jpg" data-val="../../img/patterns/24.jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/POLO SITE_Plan de travail 1.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/POLO SITE_Plan de travail 1.png" data-val="../../img/patterns/POLO SITE_Plan de travail 1.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/blousons imperméable-01.jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/blousons imperméable-01.jpg" data-val="../../img/patterns/blousons imperméable-01.jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/chemise casual sur le site .jpg') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/chemise casual sur le site .jpg" data-val="../../img/patterns/chemise casual sur le site .jpg"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern.png" data-val="../../img/patterns/pattern.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern1.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern1.png" data-val="../../img/patterns/pattern1.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern10.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern10.png" data-val="../../img/patterns/pattern10.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern11.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern11.png" data-val="../../img/patterns/pattern11.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern12.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern12.png" data-val="../../img/patterns/pattern12.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern13.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern13.png" data-val="../../img/patterns/pattern13.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern2.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern2.png" data-val="../../img/patterns/pattern2.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern3.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern3.png" data-val="../../img/patterns/pattern3.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern4.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern4.png" data-val="../../img/patterns/pattern4.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern5.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern5.png" data-val="../../img/patterns/pattern5.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern6.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern6.png" data-val="../../img/patterns/pattern6.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern7.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern7.png" data-val="../../img/patterns/pattern7.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern8.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern8.png" data-val="../../img/patterns/pattern8.png"></div>
<div style="background:url('/themes/at_nova/assets/img/patterns/pattern9.png') no-repeat center center;" class="pull-left" data-image="/themes/at_nova/assets/img/patterns/pattern9.png" data-val="../../img/patterns/pattern9.png"></div>
</div>
<ul class="bg-config">
<li>
<div>Attachement</div>
<select class="form-control" data-attrs="background-attachment" name="customize[body][]" data-selector="#footer,#footer .container " data-match="footer">
<option value="">Pas encore défini</option>
<option value="scroll">scroll</option>
<option value="fixed">fixed</option>
<option value="local">local</option>
<option value="initial">initial</option>
<option value="inherit">inherit</option>
</select>
</li>
<li>
<div>Position</div>
<select class="form-control" data-attrs="background-position" name="customize[body][]" data-selector="#footer,#footer .container " data-match="footer">
<option value="">Pas encore défini</option>
<option value="left top">left top</option>
<option value="left center">left center</option>
<option value="left bottom">left bottom</option>
<option value="right top">right top</option>
<option value="right center">right center</option>
<option value="right bottom">right bottom</option>
<option value="center top">center top</option>
<option value="center center">center center</option>
<option value="center bottom">center bottom</option>
</select>
</li>
<li>
<div>Répéter</div>
<select class="form-control" data-attrs="background-repeat" name="customize[body][]" data-selector="#footer,#footer .container " data-match="footer">
<option value="">Pas encore défini</option>
<option value="repeat">repeat</option>
<option value="repeat-x">repeat-x</option>
<option value="repeat-y">repeat-y</option>
<option value="no-repeat">no-repeat</option>
<option value="initial">initial</option>
<option value="inherit">inherit</option>
</select>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab-elements">
<div class="accordion" id="accordion-elements">
<div class="accordion-group card panel panel-default">
<div class="accordion-heading card-header panel-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-elements" href="#collapseproduct">
Products
</a>
</div>
<div id="collapseproduct" class="accordion-body panel-collapse collapse in">
<div class="accordion-inner card-block panel-body clearfix">
<div class="form-group cleafix">
<label>Text Color</label>
<input value="" size="10" name="customize[product][]" data-match="product" type="text" class="input-setting" data-selector="body,.page-product section#main p,#block-reassurance li .block-reassurance-item span,.page-product .product-information, .social-sharing span,.social-sharing span,.aeuc_shipping_label, .aeuc_delivery_label,.product-information,#block-reassurance li .block-reassurance-item span,.product-prices .tax-shipping-delivery-label,.product-actions .control-label,.other-info,.other-info .label" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Headings Color</label>
<input value="" size="10" name="customize[product][]" data-match="product" type="text" class="input-setting" data-selector=".products-section-title,#product .breadcrumb .product-detail-name" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Color Name Product</label>
<input value="" size="10" name="customize[product][]" data-match="product" type="text" class="input-setting" data-selector=".page-product .product-detail-name" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Color Price</label>
<input value="" size="10" name="customize[product][]" data-match="product" type="text" class="input-setting" data-selector=".product-prices .product-price" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Color Price Old</label>
<input value="" size="10" name="customize[product][]" data-match="product" type="text" class="input-setting" data-selector=".product-discount .regular-price" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>BgColor Cart</label>
<input value="" size="10" name="customize[product][]" data-match="product" type="text" class="input-setting" data-selector=".product-actions .add-to-cart" data-attrs="background-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>BgColor Cart(hover)</label>
<input value="" size="10" name="customize[product][]" data-match="product" type="text" class="input-setting" data-selector=".product-actions .add-to-cart:hover" data-attrs="background-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Color Cart</label>
<input value="" size="10" name="customize[product][]" data-match="product" type="text" class="input-setting" data-selector=".product-actions .add-to-cart" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Color Cart hover</label>
<input value="" size="10" name="customize[product][]" data-match="product" type="text" class="input-setting" data-selector=".product-actions .add-to-cart:hover" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>BgColor Compare-Wishlist</label>
<input value="" size="10" name="customize[product][]" data-match="product" type="text" class="input-setting" data-selector=".leo-compare-wishlist-button .btn" data-attrs="background-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Border Compare-Wishlist</label>
<input value="" size="10" name="customize[product][]" data-match="product" type="text" class="input-setting" data-selector=".leo-compare-wishlist-button .btn" data-attrs="border-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>BgColor Compare-Wishlist(hover)</label>
<input value="" size="10" name="customize[product][]" data-match="product" type="text" class="input-setting" data-selector=".leo-compare-wishlist-button .btn:hover" data-attrs="background-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Color Compare-Wishlist</label>
<input value="" size="10" name="customize[product][]" data-match="product" type="text" class="input-setting" data-selector=".leo-compare-wishlist-button .btn" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Color Compare-Wishlist hover</label>
<input value="" size="10" name="customize[product][]" data-match="product" type="text" class="input-setting" data-selector=".leo-compare-wishlist-button .btn:hover" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
</div>
</div>
</div>
<div class="accordion-group card panel panel-default">
<div class="accordion-heading card-header panel-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-elements" href="#collapsemodules">
Modules default in Sidebar
</a>
</div>
<div id="collapsemodules" class="accordion-body panel-collapse collapse">
<div class="accordion-inner card-block panel-body clearfix">
<div class="form-group cleafix">
<label>Heading Background</label>
<input value="" size="10" name="customize[modules][]" data-match="modules" type="text" class="input-setting" data-selector=".sidebar .block .title_block" data-attrs="background-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Heading Color</label>
<input value="" size="10" name="customize[modules][]" data-match="modules" type="text" class="input-setting" data-selector=".sidebar .block .title_block a, .sidebar .block .title_block" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Content Background</label>
<input value="" size="10" name="customize[modules][]" data-match="modules" type="text" class="input-setting" data-selector=".sidebar .block .block_content" data-attrs="background-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Content Color</label>
<input value="" size="10" name="customize[modules][]" data-match="modules" type="text" class="input-setting" data-selector="#search_filters .facet .facet-title,#left-column.sidebar .thumbnail-container .product-price-and-shipping .price,#left-column.sidebar .thumbnail-container .product-price-and-shipping .regular-price" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Link Color</label>
<input value="" size="10" name="customize[modules][]" data-match="modules" type="text" class="input-setting" data-selector="#left-column.sidebar .block .title_block a,#left-column.sidebar .block-categories .category-sub-menu li > a,#left-column.sidebar #search_filters .facet .facet-label a,#left-column.sidebar #search_filters .facet .custom-checkbox a,#left-column.sidebar .thumbnail-container .product-title a,#left-column.sidebar .blog-menu ul > li > a,.sidebar .block a.all-product-link,.block-categories .collapse-icons .add, .block-categories .collapse-icons .remove,#search_filters .facet li .magnitude" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Link Hover Color</label>
<input value="" size="10" name="customize[modules][]" data-match="modules" type="text" class="input-setting" data-selector="#left-column.sidebar .block .title_block a:hover,#left-column.sidebar .block-categories .category-sub-menu li > a:hover,#left-column.sidebar .thumbnail-container .product-title a:hover,#left-column.sidebar .blog-menu ul > li > a:hover,.sidebar .block a.all-product-link:hover,#left-column.sidebar #search_filters .facet .facet-label a:hover,.block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Border Color</label>
<input value="" size="10" name="customize[modules][]" data-match="modules" type="text" class="input-setting" data-selector=".sidebar .block,.sidebar .block .block_content > .facet,.sidebar .block .title_block,.block-categories .category-sub-menu li > a " data-attrs="border-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
</div>
</div>
</div>
<div class="accordion-group card panel panel-default">
<div class="accordion-heading card-header panel-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-elements" href="#collapsehighlighted-modules">
Modules highlighted in Sidebar
</a>
</div>
<div id="collapsehighlighted-modules" class="accordion-body panel-collapse collapse">
<div class="accordion-inner card-block panel-body clearfix">
<div class="form-group cleafix">
<label>Heading Background</label>
<input value="" size="10" name="customize[highlighted-modules][]" data-match="highlighted-modules" type="text" class="input-setting" data-selector=".sidebar .block-highlighted .title_block" data-attrs="background-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Heading Color</label>
<input value="" size="10" name="customize[highlighted-modules][]" data-match="highlighted-modules" type="text" class="input-setting" data-selector="#left-column.sidebar .block-highlighted .title_block, #left-column.sidebar .block-highlighted .title_block a " data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Content Background</label>
<input value="" size="10" name="customize[highlighted-modules][]" data-match="highlighted-modules" type="text" class="input-setting" data-selector=".sidebar .block-highlighted .block_content" data-attrs="background-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Link Color</label>
<input value="" size="10" name="customize[highlighted-modules][]" data-match="highlighted-modules" type="text" class="input-setting" data-selector="#left-column.sidebar .block-categories.block-highlighted .category-sub-menu li > a,.block-categories .collapse-icons .add, .block-categories .collapse-icons .remove" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Link Hover Color</label>
<input value="" size="10" name="customize[highlighted-modules][]" data-match="highlighted-modules" type="text" class="input-setting" data-selector="#left-column.sidebar .block-categories.block-highlighted .category-sub-menu li > a:hover,#left-column.sidebar .block-highlighted .title_block a:hover,.block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover" data-attrs="color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
<div class="form-group cleafix">
<label>Border Color</label>
<input value="" size="10" name="customize[highlighted-modules][]" data-match="highlighted-modules" type="text" class="input-setting" data-selector="#left-column.sidebar .block.block-highlighted,#left-column.sidebar .block.block-highlighted .block_content > .facet,#left-column.sidebar .block.block-highlighted .title_block,#left-column.sidebar .block-highlighted.block-categories .category-sub-menu li > a " data-attrs="border-color"><a href="#" class="clear-bg d-inline bg-success">Clair</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panelbutton label-customize"></div>
</div>
</div>
<div id="back-top"><a href="#" class="fa fa-angle-double-up"></a></div>
</footer>
</main>
<script type="text/javascript" src="https://www.bagotti.tn/themes/core.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/themes/at_nova/assets/js/theme.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/leoslideshow/views/js/iView/raphael-min.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/leoslideshow/views/js/iView/iview.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/leoslideshow/views/js/leoslideshow.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/leofeature/views/js/leofeature_cart.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/leofeature/views/js/jquery.mousewheel.min.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/leofeature/views/js/jquery.mCustomScrollbar.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/leofeature/views/js/jquery.rating.pack.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/leofeature/views/js/leofeature_review.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/leofeature/views/js/leofeature_compare.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/leofeature/views/js/leofeature_wishlist.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/leoquicklogin/views/js/leoquicklogin.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/ets_banneranywhere/views/js/front.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/konnect//views/js/front.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/appagebuilder/views/js/countdown.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/js/jquery/ui/jquery-ui.min.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/js/jquery/plugins/fancybox/jquery.fancybox.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/js/jquery/plugins/jquery.scrollTo.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/js/jquery/plugins/jquery.serialScroll.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/js/jquery/plugins/jquery.cooki-plugin.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/ps_facetedsearch/views/dist/front.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/ps_imageslider/js/responsiveslides.min.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/ps_imageslider/js/homeslider.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/leobootstrapmenu/views/js/leobootstrapmenu.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/idxrcustomproduct/views/js/icp_cart17.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/ps_shoppingcart/ps_shoppingcart.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/ps_searchbar/ps_searchbar.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/themes/at_nova/assets/js/custom.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/appagebuilder/views/js/waypoints.min.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/appagebuilder/views/js/instafeed.min.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/appagebuilder/views/js/jquery.stellar.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/appagebuilder/views/js/owl.carousel.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/appagebuilder/views/js/imagesloaded.pkgd.min.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/appagebuilder/views/js/slick.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/appagebuilder/views/js/jquery.elevateZoom-3.0.8.min.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/appagebuilder/views/js/ApImageHotspot.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/appagebuilder/views/js/script.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/appagebuilder/views/js/colorpicker/js/colorpicker.js" ></script>
<script type="text/javascript" src="https://www.bagotti.tn/modules/appagebuilder/views/js/paneltool.js" ></script>
<script type="text/javascript">
var choosefile_text = "Choisir un fichier";
var turnoff_popup_text = "Ne pas afficher ce popup à nouveau";
var size_item_quickview = 144;
var style_scroll_quickview = 'horizontal';
var size_item_page = 144;
var style_scroll_page = 'horizontal';
var size_item_quickview_attr = 144;
var style_scroll_quickview_attr = 'horizontal';
var size_item_popup = 190;
var style_scroll_popup = 'vertical';
</script>
<div data-type="dropup" style="position: fixed; bottom:30px; left:30px" class="leo-fly-cart solo type-fixed enable-dropdown">
<div class="leo-fly-cart-icon-wrapper">
<a href="javascript:void(0)" class="leo-fly-cart-icon" data-type="dropup"><i class="material-icons"></i></a>
<span class="leo-fly-cart-total"></span>
</div>
<div class="leo-fly-cart-cssload-loader"></div>
</div><div class="modal leo-quicklogin-modal fade" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="leo-quicklogin-form row">
<div class="lql-action lql-inactive">
<div class="lql-action-bt">
<h2 class="lql-bt lql-bt-login">S'identifier</h2>
</div>
<div class="lql-action-bt">
<h2 class="lql-bt lql-bt-register">S'inscrire</h2>
</div>
</div>
<div class="leo-form leo-login-form col-sm-6 leo-form-active">
<h3 class="leo-login-title">
<span class="title-both">
Connexion au compte existant
</span>
<span class="title-only">
Connectez-vous à votre compte
</span>
</h3>
<form class="lql-form-content leo-login-form-content" action="#" method="post">
<div class="form-group lql-form-mesg has-success">
</div>
<div class="form-group lql-form-mesg has-danger">
</div>
<div class="form-group lql-form-content-element">
<input type="email" class="form-control lql-email-login" name="lql-email-login" required="" placeholder="Adresse e-mail">
</div>
<div class="form-group lql-form-content-element">
<input type="password" class="form-control lql-pass-login" name="lql-pass-login" required="" placeholder="Mot de passe">
</div>
<div class="form-group row lql-form-content-element">
<div class="col-xs-6 remember-sarco">
<input type="checkbox" class="lql-rememberme" name="lql-rememberme">
<label class="form-control-label"><span>Se souvenir de moi</span></label>
</div>
<div class="col-xs-6 text-sm-right forget-sarco">
<a role="button" href="#" class="leoquicklogin-forgotpass">Mot de passe oublié?</a>
</div>
</div>
<div class="form-group text-right">
<button type="submit" class="form-control-submit lql-form-bt lql-login-bt btn btn-primary">
<span class="leoquicklogin-loading leoquicklogin-cssload-speeding-wheel"></span>
<i class="leoquicklogin-icon leoquicklogin-success-icon material-icons"></i>
<i class="leoquicklogin-icon leoquicklogin-fail-icon material-icons"></i>
<span class="lql-bt-txt">
S'identifier
</span>
</button>
</div>
<div class="form-group lql-callregister">
<a role="button" href="#" class="lql-callregister-action">Pas de compte? Créer un ici ?</a>
</div>
</form>
<div class="leo-resetpass-form">
<h3>réinitialiser le mot de passe</h3>
<form class="lql-form-content leo-resetpass-form-content" action="#" method="post">
<div class="form-group lql-form-mesg has-success">
</div>
<div class="form-group lql-form-mesg has-danger">
</div>
<div class="form-group lql-form-content-element">
<input type="email" class="form-control lql-email-reset" name="lql-email-reset" required="" placeholder="Adresse e-mail">
</div>
<div class="form-group">
<button type="submit" class="form-control-submit lql-form-bt leoquicklogin-reset-pass-bt btn btn-primary">
<span class="leoquicklogin-loading leoquicklogin-cssload-speeding-wheel"></span>
<i class="leoquicklogin-icon leoquicklogin-success-icon material-icons"></i>
<i class="leoquicklogin-icon leoquicklogin-fail-icon material-icons"></i>
<span class="lql-bt-txt">
réinitialiser le mot de passe
</span>
</button>
</div>
</form>
</div>
</div>
<div class="leo-form leo-register-form col-sm-6 leo-form-active">
<h3 class="leo-register-title">
Nouveau compte
</h3>
<form class="lql-form-content leo-register-form-content" action="#" method="post">
<div class="form-group lql-form-mesg has-success">
</div>
<div class="form-group lql-form-mesg has-danger">
</div>
<div class="form-group lql-form-content-element">
<input type="text" class="form-control lql-register-firstname" name="lql-register-firstname" required="" placeholder="Prénom">
</div>
<div class="form-group lql-form-content-element">
<input type="text" class="form-control lql-register-lastname" name="lql-register-lastname" required="" placeholder="Nom de famille">
</div>
<div class="form-group lql-form-content-element">
<input type="email" class="form-control lql-register-email" name="lql-register-email" required="" placeholder="Adresse e-mail">
</div>
<div class="form-group lql-form-content-element">
<input type="password" class="form-control lql-register-pass" name="lql-register-pass" required="" placeholder="Mot de passe">
</div>
<div class="form-group text-right">
<button type="submit" class="form-control-submit lql-form-bt lql-register-bt btn btn-primary">
<span class="leoquicklogin-loading leoquicklogin-cssload-speeding-wheel"></span>
<i class="leoquicklogin-icon leoquicklogin-success-icon material-icons"></i>
<i class="leoquicklogin-icon leoquicklogin-fail-icon material-icons"></i>
<span class="lql-bt-txt">
Créer un compte
</span>
</button>
</div>
<div class="form-group lql-calllogin">
<div>Vous avez déjà un compte?</div>
<a role="button" href="#" class="lql-calllogin-action">Connectez-vous </a>
Ou
<a role="button" href="#" class="lql-calllogin-action lql-callreset-action">Réinitialiser le mot de passe</a>
</div>
</form>
</div>
</div>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div><div class="leoquicklogin-mask"></div>
<div class="leoquicklogin-slidebar">
<div class="leoquicklogin-slidebar-wrapper">
<div class="leoquicklogin-slidebar-top">
<button type="button" class="leoquicklogin-slidebar-close btn btn-secondary">
<i class="material-icons"></i>
<span>Fermer</span>
</button>
</div>
<div class="leo-quicklogin-form row">
<div class="lql-action lql-inactive">
<div class="lql-action-bt">
<h2 class="lql-bt lql-bt-login">S'identifier</h2>
</div>
<div class="lql-action-bt">
<h2 class="lql-bt lql-bt-register">S'inscrire</h2>
</div>
</div>
<div class="leo-form leo-login-form col-sm-6 leo-form-active">
<h3 class="leo-login-title">
<span class="title-both">
Connexion au compte existant
</span>
<span class="title-only">
Connectez-vous à votre compte
</span>
</h3>
<form class="lql-form-content leo-login-form-content" action="#" method="post">
<div class="form-group lql-form-mesg has-success">
</div>
<div class="form-group lql-form-mesg has-danger">
</div>
<div class="form-group lql-form-content-element">
<input type="email" class="form-control lql-email-login" name="lql-email-login" required="" placeholder="Adresse e-mail">
</div>
<div class="form-group lql-form-content-element">
<input type="password" class="form-control lql-pass-login" name="lql-pass-login" required="" placeholder="Mot de passe">
</div>
<div class="form-group row lql-form-content-element">
<div class="col-xs-6 remember-sarco">
<input type="checkbox" class="lql-rememberme" name="lql-rememberme">
<label class="form-control-label"><span>Se souvenir de moi</span></label>
</div>
<div class="col-xs-6 text-sm-right forget-sarco">
<a role="button" href="#" class="leoquicklogin-forgotpass">Mot de passe oublié?</a>
</div>
</div>
<div class="form-group text-right">
<button type="submit" class="form-control-submit lql-form-bt lql-login-bt btn btn-primary">
<span class="leoquicklogin-loading leoquicklogin-cssload-speeding-wheel"></span>
<i class="leoquicklogin-icon leoquicklogin-success-icon material-icons"></i>
<i class="leoquicklogin-icon leoquicklogin-fail-icon material-icons"></i>
<span class="lql-bt-txt">
S'identifier
</span>
</button>
</div>
<div class="form-group lql-callregister">
<a role="button" href="#" class="lql-callregister-action">Pas de compte? Créer un ici ?</a>
</div>
</form>
<div class="leo-resetpass-form">
<h3>réinitialiser le mot de passe</h3>
<form class="lql-form-content leo-resetpass-form-content" action="#" method="post">
<div class="form-group lql-form-mesg has-success">
</div>
<div class="form-group lql-form-mesg has-danger">
</div>
<div class="form-group lql-form-content-element">
<input type="email" class="form-control lql-email-reset" name="lql-email-reset" required="" placeholder="Adresse e-mail">
</div>
<div class="form-group">
<button type="submit" class="form-control-submit lql-form-bt leoquicklogin-reset-pass-bt btn btn-primary">
<span class="leoquicklogin-loading leoquicklogin-cssload-speeding-wheel"></span>
<i class="leoquicklogin-icon leoquicklogin-success-icon material-icons"></i>
<i class="leoquicklogin-icon leoquicklogin-fail-icon material-icons"></i>
<span class="lql-bt-txt">
réinitialiser le mot de passe
</span>
</button>
</div>
</form>
</div>
</div>
<div class="leo-form leo-register-form col-sm-6 leo-form-active">
<h3 class="leo-register-title">
Nouveau compte
</h3>
<form class="lql-form-content leo-register-form-content" action="#" method="post">
<div class="form-group lql-form-mesg has-success">
</div>
<div class="form-group lql-form-mesg has-danger">
</div>
<div class="form-group lql-form-content-element">
<input type="text" class="form-control lql-register-firstname" name="lql-register-firstname" required="" placeholder="Prénom">
</div>
<div class="form-group lql-form-content-element">
<input type="text" class="form-control lql-register-lastname" name="lql-register-lastname" required="" placeholder="Nom de famille">
</div>
<div class="form-group lql-form-content-element">
<input type="email" class="form-control lql-register-email" name="lql-register-email" required="" placeholder="Adresse e-mail">
</div>
<div class="form-group lql-form-content-element">
<input type="password" class="form-control lql-register-pass" name="lql-register-pass" required="" placeholder="Mot de passe">
</div>
<div class="form-group text-right">
<button type="submit" class="form-control-submit lql-form-bt lql-register-bt btn btn-primary">
<span class="leoquicklogin-loading leoquicklogin-cssload-speeding-wheel"></span>
<i class="leoquicklogin-icon leoquicklogin-success-icon material-icons"></i>
<i class="leoquicklogin-icon leoquicklogin-fail-icon material-icons"></i>
<span class="lql-bt-txt">
Créer un compte
</span>
</button>
</div>
<div class="form-group lql-calllogin">
<div>Vous avez déjà un compte?</div>
<a role="button" href="#" class="lql-calllogin-action">Connectez-vous </a>
Ou
<a role="button" href="#" class="lql-calllogin-action lql-callreset-action">Réinitialiser le mot de passe</a>
</div>
</form>
</div>
</div>
<div class="leoquicklogin-slidebar-bottom">
<button type="button" class="leoquicklogin-slidebar-close btn btn-secondary">
<i class="material-icons"></i>
<span>Fermer</span>
</button>
</div>
</div>
</div>
</body>
</html>
