    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  
    <!-- -------------------------------------------------------------- NON INSCRIS --------------------------------------------------------------- -->  

     
    <!DOCTYPE html>
    <!--[if IE 9]>         <html class="ie9 no-focus" lang="en"> <![endif]-->
    <!--[if gt IE 9]><!--> <html class="no-focus" lang="fr"> <!--<![endif]-->
    
    
    <!-- Page JS Plugins CSS -->
    <link rel="stylesheet" href="../view/assets/js/plugins/cropperjs/cropper.min.css">
    <html xmlns:og="http://ogp.me/ns#">
        <head>
    
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-133694578-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'UA-133694578-1');
    </script>
    
           
            <title>Bynshare</title>

                   
        <title>Bynshare</title>

        <meta charset="ISO-8859-1">
        <meta pageEncoding="UTF-8">
        <meta name="description" content="Je suis prête pour l'été ☀️"/>
        <meta name="author" content="barastlieo"/>
        <meta name="robots" content="index, follow"/>
        <meta name="../viewport" content="width=device-width,initial-scale=1.0,user-scalable=0"/>
        <meta property="og:locale" content="fr_FR"/>
        <meta property="og:type" content="article"/>
        <meta property="title" content="Bynshare de julie"/>
        <meta property="description" content="Je suis prête pour l'été ☀️"/>
        <meta property="og:title" content="Bynshare de julie"/>
        <meta property="og:description" content="Je suis prête pour l'été ☀️"/>
        <meta property="og:url" content="https://www.bynshare.com/controller/pagephoto_controller?id_article=9$id_users=24"/>
        <meta property="og:site_name" content="Bynshare"/>
        <meta property="og:image" itemprop="image" content="https://www.bynshare.com/photo/article/24_20200427225448.png"/>
        <meta property="og:image:width" content="256">
        <meta property="og:image:height" content="256"> 
        <meta property="og:image:secure_url" content="https://www.bynshare.com/photo/article/24_20200427225448.png"/>
        
            <!-- Icons -->
            <!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
            <link rel="shortcut icon" href="assets/img/favicons/favicon.png">
    
           
            <!-- END Icons -->
    
            <!-- Stylesheets -->
            <!-- Web fonts -->
            <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">
    
            <!-- Bootstrap and OneUI CSS framework -->
            <link rel="stylesheet" href="../view/styles.css">
            <link rel="stylesheet" href="../view/assets/css/bootstrap.min.css">
            <link rel="stylesheet" id="css-main" href="../view/assets/css/oneui.css">
    
                        <!DOCTYPE html>
<!--[if IE 9]>         <html class="ie9 no-focus" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-focus" lang="fr"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">

        <title>Bynshare</title>

        <meta name="description" content="Rejoignez le réseau social du shopping.
En ayant un compte Bynshare, vous pouvez partager, commenter et trouver des idées shopping.">
        <meta name="author" content="Barast Lieo">
        <meta name="robots" content="index, follow">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">

        <!-- Icons -->
        <!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
        <link rel="shortcut icon" href="assets/img/favicons/favicon.png">

        <!-- END Icons -->

        <!-- Stylesheets -->
        <!-- Web fonts -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">
            
    <!-- Bootstrap and OneUI CSS framework -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" id="css-main" href="assets/css/oneui.css">

    <!-- You can include a specific file from css/themes/ folder to alter the default color theme of the template. eg: -->
    <!-- <link rel="stylesheet" id="css-theme" href="assets/css/themes/flat.min.css"> -->
        <!-- END Stylesheets -->
</head>
<body>            
    
           
            <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>	
        </head>
        <body style ="background-color: #DCE4E8;">
            <!-- Page Container -->
    
            <div id="page-container" class=" sidebar-o side-scroll header-navbar-fixed">
                
               
            <!-- Header -->
            <header id="header-navbar" class="headblock content-mini content-mini-full" style="border-bottom: 1px solid #E5E8E8;">
                <!-- Header Navigation Right -->
                <ul class="nav-header pull-left" style="margin: 0px -5px 0px -5px;">
                    <li id="blockmobile" style="margin: 0px -10px 0 -40px;">
                    <a class="h5 text-white" href="../index.php">
                                 <span class="h4 font-w600 sidebar-mini-hide"style="color:blue;">
                                 <img style="padding:5px; width:120px; margin-top:-10px;" src="../photo/logoheader.png"/>
                                 </span>
                    </a>
                    </li>
                    <li id="notblockmobile">
                    <a class="h5 text-white" href="../index.php">
                                 <span class="h4 font-w600 sidebar-mini-hide"style="color:blue;">
                                 <img style="margin:0px -20px; width:100px;" src="../photo/logoheader.png"/>
                                 </span>
                    </a>
                    </li>

                 
                    <li id="blockmobile">
                    <!-- Barre de recherche -->
                    <form class="form-horizontal" action="" method="post">
                        <div class="">
                        <table>
                        <tr>
                        <td>
                        
                        </td>
                        <td>
                        <input style="width:500px; margin-left:20px; padding:10px; border-radius:50px; background-color:#F0F2F5;" class="form-control" type="text" id="search" name="search" placeholder="Rechercher sur Bynshare">
                        </td>
                        </tr>
                        </table>
                        </div>
                    </li>

                    <li id="blockmobile">  
                        <div class="">
                        <button class="btn btn-block btn-primary"style ="width:50px; border-radius:5px; display: none;" type="submit" name="searchok" id="searchok">ok</button>
                        </div>
                    </form>
                        <br>
                                            </li>

                  
                </ul>
                
                <ul  class="nav-header pull-right" style="margin:0px 10px">
                <li  style="margin:0px 5px">
                <button data-toggle="modal" data-target="#seconnectermodal" style="margin:5px 1px; padding: 5px; background-color: #3498DB; color:black; border: 2px solid #3498DB; border-radius:20px;"><span style ="color:white; margin: 0px 1px; font-size:12px">Se connecter</span></button>

                </li>
                <li  style="margin:0px 5px">
                <button data-toggle="modal" data-target="#sinscriremodal" style="margin:5px 1px; padding: 5px; background-color: #3498DB; color:black; border: 2px solid #3498DB; border-radius:20px;"><span style ="color:white; margin: 0px 1px; font-size:12px">S'inscrire</span></button>
                </li>

                <li  id="blockmobile" style="margin:0px 5px">
                
                
                <form name="cgu" action="../view/cgu.php" method="post">
                <button name="cgu" type="submit" style="margin:5px 1px; padding: 5px; background-color: #F0F2F5; color:black; border: 2px solid #3498DB; border-radius:20px;"><span style ="color:black; margin: 0px 1px; font-size:12px">Aide</span></button>

                </form>
                </li>
                </ul>

                <!-- END Header Navigation Left -->
            </header>
            <!-- END Header -->

            <!-- Main Container -->
