    <!-- -------------------------------------------------------------- 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="Une configuration super propre et minimale 🔥"/>
        <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 volagal"/>
        <meta property="description" content="Une configuration super propre et minimale 🔥"/>
        <meta property="og:title" content="Bynshare de volagal"/>
        <meta property="og:description" content="Une configuration super propre et minimale 🔥"/>
        <meta property="og:url" content="https://www.bynshare.com/pagephoto/110-114"/>
        <meta property="og:site_name" content="Bynshare"/>
        <meta property="og:image" itemprop="image" content="https://www.bynshare.com/photo/article/114_20221029065819.jpg"/>
        <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/114_20221029065819.jpg"/>
        
            <!-- 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: #1E2334;">
            <!-- 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: #1E2334; 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-6 col-sm-offset-3">
                
            <div class="row"> <!-- grand -->
    
                     
<!-- --------------------------------------------------  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 monde de la Tech.
                    <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/114_20221029065819.jpg" 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/114_20221029065819.jpg" 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/114_20211123210842.jpg" alt="1"/></a>
                                        </div>
                                        <div class="push-5-t">
                                            <a class="font-w600" data-toggle="modal" data-target="#seconnectermodal">volagal</a> <br>
                                            <span class="font-s12 text-muted">Il y a 10 mois et 26 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>
                        <div style="margin: 10px 0px;">
                        <strong>Une configuration super propre et minimale 🔥</strong>
                        </div>
                                            <!-- ---------------------DEBUT BOUTON SUPRIMER ARTCILE ------------ -->
                                            
                                            <!-- ----------------------------- FIN ----------------------------- -->
                                                            
                                                                      
                        <hr>
                        <div class="row">   
                            <div class="col-lg-12">

                            <span>Note:</span> 
                                  <img style="overflow:hidden; width:40px;" src="../photo/note7.png" alt="">                                                                 


                                <a  class="textesouris" href="../pagephoto/110-114#divavis"><button style=" background-color: transparent; color:#2980B9; border: 2px solid #D6EAF8; border-radius:5px;"><p style ="margin: 0px 1px; font-size:15px">Voir les avis
                                <img class="imgrsbutton"src="../photo/avis_heureux.png" alt="">3<img class="imgrsbutton"src="../photo/avis_decu.png" alt="">0</p></button></a>


                            </div>  
                            </div>    
                            <br>
                                                                            
                                            <!-- ////////// ------------------ 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">LG UltraGear 27GN600-B 27&quot;</p>
                                    </div>  
                                                                        
                                    <div class="col-lg-4">
                                                        <table class="pull-right">
                                                            <tr>
                                            
                                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                
                                                                <td>           
                                                                <a href="https://amzn.to/3sHpjL5" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">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 ---------------------------   //////////-->
                                                                                            <div class="row"> 
                                                  
                                    <div class="col-lg-8">             
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">Glorious GMMK Pro </p>
                                    </div>  
                                                                        
                                    <div class="col-lg-4">
                                        <table class="pull-right">
                                                            <tr>
                                       
                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                
                                                    <td>           
                                                <a href="https://amzn.to/3DiCR4r" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">Voir site</p></button></a>
                                                </td>
                                            </tr>    
                                        </table>
                                    </div>
                                </div>
                                                 
                                                                                                                        <!-- ////////// ------------------ FIN ARTICLE 2 --------------------   //////////-->   
    
                                                            <!-- ////////// ------------------ ARTICLE 3 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 3 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 3 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 3 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 3 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 3 ---------------------------   //////////-->
                                                            <!-- ////////// ------------------ ARTICLE 3 ---------------------------   //////////-->
                                                                                                              
    
                                <div class="row">   
                                    <div class="col-lg-8">                                             
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">Glorious PC Gaming Race Model O Gaming Mouse , Sou</p>
                                    </div>  
                                                                                                                                                                                  
    
                                    <div class="col-lg-4">
                                        <table class="pull-right">
                                                    <tr>
                                            
                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                
                                                    <td>           
                                                <a href="https://amzn.to/3SIE9vf" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">Voir site</p></button></a>
                                                </td>
                                            </tr>    
                                        </table>
                                    </div>
                                </div>
                                                                       
                                                   
                                                            <!-- ////////// ------------------ FIN ARTICLE 3 --------------------   //////////-->
    
                                                                <!-- ////////// ------------------ ARTICLE 4 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 4 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 4 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 4 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 4 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 4 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 4 ---------------------------   //////////-->
                                                                                                                     
                                                                            
                                <div class="row">  
                                    <div class="col-lg-8">
                                                                                        
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">Yamaha HS5 – Enceinte de monitoring studio amplifi</p>
                                        </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                         
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3SRalg2" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">Voir site</p></button></a>
                                                                        </td>
                                                                    </tr>    
                                                                    </table>
                                    </div>
                                </div>
                                                                       
                                                      
                                                                <!-- ////////// ------------------ FIN ARTICLE 4 --------------------   //////////-->
    
                                                                <!-- ////////// ------------------ ARTICLE 5 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 5 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 5 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 5 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 5 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 5 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 5 ---------------------------   //////////-->
                                                                                                                
                                                                            
                                <div class="row">  
                                    <div class="col-lg-8">                                                                           
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">M-Audio AIR 192 4 Interface audio</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                                     
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3U3W1lu" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">Voir site</p></button></a>
                                                                        </td>
                                                                    </tr>    
                                                                    </table>
                                    </div>
                                </div>
                                                                       
                                                
                                                                <!-- ////////// ------------------ FIN ARTICLE 5 --------------------   //////////-->
    
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 6 ---------------------------   //////////-->
                                                                                                                    
                                                                            
                                <div class="row">  
                                    <div class="col-lg-8">
                                                                                        
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">Shure MV7 Microphone USB Podcast</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                          
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3Ng09g6" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">Voir site</p></button></a>
                                                                        </td>
                                                                    </tr>    
                                                                    </table>
                                    </div>
                                </div>
                                                                       
                                                    
                                                                <!-- ////////// ------------------ FIN ARTICLE 6 --------------------   //////////-->
    
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 7 ---------------------------   //////////-->
                                                                                                           
                                                                            
                                <div class="row">  
                                    <div class="col-lg-8">
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">NZXT H510 Elite - Boîtier PC Gaming Moyenne Tour </p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                              
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3DGJpLQ" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">Voir site</p></button></a>
                                                                        </td>
                                                                    </tr>    
                                                                    </table>
                                    </div>
                                </div>
                                                                       
                                                   
                                                                <!-- ////////// ------------------ FIN ARTICLE 7 --------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 8 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 8 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 8 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 8 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 8 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 8 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 8 ---------------------------   //////////-->
                                                                                                                                      
                                                                            
                                <div class="row">  
                                    <div class="col-lg-8">                                                                                   
                                            <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">G.Skill Trident Z RGB F4</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                          
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3NgByYk" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">Voir site</p></button></a>
                                                                        </td>
                                                                    </tr>    
                                                                    </table>                                               
                                    </div>
                                </div>
                                                                       
                                                              
                                                                <!-- ////////// ------------------ FIN ARTICLE 8 --------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 9 ---------------------------   //////////-->
                                                                                                                               
                                                                            
                                <div class="row">  
                                    <div class="col-lg-8">
                                                                                        
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">MSI Z390-A Pro Carte mère ATX</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3TJZ6ay" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">Voir site</p></button></a>
                                                                        </td>
                                                                    </tr>    
                                                                    </table>
                                    </div>
                                </div>
                                                                       
                                                             
                                                                <!-- ////////// ------------------ FIN ARTICLE 9 --------------------   //////////-->
    
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                <!-- ////////// ------------------ ARTICLE 10 ---------------------------   //////////-->
                                                                                                                             
        
                                <div class="row">  
                                    <div class="col-lg-8">
                                                                                            
                                        <p style ="font-family:system-ui, serif; margin:1px; color:black; font-size: 14px">ASUS TUF GAMING NVIDIA GeForce GTX 1660</p>
                                    </div>  
                                                                                
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                         
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3gNAW0d" target="_blank"><button style="margin:2px 0px; background-color: #3498DB; color:white; border: 2px solid #3498DB; border-radius:15px;"><p style ="margin: 0px 1px; font-size:12px">Voir site</p></button></a>
                                                                        </td>
                                                                    </tr>    
                                                                    </table>
                                    </div>
                                </div>
                                           
                                <!-- ////////// ------------------ 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="padding: 10px; font-size: 11px;">
                             
                                                                                
