<!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">
<link rel="canonical" href="https://www.bagotti.tn/chemises-col-boutonne/825-chemise-boutonne.html">
<title>Chemise Unie Col Boutonné Taille S Couleur Rose Type de produit Chemise</title>
<link rel="stylesheet" href="/themes/at_nova/assets/fonts/stylesheet.css">
<meta name="description" content="Chemise col boutonné homme à manches courtes : confort et style quotidien, idéale pour un look casual chic ou décontracté en toute occasion.">
<meta name="keywords" content="">
<link rel="alternate" href="https://www.bagotti.tn/chemises-col-boutonne/825-chemise-boutonne.html" hreflang="fr-fr">
<link rel="alternate" href="https://www.bagotti.tn/chemises-col-boutonne/825-chemise-boutonne.html" 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/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/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/pronesissizechart/views/css/style_psc.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 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":null,"meta":{"title":"Chemise Unie Col Boutonn\u00e9 Taille S Couleur Rose Type de produit Chemise","description":"Chemise col boutonn\u00e9 homme \u00e0 manches courtes : confort et style quotidien, id\u00e9ale pour un look casual chic ou d\u00e9contract\u00e9 en toute occasion.","keywords":"","robots":"index"},"page_name":"product","body_classes":{"lang-fr":true,"lang-rtl":false,"country-TN":true,"currency-TND":true,"layout-full-width":true,"page-product":true,"tax-display-enabled":true,"product-id-825":true,"product-Chemise unie demi manches":true,"product-id-category-111":true,"product-id-manufacturer-3":true,"product-id-supplier-0":true,"product-on-sale":true,"product-available-for-order":true,"product-customizable":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\/chemises-col-boutonne\/825-4082-chemise-boutonne.html","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\/chemises-col-boutonne\/825-chemise-boutonne.html"},"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"},{"title":"Chemise unie demi manches","url":"https:\/\/www.bagotti.tn\/chemises-col-boutonne\/825-4082-chemise-boutonne.html#\/taille-s\/couleur-rose\/type_de_produit-chemise"}],"count":4},"link":{"protocol_link":"https:\/\/","protocol_content":"https:\/\/"},"time":1765527994,"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_popup = 1;
var type_dropdown_defaultcart = "dropdown";
var type_flycart_effect = "fade";
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>
<meta property="og:type" content="product">
<meta property="og:url" content="https://www.bagotti.tn/chemises-col-boutonne/825-4082-chemise-boutonne.html">
<meta property="og:title" content="Chemise Unie Col Boutonné Taille S Couleur Rose Type de produit Chemise">
<meta property="og:site_name" content="Bagotti">
<meta property="og:description" content="Chemise col boutonné homme à manches courtes : confort et style quotidien, idéale pour un look casual chic ou décontracté en toute occasion.">
<meta property="og:image" content="https://www.bagotti.tn/2819-large_default/chemise-boutonne.jpg">
<meta property="product:pretax_price:amount" content="29.95">
<meta property="product:pretax_price:currency" content="TND">
<meta property="product:price:amount" content="29.95">
<meta property="product:price:currency" content="TND">
</head>
<body id="product" class="lang-fr country-tn currency-tnd layout-full-width page-product tax-display-enabled product-id-825 product-chemise-unie-demi-manches product-id-category-111 product-id-manufacturer-3 product-id-supplier-0 product-on-sale product-available-for-order product-customizable 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="4" class="breadcrumb hidden-sm-down">
<div class="container container-large">
<div class="box-breadcrumb">
<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>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="https://www.bagotti.tn/chemises-col-boutonne/825-4082-chemise-boutonne.html#/taille-s/couleur-rose/type_de_produit-chemise">
<span itemprop="name">Chemise unie demi manches</span>
</a>
<meta itemprop="position" content="4">
</li>
</ol>
</div>
</div>
</nav>
<div class="container container-large" id="">
<div class="row">
<div id="content-wrapper" class="col-lg-12 col-xs-12">
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-xs-12 col-sp-12">
</div>
<section id="main" class="product-detail image-gallery product-image-gallery" itemscope itemtype="https://schema.org/Product">
<meta itemprop="url" content="https://www.bagotti.tn/chemises-col-boutonne/825-4082-chemise-boutonne.html#/1-taille-s/18-couleur-rose/88-type_de_produit-chemise"><div class="row"><div class="col-md-6 col-lg-6 col-xl-6 col-sm-12 col-xs-12 col-sp-12">
<section class="page-content" id="content" data-templatezoomtype="in" data-zoomposition="right" data-zoomwindowwidth="400" data-zoomwindowheight="400">
<div class="images-container">
<div class="product-cover">
<ul class="product-flags">
<li class="product-flag on-sale">Promo !</li>
</ul>
<img id="zoom_product" data-type-zoom="" class="js-qv-product-cover img-fluid" src="https://www.bagotti.tn/2819-large_default/chemise-boutonne.jpg" alt="" title="" itemprop="image">
<div class="layer hidden-sm-down" data-toggle="modal" data-target="#product-modal">
<i class="material-icons zoom-in"></i>
</div>
</div>
<div id="thumb-gallery" class="product-thumb-images">
<div class="thumb-container active">
<a href="javascript:void(0)" data-image="https://www.bagotti.tn/2819-large_default/chemise-boutonne.jpg" data-zoom-image="https://www.bagotti.tn/2819-large_default/chemise-boutonne.jpg">
<img
class="thumb js-thumb selected"
data-image-medium-src="https://www.bagotti.tn/2819-medium_default/chemise-boutonne.jpg"
data-image-large-src="https://www.bagotti.tn/2819-large_default/chemise-boutonne.jpg"
src="https://www.bagotti.tn/2819-home_default/chemise-boutonne.jpg"
alt=""
title=""
itemprop="image"
>
</a>
</div>
<div class="thumb-container">
<a href="javascript:void(0)" data-image="https://www.bagotti.tn/2833-large_default/chemise-boutonne.jpg" data-zoom-image="https://www.bagotti.tn/2833-large_default/chemise-boutonne.jpg">
<img
class="thumb js-thumb"
data-image-medium-src="https://www.bagotti.tn/2833-medium_default/chemise-boutonne.jpg"
data-image-large-src="https://www.bagotti.tn/2833-large_default/chemise-boutonne.jpg"
src="https://www.bagotti.tn/2833-home_default/chemise-boutonne.jpg"
alt=""
title=""
itemprop="image"
>
</a>
</div>
</div>
<div class="arrows-product-fake slick-arrows">
<button class="slick-prev slick-arrow" aria-label="Previous" type="button" >Previous</button>
<button class="slick-next slick-arrow" aria-label="Next" type="button">Next</button>
</div>
</div>
</section>
<div class="modal fade js-product-images-modal leo-product-modal" id="product-modal" data-thumbnails=".product-images-825">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<figure>
<img class="js-modal-product-cover product-cover-modal" width="1200" src="https://www.bagotti.tn/2819-large_default/chemise-boutonne.jpg" alt="" title="" itemprop="image">
<figcaption class="image-caption">
<div id="product-description-short" itemprop="description"><ul style="list-style-type:circle;"><li><span style="font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;">Chemise unie</span></li>
<li><span style="font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;">Manches courtes</span></li>
<li><span style="font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;">Col boutonné</span></li>
<li><span style="font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;">Coupe slim fit</span></li>
<li><span style="font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;">Composition: 80 % coton , 17 % Polyester et 3% Elasthanne</span></li>
<li><span style="font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;">Couleurs disponibles : blanc, rose et bleu ciel</span></li>
</ul></div>
</figcaption>
</figure>
<aside id="thumbnails" class="thumbnails text-sm-center">
<div class="product-images product-images-825">
<div class="thumb-container">
<img data-image-large-src="https://www.bagotti.tn/2819-large_default/chemise-boutonne.jpg" class="thumb img-fluid js-modal-thumb selected" src="https://www.bagotti.tn/2819-home_default/chemise-boutonne.jpg" alt="" title="" width="600" itemprop="image">
</div>
<div class="thumb-container">
<img data-image-large-src="https://www.bagotti.tn/2833-large_default/chemise-boutonne.jpg" class="thumb img-fluid js-modal-thumb" src="https://www.bagotti.tn/2833-home_default/chemise-boutonne.jpg" alt="" title="" width="600" itemprop="image">
</div>
</div>
</aside>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</div><div class="col-md-6 col-lg-6 col-xl-6 col-sm-12 col-xs-12 col-sp-12">
<h1 class="h1 product-detail-name" itemprop="name">Chemise unie demi manches</h1>
<div class="product-reference">
<label class="label">Référence: </label>
<span itemprop="sku">E2203040</span>
</div>
<div class="product-additional-info">
<div id="modalContent" class="modal fade" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<button type="button" class="close close-taile" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<p class="modalDescription">Les tailles que nous utilisons correspondent à l'encolure de la chemise, en cm. L'encolure est généralement marquée dans vos chemises du commerce, et vous trouverez ci-dessous la correspondance avec la taille US :</p>
<div class="psc_table-responsive">
<table class="table" id="table1" style="width:100%;">
<tr>
<td>FR</td>
<td>S/M/L</td>
<td>UK / US</td>
</tr>
<tr>
<td>35</td>
<td>XS</td>
<td>14</td>
</tr>
<tr>
<td>36</td>
<td>XS</td>
<td>14</td>
</tr>
<tr>
<td>37</td>
<td>S</td>
<td>14.5</td>
</tr>
<tr>
<td>38</td>
<td>S</td>
<td>15</td>
</tr>
<tr>
<td>39</td>
<td>M</td>
<td>15.5</td>
</tr>
<tr>
<td>40</td>
<td>M</td>
<td>15.5</td>
</tr>
<tr>
<td>41</td>
<td>L</td>
<td>16</td>
</tr>
<tr>
<td>42</td>
<td>L</td>
<td>16.5</td>
</tr>
<tr>
<td>43</td>
<td>XL</td>
<td>17</td>
</tr>
<tr>
<td>44</td>
<td>XL</td>
<td>17.5</td>
</tr>
<tr>
<td>45</td>
<td>XL</td>
<td>17.5</td>
</tr>
<tr>
<td>46</td>
<td>XXL</td>
<td>18</td>
</tr>
<tr>
<td>47</td>
<td>XXL</td>
<td>18.5</td>
</tr>
<tr>
<td>48</td>
<td>XXXL</td>
<td>19</td>
</tr>
<tr>
<td>49</td>
<td>XXXL</td>
<td>19.5</td>
</tr>
<tr>
<td>50</td>
<td>XXXL</td>
<td>20</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<img class="openModalImg" src="/modules/pronesissizechart/views/img/measure.png"><a class="size" href="javascript:void(0)" data-toggle="modal" data-target="#modalContent">Guide des tailles</a>
<div class="social-sharing">
<span class="share-this hidden-xs-up"><i class="fa fa-share-alt"></i>Partagez ça:</span>
<ul>
<li class="facebook icon-gray">
<a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.bagotti.tn%2Fchemises-col-boutonne%2F825-chemise-boutonne.html" class="text-hide" title="Partager" target="_blank">
<span>Partager</span>
<i class="facebook icon-gray"></i>
</a>
</li>
<li class="twitter icon-gray">
<a href="https://twitter.com/intent/tweet?text=Chemise+unie+demi+manches https%3A%2F%2Fwww.bagotti.tn%2Fchemises-col-boutonne%2F825-chemise-boutonne.html" class="text-hide" title="Tweet" target="_blank">
<span>Tweet</span>
<i class="twitter icon-gray"></i>
</a>
</li>
<li class="pinterest icon-gray">
<a href="https://www.pinterest.com/pin/create/button/?media=https%3A%2F%2Fwww.bagotti.tn%2F2819%2Fchemise-boutonne.jpg&url=https%3A%2F%2Fwww.bagotti.tn%2Fchemises-col-boutonne%2F825-chemise-boutonne.html" class="text-hide" title="Pinterest" target="_blank">
<span>Pinterest</span>
<i class="pinterest icon-gray"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="leo-more-cdown" data-idproduct="825"></div>
<div class="product-prices">
<div
class="product-price h5 has-discount"
itemprop="offers"
itemscope
itemtype="https://schema.org/Offer"
>
<link itemprop="availability" href="https://schema.org/InStock"/>
<meta itemprop="priceCurrency" content="TND">
<div class="current-price">
<span itemprop="price" content="29.95">29,950 DT</span>
<span class="discount discount-percentage">Économisez 50%</span>
</div>
</div>
<div class="product-discount">
<span class="regular-price">59,900 DT</span>
</div>
<div class="tax-shipping-delivery-label">
HT
</div>
</div>
<div id="product-description-short-825" class="description-short" itemprop="description"><ul style="list-style-type:circle;"><li><span style="font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;">Chemise unie</span></li>
<li><span style="font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;">Manches courtes</span></li>
<li><span style="font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;">Col boutonné</span></li>
<li><span style="font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;">Coupe slim fit</span></li>
<li><span style="font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;">Composition: 80 % coton , 17 % Polyester et 3% Elasthanne</span></li>
<li><span style="font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;">Couleurs disponibles : blanc, rose et bleu ciel</span></li>
</ul></div>
<section class="product-customization">
<div class="card card-block">
<p class="h4 card-title">Personnalisation</p>
N'oubliez pas de sauvegarder votre personnalisation pour pouvoir l'ajouter au panier
<form method="post" action="https://www.bagotti.tn/chemises-col-boutonne/825-4082-chemise-boutonne.html#/1-taille-s/18-couleur-rose/88-type_de_produit-chemise" enctype="multipart/form-data">
<ul class="clearfix">
<li class="product-customization-item">
<label> Notez les initiales que vous souhaitez broder sur votre chemise (25 TND)</label>
<textarea placeholder="Votre message ici" class="product-message" maxlength="250" name="textField70"></textarea>
<small class="float-xs-right">250 caractères max</small>
</li>
</ul>
<div class="clearfix">
<button class="btn btn-primary float-xs-right" type="submit" name="submitCustomizedData">Enregistrer la personnalisation</button>
</div>
</form>
</div>
</section>
<div class="product-actions">
<form action="https://www.bagotti.tn/panier" method="post" id="add-to-cart-or-refresh">
<input type="hidden" name="token" value="3d3acc0a373307eaaf6a21e6043cf74d">
<input type="hidden" name="id_product" value="825" id="product_page_product_id">
<input type="hidden" name="id_customization" value="0" id="product_customization_id">
<div class="product-variants">
<div class="product-variants-item Type de produit">
<span class="control-label"></span>
<ul id="group_8">
<li class="float-xs-left input-container">
<label>
<input class="input-color" type="radio" data-product-attribute="8" name="group[8]" value="88" checked="checked">
<span
><span class="sr-only">Chemise</span></span>
</label>
</li>
</ul>
</div>
<div class="product-variants-item Taille">
<span class="control-label"></span>
<ul id="group_1">
<li class="input-container float-xs-left">
<label>
<input class="input-radio" type="radio" data-product-attribute="1" name="group[1]" value="1" checked="checked">
<span class="radio-label">S</span>
</label>
</li>
<li class="input-container float-xs-left">
<label>
<input class="input-radio" type="radio" data-product-attribute="1" name="group[1]" value="2">
<span class="radio-label">M</span>
</label>
</li>
<li class="input-container float-xs-left">
<label>
<input class="input-radio" type="radio" data-product-attribute="1" name="group[1]" value="4">
<span class="radio-label">XL</span>
</label>
</li>
<li class="input-container float-xs-left">
<label>
<input class="input-radio" type="radio" data-product-attribute="1" name="group[1]" value="36">
<span class="radio-label">2XL</span>
</label>
</li>
</ul>
</div>
<div class="product-variants-item Couleur">
<span class="control-label"></span>
<ul id="group_2">
<li class="float-xs-left input-container">
<label>
<input class="input-color" type="radio" data-product-attribute="2" name="group[2]" value="18" checked="checked">
<span
class="color" style="background-color: #FCCACD" ><span class="sr-only">Rose</span></span>
</label>
</li>
</ul>
</div>
</div>
<section class="product-discounts">
</section>
<div class="product-add-to-cart">
<!--span class="control-label">Quantité</span-->
<div class="product-quantity clearfix">
<div class="qty clearfix">
<input
type="text"
name="qty"
id="quantity_wanted"
value="1"
class="input-group"
min="1"
aria-label="Quantité"
>
</div>
<div class="add">
<button class="btn btn-primary add-to-cart" data-button-action="add-to-cart" type="submit" >
Ajouter au panier
</button>
<div class="leo-compare-wishlist-button">
<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>
<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>
<div class="clearfix"></div>
<span id="product-availability">
<i class="material-icons rtl-no-flip product-available"></i>
Disponible
</span>
<p class="product-minimal-quantity">
</p>
</div>
<input class="product-refresh ps-hidden-by-js" name="refresh" type="submit" value="Rafraîchir">
</form>
</div>
</div><div class="col-md-12 col-lg-12 col-xl-12 col-sm-12 col-xs-12 col-sp-12">
<div class="product-tabs tabs">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a
class="nav-link active"
data-toggle="tab"
href="#product-details"
role="tab"
aria-controls="product-details"
aria-selected="true">Détails du produit</a>
</li>
<li class="nav-item">
<a class="nav-link leo-product-show-review-title" data-toggle="tab" href="#leo-product-show-review-content">Avis</a>
</li>
</ul>
<div class="tab-content" id="tab-content">
<div class="tab-pane fade in" id="description" role="tabpanel">
<div class="product-description"></div>
</div>
<div class="tab-pane fade in active"
id="product-details"
data-product="{"id_shop_default":"1","id_manufacturer":"3","id_supplier":"0","reference":"E2203040","is_virtual":"0","delivery_in_stock":"","delivery_out_stock":"","id_category_default":"111","on_sale":"1","online_only":"0","ecotax":0,"minimal_quantity":"1","low_stock_threshold":null,"low_stock_alert":"0","price":"29,950\u00a0DT","unity":"","unit_price_ratio":"0.000000","additional_shipping_cost":"0.00","customizable":"1","text_fields":"1","uploadable_files":"0","redirect_type":"301-category","id_type_redirected":"0","available_for_order":"1","available_date":null,"show_condition":"0","condition":"new","show_price":"1","indexed":"1","visibility":"both","cache_default_attribute":"4082","advanced_stock_management":"0","date_add":"2023-05-18 14:30:49","date_upd":"2025-12-10 16:18:59","pack_stock_type":"3","meta_description":"Chemise col boutonn\u00e9 homme \u00e0 manches courtes : confort et style quotidien, id\u00e9ale pour un look casual chic ou d\u00e9contract\u00e9 en toute occasion.","meta_keywords":"","meta_title":"Chemise Unie Col Boutonn\u00e9","link_rewrite":"chemise-boutonne","name":"Chemise unie demi manches","description":"","description_short":"<ul style=\"list-style-type:circle;\"><li><span style=\"font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;\">Chemise\u00a0unie<\/span><\/li>\n<li><span style=\"font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;\">Manches\u00a0courtes<\/span><\/li>\n<li><span style=\"font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;\">Col boutonn\u00e9<\/span><\/li>\n<li><span style=\"font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;\">Coupe slim fit<\/span><\/li>\n<li><span style=\"font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;\">Composition: 80 % coton ,\u00a017 %\u00a0Polyester et 3% Elasthanne<\/span><\/li>\n<li><span style=\"font-size:14pt;font-family:Arial, 'sans-serif';color:#000000;\">Couleurs disponibles\u00a0: blanc, rose et bleu ciel<\/span><\/li>\n<\/ul>","available_now":"","available_later":"","id":825,"id_product":825,"out_of_stock":0,"new":0,"id_product_attribute":4082,"quantity_wanted":1,"extraContent":[],"allow_oosp":0,"category":"chemises-col-boutonne","category_name":"Chemises col boutonn\u00e9","link":"https:\/\/www.bagotti.tn\/chemises-col-boutonne\/825-chemise-boutonne.html","attribute_price":0,"price_tax_exc":29.95,"price_without_reduction":59.9,"reduction":29.95,"specific_prices":{"id_specific_price":"375","id_specific_price_rule":"0","id_cart":"0","id_product":"825","id_shop":"1","id_shop_group":"0","id_currency":"0","id_country":"0","id_group":"0","id_customer":"0","id_product_attribute":"0","price":"-1.000000","from_quantity":"1","reduction":"0.500000","reduction_tax":"1","reduction_type":"percentage","from":"2025-10-01 00:00:00","to":"2026-03-29 00:00:00","score":"48"},"quantity":2,"quantity_all_versions":5,"id_image":"fr-default","features":[{"name":"Composition","value":"80 % coton , 17 % Polyester et 3% Elasthanne","id_feature":"1","position":"0"},{"name":"Coupe","value":"Slim Fit","id_feature":"2","position":"1"},{"name":"Tissu","value":"Oxford","id_feature":"3","position":"2"},{"name":"Manches","value":"Courtes","id_feature":"9","position":"8"},{"name":"Bas de chemise","value":"Arrondi","id_feature":"10","position":"9"},{"name":"Col","value":"Boutonn\u00e9","id_feature":"12","position":"11"},{"name":"Boutons","value":"Apparents","id_feature":"13","position":"12"}],"attachments":[],"virtual":0,"pack":0,"packItems":[],"nopackprice":0,"customization_required":false,"attributes":{"1":{"id_attribute":"1","id_attribute_group":"1","name":"S","group":"Taille","reference":"","ean13":"","isbn":"","upc":""},"2":{"id_attribute":"18","id_attribute_group":"2","name":"Rose","group":"Couleur","reference":"","ean13":"","isbn":"","upc":""},"8":{"id_attribute":"88","id_attribute_group":"8","name":"Chemise","group":"Type de produit","reference":"","ean13":"","isbn":"","upc":""}},"rate":0,"tax_name":"","ecotax_rate":0,"unit_price":"","customizations":{"fields":[{"label":"Notez les initiales que vous souhaitez broder sur votre chemise (25 TND)","id_customization_field":"70","required":"0","type":"text","text":"","input_name":"textField70","is_customized":false}]},"id_customization":0,"is_customizable":true,"show_quantities":false,"quantity_label":"Produits","quantity_discounts":[],"customer_group_discount":0,"images":[{"bySize":{"small_default":{"url":"https:\/\/www.bagotti.tn\/2819-small_default\/chemise-boutonne.jpg","width":98,"height":116},"cart_default":{"url":"https:\/\/www.bagotti.tn\/2819-cart_default\/chemise-boutonne.jpg","width":135,"height":160},"medium_default":{"url":"https:\/\/www.bagotti.tn\/2819-medium_default\/chemise-boutonne.jpg","width":239,"height":284},"home_default":{"url":"https:\/\/www.bagotti.tn\/2819-home_default\/chemise-boutonne.jpg","width":600,"height":713},"category_default":{"url":"https:\/\/www.bagotti.tn\/2819-category_default\/chemise-boutonne.jpg","width":1200,"height":1425},"large_default":{"url":"https:\/\/www.bagotti.tn\/2819-large_default\/chemise-boutonne.jpg","width":1200,"height":1425}},"small":{"url":"https:\/\/www.bagotti.tn\/2819-small_default\/chemise-boutonne.jpg","width":98,"height":116},"medium":{"url":"https:\/\/www.bagotti.tn\/2819-home_default\/chemise-boutonne.jpg","width":600,"height":713},"large":{"url":"https:\/\/www.bagotti.tn\/2819-large_default\/chemise-boutonne.jpg","width":1200,"height":1425},"legend":"","cover":"1","id_image":"2819","position":"1","associatedVariants":[]},{"bySize":{"small_default":{"url":"https:\/\/www.bagotti.tn\/2833-small_default\/chemise-boutonne.jpg","width":98,"height":116},"cart_default":{"url":"https:\/\/www.bagotti.tn\/2833-cart_default\/chemise-boutonne.jpg","width":135,"height":160},"medium_default":{"url":"https:\/\/www.bagotti.tn\/2833-medium_default\/chemise-boutonne.jpg","width":239,"height":284},"home_default":{"url":"https:\/\/www.bagotti.tn\/2833-home_default\/chemise-boutonne.jpg","width":600,"height":713},"category_default":{"url":"https:\/\/www.bagotti.tn\/2833-category_default\/chemise-boutonne.jpg","width":1200,"height":1425},"large_default":{"url":"https:\/\/www.bagotti.tn\/2833-large_default\/chemise-boutonne.jpg","width":1200,"height":1425}},"small":{"url":"https:\/\/www.bagotti.tn\/2833-small_default\/chemise-boutonne.jpg","width":98,"height":116},"medium":{"url":"https:\/\/www.bagotti.tn\/2833-home_default\/chemise-boutonne.jpg","width":600,"height":713},"large":{"url":"https:\/\/www.bagotti.tn\/2833-large_default\/chemise-boutonne.jpg","width":1200,"height":1425},"legend":"","cover":null,"id_image":"2833","position":"2","associatedVariants":[]}],"cover":{"bySize":{"small_default":{"url":"https:\/\/www.bagotti.tn\/2819-small_default\/chemise-boutonne.jpg","width":98,"height":116},"cart_default":{"url":"https:\/\/www.bagotti.tn\/2819-cart_default\/chemise-boutonne.jpg","width":135,"height":160},"medium_default":{"url":"https:\/\/www.bagotti.tn\/2819-medium_default\/chemise-boutonne.jpg","width":239,"height":284},"home_default":{"url":"https:\/\/www.bagotti.tn\/2819-home_default\/chemise-boutonne.jpg","width":600,"height":713},"category_default":{"url":"https:\/\/www.bagotti.tn\/2819-category_default\/chemise-boutonne.jpg","width":1200,"height":1425},"large_default":{"url":"https:\/\/www.bagotti.tn\/2819-large_default\/chemise-boutonne.jpg","width":1200,"height":1425}},"small":{"url":"https:\/\/www.bagotti.tn\/2819-small_default\/chemise-boutonne.jpg","width":98,"height":116},"medium":{"url":"https:\/\/www.bagotti.tn\/2819-home_default\/chemise-boutonne.jpg","width":600,"height":713},"large":{"url":"https:\/\/www.bagotti.tn\/2819-large_default\/chemise-boutonne.jpg","width":1200,"height":1425},"legend":"","cover":"1","id_image":"2819","position":"1","associatedVariants":[]},"has_discount":true,"discount_type":"percentage","discount_percentage":"-50%","discount_percentage_absolute":"50%","discount_amount":"29,950\u00a0DT","discount_amount_to_display":"-29,950\u00a0DT","price_amount":29.95,"unit_price_full":"","show_availability":true,"availability_date":null,"availability_message":"Disponible","availability":"available"}"
role="tabpanel"
>
<div class="product-manufacturer">
<a href="https://www.bagotti.tn/3_bagotti">
<img src="https://www.bagotti.tn/img/m/3.jpg" class="img img-thumbnail manufacturer-logo" alt="Bagotti">
</a>
</div>
<div class="product-reference">
<label class="label">Référence </label>
<span itemprop="sku">E2203040</span>
</div>
<div class="product-out-of-stock">
</div>
<section class="product-features">
<p class="h6">Fiche technique</p>
<dl class="data-sheet">
<dt class="name">Composition</dt>
<dd class="value">80 % coton , 17 % Polyester et 3% Elasthanne</dd>
<dt class="name">Coupe</dt>
<dd class="value">Slim Fit</dd>
<dt class="name">Tissu</dt>
<dd class="value">Oxford</dd>
<dt class="name">Manches</dt>
<dd class="value">Courtes</dd>
<dt class="name">Bas de chemise</dt>
<dd class="value">Arrondi</dd>
<dt class="name">Col</dt>
<dd class="value">Boutonné</dd>
<dt class="name">Boutons</dt>
<dd class="value">Apparents</dd>
</dl>
</section>
</div>
<div class="tab-pane fade in" id="leo-product-show-review-content">
<div id="product_reviews_block_tab">
<a class="open-review-form" href="javascript:void(0)" data-id-product="825" data-is-logged="" data-product-link="https://www.bagotti.tn/chemises-col-boutonne/825-chemise-boutonne.html">
<i class="material-icons"></i>
Soyez le premier à donner votre avis!
</a>
</div>
</div>
</div>
</div>
<section class="product-accessories clearfix">
<h3 class="h5 products-section-title">vous pourriez aussi aimer</h3>
<div class="products">
<div class="owl-row plist-default-1">
<div id="category-products2">
<div class="item first">
<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"> Chemise unie
Manches courtes
Col boutonné
Coupe slim fit
Composition: 80 % coton , 17 % Polyester et 3% Elasthanne
Couleurs...</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</section>
<script type="text/javascript">
products_list_functions.push(
function(){
$('#category-products2').owlCarousel({
direction:'ltr',
items : 4,
itemsCustom : false,
itemsDesktop : [1200, 4],
itemsDesktopSmall : [992, 3],
itemsTablet : [768, 2],
itemsTabletSmall : false,
itemsMobile : [480, 1],
singleItem : false, // true : show only 1 item
itemsScaleUp : false,
slideSpeed : 200, // change speed when drag and drop a item
paginationSpeed :800, // change speed when go next page
autoPlay : false, // time to show each item
stopOnHover : false,
navigation : true,
navigationText : ["‹", "›"],
scrollPerPage :true,
responsive :true,
pagination : false,
paginationNumbers : false,
addClassActive : true,
mouseDrag : true,
touchDrag : true,
});
}
);
</script>
</div></div>
<footer class="page-footer">
<!-- Footer content -->
</footer>
</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_50214" 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_50214" 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_55987" 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_55987" 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/chemises-col-boutonne/825-4082-chemise-boutonne.html?layout=detail1522243737#/taille-s/couleur-rose/type_de_produit-chemise">
<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/chemises-col-boutonne/825-4082-chemise-boutonne.html?layout=detail1522239007#/taille-s/couleur-rose/type_de_produit-chemise">
<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/chemises-col-boutonne/825-4082-chemise-boutonne.html?layout=detail1522261917#/taille-s/couleur-rose/type_de_produit-chemise">
<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/chemises-col-boutonne/825-4082-chemise-boutonne.html?layout=detail1522248205#/taille-s/couleur-rose/type_de_produit-chemise">
<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/chemises-col-boutonne/825-4082-chemise-boutonne.html?layout=detail1522251988#/taille-s/couleur-rose/type_de_produit-chemise">
<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 active">
<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/chemises-col-boutonne/825-4082-chemise-boutonne.html?layout=detail1522243544#/taille-s/couleur-rose/type_de_produit-chemise">
<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/chemises-col-boutonne/825-4082-chemise-boutonne.html?layout=detail1522263127#/taille-s/couleur-rose/type_de_produit-chemise">
<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_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/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>