<main id="main-container" style ="background-color: #F0F2F5; padding-bottom:70px;">


                <!-- END Page Header -->
    
                <!-- Main Container -->
                    <!-- END Page Header -->
                    <!-- Page Content -->
        <div class="content overflow-hidden">
                        <!-- ////////// ------------------MUR ARTICLE----------------   //////////-->
                        <!-- ////////// ---------------------------------------------   //////////-->
            <div class="row">     
            <div class="col-xs-12  col-sm-8 col-sm-offset-2">
    
                     
<!-- --------------------------------------------------  DEBUT MODAL SE CONNECTER ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL SE CONNECTER ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL SE CONNECTER ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL SE CONNECTER ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL SE CONNECTER ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL SE CONNECTER ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL SE CONNECTER ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL SE CONNECTER ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL SE CONNECTER ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL SE CONNECTER ----------------------------------------------------------------------- -->


<div class="modal fade" id="seconnectermodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document" style="border-radius:15px;">
                                                <div class="modal-content" style="border-radius:15px;">
                                                   

<!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
<!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->


                                <div class="row">
                                <div class="col-lg-12" style="margin-bottom:10px;">

                                    <div style="background-color:white;  border-radius:15px;">
                                    <div class="row">
                                    <div class="col-md-12" style="height:auto; margin:15px;">
                                    <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
<!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
<div class="block-content block-content-full block-content-narrow" style="margin-top:-20px;">
<img style="display:block; margin:auto; width:200px;" src="../photo/logoheader.png"/>
                    <!-- Login Title -->
                    <h3 style="margin-bottom:-20px;" class="ins3">Connexion</h3>
                    
                    <!-- END Login Title -->

                    <!-- Login Form -->
                    <!-- jQuery Validation (.js-validation-login class is initialized in js/pages/base_pages_login.js) -->
                    <!-- For more examples you can check out https://github.com/jzaefferer/jquery-validation -->
                   
                                      
                                <!--  __________________________________   -->

                                 <!--                 CONNEXION             -->

                                 <!-- ___________________________________   -->

                    <form class="form js-validation-login form-horizontal push-30-t push-50" action="" method="post">
                        <div class="form-group">
                            <div class="col-xs-12">
                               
                                    <input style="background-color:#F0F2F5; border-radius:15px;" class="form-control" type="email" name="emailconnexion" placeholder="Email">
                                    
                             
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-xs-12">
                                 
                                    <input style="background-color:#F0F2F5; border-radius:15px;" class="form-control" type="password" name="passwordconnexion" placeholder="Mot de passe">
                                   
                                
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <div class="col-xs-12">
                                
                                    <h6><a href="../passwordlost.php">Mot de passe oublié</a></h6>
                               
                            </div>
                        </div>
                        
                        <div class="form-group" style="margin-bottom:-70px;">
                            <div class="col-xs-12">
                                <button class=" btn"style ="display:block; margin:auto; border-radius:20px; background-color:#3498DB; color:white;" type="submit" name="connexion" id="connexion">Se connecter</button>
                           </div>
                        </div>

                        
                    </form>
                    <!-- END Login Form -->

                    
                </div>

<!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
<!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                                    
                                   
                                    </div>
                                    </div>
                                    </div>
                                </div>
                                </div>
                       
                            
<!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
<!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->

                                            
                                                    <div class="modal-footer">
                                                        <button type="button" style ="border-radius:20px; background-color:#F0F2F5;" class="btn" data-dismiss="modal">Annuler</button> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                       
<!---------------------------------------------------------------- FIN MODAL SE CONNECTER -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL SE CONNECTER -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL SE CONNECTER -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL SE CONNECTER -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL SE CONNECTER -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL SE CONNECTER -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL SE CONNECTER -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL SE CONNECTER -------------------------------------------------------------------->


<!---------------------------------------------------------------- DEBUT MODAL S'INSCRIRE -------------------------------------------------------------------->
<!---------------------------------------------------------------- DEBUT MODAL S'INSCRIRE -------------------------------------------------------------------->
<!---------------------------------------------------------------- DEBUT MODAL S'INSCRIRE -------------------------------------------------------------------->
<!---------------------------------------------------------------- DEBUT MODAL S'INSCRIRE -------------------------------------------------------------------->
<!---------------------------------------------------------------- DEBUT MODAL S'INSCRIRE -------------------------------------------------------------------->
<!---------------------------------------------------------------- DEBUT MODAL S'INSCRIRE -------------------------------------------------------------------->
<!---------------------------------------------------------------- DEBUT MODAL S'INSCRIRE -------------------------------------------------------------------->


<div class="modal fade" id="sinscriremodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog" role="document" style="border-radius:15px;">
                                                <div class="modal-content" style="border-radius:15px;">
                                                   

<!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
<!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->


                                <div class="row">
                                <div class="col-lg-12" style="margin-bottom:10px;">

                                    <div style="background-color:white; border-radius:15px;">
                                    <div class="row">
                                    <div class="col-md-12" style="height:auto;margin:15px;">
                                    
                                    <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