<!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                
                                    <span style="margin: 2px; padding:8px 2px 10px 4px; background: transparent; color:black; border: 2px solid #CCD1D1; border-radius:5px;">
                                        <a class="textehaut" data-toggle="modal" data-target="#sinscriremodal"><img class="imgrsbutton"src="../photo/hautgris.png" id="getImage1114HAUT110"></a>
                                        <strong><span class="num114NUM110">3</span></strong>
                                        <a  class="textebas" data-toggle="modal" data-target="#sinscriremodal"><img class="imgrsbutton"src="../photo/basgris.png" id="getImage2114BAS110"></a>
                                    </span>


                                                                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                
                                <style>

                                .textehaut
                                {
                                    padding:6px; 
                                     
                                    border-radius:5px;
                                }
                                
                                .textehaut:hover
                                {
                                    padding:5px 5px 7px 5px; 
                                    background: #A9CCE3; 
                                    border: 1px solid #A9CCE3; 
                                    border-radius:5px;
                                }

                                .textebas
                                {
                                    padding:6px; 
                                     
                                    border-radius:5px;
                                }
                                
                                .textebas:hover
                                {
                                    padding:5px 5px 7px 5px; 
                                    background: #E6B0AA; 
                                    border: 1px solid #E6B0AA; 
                                    border-radius:5px;
                                }
                                </style>    


                                <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->                              
                                <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                              
                                
                                                                <a class="textesouris" data-toggle="modal" data-target="#sinscriremodal"><button style="margin:5px 1px; background-color: transparent; color:black; border: 2px solid transparent; border-radius:5px;"><img class="imgrsbutton" style="margin-right:5px" src="../photo/conseil.png" alt="" > 1 <span id="blockmobile">Questions</span></button></a>

                                
                                <a class="textesouris" data-toggle="modal" data-target="#sinscriremodal"><button style="margin:5px 1px; background-color: transparent; color:black; border: 2px solid transparent; border-radius:5px;"><img class="imgrsbutton"src="../photo/comment.png" alt=""> 0<span id="blockmobile"> Commentaires</span></button></a>


                            <!-- ---------------------------------------- AVOIR UN MODAL UNIQUE -------------------------------------------------- -->
                            

                            <a class="textesouris" data-toggle="modal" data-target="#sinscriremodal"><button  style="margin:5px 1px; background-color: transparent; color:black; border: 2px solid transparent; border-radius:5px;"><img class="imgrsbutton" src="../photo/partager.png" alt="" ><span id="blockmobile">Partager</span></button></a>

                             <!-- --------------------------------------------------  DEBUT ENREGISTRER ----------------------------------------------------------------------- -->
                                <!-- --------------------------------------------------  DEBUT ENREGISTRER ----------------------------------------------------------------------- -->
                                <!-- --------------------------------------------------  DEBUT ENREGISTRER ----------------------------------------------------------------------- -->
                                <!-- --------------------------------------------------  DEBUT ENREGISTRER ----------------------------------------------------------------------- -->
                                <!-- --------------------------------------------------  DEBUT ENREGISTRER ----------------------------------------------------------------------- -->
                                <!-- --------------------------------------------------  DEBUT ENREGISTRER ----------------------------------------------------------------------- -->
                                <!-- --------------------------------------------------  DEBUT ENREGISTRER ----------------------------------------------------------------------- -->
                                <!-- --------------------------------------------------  DEBUT ENREGISTRER ----------------------------------------------------------------------- -->


                                <a  data-toggle="modal" data-target="#sinscriremodal" class="textesouris" onclick="imagefun1SAVEarticle110();" ><img class="imgrsbutton"src="../photo/noenvie.png"  id="getImage1SAVEarticle110" alt=""><span id="blockmobile" style="color: black;">Enregistrer</span></a>
 
                                
                                <script>
                                function imagefun1SAVEarticle110() {

                               
                                var Image_Id1 = document.getElementById('getImage1SAVEarticle110');

                                if (Image_Id1.src.match("../photo/noenvie.png")) {
                                    Image_Id1.src = "../photo/envie.png";
                                }
                                else {
                                    Image_Id1.src = "../photo/noenvie.png";
                                }
                                $("#getImage1SAVEarticle110").load("../view/function_view/envies.php", {
                                                id_activite_main : '243',
                                                id_session :''
                                                });
                               

                                }; 

                                </script>

                                    
                                <!-- --------------------------------------------------  FIN ENREGISTRER ----------------------------------------------------------------------- -->
                                <!-- --------------------------------------------------  FIN ENREGISTRER ----------------------------------------------------------------------- -->
                                <!-- --------------------------------------------------  FIN ENREGISTRER ----------------------------------------------------------------------- -->
                                <!-- --------------------------------------------------  FIN ENREGISTRER ----------------------------------------------------------------------- -->
                                <!-- --------------------------------------------------  FIN ENREGISTRER ----------------------------------------------------------------------- -->
                                <!-- --------------------------------------------------  FIN ENREGISTRER ----------------------------------------------------------------------- -->
                                <!-- --------------------------------------------------  FIN ENREGISTRER ----------------------------------------------------------------------- -->
                                <!-- --------------------------------------------------  FIN ENREGISTRER ----------------------------------------------------------------------- -->    
                                
                         
