    <!-- -------------------------------------------------------------- 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="Jouer à des jeux vidéo n'a jamais été aussi paisible grâce à ce setup gamer équipé d'écrans incurvés, d'un clavier mécanique silencieux. La tranquillité est la clé pour une expérience de jeu ultime."/>
        <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 dwenunn"/>
        <meta property="description" content="Jouer à des jeux vidéo n'a jamais été aussi paisible grâce à ce setup gamer équipé d'écrans incurvés, d'un clavier mécanique silencieux. La tranquillité est la clé pour une expérience de jeu ultime."/>
        <meta property="og:title" content="Bynshare de dwenunn"/>
        <meta property="og:description" content="Jouer à des jeux vidéo n'a jamais été aussi paisible grâce à ce setup gamer équipé d'écrans incurvés, d'un clavier mécanique silencieux. La tranquillité est la clé pour une expérience de jeu ultime."/>
        <meta property="og:url" content="https://www.bynshare.com/pagephoto/141-102"/>
        <meta property="og:site_name" content="Bynshare"/>
        <meta property="og:image" itemprop="image" content="https://www.bynshare.com/photo/article/102_20230127012947.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/102_20230127012947.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/102_20230127012947.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/102_20230127012947.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/102_20211122211808.jpg" alt="1"/></a>
                                        </div>
                                        <div class="push-5-t">
                                            <a class="font-w600" data-toggle="modal" data-target="#seconnectermodal">dwenunn</a> <br>
                                            <span class="font-s12 text-muted">Il y a 7 mois et 28 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>Jouer à des jeux vidéo n'a jamais été aussi paisible grâce à ce setup gamer équipé d'écrans incurvés, d'un clavier mécanique silencieux. La tranquillité est la clé pour une expérience de jeu ultime.</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/note9.png" alt="">                                                                 


                                <a  class="textesouris" href="../pagephoto/141-102#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="">2<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">AMD Ryzen 7 5800X 3DV</p>
                                    </div>  
                                                                        
                                    <div class="col-lg-4">
                                                        <table class="pull-right">
                                                            <tr>
                                            
                                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                
                                                                <td>           
                                                                <a href="https://amzn.to/400s0H7" 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">Be Quiet! Dark Rock 4 Pro</p>
                                    </div>  
                                                                        
                                    <div class="col-lg-4">
                                        <table class="pull-right">
                                                            <tr>
                                       
                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                
                                                    <td>           
                                                <a href="https://amzn.to/3HARFik" 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">GIGABYTE B550 AORUS ELITE V2</p>
                                    </div>  
                                                                                                                                                                                  
    
                                    <div class="col-lg-4">
                                        <table class="pull-right">
                                                    <tr>
                                            
                                                                <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                
                                                    <td>           
                                                <a href="https://amzn.to/3Y5GIed" 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">Kingston FURY Renegade 32GB (2x16GB)</p>
                                        </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                         
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3XX2Mbj" 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">Gainward GeForce RTX 4080 Phantom</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                                     
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://www.ldlc.com/fiche/PB00531943.html" 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">WD_BLACK SN850X 1To M.2</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                          
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3HBx9hw" 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">Corsair RM850</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                              
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3WB5gdO" 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">Be quiet! Boitier Moyen Tour ATX</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                          
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3JfOqy4" 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">Be quiet! LightWings PWM 120 High Noir</p>
                                    </div>  
                                                                            
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                                
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3wx6EDB" 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">SAMSUNG C49RG90SSR, Ecran PC Gaming Incurvé</p>
                                    </div>  
                                                                                
                                    <div class="col-lg-4">
                                                                                <table class="pull-right">
                                                                                    <tr>
                                                         
                                                                                        <!-- ////////// ------------------ FIN ENVIES--------------------   //////////-->
                                                                        
                                                                         <td>           
                                                                        <a href="https://amzn.to/3R7E31f" 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="getImage1102HAUT141"></a>
                                        <strong><span class="num102NUM141">6</span></strong>
                                        <a  class="textebas" data-toggle="modal" data-target="#sinscriremodal"><img class="imgrsbutton"src="../photo/basgris.png" id="getImage2102BAS141"></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="" > 0 <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=""> 1<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="imagefun1SAVEarticle141();" ><img class="imgrsbutton"src="../photo/noenvie.png"  id="getImage1SAVEarticle141" alt=""><span id="blockmobile" style="color: black;">Enregistrer</span></a>
 
                                
                                <script>
                                function imagefun1SAVEarticle141() {

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

                                if (Image_Id1.src.match("../photo/noenvie.png")) {
                                    Image_Id1.src = "../photo/envie.png";
                                }
                                else {
                                    Image_Id1.src = "../photo/noenvie.png";
                                }
                                $("#getImage1SAVEarticle141").load("../view/function_view/envies.php", {
                                                id_activite_main : '306',
                                                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="copierlienmodal141PCL102" 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="tocopy141PCL102">https://www.bynshare.com/pagephoto/141-102</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-copy141PCL102" data-target="#tocopy141PCL102">
                                <script>

                                
                                    var btncopy = document.querySelector('.js-copy141PCL102');
                                    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-copy141PCL102').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="102E141comment"></div>
                                                                    <br/>
                                                                                                                                                    <table>
                                                                            <tr>
                                                                            <td>
                                                                            <a data-toggle="modal" data-target="#seconnectermodal"><img class="roundedImagecomment" src="../photo/profil/1_20221018070947.jpg" alt="1"/></a>
                                                                            </td>
    
                                                                            <td>
                                                                            Top ton projet 👍                                                                           </td>
                                                                                                                                                            
                                                                                
                                                                                 </tr>
                                                                                 </table>
                                                                                                                                                          
                                                                        
                                                                    <!-- END Post Comment -->
    
                            </div> 
                        </div>
                                                <script>
                                                                        document.getElementById('scroll').scrollTop = document.getElementById('scroll');
                                                                        </script>
                        </div>
                                                              <br>
                                                             <!-- ////////// ------------------FIN COMMENTAIRE---------------------------   //////////-->  
                   
    
                    </div>
                </div>
                </div>
                </div>
                           
                              
                            <!-- ------------------------------------------------------------------- -->
                        <!-- ----------------------- POSTER UN AVIS ---------------------------- -->
                        <!-- ------------------------------------------------------------------- -->
                        <!-- ------------------------------------------------------------------- -->
              
                    
                <div class="block divarticleblock block blockborder" >
                <div class="block-content">
                
                        <a id="divavis"></a>
    
                            <!-- ------------------------------------------------------------------- -->
    
                    
                        <div class="row">
                        <div class="col-lg-12">
                       
    
                                <div style="margin: 0 0 10px 10px">
                                    <strong>Hello toi </strong>,
                                    tu as acheté le même article !? Poste ton avis avec une photo.<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>2                                                    
                                                    </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="64">     
                                                <div id="A64"></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="../viruspepito"><img class="roundedImageprofilarticle" src="../photo/profil/75_20211120215918.jpg" alt="1"/></a>
                        </td>
                        <td>
            
                        <strong><a data-toggle="modal" data-target="#seconnectermodal">Viruspepito</a></strong>
                        
                        <span class="font-s12 text-muted">Il y a 7 mois et 10 jours</span>
                        
                        </td>
                        </tr>
                        </table>     
                    </div>
                            
                        <br>
                        <span><strong>Ventilateur Be quiet! LightWings PWM 120 High Noir</strong><br><br>
                        <p>Hey si vous cherchez à optimiser le refroidissement de votre setup tout en maintenant un niveau de bruit raisonnable, les ventilateurs Be Quiet! LightWings PWM 120 High pourraient être un excellent choix pour vous. Les utilisateurs les considèrent comme une option de qualité supérieure pour ceux qui cherchent une performance de refroidissement efficace et un niveau de bruit relativement faible.<br />
<br />
Ils sont équipés d'un mécanisme de commande de la vitesse PWM, ce qui te permet de réguler la vitesse de rotation pour un meilleur contrôle de la température.                         </p>
                        </div>
            
                        
                        <div class="col-xs-4">
                       
                        <div style="height:auto;">
                            <a href=""  data-toggle="modal" data-target="#64CD"><img class="displayed; roundedImageavisarticlequestion" style="max-height:120px; width:auto; margin: 10px auto; display: block; border: 2px solid #8E44AD;"  src="../photo/avis/75_20230214033233.jpg" /></a>
                                                    
            
                                <!-- MODAL -->
                                <div class="modal fade" id="64CD" 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/75_20230214033233.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="getImage175HAUTavis64"></a>
                                <strong><span class="num75NUMavis64">4</span></strong>
                                <a  class="textebas" data-toggle="modal" data-target="#seconnectermodal"><img class="imgrsbuttonfleche"src="../photo/basgris.png" id="getImage275BASavis64"></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="#copierlienmodal64PCLallquestionavis75"><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="copierlienmodal64PCLallquestionavis75" 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="tocopy64PCLallquestionavis75">https://www.bynshare.com/allquestionavis/64-75</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-copy64PCLallquestionavis75" data-target="#tocopy64PCLallquestionavis75">
                        <script>
            
            
                            var btncopy = document.querySelector('.js-copy64PCLallquestionavis75');
                            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-copy64PCLallquestionavis75').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="signalezmodalSIV64" 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="61">     
                                                <div id="A61"></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="../leejay_games"><img class="roundedImageprofilarticle" src="../photo/profil/1_20221018070947.jpg" alt="1"/></a>
                        </td>
                        <td>
            
                        <strong><a data-toggle="modal" data-target="#seconnectermodal">Leejay_games</a></strong>
                        
                        <span class="font-s12 text-muted">Il y a 7 mois et 24 jours</span>
                        
                        </td>
                        </tr>
                        </table>     
                    </div>
                            
                        <br>
                        <span><strong>Alim RM 850</strong><br><br>
                        <p>Le Corsair RM850 est généralement considéré comme une bonne affaire par les gens qui cherchent une alimentation fiable et efficace pour leur PC. Les gens aiment sa qualité de construction, son silence pendant son fonctionnement et son rendement élevé. Peu de gens ont eu des problèmes avec lui, mais certains ont signalé des soucis de fiabilité. En gros, beaucoup de gens considèrent que le Corsair RM850 est une bonne option pour ceux qui veulent une alimentation de qualité pour leur PC.                        </p>
                        </div>
            
                        
                        <div class="col-xs-4">
                       
                        <div style="height:auto;">
                            <a href=""  data-toggle="modal" data-target="#61CD"><img class="displayed; roundedImageavisarticlequestion" style="max-height:120px; width:auto; margin: 10px auto; display: block; border: 2px solid #8E44AD;"  src="../photo/avis/1_20230131035503.jpg" /></a>
                                                    
            
                                <!-- MODAL -->
                                <div class="modal fade" id="61CD" 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/1_20230131035503.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="getImage11HAUTavis61"></a>
                                <strong><span class="num1NUMavis61">5</span></strong>
                                <a  class="textebas" data-toggle="modal" data-target="#seconnectermodal"><img class="imgrsbuttonfleche"src="../photo/basgris.png" id="getImage21BASavis61"></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="#copierlienmodal61PCLallquestionavis1"><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="copierlienmodal61PCLallquestionavis1" 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="tocopy61PCLallquestionavis1">https://www.bynshare.com/allquestionavis/61-1</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-copy61PCLallquestionavis1" data-target="#tocopy61PCLallquestionavis1">
                        <script>
            
            
                            var btncopy = document.querySelector('.js-copy61PCLallquestionavis1');
                            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-copy61PCLallquestionavis1').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="signalezmodalSIV61" 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=102" +"&id_article=141"+"&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>