<!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
<div class="block-content block-content-full block-content-narrow" style="margin-top:-20px;">
<img style="display:block; margin:auto; width:200px;" src="../photo/logoheader.png"/>
                    <!-- Register Title -->
                    <h3 style="margin-bottom:-40px;" class="ins1">Inscription</h3>
                    
                  
                    <!-- END Register Title -->

                    <!-- Register Form -->
                    <!-- jQuery Validation (.js-validation-register class is initialized in js/pages/base_pages_register.js) -->
                    <!-- For more examples you can check out https://github.com/jzaefferer/jquery-validation -->
                   
                                <!--  __________________________________   -->

                                 <!--              INSCRIPTION             -->

                                 <!-- ___________________________________   -->

                    <form class="form js-validation-register form-horizontal push-50-t push-50" action="" method="post">
                    <label><H5>Bynshare est un réseau social dédié au shopping en ligne.
                    <br>
                    Partagez vos achats via des liens et donnez vos avis et conseils sur différents produits.</H5><br></label>
                        <div class="form-group">
                            <div class="col-xs-12">
                                
                                    <input style="background-color:#F0F2F5; border-radius:15px;" class="form-control" type="text" name="pseudo" placeholder="Nom utilisateur" onkeyup="verif(this);">
                                    
                                
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-xs-12">
                                
                                    <input style="background-color:#F0F2F5; border-radius:15px;" class="form-control" type="email" name="email" placeholder="Email">
                                   
                                
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-xs-12">
                                
                                    <input style="background-color:#F0F2F5; border-radius:15px;" class="form-control" type="password" name="password" placeholder="Mot de passe">
                                    
                             
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-xs-12"> 
                                    <input style="background-color:#F0F2F5; border-radius:15px;" class="form-control" type="password" name="secondpassword" placeholder="Confirmer mot de passe">
                                    
                                
                            </div>
                        </div>

                        <label class="css-input css-checkbox css-checkbox-success" style="margin-bottom:20px;">
                                    <input type="checkbox" id="register4-terms" name="cgu" value="cgu"><span></span>
                                    En vous inscrivant, vous acceptez nos conditions et avez lu les règles de <a href="../view/cgu.php"><small class="text-muted font-w600"style="color:black;">Conditions générales d'utilisation</small></a>
                                    et de contenu.
                        </label>

                        <div class="form-group" style="margin-bottom:-70px;">
                            <div class="col-xs-12 col-sm-6 col-md-12">
                                <input id="submit3" class="ins2 btn"style ="display:block; margin:auto; border-radius:20px; background-color:#3498DB; color:white;" type="submit" name="inscription" value="S'inscrire" />
                           
                                <script type="text/javascript"> 
                                var clique = true;

                                $('#submit3').click(function(event) 
                                {
                                    $(this).val('Envoi en cours ...');
                                if(clique) 
                                {
                                clique = false;
                                return true;
                                }
                                else return false;
                                })
                                </script>
                                
                            </div>
                        </div>
                    </form>

                    
                    <!-- END Register Form -->
                </div>
            

<!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
<!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                                    
                                   
                                    </div>
                                    </div>
                                    </div>
                                </div>
                                </div>
                       
                            
<!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
<!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->

                                            
                                                    <div class="modal-footer">
                                                        <button type="button" style ="border-radius:20px; background-color:#F0F2F5;"  class="btn" data-dismiss="modal">Annuler</button> 
                                                    </div>
                                                </div>
                                            </div>
                                        </div>