<!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
<!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->


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

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


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

            <div style="border-radius:15px; background-color:white;">
            <div class="row">
            <div style="border-radius:15px; height:auto;margin:15px;" class="col-md-12" >
            <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
<!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
<div class="block-content block-content-full block-content-narrow">

<h4 style="text-align:center; margin:20px 0;" class="ins3">Copier le lien ci-dessous</h4>
            
            
        <br>


        <span style="font-size:15px;" id="tocopy110PCL114">https://www.bynshare.com/pagephoto/110-114</span>
                                <input style="background-color: #28B351; color:white; border: 2px solid #28B351; border-radius:15px; font-size:15px;"  type="button" value="Copier le lien" class="js-copy110PCL114" data-target="#tocopy110PCL114">
                                <script>

                                
                                    var btncopy = document.querySelector('.js-copy110PCL114');
                                    if(btncopy) {
                                        btncopy.addEventListener('click', docopy);
                                    }

                                    function docopy() {

                                        // Cible de l'élément qui doit être copié
                                        var target = this.dataset.target;
                                        var fromElement = document.querySelector(target);
                                        if(!fromElement) return;

                                        // Sélection des caractères concernés
                                        var range = document.createRange();
                                        var selection = window.getSelection();
                                        range.selectNode(fromElement);
                                        selection.removeAllRanges();
                                        selection.addRange(range);

                                        try {
                                            // Exécution de la commande de copie
                                            var result = document.execCommand('copy');
                                            if (result) {
                                                // La copie a réussi
                                               
                                            }
                                        }
                                        catch(err) {
                                            // Une erreur est surevnue lors de la tentative de copie
                                            alert(err);
                                        }

                                        // Fin de l'opération
                                        selection = window.getSelection();
                                        if (typeof selection.removeRange === 'function') {
                                            selection.removeRange(range);
                                        } else if (typeof selection.removeAllRanges === 'function') {
                                            selection.removeAllRanges();
                                        }
                                    }

                                    var clique = true;

                                $('.js-copy110PCL114').click(function(event) 
                                {
                                    $(this).val('Lien copié !');
                                    
                                if(clique) 
                                {
                                clique = false;
                                return true;
                                }
                                else return false;
                                })
                                    // Set a timeout to hide the element again
                                
                                
                                </script> 

             
</div>

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

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

                                            
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary"style="border-radius:5px;"  data-dismiss="modal">Fermer</button> 
        </div>

        </div>
    </div>
</div>
                                       
<!---------------------------------------------------------------- FIN MODAL COPIER LIEN -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
<!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->


                                                        <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="114E110comment"></div>
                                                                    <br/>
                                                                                                                                                
                                                                        
                                                                    <!-- 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.<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">
    
    
                                <!-- ////////// -------------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>3                                                    
                                                    </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>
    
                          
                <!-- ------------------------------------------------------------------- -->
                <!-- -------------------------- LES AVIS BYNSHARE ---------------------- -->
                <!-- ------------------------------------------------------------------- -->
                <!-- ------------------------------------------------------------------- -->
    
                <div class="row">
                <div class="">  
                <div id="avismurhorsligne">
                        
                                                <div class="avismurhorsligne2" id="55">     
                                                <div id="A55"></div>
            
            
                        <div class="col-md-12"> 
                        <div class="block divarticleblock block blockborder" >
            
                                            
                            <div class="row" style="margin: 15px auto 10px auto;">   
                            <div class="col-xs-8">
            
                                                <div class="">
            
                        <table>
                        <tr>
                        <td>
            
                        <a href="../yama"><img class="roundedImageprofilarticle" src="../photo/profil/149_20230119044133.jpg" alt="1"/></a>
                        </td>
                        <td>
            
                        <strong><a data-toggle="modal" data-target="#seconnectermodal">Yama</a></strong>
                        
                        <span class="font-s12 text-muted">Il y a 8 mois et 5 jours</span>
                        
                        </td>
                        </tr>
                        </table>     
                    </div>
                            
                        <br>
                        <span><strong>Mon Boitier NZXT H510 Elite</strong><br><br>
                        <p>Le NZXT H510 Elite est un boîtier super populaire. Je trouve qu'il a un design élégant et minimaliste, il est facile à monter et démonter, et il a de bonnes options de refroidissement pour les radiateurs à eau. Il a également beaucoup d'espace pour ranger et organiser tes composants et il est assez silencieux. Il est un peu cher mais c'est un choix solide pour ceux qui cherchent un boîtier de qualité.                        </p>
                        </div>
            
                        
                        <div class="col-xs-4">
                       
                        <div style="height:auto;">
                            <a href=""  data-toggle="modal" data-target="#55CD"><img class="displayed; roundedImageavisarticlequestion" style="max-height:120px; width:auto; margin: 10px auto; display: block; border: 2px solid #8E44AD;"  src="../photo/avis/149_20230119044553.jpg" /></a>
                                                    
            
                                <!-- MODAL -->
                                <div class="modal fade" id="55CD" 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/149_20230119044553.jpg" alt="2"/>
                                                </div>
                                        
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>                                                                    
                                                </div>
                                            </div>
                                        </div>
                                </div>
                        </div>
                            <!-- FIN MODAL -->
            
            
                              <img class="displayed; roundedImageavisarticlequestion" style=" width:auto; height:30px; display: block;" src="../photo/notesatisfait.png" alt="">             
            
            
                        </div>
                        </div>
            
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
                        <hr style="margin: 0px auto">
                <div class="row" style="padding: 10px;">     
                <div class="col-lg-12"> 
                <div class="row">
                <span class="col-md-12" style=" font-size: 11px;">  
                        
                        
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                    
                            <span style="margin: 2px; padding:8px 2px 10px 4px; background: transparent; color:black; border: 2px solid #CCD1D1; border-radius:5px;">
                                <a class="textehaut"  data-toggle="modal" data-target="#seconnectermodal"><img class="imgrsbuttonfleche"src="../photo/hautgris.png" id="getImage1149HAUTavis55"></a>
                                <strong><span class="num149NUMavis55">5</span></strong>
                                <a  class="textebas" data-toggle="modal" data-target="#seconnectermodal"><img class="imgrsbuttonfleche"src="../photo/basgris.png" id="getImage2149BASavis55"></a>
                            </span>
            
            
                                                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                    
                        <style>
                            
            
                        .textehaut
                        {
                            padding:6px; 
                             
                            border-radius:5px;
                        }
                        
                        .textehaut:hover
                        {
                            padding:5px 5px 7px 5px; 
                            background: #A9CCE3; 
                            border: 1px solid #A9CCE3; 
                            border-radius:5px;
                        }
            
                        .textebas
                        {
                            padding:6px; 
                             
                            border-radius:5px;
                        }
                        
                        .textebas:hover
                        {
                            padding:5px 5px 7px 5px; 
                            background: #E6B0AA; 
                            border: 1px solid #E6B0AA; 
                            border-radius:5px;
                        }
                        </style>    
            
            
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->                              
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                      
            
                                                <a data-toggle="modal" data-target="#seconnectermodal"><button style="margin:1px; background-color: transparent; color:black; border: 2px solid transparent; border-radius:5px;"><img class="imgrsbutton" style="margin-right:10px" src="../photo/conseil.png" alt="1"/>0 <span id="blockmobile"> Questions</span></button></a>
            
            
                        <!-- ---------------------------------------- AVOIR UN MODAL UNIQUE -------------------------------------------------- -->
                                    
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
                        <a class="textesouris" data-toggle="modal" data-target="#copierlienmodal55PCLallquestionavis149"><button  style="margin:5px 1px; background-color: transparent; color:black; border: 1px solid transparent; border-radius:5px;"><img class="imgrsbutton" src="../photo/partager.png" alt="" ><span id="blockmobile">Partager</span></button></a>
            
            
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
            
            
                        <div class="modal fade" id="copierlienmodal55PCLallquestionavis149" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document" style="border-radius:15px;">
                        <div style="border-radius:15px;" class="modal-content">
            
            
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
            
            
                        <div class="row">
                        <div class="col-lg-12" style="margin-bottom:10px;">
            
                        <div style="border-radius:15px; background-color:white;">
                        <div class="row">
                        <div style="border-radius:15px; height:auto;margin:15px;" class="col-md-12" >
                                                <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
                        <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
                        <div class="block-content block-content-full block-content-narrow">
            
                        <h4 style="text-align:center; margin:20px 0;" class="ins3">Copier le lien ci-dessous</h4>
            
            
                        <br>
            
            
                        <span style="font-size:15px;" id="tocopy55PCLallquestionavis149">https://www.bynshare.com/allquestionavis/55-149</span>
                        <input style="background-color: #28B351; color:white; border: 2px solid #28B351; border-radius:15px; font-size:15px;"  type="button" value="Copier le lien" class="js-copy55PCLallquestionavis149" data-target="#tocopy55PCLallquestionavis149">
                        <script>
            
            
                            var btncopy = document.querySelector('.js-copy55PCLallquestionavis149');
                            if(btncopy) {
                                btncopy.addEventListener('click', docopy);
                            }
            
                            function docopy() {
            
                                // Cible de l'élément qui doit être copié
                                var target = this.dataset.target;
                                var fromElement = document.querySelector(target);
                                if(!fromElement) return;
            
                                // Sélection des caractères concernés
                                var range = document.createRange();
                                var selection = window.getSelection();
                                range.selectNode(fromElement);
                                selection.removeAllRanges();
                                selection.addRange(range);
            
                                try {
                                    // Exécution de la commande de copie
                                    var result = document.execCommand('copy');
                                    if (result) {
                                        // La copie a réussi
                                    
                                    }
                                }
                                catch(err) {
                                    // Une erreur est surevnue lors de la tentative de copie
                                    alert(err);
                                }
            
                                // Fin de l'opération
                                selection = window.getSelection();
                                if (typeof selection.removeRange === 'function') {
                                    selection.removeRange(range);
                                } else if (typeof selection.removeAllRanges === 'function') {
                                    selection.removeAllRanges();
                                }
                            }
            
                            var clique = true;
            
                        $('.js-copy55PCLallquestionavis149').click(function(event) 
                        {
                            $(this).val('Lien copié !');
                            
                        if(clique) 
                        {
                        clique = false;
                        return true;
                        }
                        else return false;
                        })
                            // Set a timeout to hide the element again
            
            
                        </script>    
            
            
                        </div>
            
                        <!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                        <!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                        </div>
                        </div>
                        </div>
                        </div>
                        </div>
            
            
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
            
            
                        <div class="modal-footer">
                        <button type="button" class="btn btn-secondary"style="border-radius:5px;"  data-dismiss="modal">Fermer</button> 
                        </div>
            
                        </div>
                        </div>
                        </div>
            
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
            
            
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
            
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
            
            
                        <!-- ---------------------------------------- AVOIR UN MODAL UNIQUE -------------------------------------------------- -->
                                    
                                                
                        <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 class="modal fade" id="signalezmodalSIV55" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document" style="border-radius:15px;">
                        <div style="border-radius:15px;" class="modal-content">
            
            
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
            
            
                        <div class="row">
                        <div class="col-lg-12" style="margin-bottom:10px;">
            
                        <div style="border-radius:15px; background-color:white;">
                        <div class="row">
                        <div style="border-radius:15px; height:auto;margin:15px;" class="col-md-12" >
                                                <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
                        <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
                        <div class="block-content block-content-full block-content-narrow">
            
                        <h4 style="text-align:center; margin:0 0 20px 0;" class="ins3">Signaler l'image</h4>
            
                                    
                        <a data-toggle="modal" data-target="#seconnectermodal"><button class=" ins4 btn btn-block btn-primary" style="margin:5px 1px; padding: 5px; background-color: #F02849; color:xhite; border: 2px solid #F02849; border-radius:20px;" type="submit">Signaler</button></a>
            
                
                        </div>
            
                        <!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                        <!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                        </div>
                        </div>
                        </div>
                        </div>
                        </div>
                        
            
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
            
            
                        <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Terminer</button> 
                        </div>
            
                        </div>
                        </div>
                        </div>
                        
            
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
            
                        
                        </span>                    
                        </div>      
                        </div>
                        </div>
                        
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
            
                        </div>
                        </div>
                        </div>
                        
            
                                                <div class="avismurhorsligne2" id="51">     
                                                <div id="A51"></div>
            
            
                        <div class="col-md-12"> 
                        <div class="block divarticleblock block blockborder" >
            
                                            
                            <div class="row" style="margin: 15px auto 10px auto;">   
                            <div class="col-xs-8">
            
                                                <div class="">
            
                        <table>
                        <tr>
                        <td>
            
                        <a href="../lehamster"><img class="roundedImageprofilarticle" src="../photo/profil/126_20211123225313.jpg" alt="1"/></a>
                        </td>
                        <td>
            
                        <strong><a data-toggle="modal" data-target="#seconnectermodal">Lehamster</a></strong>
                        
                        <span class="font-s12 text-muted">Il y a 8 mois et 18 jours</span>
                        
                        </td>
                        </tr>
                        </table>     
                    </div>
                            
                        <br>
                        <span><strong>L'enceinte Yamaha HS5 à la maison ! 🔊</strong><br><br>
                        <p>Le Yamaha HS5 est un moniteur de studio de la série HS de Yamaha, qui est connu pour offrir une qualité audio professionnelle à un prix abordable. Ce moniteur de studio est particulièrement populaire parmi les producteurs de musique et les ingénieurs du son en raison de sa réponse en fréquence précise et de sa capacité à reproduire fidèlement les sons.<br />