<!---------------------------------------------------------------- FIN MODAL S'INSCRIRE -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL S'INSCRIRE -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL S'INSCRIRE -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL S'INSCRIRE -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL S'INSCRIRE -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL S'INSCRIRE -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL S'INSCRIRE -------------------------------------------------------------------->

   
                <div class="block divarticleblock block blockborder" >
                <div class="block-content">
    
                    <div class="row">      
                        <div class="col-lg-4"> 
            
                                                                    
                                                                    <!-- ////////// --------------------- photo article ------------------------   //////////-->
            
                                                
                                                    <a href="" data-toggle="modal" data-target="#voirphoto"><img class="roundedImage1" src="../photo/article/24_20200427225448.png" alt="2"/></a>
    
                                                                <!-- MODAL -->
                                                                <div class="modal fade" id="voirphoto" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                                    <div class="modal-dialog" role="document" style="border-radius:15px;">
                                                                        <div class="modal-content" style="border-radius:15px;">
                                                                            <div class="modal-header">
                                                                                
    
                                                    <img class="roundedImage1" src="../photo/article/24_20200427225448.png" alt="2"/>
    
                                                                            </div>
                                                                    
                                                                            <div class="modal-footer">
                                                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>                                                                    
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                    <!-- FIN MODAL -->
                                                                    
                                                                    <!-- ////////// ---------------------------------------------   //////////-->
                    </div> 
        
                    <div class="col-lg-8" style="word-wrap: break-word;"> 
    
                        <div class="row">
                        <div class="col-lg-6">
                                        <div class="pull-left push-15-r">
                                        <a data-toggle="modal" data-target="#seconnectermodal"><img class="roundedImageprofilarticle" src="../photo/profil/24_20200427221124.png" alt="1"/></a>
                                        </div>
                                        <div class="push-5-t">
                                            <a class="font-w600" data-toggle="modal" data-target="#seconnectermodal">julie</a> Je suis prête pour l'été ☀️ <br>
                                            <span class="font-s12 text-muted">Il y a 7 mois et 9 jours</span>
                                        </div>
                        </div>
                        <div class="col-lg-6">
    
                                    <div class="pull-right push-15-r">
                                                                                                    
                                                        <a data-toggle="modal" data-target="#seconnectermodal" id=""><button style="margin:5px 1px; padding: 5px; background-color: #28B351; color:black; border: 2px solid #28B351; border-radius:20px;"><span style ="color:white; margin: 0px 1px; font-size:12px">S'abonner</span></button></a>
                                                        
                                                  
                                                                                        </div> 
                        </div>
                        </div>
                                            <!-- ---------------------DEBUT BOUTON SUPRIMER ARTCILE ------------ -->
                                            
                                            <!-- ----------------------------- FIN ----------------------------- -->
                                                            
                                                                      
                        <hr>
                                                                            
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
                                            <!-- ////////// ------------------ ARTICLE 1---------------------------   //////////-->
    
                                                            
                        <div class="row"> 
                            <div class="col-lg-12">    
    
                                <div class="row"> 
    
                                    <div class="col-lg-8">                  
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">Robe fleurie avec col en V - Taille S #SHEIN </p>
                                    </div>  
                                                                        
                                    <div class="col-lg-4">
                                                        <table class="pull-right">
                                                            <tr>
                                                                <td>
                                                                    <!-- ////////// ------------------ ENVIES--------------------   //////////-->
                                                                                                                                            
                                                                    
                                                                        <a data-toggle="modal" data-target="#seconnectermodal" id=""><button style="margin:5px; background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton"src="../photo/noenvie.png" alt=""></button></a>
                                                                        
    
                                                                </td>
                                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                
                                                                <td>           
                                                                <a href="https://fr.shein.com/Double-V-neck-Ruched-Waistband-Floral-Dress-p-936885-cat-1727.html?url_from=fradplaswdress07191122414L_ssc&amp;gclid=CjwKCAjw4pT1BRBUEiwAm5QuRx88Aivuwli4fB4vi8TqtI2-ELRqu5ziKjXTea5vZl4WXX5OIBnRyxoCixwQAvD_BwE" target="_blank"><button style=" background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:16px">Voir site</p></button></a>
                                                                </td>
                                                            </tr>    
                                                        </table>    
                                    </div>
                                </div>
    
                                                     <!-- ////////// ------------------ FIN ARTICLE 1 --------------------   //////////-->        
                                                            
                                                            <!-- ////////// ------------------ ARTICLE 2 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 2 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 2 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 2 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 2 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 2 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 2 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 2 ---------------------------   //////////-->
                                                                                                                        <!-- ////////// ------------------ FIN ARTICLE 2 --------------------   //////////-->   
    
                                                            <!-- ////////// ------------------ ARTICLE 3 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 3 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 3 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 3 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 3 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 3 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 3 ---------------------------   //////////-->
                                                                      
                                                            <!-- ////////// ------------------ FIN ARTICLE 3 --------------------   //////////-->
    
                                                                <!-- ////////// ------------------ ARTICLE 4 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 4 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 4 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 4 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 4 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 4 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 4 ---------------------------   //////////-->
                                                                           
                                                                <!-- ////////// ------------------ FIN ARTICLE 4 --------------------   //////////-->
    
                                                                <!-- ////////// ------------------ ARTICLE 5 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 5 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 5 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 5 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 5 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 5 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 5 ---------------------------   //////////-->
                                                                          
                                                                <!-- ////////// ------------------ FIN ARTICLE 5 --------------------   //////////-->
    
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                           
                                                                <!-- ////////// ------------------ FIN ARTICLE 6 --------------------   //////////-->
    
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                           
                                                                <!-- ////////// ------------------ FIN ARTICLE 7 --------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 8 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 8 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 8 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 8 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 8 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 8 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 8 ---------------------------   //////////-->
                                                                           
                                                                <!-- ////////// ------------------ FIN ARTICLE 8 --------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                           
                                                                <!-- ////////// ------------------ FIN ARTICLE 9 --------------------   //////////-->
    
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                           
                                <!-- ////////// ------------------ FIN ARTICLE 10 --------------------   //////////-->
                                <a data-toggle="modal" data-target="#seconnectermodal"><button style=" background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton" src="../photo/ellipsis.png" alt="" ></button></a>

                            </div>
                        </div>                                          
                                                
                                                           
                                <!-- ////////// -----------------------BOUTON J AIME COMMENTER PARTAGER----------------------   //////////-->  
                            <!-- ////////// ---------------------------------------------   //////////-->  
                            <hr>
    
                        <div class="row" style="margin:-10px 0px -20px 0px;"> 
                             
                                                        <table>
                                                                       <tr>
                                                                       <td>
                                                                                
                                                                              
                                                                                    <a data-toggle="modal" data-target="#seconnectermodal" id=""><button style="margin:1px; background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton"src="../photo/nolikes.png" alt=""> 27<span id="blockmobile"> j'aime</span></button></a>
                                                                                 
    
                                                                        </td>
                                                                        <td>
    
                                                                                    <a data-toggle="modal" data-target="#seconnectermodal"><button style="margin:5px 1px; background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton"src="../photo/comment.png" alt=""> 3 <span id="blockmobile">Commentaires</span></button></a>
                                                                                    
                                                                        </td>
                                                                        <td>
                                                                       
                                                                        <a data-toggle="modal" data-target="#seconnectermodal"><button style="margin:5px 1px; background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton"src="../photo/logoArticle2.png" alt=""> 4<span id="blockmobile"> Avis</span></button></a>
                                                                      
                                                                        </td>

                                                                        <td>

                                                                    
                                                                    <a data-toggle="modal" data-target="#seconnectermodal"><button style="margin:5px 1px; background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton" style="margin-right:10px" src="../photo/conseil.png" alt="" ><span id="blockmobile">Parler</span></button></a>


                                                                    </td>

                                                                 
                                                                        </tr>
                                                        </table>
                                                        <div style="text-align: right;">
                                                                                   
                                                                                                                                                               
                                                        </div>
                                                                        
                                   
                        </div>
    
    
                                                                    <!-- ////////// ------------------COMMENTAIRE---------------------------   //////////--> 
                                                                    <!-- ////////// ------------------COMMENTAIRE---------------------------   //////////-->  
                                                                    <!-- ////////// ------------------COMMENTAIRE---------------------------   //////////-->  
    
                                                                    <hr>
                                                                    
                        <div id="scroll" style="height:150px; overflow:auto; width:auto;">
                        <div class="row"style="margin:0px 0px 20px 0px;"> 
    
                            
                            <div class="col-lg-12" > 
    
                                                                              
                                                                    <div id="24E9comment"></div>
                                                                    <br/>
                                                                                                                                                    <table>
                                                                            <tr>
                                                                            <td>
                                                                            <a data-toggle="modal" data-target="#seconnectermodal"><img class="roundedImagecomment" src="../photo/profil/29_20200427222119.png" alt="1"/></a>
                                                                            </td>
    
                                                                            <td>
                                                                            hâte de l'avoir 😍                                                                           </td>
                                                                                                                                                            
                                                                                
                                                                                 </tr>
                                                                                 </table>
                                                                                                                                                              <table>
                                                                            <tr>
                                                                            <td>
                                                                            <a data-toggle="modal" data-target="#seconnectermodal"><img class="roundedImagecomment" src="../photo/profil/28_20200427222059.png" alt="1"/></a>
                                                                            </td>
    
                                                                            <td>
                                                                            J'aime beaucoup ^^ 🌻🌻                                                                           </td>
                                                                                                                                                            
                                                                                
                                                                                 </tr>
                                                                                 </table>
                                                                                                                                                              <table>
                                                                            <tr>
                                                                            <td>
                                                                            <a data-toggle="modal" data-target="#seconnectermodal"><img class="roundedImagecomment" src="../photo/profil/27_20200427222028.png" alt="1"/></a>
                                                                            </td>
    
                                                                            <td>
                                                                            J'aime beaucoup ^^                                                                           </td>
                                                                                                                                                            
                                                                                
                                                                                 </tr>
                                                                                 </table>
                                                                                                                                                          
                                                                        
                                                                    <!-- END Post Comment -->
    
                            </div> 
                        </div>
                                                <script>
                                                                        document.getElementById('scroll').scrollTop = document.getElementById('scroll');
                                                                        </script>
                        </div>
                                                              <br>
                                                             <!-- ////////// ------------------FIN COMMENTAIRE---------------------------   //////////-->  
                   
    
                    </div>
                </div>
                </div>
                </div>
                           
                              
                            <!-- ------------------------------------------------------------------- -->
                        <!-- ----------------------- POSTER UN AVIS ---------------------------- -->
                        <!-- ------------------------------------------------------------------- -->
                        <!-- ------------------------------------------------------------------- -->
              
                    
                <div class="block divarticleblock block blockborder" >
                <div class="block-content">
                
                        <a id="divavis"></a>
    
                            <!-- ------------------------------------------------------------------- -->
    
                    
                        <div class="row">
                        <div class="col-lg-12">
                       
    
                                <div style="margin: 0 0 10px 10px">
                                    <strong>Hello toi </strong>,
                                    tu as acheté le même article !? Poste ton avis avec une photo du résultat.<img class="imgrsbuttonbadge"src="../photo/cameraflash.png" alt="">
                                </div>
    
    
                                <div id="faq2" class="panel-group">
                                <div class="panel">
                        
                                    <a class="accordion-toggle" style=" display: block; text-align:center;"  data-toggle="modal" data-target="#seconnectermodal">
                                    <button style=" margin:5px 1px; padding: 5px 60px; background-color: white; color:black; border: 2px solid #3498DB; border-radius:20px;"><img class="imgrsbutton5" style="margin-right:10px" src="../photo/creer1.png" alt="1"/>Poster un avis</button>
                                    </a>
                                    </h3>
                            
                                <div id="faq2_q1" class="panel-collapse collapse">
    
                                <div class="panel-body">
    
    
                                <!-- ////////// -------------DEBUT CREER Publication ------------   //////////-->
                                <!-- ////////// -------------DEBUT CREER Publication ------------   //////////-->
                                <!-- ////////// -------------DEBUT CREER Publication ------------   //////////-->
                                <!-- ////////// -------------DEBUT CREER Publication ------------   //////////-->
                                <!-- ////////// -------------DEBUT CREER Publication ------------   //////////-->
                                <!-- ////////// -------------DEBUT CREER Publication ------------   //////////-->
                                <form class="form js-validation-register form-horizontal push-50-t push-50" method="post" action="" enctype="multipart/form-data">                
                 
                            
                                    <!-- ////////// ---------------------------------------------   //////////-->
                                    <!-- ////////// ---------------------------------------------   //////////-->
                                    <!-- ////////// ---------------------------------------------   //////////-->
                                    <!-- ////////// ---------------------------------------------   //////////-->
                                    <!-- ////////// ---------------------------------------------   //////////-->
                                    <!-- ////////// ---------------------------------------------   //////////-->
                                    <!-- ////////// ---------------------------------------------   //////////-->
                
                                    <div class="row">
                                    <div class="col-lg-12">
                                    
    
                                            <img class="roundedImageprofilarticleimg" src="../photo/appareilphoto.png" alt="1"/>
                                            <label style="color:#008CBA"><strong>Photo</strong></label>
    
                     
                                                                    <!-- -------------------------------------------------------------------------------------- -->
                                                                <!-- -------------------------------------------------------------------------------------- -->
                                                                <!-- -------------------------------AJOUTER UNE PUBLICATION ------------------------------- -->
                                                                <!-- -------------------------------------------------------------------------------------- -->
                                                                <!-- -------------------------------------------------------------------------------------- -->
                                                                <!-- -------------------------------------------------------------------------------------- -->
    
                                   
                                                                <div class="form-group">
                                                                    
                                                                    <div class="col-xs-12">
                                                                        <div class="col-lg-6 col-lg-offset-3">
                                                                            <div class="form-control-success text-center"> 
                                                                                
                                                                                    
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-xs-12">
                                                                        <div class="col-md-6 col-md-offset-3">
                                                                                <input type="file" name="img" id="file-field" onchange="previewImage(event)"/>
                                                                        </div>
                                                                    </div>
    
    
                                                                        <br/>
    
    
                                                                    <div class="col-xs-12">
                                                                        <div class="col-lg-6 col-lg-offset-3">
                                                                            <div class="form-control-success text-center">
                                                                                
                                                                                    <img src="" style =" max-width: 300px; max-height: 300px; border: 1px solid #e5e5e5; border-radius:7px;" id="image-field"/>
                                                                            
                                                                            </div>
                                                                        </div>
                                                                    </div>
    
                                                                    <br/>  
                                        
                                                                </div>
    
                                    
                                    </div>
                                    </div>
    
                            
                                    <div class="row">
                                    <div class="col-lg-12">
                                    
                                    
                                        <img class="roundedImageprofilarticleimg" src="../photo/stylo.png" alt="1"/>
                                        <label style="color:#008CBA"><strong>Avis</strong></label>
                           
                       
                                        <div class="col-xs-12">
                                            <div class="col-lg-12">
                                                <div class="form-control-success"> 
                                                    
                                                
                                                            <label for="form-control">Evaluez votre article :</label>
                                                            <select class="form-control" id="descriptionarticle" name="descriptionarticle" size="1">
                                                                <option value="Satisfait">Satisfait</option>
                                                                <option value="Déçu">Déçu</option>
                                                            
                                                            </select>
                                                
                                                </div>
                                            </div>
                                        </div>
                                        <br/>
    
                                        <div class="col-xs-12">
                                                <div class="col-lg-12">
                                                    <div class="form-control-success"> 
                                            
                                                    <br/>
                                                    <input class="form-control" type="text" name="descriptionbynshare" maxlength="50" placeholder="Ajouter une légende"style ="border-radius:5px;">
                                                </div>
                                            </div>
                                        </div>
                                        <br/>
    
                                   
                                    </div>
                                    </div>
                                   
                                   
                                    <!-- -------------------------------------------------------------------------------------- -->
                                    <!-- -------------------------------------------------------------------------------------- -->
                                    <!-- ------------------------------------ VALIDER ----------------------------------------- -->
                                    <!-- -------------------------------------------------------------------------------------- -->
                                    <!-- -------------------------------------------------------------------------------------- -->   
    
                                    <br>
                                    <br>
                                    <div class="row">
                                    <div class="col-lg-8 col-lg-offset-2">
                                   
                                    <div style="text-align: center;">
                                                <input id="submit2" class="btn" type="submit" name="envoyer" style="padding: 5px 25px; background-color: white; color:black; border: 2px solid #3498DB; border-radius:20px;" value="Valider" />
                                               
                                                <script type="text/javascript"> 
                                                                        var clique = true;

                                                                        $('#submit2').click(function(event) 
                                                                        {
                                                                            $(this).val('Envoi en cours ...');
                                                                        if(clique) 
                                                                        {
                                                                        clique = false;
                                                                        return true;
                                                                        }
                                                                        else return false;
                                                                        })
                                                                        </script>


                                                <script type="text/javascript">
                                                    function previewImage(event){
                                                        var reader = new FileReader();
                                                        var imageField = document.getElementById("image-field")
    
                                                        reader.onload = function(){
                                                            if(reader.readyState == 2){
                                                                imageField.src = reader.result;
                                                            }
                                                        }
                                                        reader.readAsDataURL(event.target.files[0]);
                                                        }
    
    
                                                </script> 
                                    </div>    
                                        
                                    </div>
                                    </div>
                                    
                                     
                                </form>
    
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                <!-- ////////// -------------FIN   CREER Publication ------------   //////////-->
                                </div>
                                </div>
                                </div>
                                </div>
                                
                                </div>
                                </div>
                                                                           
                                       
                            <!-- ------------------------------------------------------------------- -->
                            <!-- ----------------------- POSTER UN AVIS ---------------------------- -->
                            <!-- ------------------------------------------------------------------- -->
                            <!-- ------------------------------------------------------------------- -->
    
                                <div class="row">
                                <div class="col-lg-12">
    
                                        <a id="divavis"></a>
    
                                        <script src='https://kit.fontawesome.com/a076d05399.js'></script>
                                            
                                                <div class="col-lg-2">
                                                </div>
    
                                                <div class="col-lg-4">
                                                    <div class="block divarticleblock block blockborder" >
                                                    <div class="block-content">
                                                    <div class="text-center">
                                                    <div class="h3 font-w700 text"style="padding:0 0 15px 0;"><i class="far fa-grin text-success" style="padding: 0 10px;"></i>4                                                    
                                                    </div>
                                                    </div>
                                                    </div>
                                                    </div>
                                                </div>
    
                                                
                                                <div class="col-lg-4">
                                                        <div class="block divarticleblock block blockborder" >
                                                        <div class="block-content">
                                                        <div class="text-center">
                                                        <div class="h3 font-w700 text" style="padding:0 0 15px 0;"><i class="far fa-frown-open text-danger" style="padding: 0 10px;"></i>0                                                        
                                                        </div>
                                                        </div>
                                                        </div>
                                                        </div>
                                                </div>
    
                                                <div class="col-lg-2">
                                                </div>
    
                                </div>
                                </div>
           
    
                                <!-- ------------------------------------------------------------- -->
    
                          
                </div>
                </div>
    
                          
                <!-- ------------------------VOICI LES REPOSTE DE VOS ABONNEES ----------------------------------- -->
    
                <div class="row" >
                <div class="col-lg-12">
        
                    <div class="col-lg-2">
                    </div>
    
                    <div class="col-lg-8">
                        <div class="block-content">
                                
                                                                   <!-- ------------------------------------------------------------------- -->
                            <div style="text-align: center; margin: 0 0 30px 0;" >
                            <h4 sty>Les utilisateurs qui ont achetés l'article de <a class="font-w600" data-toggle="modal" data-target="#seconnectermodal">julie</a></h4>
                            </div>               
                                
                            
                            <!-- ------------------------------------------------------------------- -->
    
                                                         
                        </div>
                    </div>   
    
              
                    <div class="col-lg-2">
                    </div>
                    
                </div>
                </div>
                <!-- -----------------------FIN REPOSTES DE VOS ABONNESS ----------------------------------------- -->
    
    
                <!-- ------------------------------------------------------------------- -->
                <!-- -------------------------- LES AVIS BYNSHARE ---------------------- -->
                <!-- ------------------------------------------------------------------- -->
                <!-- ------------------------------------------------------------------- -->
    
                <div class="row">
                <div class="">  
                <div id="avismur">
                        
                                                <div class="postavis" id="6">     
                                                
                            <div class="col-lg-4 divarticleblock5">
                                <div class="block divarticleblock6 block blockborder">
                                        <div class="block">
    
                                            <div class="row blocklignebottom" style="margin: 15px auto 0 auto;">   
                                            <div class="col-lg-12">
    
                                                <a data-toggle="modal" data-target="#seconnectermodal"><img class="roundedImagecomment" src="../photo/profil/25_20200427221933.png" alt="1"/>A_xelle_M</a>
                                                    
                                                    
                                                    <strong style="color: green;"> Satisfait </strong> 
    
                                                    
                                                    <p> Elle est fraîche, les couleurs sont superbes -TS </p>
    
                                            </div>
                                            </div>
    
    
                                            <div style="height:auto;">
                                                <a data-toggle="modal" data-target="#seconnectermodal"><img class="roundedImageavisarticle2"src="../photo/avis/25_20200427231232.png" alt="2"/></a>
                                                                
                    
                                                                <!-- MODAL -->
                                                                <div class="modal fade" id="6C" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                                    <div class="modal-dialog" role="document" style="border-radius:15px;">
                                                                        <div class="modal-content" style="border-radius:15px;">
                                                                            <div class="modal-header">
                                                                                <img class="roundedImage1" src="../photo/avis/25_20200427231232.png" alt="2"/>
                                                                            </div>
                                                                    
                                                                            <div class="modal-footer">
                                                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>                                                                    
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                    <!-- FIN MODAL -->
    
                                            </div>
                                        
                                        
                                            <div class="blocklignetop"> 
    
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <table style="margin:auto">
                                                        <tr>
                                                        <td>
                                                    
                                                    
                                                            <a data-toggle="modal" data-target="#seconnectermodal" id=""><button style="margin:1px; background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton" src="../photo/nolikes.png" alt="2"/> 6<span id="blockmobile"> j'aime</span></button></a>
                        
                         
                                                        </td>
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <td>
                                                        <a data-toggle="modal" data-target="#seconnectermodal" ><button style="margin:5px 1px; padding: 5px; background-color: white; color:black; border: 2px solid #3498DB; border-radius:20px;"><img class="imgrsbutton" style="margin-right:10px" src="../photo/conseil.png" alt="1"/><span style ="margin: 0px 1px; font-size:14px">Parler</span></button></a>

                                                            <div id="A6"></div>
    
                                                       
                                                        </td>

                                                      
                                                        <a data-toggle="modal" data-target="#seconnectermodal"><button style=" background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton" src="../photo/ellipsis.png" alt="" ></button></a>

                                                        </td>
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
    
                                                        </tr>
                                                        </table>
                                            </div>    
    
                                        </div>
                                    </div>
                                </div>
                            </div>
    
    
                                                            <div class="postavis" id="5">     
                                                
                            <div class="col-lg-4 divarticleblock5">
                                <div class="block divarticleblock6 block blockborder">
                                        <div class="block">
    
                                            <div class="row blocklignebottom" style="margin: 15px auto 0 auto;">   
                                            <div class="col-lg-12">
    
                                                <a data-toggle="modal" data-target="#seconnectermodal"><img class="roundedImagecomment" src="../photo/profil/29_20200427222119.png" alt="1"/>By_manon</a>
                                                    
                                                    
                                                    <strong style="color: green;"> Satisfait </strong> 
    
                                                    
                                                    <p> Sublime ! elle est juste parfaite - Taille L </p>
    
                                            </div>
                                            </div>
    
    
                                            <div style="height:auto;">
                                                <a data-toggle="modal" data-target="#seconnectermodal"><img class="roundedImageavisarticle2"src="../photo/avis/29_20200427230626.png" alt="2"/></a>
                                                                
                    
                                                                <!-- MODAL -->
                                                                <div class="modal fade" id="5C" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                                    <div class="modal-dialog" role="document" style="border-radius:15px;">
                                                                        <div class="modal-content" style="border-radius:15px;">
                                                                            <div class="modal-header">
                                                                                <img class="roundedImage1" src="../photo/avis/29_20200427230626.png" alt="2"/>
                                                                            </div>
                                                                    
                                                                            <div class="modal-footer">
                                                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>                                                                    
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                    <!-- FIN MODAL -->
    
                                            </div>
                                        
                                        
                                            <div class="blocklignetop"> 
    
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <table style="margin:auto">
                                                        <tr>
                                                        <td>
                                                    
                                                    
                                                            <a data-toggle="modal" data-target="#seconnectermodal" id=""><button style="margin:1px; background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton" src="../photo/nolikes.png" alt="2"/> 12<span id="blockmobile"> j'aime</span></button></a>
                        
                         
                                                        </td>
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <td>
                                                        <a data-toggle="modal" data-target="#seconnectermodal" ><button style="margin:5px 1px; padding: 5px; background-color: white; color:black; border: 2px solid #3498DB; border-radius:20px;"><img class="imgrsbutton" style="margin-right:10px" src="../photo/conseil.png" alt="1"/><span style ="margin: 0px 1px; font-size:14px">Parler</span></button></a>

                                                            <div id="A5"></div>
    
                                                       
                                                        </td>

                                                      
                                                        <a data-toggle="modal" data-target="#seconnectermodal"><button style=" background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton" src="../photo/ellipsis.png" alt="" ></button></a>

                                                        </td>
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
    
                                                        </tr>
                                                        </table>
                                            </div>    
    
                                        </div>
                                    </div>
                                </div>
                            </div>
    
    
                                                            <div class="postavis" id="4">     
                                                
                            <div class="col-lg-4 divarticleblock5">
                                <div class="block divarticleblock6 block blockborder">
                                        <div class="block">
    
                                            <div class="row blocklignebottom" style="margin: 15px auto 0 auto;">   
                                            <div class="col-lg-12">
    
                                                <a data-toggle="modal" data-target="#seconnectermodal"><img class="roundedImagecomment" src="../photo/profil/24_20200427221124.png" alt="1"/>julie</a>
                                                    
                                                    
                                                    <strong style="color: green;"> Satisfait </strong> 
    
                                                    
                                                    <p> Robe tres jolie, bonne longueur - Taille S  </p>
    
                                            </div>
                                            </div>
    
    
                                            <div style="height:auto;">
                                                <a data-toggle="modal" data-target="#seconnectermodal"><img class="roundedImageavisarticle2"src="../photo/avis/24_20200427230256.png" alt="2"/></a>
                                                                
                    
                                                                <!-- MODAL -->
                                                                <div class="modal fade" id="4C" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                                    <div class="modal-dialog" role="document" style="border-radius:15px;">
                                                                        <div class="modal-content" style="border-radius:15px;">
                                                                            <div class="modal-header">
                                                                                <img class="roundedImage1" src="../photo/avis/24_20200427230256.png" alt="2"/>
                                                                            </div>
                                                                    
                                                                            <div class="modal-footer">
                                                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>                                                                    
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                    <!-- FIN MODAL -->
    
                                            </div>
                                        
                                        
                                            <div class="blocklignetop"> 
    
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <table style="margin:auto">
                                                        <tr>
                                                        <td>
                                                    
                                                    
                                                            <a data-toggle="modal" data-target="#seconnectermodal" id=""><button style="margin:1px; background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton" src="../photo/nolikes.png" alt="2"/> 25<span id="blockmobile"> j'aime</span></button></a>
                        
                         
                                                        </td>
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <td>
                                                        <a data-toggle="modal" data-target="#seconnectermodal" ><button style="margin:5px 1px; padding: 5px; background-color: white; color:black; border: 2px solid #3498DB; border-radius:20px;"><img class="imgrsbutton" style="margin-right:10px" src="../photo/conseil.png" alt="1"/><span style ="margin: 0px 1px; font-size:14px">Parler</span></button></a>

                                                            <div id="A4"></div>
    
                                                       
                                                        </td>

                                                      
                                                        <a data-toggle="modal" data-target="#seconnectermodal"><button style=" background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton" src="../photo/ellipsis.png" alt="" ></button></a>

                                                        </td>
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
    
                                                        </tr>
                                                        </table>
                                            </div>    
    
                                        </div>
                                    </div>
                                </div>
                            </div>
    
    
                                                            <div class="postavis" id="3">     
                                                
                            <div class="col-lg-4 divarticleblock5">
                                <div class="block divarticleblock6 block blockborder">
                                        <div class="block">
    
                                            <div class="row blocklignebottom" style="margin: 15px auto 0 auto;">   
                                            <div class="col-lg-12">
    
                                                <a data-toggle="modal" data-target="#seconnectermodal"><img class="roundedImagecomment" src="../photo/profil/24_20200427221124.png" alt="1"/>julie</a>
                                                    
                                                    
                                                    <strong style="color: green;"> Satisfait </strong> 
    
                                                    
                                                    <p> Le tissu est hyper agreable - Taille S  </p>
    
                                            </div>
                                            </div>
    
    
                                            <div style="height:auto;">
                                                <a data-toggle="modal" data-target="#seconnectermodal"><img class="roundedImageavisarticle2"src="../photo/avis/24_20200427230213.png" alt="2"/></a>
                                                                
                    
                                                                <!-- MODAL -->
                                                                <div class="modal fade" id="3C" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                                    <div class="modal-dialog" role="document" style="border-radius:15px;">
                                                                        <div class="modal-content" style="border-radius:15px;">
                                                                            <div class="modal-header">
                                                                                <img class="roundedImage1" src="../photo/avis/24_20200427230213.png" alt="2"/>
                                                                            </div>
                                                                    
                                                                            <div class="modal-footer">
                                                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>                                                                    
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                    <!-- FIN MODAL -->
    
                                            </div>
                                        
                                        
                                            <div class="blocklignetop"> 
    
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <table style="margin:auto">
                                                        <tr>
                                                        <td>
                                                    
                                                    
                                                            <a data-toggle="modal" data-target="#seconnectermodal" id=""><button style="margin:1px; background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton" src="../photo/nolikes.png" alt="2"/> 16<span id="blockmobile"> j'aime</span></button></a>
                        
                         
                                                        </td>
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <td>
                                                        <a data-toggle="modal" data-target="#seconnectermodal" ><button style="margin:5px 1px; padding: 5px; background-color: white; color:black; border: 2px solid #3498DB; border-radius:20px;"><img class="imgrsbutton" style="margin-right:10px" src="../photo/conseil.png" alt="1"/><span style ="margin: 0px 1px; font-size:14px">Parler</span></button></a>

                                                            <div id="A3"></div>
    
                                                       
                                                        </td>

                                                      
                                                        <a data-toggle="modal" data-target="#seconnectermodal"><button style=" background-color: white; color:black; border: 2px solid white; border-radius:5px;"><img class="imgrsbutton" src="../photo/ellipsis.png" alt="" ></button></a>

                                                        </td>
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
                                                        <!-- ------------------------------------------------------------------- -->
    
                                                        </tr>
                                                        </table>
                                            </div>    
    
                                        </div>
                                    </div>
                                </div>
                            </div>
    
    
                </div>
                </div>
                </div>
    
    
            </div>
            </div>
            </div>
     
        
        <!-- END Page Content -->
        <!-- User Simple Widgets -->
    
    </main>
    
    <!-- END Main Container -->
    
    
    </div>
    <!-- END Page Container -->
    
    <!-- Apps Modal -->
    <!-- Opens from the button in the header -->
    
    <!-- END Apps Modal -->
    
    <!-- OneUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock, Appear, CountTo, Placeholder, Cookie and App.js -->
    <script src="../view/assets/js/core/jquery.min.js"></script>
    <script src="../view/assets/js/core/bootstrap.min.js"></script>
    <script src="../view/assets/js/core/jquery.slimscroll.min.js"></script>
    <script src="../view/assets/js/core/jquery.scrollLock.min.js"></script>
    <script src="../view/assets/js/core/jquery.appear.min.js"></script>
    <script src="../view/assets/js/core/jquery.countTo.min.js"></script>
    <script src="../view/assets/js/core/jquery.placeholder.min.js"></script>
    <script src="../view/assets/js/core/js.cookie.min.js"></script>
    <script src="../view/assets/js/app.js"></script>
    
    <!-- Page Plugins -->
    <script src="../view/assets/js/plugins/jquery-raty/jquery.raty.min.js"></script>
    
    <!-- Go to www.addthis.com/dashboard to customize your tools -->
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5c7176df89dd5c65"></script>
    
    <!-- Page JS Code -->
    <script src="../view/assets/js/pages/base_comp_rating.js"></script>
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   
    <script>
      
    
      $(window).on("scroll", function() {
	var scrollHeight = $(document).height();
	var scrollPosition = $(window).height() + $(window).scrollTop();
	if ((scrollHeight - scrollPosition) / scrollHeight === 0) {
                $.ajax({

                url:"../view/load_pagephoto_all.php?last_id=" + $(".postavis:last").attr('id') +"&id_users=24" +"&id_article=9"+"&id_session=",
                success: function(html){
                    if(html){
                        $("#avismur").append(html);
                    }else{

                    }
                }
                });
               }
           });