<br />
Le Yamaha HS5 est équipé de haut-parleurs de 5 pouces et d'un tweeter de 1 pouce qui offrent une réponse en fréquence allant jusqu'à 30 kHz. Il est également équipé d'un filtre coupure basse/haute fréquence et d'un réglage de niveau de grave pour une personnalisation fine des réglages audio.<br />
<br />
En ce qui concerne le design, le Yamaha HS5 est un moniteur de studio compact et élégant qui se marie bien avec tous les environnements de travail. Il est équipé d'un boîtier en métal solide et de pieds en caoutchouc pour une stabilité maximale.<br />
<br />
En résumé, le Yamaha HS5 est un moniteur de studio de qualité supérieure qui offre une réponse en fréquence précise et une reproduction sonore fidèle. C'est un choix populaire pour ceux qui cherchent à améliorer la qualité audio de leur travail de production musicale ou de mixage audio.                        </p>
                        </div>
            
                        
                        <div class="col-xs-4">
                       
                        <div style="height:auto;">
                            <a href=""  data-toggle="modal" data-target="#51CD"><img class="displayed; roundedImageavisarticlequestion" style="max-height:120px; width:auto; margin: 10px auto; display: block; border: 2px solid #8E44AD;"  src="../photo/avis/126_20230106040430.jpg" /></a>
                                                    
            
                                <!-- MODAL -->
                                <div class="modal fade" id="51CD" 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/126_20230106040430.jpg" alt="2"/>
                                                </div>
                                        
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>                                                                    
                                                </div>
                                            </div>
                                        </div>
                                </div>
                        </div>
                            <!-- FIN MODAL -->
            
            
                              <img class="displayed; roundedImageavisarticlequestion" style=" width:auto; height:30px; display: block;" src="../photo/notesatisfait.png" alt="">             
            
            
                        </div>
                        </div>
            
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
                        <hr style="margin: 0px auto">
                <div class="row" style="padding: 10px;">     
                <div class="col-lg-12"> 
                <div class="row">
                <span class="col-md-12" style=" font-size: 11px;">  
                        
                        
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                    
                            <span style="margin: 2px; padding:8px 2px 10px 4px; background: transparent; color:black; border: 2px solid #CCD1D1; border-radius:5px;">
                                <a class="textehaut"  data-toggle="modal" data-target="#seconnectermodal"><img class="imgrsbuttonfleche"src="../photo/hautgris.png" id="getImage1126HAUTavis51"></a>
                                <strong><span class="num126NUMavis51">4</span></strong>
                                <a  class="textebas" data-toggle="modal" data-target="#seconnectermodal"><img class="imgrsbuttonfleche"src="../photo/basgris.png" id="getImage2126BASavis51"></a>
                            </span>
            
            
                                                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                    
                        <style>
                            
            
                        .textehaut
                        {
                            padding:6px; 
                             
                            border-radius:5px;
                        }
                        
                        .textehaut:hover
                        {
                            padding:5px 5px 7px 5px; 
                            background: #A9CCE3; 
                            border: 1px solid #A9CCE3; 
                            border-radius:5px;
                        }
            
                        .textebas
                        {
                            padding:6px; 
                             
                            border-radius:5px;
                        }
                        
                        .textebas:hover
                        {
                            padding:5px 5px 7px 5px; 
                            background: #E6B0AA; 
                            border: 1px solid #E6B0AA; 
                            border-radius:5px;
                        }
                        </style>    
            
            
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->                              
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                      
            
                                                <a data-toggle="modal" data-target="#seconnectermodal"><button style="margin:1px; background-color: transparent; color:black; border: 2px solid transparent; border-radius:5px;"><img class="imgrsbutton" style="margin-right:10px" src="../photo/conseil.png" alt="1"/>0 <span id="blockmobile"> Questions</span></button></a>
            
            
                        <!-- ---------------------------------------- AVOIR UN MODAL UNIQUE -------------------------------------------------- -->
                                    
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
                        <a class="textesouris" data-toggle="modal" data-target="#copierlienmodal51PCLallquestionavis126"><button  style="margin:5px 1px; background-color: transparent; color:black; border: 1px solid transparent; border-radius:5px;"><img class="imgrsbutton" src="../photo/partager.png" alt="" ><span id="blockmobile">Partager</span></button></a>
            
            
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
            
            
                        <div class="modal fade" id="copierlienmodal51PCLallquestionavis126" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document" style="border-radius:15px;">
                        <div style="border-radius:15px;" class="modal-content">
            
            
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
            
            
                        <div class="row">
                        <div class="col-lg-12" style="margin-bottom:10px;">
            
                        <div style="border-radius:15px; background-color:white;">
                        <div class="row">
                        <div style="border-radius:15px; height:auto;margin:15px;" class="col-md-12" >
                                                <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
                        <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
                        <div class="block-content block-content-full block-content-narrow">
            
                        <h4 style="text-align:center; margin:20px 0;" class="ins3">Copier le lien ci-dessous</h4>
            
            
                        <br>
            
            
                        <span style="font-size:15px;" id="tocopy51PCLallquestionavis126">https://www.bynshare.com/allquestionavis/51-126</span>
                        <input style="background-color: #28B351; color:white; border: 2px solid #28B351; border-radius:15px; font-size:15px;"  type="button" value="Copier le lien" class="js-copy51PCLallquestionavis126" data-target="#tocopy51PCLallquestionavis126">
                        <script>
            
            
                            var btncopy = document.querySelector('.js-copy51PCLallquestionavis126');
                            if(btncopy) {
                                btncopy.addEventListener('click', docopy);
                            }
            
                            function docopy() {
            
                                // Cible de l'élément qui doit être copié
                                var target = this.dataset.target;
                                var fromElement = document.querySelector(target);
                                if(!fromElement) return;
            
                                // Sélection des caractères concernés
                                var range = document.createRange();
                                var selection = window.getSelection();
                                range.selectNode(fromElement);
                                selection.removeAllRanges();
                                selection.addRange(range);
            
                                try {
                                    // Exécution de la commande de copie
                                    var result = document.execCommand('copy');
                                    if (result) {
                                        // La copie a réussi
                                    
                                    }
                                }
                                catch(err) {
                                    // Une erreur est surevnue lors de la tentative de copie
                                    alert(err);
                                }
            
                                // Fin de l'opération
                                selection = window.getSelection();
                                if (typeof selection.removeRange === 'function') {
                                    selection.removeRange(range);
                                } else if (typeof selection.removeAllRanges === 'function') {
                                    selection.removeAllRanges();
                                }
                            }
            
                            var clique = true;
            
                        $('.js-copy51PCLallquestionavis126').click(function(event) 
                        {
                            $(this).val('Lien copié !');
                            
                        if(clique) 
                        {
                        clique = false;
                        return true;
                        }
                        else return false;
                        })
                            // Set a timeout to hide the element again
            
            
                        </script>    
            
            
                        </div>
            
                        <!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                        <!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                        </div>
                        </div>
                        </div>
                        </div>
                        </div>
            
            
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
            
            
                        <div class="modal-footer">
                        <button type="button" class="btn btn-secondary"style="border-radius:5px;"  data-dismiss="modal">Fermer</button> 
                        </div>
            
                        </div>
                        </div>
                        </div>
            
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
            
            
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
            
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
            
            
                        <!-- ---------------------------------------- AVOIR UN MODAL UNIQUE -------------------------------------------------- -->
                                    
                                                
                        <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 class="modal fade" id="signalezmodalSIV51" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document" style="border-radius:15px;">
                        <div style="border-radius:15px;" class="modal-content">
            
            
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
            
            
                        <div class="row">
                        <div class="col-lg-12" style="margin-bottom:10px;">
            
                        <div style="border-radius:15px; background-color:white;">
                        <div class="row">
                        <div style="border-radius:15px; height:auto;margin:15px;" class="col-md-12" >
                                                <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
                        <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
                        <div class="block-content block-content-full block-content-narrow">
            
                        <h4 style="text-align:center; margin:0 0 20px 0;" class="ins3">Signaler l'image</h4>
            
                                    
                        <a data-toggle="modal" data-target="#seconnectermodal"><button class=" ins4 btn btn-block btn-primary" style="margin:5px 1px; padding: 5px; background-color: #F02849; color:xhite; border: 2px solid #F02849; border-radius:20px;" type="submit">Signaler</button></a>
            
                
                        </div>
            
                        <!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                        <!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                        </div>
                        </div>
                        </div>
                        </div>
                        </div>
                        
            
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
            
            
                        <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Terminer</button> 
                        </div>
            
                        </div>
                        </div>
                        </div>
                        
            
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
            
                        
                        </span>                    
                        </div>      
                        </div>
                        </div>
                        
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
            
                        </div>
                        </div>
                        </div>
                        
            
                                                <div class="avismurhorsligne2" id="43">     
                                                <div id="A43"></div>
            
            
                        <div class="col-md-12"> 
                        <div class="block divarticleblock block blockborder" >
            
                                            
                            <div class="row" style="margin: 15px auto 10px auto;">   
                            <div class="col-xs-8">
            
                                                <div class="">
            
                        <table>
                        <tr>
                        <td>
            
                        <a href="../lautremax"><img class="roundedImageprofilarticle" src="../photo/profil/138_20211123234549.jpg" alt="1"/></a>
                        </td>
                        <td>
            
                        <strong><a data-toggle="modal" data-target="#seconnectermodal">Lautremax</a></strong>
                        
                        <span class="font-s12 text-muted">Il y a 10 mois et 16 jours</span>
                        
                        </td>
                        </tr>
                        </table>     
                    </div>
                            
                        <br>
                        <span><strong></strong><br><br>
                        <p>Acheté pour passer de 16Go à 32Go.<br />
Je possède déjà le même kit de RAM mais en GTRZ et non GTRZX.<br />
Passage à 3200MHz en 2 clics dans le BIOS                        </p>
                        </div>
            
                        
                        <div class="col-xs-4">
                       
                        <div style="height:auto;">
                            <a href=""  data-toggle="modal" data-target="#43CD"><img class="displayed; roundedImageavisarticlequestion" style="max-height:120px; width:auto; margin: 10px auto; display: block; border: 2px solid #8E44AD;"  src="../photo/avis/138_20221108003104.jpg" /></a>
                                                    
            
                                <!-- MODAL -->
                                <div class="modal fade" id="43CD" 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/138_20221108003104.jpg" alt="2"/>
                                                </div>
                                        
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>                                                                    
                                                </div>
                                            </div>
                                        </div>
                                </div>
                        </div>
                            <!-- FIN MODAL -->
            
            
                              <img class="displayed; roundedImageavisarticlequestion" style=" width:auto; height:30px; display: block;" src="../photo/notesatisfait.png" alt="">             
            
            
                        </div>
                        </div>
            
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
                        <hr style="margin: 0px auto">
                <div class="row" style="padding: 10px;">     
                <div class="col-lg-12"> 
                <div class="row">
                <span class="col-md-12" style=" font-size: 11px;">  
                        
                        
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                                <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                    
                            <span style="margin: 2px; padding:8px 2px 10px 4px; background: transparent; color:black; border: 2px solid #CCD1D1; border-radius:5px;">
                                <a class="textehaut"  data-toggle="modal" data-target="#seconnectermodal"><img class="imgrsbuttonfleche"src="../photo/hautgris.png" id="getImage1138HAUTavis43"></a>
                                <strong><span class="num138NUMavis43">4</span></strong>
                                <a  class="textebas" data-toggle="modal" data-target="#seconnectermodal"><img class="imgrsbuttonfleche"src="../photo/basgris.png" id="getImage2138BASavis43"></a>
                            </span>
            
            
                                                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- DEBUT FLECHE HAUT ET BAS  -------------------------------------------------- -->
                                    
                        <style>
                            
            
                        .textehaut
                        {
                            padding:6px; 
                             
                            border-radius:5px;
                        }
                        
                        .textehaut:hover
                        {
                            padding:5px 5px 7px 5px; 
                            background: #A9CCE3; 
                            border: 1px solid #A9CCE3; 
                            border-radius:5px;
                        }
            
                        .textebas
                        {
                            padding:6px; 
                             
                            border-radius:5px;
                        }
                        
                        .textebas:hover
                        {
                            padding:5px 5px 7px 5px; 
                            background: #E6B0AA; 
                            border: 1px solid #E6B0AA; 
                            border-radius:5px;
                        }
                        </style>    
            
            
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->                              
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                        <!-- ---------------------------------------- FIN FLECHE HAUT ET BAS  -------------------------------------------------- -->
                      
            
                                                <a data-toggle="modal" data-target="#seconnectermodal"><button style="margin:1px; background-color: transparent; color:black; border: 2px solid transparent; border-radius:5px;"><img class="imgrsbutton" style="margin-right:10px" src="../photo/conseil.png" alt="1"/>0 <span id="blockmobile"> Questions</span></button></a>
            
            
                        <!-- ---------------------------------------- AVOIR UN MODAL UNIQUE -------------------------------------------------- -->
                                    
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
                        <a class="textesouris" data-toggle="modal" data-target="#copierlienmodal43PCLallquestionavis138"><button  style="margin:5px 1px; background-color: transparent; color:black; border: 1px solid transparent; border-radius:5px;"><img class="imgrsbutton" src="../photo/partager.png" alt="" ><span id="blockmobile">Partager</span></button></a>
            
            
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL COPIER LIEN ----------------------------------------------------------------------- -->
            
            
                        <div class="modal fade" id="copierlienmodal43PCLallquestionavis138" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document" style="border-radius:15px;">
                        <div style="border-radius:15px;" class="modal-content">
            
            
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
            
            
                        <div class="row">
                        <div class="col-lg-12" style="margin-bottom:10px;">
            
                        <div style="border-radius:15px; background-color:white;">
                        <div class="row">
                        <div style="border-radius:15px; height:auto;margin:15px;" class="col-md-12" >
                                                <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
                        <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
                        <div class="block-content block-content-full block-content-narrow">
            
                        <h4 style="text-align:center; margin:20px 0;" class="ins3">Copier le lien ci-dessous</h4>
            
            
                        <br>
            
            
                        <span style="font-size:15px;" id="tocopy43PCLallquestionavis138">https://www.bynshare.com/allquestionavis/43-138</span>
                        <input style="background-color: #28B351; color:white; border: 2px solid #28B351; border-radius:15px; font-size:15px;"  type="button" value="Copier le lien" class="js-copy43PCLallquestionavis138" data-target="#tocopy43PCLallquestionavis138">
                        <script>
            
            
                            var btncopy = document.querySelector('.js-copy43PCLallquestionavis138');
                            if(btncopy) {
                                btncopy.addEventListener('click', docopy);
                            }
            
                            function docopy() {
            
                                // Cible de l'élément qui doit être copié
                                var target = this.dataset.target;
                                var fromElement = document.querySelector(target);
                                if(!fromElement) return;
            
                                // Sélection des caractères concernés
                                var range = document.createRange();
                                var selection = window.getSelection();
                                range.selectNode(fromElement);
                                selection.removeAllRanges();
                                selection.addRange(range);
            
                                try {
                                    // Exécution de la commande de copie
                                    var result = document.execCommand('copy');
                                    if (result) {
                                        // La copie a réussi
                                    
                                    }
                                }
                                catch(err) {
                                    // Une erreur est surevnue lors de la tentative de copie
                                    alert(err);
                                }
            
                                // Fin de l'opération
                                selection = window.getSelection();
                                if (typeof selection.removeRange === 'function') {
                                    selection.removeRange(range);
                                } else if (typeof selection.removeAllRanges === 'function') {
                                    selection.removeAllRanges();
                                }
                            }
            
                            var clique = true;
            
                        $('.js-copy43PCLallquestionavis138').click(function(event) 
                        {
                            $(this).val('Lien copié !');
                            
                        if(clique) 
                        {
                        clique = false;
                        return true;
                        }
                        else return false;
                        })
                            // Set a timeout to hide the element again
            
            
                        </script>    
            
            
                        </div>
            
                        <!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                        <!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                        </div>
                        </div>
                        </div>
                        </div>
                        </div>
            
            
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
            
            
                        <div class="modal-footer">
                        <button type="button" class="btn btn-secondary"style="border-radius:5px;"  data-dismiss="modal">Fermer</button> 
                        </div>
            
                        </div>
                        </div>
                        </div>
            
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL COPIER LIEN  -------------------------------------------------------------------->
            
            
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
            
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
                        <!-- --------------------------------------------------  DEBUT MODAL SIGNALER IMAGE----------------------------------------------------------------------- -->
            
            
                        <!-- ---------------------------------------- AVOIR UN MODAL UNIQUE -------------------------------------------------- -->
                                    
                                                
                        <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 class="modal fade" id="signalezmodalSIV43" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document" style="border-radius:15px;">
                        <div style="border-radius:15px;" class="modal-content">
            
            
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
            
            
                        <div class="row">
                        <div class="col-lg-12" style="margin-bottom:10px;">
            
                        <div style="border-radius:15px; background-color:white;">
                        <div class="row">
                        <div style="border-radius:15px; height:auto;margin:15px;" class="col-md-12" >
                                                <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
                        <!-- ////////// --------------------------------------------------DEBUT PDO---------------------------------------------------------------   //////////-->
                        <div class="block-content block-content-full block-content-narrow">
            
                        <h4 style="text-align:center; margin:0 0 20px 0;" class="ins3">Signaler l'image</h4>
            
                                    
                        <a data-toggle="modal" data-target="#seconnectermodal"><button class=" ins4 btn btn-block btn-primary" style="margin:5px 1px; padding: 5px; background-color: #F02849; color:xhite; border: 2px solid #F02849; border-radius:20px;" type="submit">Signaler</button></a>
            
                
                        </div>
            
                        <!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                        <!-- ////////// --------------------------------------------------FIN PDO---------------------------------------------------------------   //////////-->
                        </div>
                        </div>
                        </div>
                        </div>
                        </div>
                        
            
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- END COMPARTIMENT -------------------------------------------------------------------->
            
            
                        <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Terminer</button> 
                        </div>
            
                        </div>
                        </div>
                        </div>
                        
            
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
                        <!---------------------------------------------------------------- FIN MODAL SIGNALER IMAGE -------------------------------------------------------------------->
            
                        
                        </span>                    
                        </div>      
                        </div>
                        </div>
                        
                        <!-- ----------------------------------------------------------------- -->
                        <!-- ----------------------------------------------------------------- -->
            
            
                        </div>
                        </div>
                        </div>
                        
            
                </div>
                </div>
                </div>
    
    
            </div>
            </div>
            </div>
     
        
        <!-- END Page Content -->
        <!-- User Simple Widgets -->


        </div> <!-- grand -->
    </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>
    
    
    <!-- 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=" + $(".avismurhorsligne2:last").attr('id') +"&id_users=114" +"&id_article=110"+"&id_session=",
                success: function(html){
                    if(html){
                        $("#avismurhorsligne").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!">
                    <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>
<div id="chargement" class="text-center alert alert-primary">
<p><span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"> </span>Chargement...</p>	
</div>
<script language='javascript'>
 
temp=document.getElementById('chargement');
setTimeout('temp.style.display="none"',2000);
 
</script>  
    </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>