</script>


<style>

.cookie-alert {
   position: fixed;
   bottom: 20px;
   right:20px;
   border-radius: 10px;
   background:#2f2f2f;
   color:#fff;
   padding:10px 15px;
   width:280px;
   z-index:100;
}
.cookie-alert a { 
   display:block;
   text-align: center;
   padding:5px 10px;
   margin:8px auto 0 auto;
   border-radius: 10px;
   background:transparent;
   border: 2px solid #46A2D9;
   color:#46A2D9;
   transition: all .3s ease;
}
.cookie-alert a:hover {
      background: #46A2D9;
      color:#2f2f2f;
   }
   @media only screen and (max-width:480px) {
   .cookie-alert {
      text-align: center;
      left: 0; right: 0;;
        margin: 0 auto;
      max-width:700px;
      padding:10px 30px;
   }
}

.footer-fixed{
    position: fixed;
    bottom: 0px;
    width:100%;
    background:white;
    padding: 15px 10px;
    border-top: 1px solid #E5E8E8;
}


</style>

<footer id="notblockmobile" class="footer-fixed">
<!-- Header Navigation Right -->
    <table style=" width: 100%;">
            <th>
                <td style="text-align: center;">
                <a class="h5 text-white" href="../index.php">
                    <img class="imageheader2" src="../photo/maison2.png" alt="Avatar"/>
                    </a>
                </td>
                <td style="text-align: center;">
                <a class="h5 text-white" href="search_controller.php">
                    <img class="imageheader2" src="../photo/loupe.png" alt="Avatar"/>
                    </a>
                </td>
                <td style="text-align: center;">
                <a data-toggle="modal" data-target="#sinscriremodal">
                    <img class="imageheader2" src="../photo/create.png" alt="Avatar"/>
                    </a>
                </td>

                <td style="text-align: center;">
                <a data-toggle="modal" data-target="#sinscriremodal">
                    <img class="imageheader2" src="../photo/cloche.png" alt="Avatar"/>
                    </a>
                </td>
                <td style="text-align: center;">
                <a data-toggle="modal" data-target="#sinscriremodal">
                    <img class="imageheader2" src="../photo/user.png" alt="Avatar"/>
                    </a>
                </td>

</th>    
    </table>
            

</footer>
    
    </body>
    </html>
    <style>
     input[type='file']::-webkit-file-upload-button{
      
        background-color: white; 
     border:none;
     color:transparent;
     font-size:11px;
     font-family: 'Montserrat', sans-serif;
     background-image: url('../photo/pic.png');
     background-size: 43px;
    overflow:hidden;
    width:40px;
    height:39px;
}   
     }   
    
    ul{
      list-style-type: none;
    }
    li{
      list-style-type: none;
    }
    </style>
    
    
<!-- Page JS Plugins -->
<script src="../view/assets/js/plugins/cropperjs/cropper.min.js"></script>
<script src="../view/assets/js/pages/base_comp_image_cropper.js"></script>